/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[1].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[4].rules[1].use[0]!./node_modules/@angular-devkit/build-angular/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].rules[1].use[1]!./src/global-docomo.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/* Base SCSS */
/*
 * Ionic Fonts Reset
 * ----------------------------------------------------------------------------
 * Common Custom Fonts Should Be Set Here.
 *
 */
/* Safari and Firefox use -apple-system for San Fransisco; Chrome recognizes BlinkMacSystemFont */
/* system-ui — default UI font on a given platform */
/* 要注意）Font familyのバグ： */
/* 期待フォントが日本語用のフォントの場合は -> fallback -apple-system > BlinkMacSystemFont > etc... */
/* 期待フォントが英数字用のフォントの場合は -> fallbackの記述通りにfallbackしていく。 */
/**********************
Font familyの定義
**********************/
/* 共通 font family */
/* 例外 font その ① */
/* docomo 例外 font その ① */
/* 例外 font その ② */
/* 例外 font その ③ */
/* 例外 font その ④ */
/* 例外 font その ⑤ */
/*例外 font その ⑥ */
/* etc... */
/**********************
mixin and imports
**********************/
/* variables */
:root {
  --font-size-10: 0.625rem;
  --font-size-12: calc(0.5rem + 1.07vw);
  --font-size-small: calc(0.625rem + 1.07vw);
  --font-size-medium: calc(0.75rem + 1.07vw);
  --font-size-large: calc(0.875em + 1.07vw);
  --font-size-20: calc(1em + 1.07vw);
  --font-size-24: calc(1.25rem + 1.07vw);
}
@media (min-width: 375px) {
  :root {
    --font-size-12: 0.75rem;
    --font-size-small: 0.875rem;
    --font-size-medium: 1rem;
    --font-size-large: 1.125rem;
    --font-size-20: 1.25rem;
    --font-size-24: 1.5rem;
  }
}
/* class */
#docomo .text-bottom, #docomo .text-top {
  font-size: 0.625rem !important;
  font-size: var(--font-size-10) !important;
}
.font-extra-small, #docomo .text-illustration-banner2, #docomo .text-illustration-banner, #docomo .text-label, #docomo .text-extra-small, #docomo .unique-g13-02 p {
  font-size: calc(0.5rem + 1.07vw) !important;
  font-size: var(--font-size-12) !important;
}
.font-small, #docomo .text-label-point > span, #docomo .text-label-title, #docomo .text-small-narrow-top-space, #docomo .text-small {
  font-size: calc(0.625rem + 1.07vw) !important;
  font-size: var(--font-size-small) !important;
}
.font-medium {
  font-size: calc(0.75rem + 1.07vw) !important;
  font-size: var(--font-size-medium) !important;
}
.font-large, #docomo .text-large {
  font-size: calc(0.875em + 1.07vw) !important;
  font-size: var(--font-size-large) !important;
}
.font-medium-large, #docomo .text-medium-large {
  font-size: calc(1em + 1.07vw) !important;
  font-size: var(--font-size-20) !important;
}
.font-extra-large, #docomo .text-extra-large {
  font-size: calc(1.25rem + 1.07vw) !important;
  font-size: var(--font-size-24) !important;
}
@media (min-width: 1024px) {
  #docomo .text-bottom, #docomo .text-top {
    font-size: 0.625rem !important;
  }

  .font-extra-small, #docomo .text-illustration-banner2, #docomo .text-illustration-banner, #docomo .text-label, #docomo .text-extra-small, #docomo .unique-g13-02 p {
    font-size: 0.75rem !important;
  }

  .font-small, #docomo .text-label-point > span, #docomo .text-label-title, #docomo .text-small-narrow-top-space, #docomo .text-small {
    font-size: 0.875rem !important;
  }

  .font-medium {
    font-size: 1rem !important;
  }

  .font-large, #docomo .text-large {
    font-size: 1.125rem !important;
  }

  .font-medium-large, #docomo .text-medium-large {
    font-size: 1.25rem !important;
  }

  .font-extra-large, #docomo .text-extra-large {
    font-size: 1.5rem !important;
  }
}
/*
  例:
  [class="red-text"] {
    color: var(--ion-color-danger);
  }
*/
/*
 * Ionic CSS Reset
 * ----------------------------------------------------------------------------
 * Ionic Variables and Theming. For more info, please see:
 * http://ionicframework.com/docs/theming/
 */
/* no margin top for the first element */
/* css3-prefix */
/* font
default $base-font 16px normal
use example: @include font(10px), font(optional) */
/* radius
default 4px
use example: @include border-radius(10px) */
/* border
default 1px solid light grey
use example: @include border($corner: top), @include border($corner: bottom, $width: 2px) etc... */
/* opacity
default level 0.5 */
/* ellipsis */
/* no-ellipsis */
/* keyframe */
/* animation */
/* absolute position */
/* absolute relative */
/************* Break Point *****************/
/*
 * Ionic CSS Variables
 * ----------------------------------------------------------------------------
 * Ionic Variables and Theming. For more info, please see:
 * https://ionicframework.com/docs/theming/colors
 */
/*
 *  For example, to add a new color called "favorite":
 *  :root {
 *   --ion-color-favorite: #69bb7b;
 *   --ion-color-favorite-rgb: 105,187,123;
 *   --ion-color-favorite-contrast: #ffffff;
 *   --ion-color-favorite-contrast-rgb: 255,255,255;
 *   --ion-color-favorite-shade: #5ca56c;
 *   --ion-color-favorite-tint: #78c288;
 * }
 *
 * Create a new class that uses these CSS variables.
 * The class must be written in the format,
 *   .ion-color-{COLOR} where {COLOR} is the name of the color to add:
 *   .ion-color-favorite {
 *   --ion-color-base: var(--ion-color-favorite);
 *   --ion-color-base-rgb: var(--ion-color-favorite-rgb);
 *   --ion-color-contrast: var(--ion-color-favorite-contrast);
 *   --ion-color-contrast-rgb: var(--ion-color-favorite-contrast-rgb);
 *   --ion-color-shade: var(--ion-color-favorite-shade);
 *   --ion-color-tint: var(--ion-color-favorite-tint);
 * }
 *
 * Use:
 * <ion-button color="favorite">Favorite</ion-button>
 */
#docomo {
  /* general color palette */
  --ion-color-custom-black: #111111;
  --ion-color-custom-white: #ffffff;
  --ion-color-custom-dark-gold: #c6a465;
  --ion-color-custom-gold: #ded2bc;
  --ion-color-custom-light-gold: #faf7f1;
  --ion-color-custom-dark-blue: #003a77;
  --ion-color-custom-blue: #0099ff;
  --ion-color-link-blue: #006DC5;
  --ion-color-custom-pink: #fcecec;
  --ion-color-custom-olive-green: #405f26;
  --ion-color-custom-dark-green: #28a69a;
  --ion-color-custom-green: #c6e0dd;
  --ion-color-custom-light-green: #daf5f3;
  --ion-color-custom-super-light-green: #f4fffe;
  --ion-color-custom-red: #cc0000;
  --ion-color-custom-gray: #e5e5e5;
  --ion-color-custom-midgray: #eaeaf4;
  --ion-color-docomo-red: #cc0033;
  --ion-color-docomo-yellow: #eee562;
  --ion-color-bg-body: #f0eeec;
  --ion-color-txt-basis: #3d3d3d;
  --ion-color-chacol-chacol100: #4d4639;
  --ion-color-bg-arrow: #f0edeb;
  --ion-color-bg-btn-normal: #fcfcfc;
  --ion-color-border-btn-normal: #e0efdd;
  --ion-color-txt-moderate-gry: #707070;
  --ion-color-txt-moderate-light: #b3b3b3;
  --ion-color-line-basis: #f2f2f2;
  --ion-color-line-body: #f2f2f2;
  --ion-color-line-strong: #d4d2cf;
  --ion-color-line-btn-normal: #e0dfdd;
  --ion-color-bg-cont-strong: #ebeae6;
  --ion-color-bg-cont-light: #f7f5f3;
  --ion-color-bg-tag-basis: #edeef0;
  --ion-color-bg-overlay: #ebe7e4e0;
  --ion-color-ui-tool: #cccac9;
  --ion-color-gry-ultralightGry: #f7f7f7;
  --ion-color-alert: #a60000;
  /************* ionic default button color *****************/
  /* success */
  --ion-color-success: #64c482;
  --ion-color-success-rgb: 100, 196, 130;
  --ion-color-success-contrast: var(--ion-color-custom-white);
  --ion-color-success-contrast-rgb: 255, 255, 255;
  --ion-color-success-shade: #64c482;
  --ion-color-success-tint: #64c482;
  /* warning */
  --ion-color-warning: #cc4e00;
  --ion-color-warning-rgb: 204, 78, 0;
  --ion-color-warning-contrast: var(--ion-color-custom-white);
  --ion-color-warning-contrast-rgb: 255, 255, 255;
  --ion-color-warning-shade: #cc4e00;
  --ion-color-warning-tint: #cc4e00;
  /* danger */
  --ion-color-danger: #cc0000;
  --ion-color-danger-rgb: 204, 0, 0;
  --ion-color-danger-contrast: var(--ion-color-custom-white);
  --ion-color-danger-contrast-rgb: 255, 255, 255;
  --ion-color-danger-shade: #d33939;
  --ion-color-danger-tint: #fdf5f5;
  /* brown */
  --ion-color-brown: #c6a465;
  --ion-color-brown-rgb: 198, 164, 101;
  --ion-color-brown-contrast: #ffffff;
  --ion-color-brown-contrast-rgb: 255, 255, 255;
  --ion-color-brown-shade: #c6a465;
  --ion-color-brown-tint: #faf7f1;
  /* gold */
  --ion-color-gold: #ded2bc;
  --ion-color-gold-rgb: 222, 210, 188;
  --ion-color-gold-contrast: #ffffff;
  --ion-color-gold-contrast-rgb: 255, 255, 255;
  --ion-color-gold-shade: #c6a465;
  --ion-color-gold-tint: #faf7f1;
  /* light-brown */
  --ion-color-light-brown: #faf7f1;
  --ion-color-light-brown-rgb: 250, 247, 241;
  --ion-color-light-brown-contrast: #ffffff;
  --ion-color-light-brown-contrast-rgb: 255, 255, 255;
  --ion-color-light-brown-shade: #c6a465;
  --ion-color-light-brown-tint: #faf7f1;
  /* blue */
  --ion-color-blue: #003a77;
  --ion-color-blue-rgb: 0, 58, 119;
  --ion-color-blue-contrast: #ffffff;
  --ion-color-blue-contrast-rgb: 255, 255, 255;
  --ion-color-blue-shade: #003a77;
  --ion-color-blue-tint: #b8c8d9;
  /* red */
  --ion-color-red: #cc0000;
  --ion-color-red-rgb: 204, 0, 0;
  --ion-color-red-contrast: #ffffff;
  --ion-color-red-contrast-rgb: 255, 255, 255;
  --ion-color-red-shade: #d33939;
  --ion-color-red-tint: #D94040;
  /* link */
  --ion-color-link: #006DC5;
  --ion-color-link-rgb: 70, 152, 217;
  --ion-color-link-contrast: #ffffff;
  --ion-color-link-contrast-rgb: 255, 255, 255;
  --ion-color-link-shade: #006DC5;
  --ion-color-link-tint: #006DC5;
  /* light */
  --ion-color-light: #f4f5f8;
  --ion-color-light-rgb: 244, 244, 244;
  --ion-color-light-contrast: var(--ion-color-custom-black);
  --ion-color-light-contrast-rgb: 0, 0, 0;
  --ion-color-light-shade: #d7d8da;
  --ion-color-light-tint: #f5f6f9;
  /* medium */
  --ion-color-medium: #989aa2;
  --ion-color-medium-rgb: 152, 154, 162;
  --ion-color-medium-contrast: var(--ion-color-custom-white);
  --ion-color-medium-contrast-rgb: 255, 255, 255;
  --ion-color-medium-shade: #86888f;
  --ion-color-medium-tint: #a2a4ab;
  /* dark */
  --ion-color-dark: #222428;
  --ion-color-dark-rgb: 34, 34, 34;
  --ion-color-dark-contrast: var(--ion-color-custom-white);
  --ion-color-dark-contrast-rgb: 255, 255, 255;
  --ion-color-dark-shade: #1e2023;
  --ion-color-dark-tint: #383a3e;
  /* pickup */
  --ion-color-pick-up: #facb32;
  --ion-color-pick-up-rgb: 250, 203, 50;
  --ion-color-pick-up-contrast: var(--ion-color-custom-white);
  --ion-color-pick-up-contrast-rgb: 255, 255, 255;
  --ion-color-pick-up-shade: #facb32;
  --ion-color-pick-up-tint: #facb32;
  /* disable */
  --ion-color-disable: #e0dfdd;
  --ion-color-disable-rgb: 224, 223, 221;
  --ion-color-disable-contrast: var(--ion-color-custom-white);
  --ion-color-disable-contrast-rgb: 255, 255, 255;
  --ion-color-disable-shade: #e0dfdd;
  --ion-color-disable-tint: #e0dfdd;
  /* gray */
  --ion-color-gray: #b3b3b3;
  --ion-color-gray-rgb: 204, 202, 201;
  --ion-color-gray-contrast: var(--ion-color-custom-white);
  --ion-color-gray-contrast-rgb: 255, 255, 255;
  --ion-color-gray-shade: #b3b3b3;
  --ion-color-gray-tint: #b3b3b3;
  /************* ionic custumized preset button color *****************/
  /************* gray scale color color *****************/
  --ion-color-step-scroll-track: #ebebeb;
  --ion-color-step-scroll-thumb: #a8a8a8;
  --ion-color-step-25: #f0f0f0;
  --ion-color-step-50: #f2f2f2;
  --ion-color-step-100: #f4f4f8;
  --ion-color-step-115: #f5f5f5;
  --ion-color-step-125: #f8f8f8;
  --ion-color-step-150: #d8d8d8;
  --ion-color-step-200: #cccccc;
  --ion-color-step-250: #bfbfbf;
  --ion-color-step-300: #b3b3b3;
  --ion-color-step-350: #a6a6a6;
  --ion-color-step-400: #999999;
  --ion-color-step-450: #8c8c8c;
  --ion-color-step-500: #808080;
  --ion-color-step-550: #737373;
  --ion-color-step-600: #666666;
  --ion-color-step-650: #555555;
  --ion-color-step-700: #4d4d4d;
  --ion-color-step-750: #404040;
  --ion-color-step-800: #333333;
  --ion-color-step-850: #262626;
  --ion-color-step-900: #191919;
  --ion-color-step-950: #0d0d0d;
  /************* EDSP branding theme *****************/
  /* text color */
  --ion-default-text-color: var(--ion-color-txt-basis);
  --ion-link-text-color: var(--ion-color-link-blue);
  --ion-error-text-color: var(--ion-color-alert);
  --ion-h1-text-color: var(--ion-color-txt-basis);
  --ion-form-supplement-text-color: var(--ion-color-txt-moderate-gry);
  --ion-form-place-holder-text-color: var(--ion-color-txt-moderate-light);
  --ion-disabled-text-color: var(--ion-color-step-150);
  --ion-table-header-text-color: var(--ion-color-custom-white);
  /* background color */
  --ion-background-color: var(--ion-color-bg-body);
  --ion-default-bg-color: var(--ion-color-bg-body);
  --ion-emphasis-bg-color: var(--ion-color-bg-cont-strong);
  --ion-form-error-bg-color: var(--ion-color-bg-btn-normal);
  --ion-table-form-bg-color: var(--ion-color-bg-btn-normal);
  --ion-table-header-bg-color: var(--ion-color-docomo-red);
  /* border color */
  --ion-form-border-color: var(--ion-color-line-btn-normal);
  --ion-separator-border-color: var(--ion-color-line-strong);
  --ion-dot-line-separator-border-color: var(--ion-color-step-400);
  --ion-default-border-color: var(--ion-color-line-basis);
  --ion-tab-border-color: var(--ion-color-line-basis);
  --ion-form-error-border-color: var(--ion-color-warning);
  --ion-closed-accordion-border-color: var(--ion-color-step-50);
  /* icon color */
  --ion-default-icon-color: var(--ion-color-chacol-chacol100);
  --ion-form-icon-color: var(--ion-color-custom-dark-gold);
  --ion-link-icon-color: var(--ion-color-link-blue);
  --ion-header-menu-icon-color: var(--ion-color-custom-black);
  --ion-error-icon-color: var(--ion-color-custom-red);
  --ion-notification-icon-color: var(--ion-color-custom-dark-green);
  --ion-carousel-icon-color: var(--ion-color-step-200);
  /************* landing page *****************/
}
#docomo .ion-color-brown {
  --ion-color-base: var(--ion-color-brown);
  --ion-color-base-rgb: var(--ion-color-brown-rgb);
  --ion-color-contrast: var(--ion-color-brown-contrast);
  --ion-color-contrast-rgb: var(--ion-color-brown-contrast-rgb);
  --ion-color-shade: var(--ion-color-brown-shade);
  --ion-color-tint: var(--ion-color-brown-tint);
}
#docomo .ion-color-gold {
  --ion-color-base: var(--ion-color-gold);
  --ion-color-base-rgb: var(--ion-color-gold-rgb);
  --ion-color-contrast: var(--ion-color-gold-contrast);
  --ion-color-contrast-rgb: var(--ion-color-gold-contrast-rgb);
  --ion-color-shade: var(--ion-color-gold-shade);
  --ion-color-tint: var(--ion-color-gold-tint);
}
#docomo .ion-color-blue {
  --ion-color-base: var(--ion-color-blue);
  --ion-color-base-rgb: var(--ion-color-blue-rgb);
  --ion-color-contrast: var(--ion-color-blue-contrast);
  --ion-color-contrast-rgb: var(--ion-color-blue-contrast-rgb);
  --ion-color-shade: var(--ion-color-blue-shade);
  --ion-color-tint: var(--ion-color-blue-tint);
}
#docomo .ion-color-red {
  --ion-color-base: var(--ion-color-red);
  --ion-color-base-rgb: var(--ion-color-red-rgb);
  --ion-color-contrast: var(--ion-color-red-contrast);
  --ion-color-contrast-rgb: var(--ion-color-red-contrast-rgb);
  --ion-color-shade: var(--ion-color-red-shade);
  --ion-color-tint: var(--ion-color-red-tint);
}
#docomo .ion-color-link {
  --ion-color-base: var(--ion-color-link);
  --ion-color-base-rgb: var(--ion-color-link-rgb);
  --ion-color-contrast: var(--ion-color-link-contrast);
  --ion-color-contrast-rgb: var(--ion-color-link-contrast-rgb);
  --ion-color-shade: var(--ion-color-link-shade);
  --ion-color-tint: var(--ion-color-link-tint);
}
#docomo .ion-color-light-brown {
  --ion-color-base: var(--ion-color-light-brown);
  --ion-color-base-rgb: var(--ion-color-light-brown-rgb);
  --ion-color-contrast: var(--ion-color-light-brown-contrast);
  --ion-color-contrast-rgb: var(--ion-color-light-brown-contrast-rgb);
  --ion-color-shade: var(--ion-color-light-brown-shade);
  --ion-color-tint: var(--ion-color-light-brown-tint);
}
#docomo .ion-color-gray {
  --ion-color-base: var(--ion-color-gray);
  --ion-color-base-rgb: var(--ion-color-gray-rgb);
  --ion-color-contrast: var(--ion-color-gray-contrast);
  --ion-color-contrast-rgb: var(--ion-color-gray-contrast-rgb);
  --ion-color-shade: var(--ion-color-gray-shade);
  --ion-color-tint: var(--ion-color-gray-tint);
}
#docomo .landing-theme {
  /* text color */
  --ion-default-text-color: var(--ion-color-custom-white);
  --ion-link-text-color: var(--ion-color-custom-white);
  --ion-error-text-color: var(--ion-color-custom-red);
  --ion-h1-text-color: var(--ion-color-custom-white);
  --ion-form-supplement-text-color: var(--ion-color-step-650);
  --ion-form-place-holder-text-color: var(--ion-color-step-400);
  --ion-disabled-text-color: var(--ion-color-step-150);
  --ion-table-header-text-color: var(--ion-color-custom-white);
  /* background color */
  --ion-default-bg-color: var(--ion-color-custom-white);
  --ion-emphasis-bg-color: var(--ion-color-step-100);
  --ion-form-error-bg-color: var(--ion-color-custom-pink);
  --ion-table-form-bg-color: var(--ion-color-custom-light-gold);
  --ion-table-header-bg-color: var(--ion-color-docomo-red);
  /* border color */
  --ion-form-border-color: var(--ion-color-custom-white);
  --ion-separator-border-color: var(--ion-color-step-200);
  --ion-dot-line-separator-border-color: var(--ion-color-step-400);
  --ion-default-border-color: var(--ion-color-custom-white);
  --ion-tab-border-color: var(--ion-color-custom-white);
  --ion-form-error-border-color: var(--ion-color-custom-red);
  --ion-closed-accordion-border-color: var(--ion-color-step-50);
  /* icon color */
  --ion-default-icon-color: var(--ion-color-custom-white);
  --ion-form-icon-color: var(--ion-color-custom-white);
  --ion-link-icon-color: var(--ion-color-custom-white);
  --ion-header-menu-icon-color: var(--ion-color-custom-black);
  --ion-error-icon-color: var(--ion-color-custom-red);
  --ion-notification-icon-color: var(--ion-color-custom-dark-green);
  --ion-carousel-icon-color: var(--ion-color-step-200);
  /* gray scale */
  /*--ion-color-step-50: #0d0d0d;
  --ion-color-step-100: #191919;
  --ion-color-step-150: #262626;
  --ion-color-step-200: #333333;
  --ion-color-step-250: #404040;
  --ion-color-step-300: #4d4d4d;
  --ion-color-step-350: #555555;
  --ion-color-step-400: #666666;
  --ion-color-step-450: #737373;
  --ion-color-step-500: #808080;
  --ion-color-step-550: #8c8c8c;
  --ion-color-step-600: #999999;
  --ion-color-step-650: #a6a6a6;
  --ion-color-step-700: #b3b3b3;
  --ion-color-step-750: #bfbfbf;
  --ion-color-step-800: #cccccc;
  --ion-color-step-850: #d8d8d8;
  --ion-color-step-900: #f4f4f8;
  --ion-color-step-950: #f2f2f2;*/
}
#docomo {
  /*
   * docomo Design
   * ----------------------------------------------------------------------------
   * 商品「ドコモ」だけ適用するデザイン。
   *
   * コードが壊れないように下記のルールにきをつけてください：
   * 必ずIDかクラスを使ってください。タグ定義は禁止です。
   * good：
   * li.my-class {}
   *
   * bad:
   * li {}
   */
  /* バリエーションチャックのスタイル */
  /*
   * Temporary
   * ----------------------------------------------------------------------------
   * 開発者は一時的にコードを書く時はこちらに描いてください。
   * XDチームが定期的に回収していきます。
   *
   * コードが壊れないように下記のルールにきをつけてください：
   * 必ずIDかクラスを使ってください。タグ定義は禁止です。
   * good：
   * li.my-class {}
   *
   * bad:
   * li {}
   */
  /* 非活性時のスタイル統一 */
  /** 正式見積結果画面の静的コンテンツ画像を縮ませない対応 */
  /*
   * Page
   * ----------------------------------------------------------------------------
   *
   */
  /*
   * Static Page
   * ----------------------------------------------------------------------------
   *
   */
  /*
   * Accordion Box
   * ----------------------------------------------------------------------------
   *
   */
  /*
   * Anchor List Box
   * ----------------------------------------------------------------------------
   *
   */
  /*
   * Box
   * ----------------------------------------------------------------------------
   *
   */
  /*
   * Select Calendar
   * ----------------------------------------------------------------------------
   *
   */
  /*
   * Chg Box
   * ----------------------------------------------------------------------------
   *
   */
  /*
   * Cnf Box
   * ----------------------------------------------------------------------------
   *
   */
  /*
   * Content Box
   * ----------------------------------------------------------------------------
   *
   */
  /*
   * Credit Car Box
   * ----------------------------------------------------------------------------
   *
   */
  /*
   * CVS
   * ----------------------------------------------------------------------------
   *
   */
  /*
   * Form Box
   * ----------------------------------------------------------------------------
   *
   */
  /* frm-map-01 */
  /*
   * Footer Box
   * ----------------------------------------------------------------------------
   *
   */
  /*
   * Static Footer CSS
   * ----------------------------------------------------------------------------
   *
   */
  /* ----- footerArea ----- */
  /* ----- footerLinkBlock ----- */
  /*
   * Header
   * ----------------------------------------------------------------------------
   *
   */
  /* Landing top page header */
  /*
   * Landing Bg (IMG-01)
   * ----------------------------------------------------------------------------
   *
   */
  /* background parallax pages */
  /* background center pages */
  /*
   * loading
   * ----------------------------------------------------------------------------
   *
   */
  /*
   * loading-edsp
   * ----------------------------------------------------------------------------
   *
   */
  /*
   * Modal Box
   * ----------------------------------------------------------------------------
   *
   */
  /*
   * New
   * ----------------------------------------------------------------------------
   *
   */
  /*
   * Border Base
   * ----------------------------------------------------------------------------
   *
   */
  /*
   * Pay Box
   * ----------------------------------------------------------------------------
   *
   */
  /*
   * Select Box
   * ----------------------------------------------------------------------------
   *
   */
  /* select-box-split-wrap */
  /* text-selection-input-multiline */
  /* select-calendar-wrap */
  /* select-box-parameters */
  /*
   * Select By Letter Box
   * ----------------------------------------------------------------------------
   *
   */
  /*
   * Select Image
   * ----------------------------------------------------------------------------
   *
   */
  /* select-image-01 */
  /* select-car-content */
  /*
   * Slider Box
   * ----------------------------------------------------------------------------
   *
   */
  /* slider-box */
  /*
   * Stepper Box
   * ----------------------------------------------------------------------------
   *
   */
  /*
   * Tab
   * ----------------------------------------------------------------------------
   *
   */
  /*
   * TGT
   * ----------------------------------------------------------------------------
   *
   */
  /*
   * Landing Bg (IMG-01)
   * ----------------------------------------------------------------------------
   *
   */
  /* background parallax pages */
  /* background center pages */
  /*
   * Unique Box
   * ----------------------------------------------------------------------------
   *
   */
  /* unique-box-01 */
  /* unique-box-02 */
  /* unique-box-05 */
  /* unique-box-07 */
  /* Button 10 */
  /* unique-box-08 */
  /* unique-odo-01 */
  /* unique-nmb-01 */
  /* unique-box-10 */
  /* unique-cnf-05 */
  /* unique-cnf-06 */
  /* unique-clc */
  /* unique-g10-03-wrap */
  /* unique-g19-04 */
  /* unique-g19-05 */
  /* unique-g19-01 */
  /* unique-g19-02 */
  /* unique-g13-03 */
  /* unique-g13-02 */
  /* unique-g11-01 */
  /* unique-img-select */
  /* unique-g12-03 */
  /* unique-g13-06 */
  /* unique-g13-07 */
  /* unique-ccn-01 */
  /* unique-g2-02 */
  /* unique-box-reg-01 */
  /* unique-g14-004-wrap */
  /* uni-g13-09 */
  /*
   * BAC
   * ----------------------------------------------------------------------------
   *
   */
  /*
   * Button Base
   * ----------------------------------------------------------------------------
   *
   */
  /* button-icon-base */
  /* button-iupload-base */
  /*
   * Button
   * ----------------------------------------------------------------------------
   *
   */
  /* button-landing-normal */
  /* button-landing-big */
  /* button-wrap */
  /* button-wrap-slim */
  /* button-normal */
  /* button-normal-secondary */
  /* button-little */
  /* button-slc-car */
  /* button-slim */
  /* button-slim-thin */
  /* button-slim-thin-arrow-down */
  /* for LNK-03 */
  /* button-wrap-left */
  /* button-left */
  /* button-center-wrap */
  /* button-center */
  /* button-right-wrap */
  /* button-right */
  /* button-split */
  /* button-upload */
  /* button-icon-box */
  /* button-icon-1-wrap */
  /* button-icon-2-wrap */
  /* button-icon-3-wrap */
  /* button-iup-{$i}-wrap */
  /* button-iup-{$i}-wrap */
  /* button-iup-{$i}-wrap */
  /* ion-button click時の挙動制御*/
  /*
   * Border Base
   * ----------------------------------------------------------------------------
   *
   */
  /*
   * Border
   * ----------------------------------------------------------------------------
   *
   */
  /* border-normal */
  /*
   * Checkbox Button Base
   * ----------------------------------------------------------------------------
   *
   */
  /*
   * Checkbox Button
   * ----------------------------------------------------------------------------
   *
   */
  /* checkbox-button-normal-wrap */
  /* checkbox-button-normal */
  /* checkbox-button-split */
  /* checkbox-button-multiline */
  /*
   * Controller Box
   * ----------------------------------------------------------------------------
   *
   */
  /* 設定 */
  /* controller-box */
  /*
   * Image Base
   * ----------------------------------------------------------------------------
   *
   */
  /* image-text-base */
  /*
   * Image
   * ----------------------------------------------------------------------------
   *
   */
  /* image-text-1 */
  /* image-text-2 */
  /* image-text-3 */
  /* image-text-4 */
  /*
   * Input Base
   * ----------------------------------------------------------------------------
   *
   */
  /*
   * Input
   * ----------------------------------------------------------------------------
   *
   */
  /* text-input-normal */
  /* text-area-input-normal */
  /* text-selection-input-normal */
  /* text-search-input-normal */
  /* text-calendar-input-normal */
  /* text-search-input-normal */
  /* text-calendar-time-input-normal */
  /*
   * Link Base
   * ----------------------------------------------------------------------------
   *
   */
  /* link-image-base */
  /*
   * Link
   * ----------------------------------------------------------------------------
   *
   */
  /* link-normal */
  /* text-normal-link */
  /* text-in-sentence */
  /* link-large */
  /* link-inline */
  /* link-icon */
  /* link-image-1 */
  /* link-image-2 */
  /* link-image-3-unique */
  /* link-image-3-unique-file */
  /* link-image-3 */
  /* link-image-2-unique-file */
  /*
   * Paragraph Base
   * ----------------------------------------------------------------------------
   *
   */
  /*
   * Paragraph Base
   * ----------------------------------------------------------------------------
   *
   */
  /*
   * Paragraph
   * ----------------------------------------------------------------------------
   *
   */
  /* list dot */
  /* list dot 2 */
  /* list dot 3 */
  /* list dot 4 */
  /* list dot 5 */
  /* list decimal */
  /* list decimal 02 */
  /* list decimal 03 */
  /* list decimal 04 */
  /* list alphabetical */
  /* list example */
  /* list sharp */
  /* list sharp 02 */
  /* list sharp 03 */
  /*
   * List Selection Button Base
   * ----------------------------------------------------------------------------
   *
   */
  /*
   * List Selection Button
   * ----------------------------------------------------------------------------
   *
   */
  /* list-selection-button-normal-wrap */
  /* list-selection-button-normal */
  /* list-selection-button-multiline */
  /*
   * Margin
   * ----------------------------------------------------------------------------
   *
   */
  /*
    使い方要注意!!!
    他に方法がなければこれを使ってください。あまり使って欲しくないdirectiveです。
  */
  /* content-box margin reset */
  /* margin top 60px */
  /* margin top 55px */
  /* margin top 50px */
  /* margin top 45px */
  /* margin top 40px */
  /* margin top 35px */
  /* margin top 30px */
  /* margin top 25px */
  /* margin top 20px */
  /* margin top 15px */
  /* margin top 10px */
  /* margin top 5px */
  /* margin bottom 5px */
  /* margin bottom 10px */
  /* margin bottom 15px */
  /* margin bottom 20px */
  /* margin bottom 25px */
  /* margin bottom 30px */
  /* margin bottom 35px */
  /* margin bottom 40px */
  /* margin bottom 45px */
  /* margin bottom 190px */
  /* margin bottom 210px */
  /* margin left 5px */
  /* margin left 10px */
  /* margin left 15px */
  /* margin left 20px */
  /* margin right 5px */
  /* margin right 10px */
  /* margin right 15px */
  /* margin right 20px */
  /* margin top 0px */
  /* margin bottom -40px */
  /* content-box margin reset */
  /* padding 0 */
  /* padding top 40px */
  /* margin 0 */
  /*
   * Radio Button Base
   * ----------------------------------------------------------------------------
   *
   */
  /*
   * Radio Button
   * ----------------------------------------------------------------------------
   *
   */
  /* radio-button-inline */
  /* radio-button-normal-wrap */
  /* radio-button-normal */
  /* table-radio-button */
  /* radio-button-split */
  /*
    ※イレギュラーなion-radio-groupでのレイアウトで使用する
    ion-radio-groupと同様のプロパティが設定されている。
    ion-radio-group 内でラジオボタン要素が連続しない場合に要素順が乱れてしまう場合、multi colレイアウトを整える為に使うwrapper。
  */
  /* radio-button-multiline */
  /*
   * Table Base
   * ----------------------------------------------------------------------------
   *
   */
  /* table-base */
  /*
   * Table
   * ----------------------------------------------------------------------------
   *
   */
  /* .table-normal */
  /* .table-fixed */
  /* table-scroll-box */
  /*
   * Text Base
   * ----------------------------------------------------------------------------
   *
   */
  /*
   * Text
   * ----------------------------------------------------------------------------
   *
   */
  /* text-normal 16px */
  /* text-small */
  /* text-extra-small */
  /* text-extra-large */
  /* text-large */
  /* text-center */
  /* text-medium-large */
  /* text-top */
  /* text-bottom */
  /* text-label */
  /* text-label-multiline */
  /* text-validation */
  /* text-info */
  /* text-illustration-banner */
  /*
   * Text Color
   * ----------------------------------------------------------------------------
   *
   */
  /*
   * Title
   * ----------------------------------------------------------------------------
   *
   */
  /*
   * dropdown
   * ----------------------------------------------------------------------------
   *
   */
}
#docomo [formcontrolname].is-invalid {
  --ion-form-border-color: var(--ion-form-error-border-color);
}
#docomo ion-action-sheet {
  --button-background: var(--ion-color-bg-cont-light);
  --background: var(--ion-color-bg-cont-light);
  --button-background-activated: var(--ion-color-line-btn-normal);
  --button-background-selected: var(--ion-color-line-btn-normal);
  --button-color-selected: var(--ion-color-txt-basis);
  --button-background-selected-opacity: 1;
  --button-color: var(--ion-color-txt-moderate-gry);
  --color: var(--ion-color-txt-basis);
}
#docomo ion-item[class*=-disabled] {
  opacity: 0.6;
}
#docomo ion-item[class*=-disabled] ion-input,
#docomo ion-item[class*=-disabled] ion-select,
#docomo ion-item[class*=-disabled] select,
#docomo ion-item[class*=-disabled] ion-label,
#docomo ion-item[class*=-disabled] ion-checkbox,
#docomo ion-item[class*=-disabled] ion-radio {
  opacity: 1;
}
#docomo ion-input[aria-disabled] {
  opacity: 0.6;
}
#docomo ion-input[aria-disabled] .native-input[disabled].sc-ion-input-md {
  opacity: 1;
}
#docomo .text-info .static-image {
  flex-shrink: 0;
  align-self: center;
}
#docomo .price-undetermined {
  color: gray;
}
#docomo .app-page {
  display: grid;
  grid-template-areas: "header" "content" "footer";
  grid-template-rows: auto 1fr auto;
  grid-template-columns: 100%;
  min-height: 100vh;
  background: var(--ion-color-step-50);
  /* レスポンシブ対応
     指定ページのみレスポンシブ対応をする場合は以下クラスを付与する。
     将来的にサイト全体を一括でレスポンシブする際は本クラスを付与せずに共通設定に適用させる。
  */
}
#docomo .app-page.responsive {
  display: block;
  background: #fff;
}
#docomo .app-page.responsive .app-page-content {
  width: 100%;
  max-width: 100%;
  /* media query version */
}
@media screen and (min-width: 769px) {
  #docomo .app-page.responsive .app-page-content {
    max-width: 980px;
    margin: 0 auto;
  }
}
#docomo .app-page.responsive .app-page-content .content-box {
  padding: 0 20px;
}
#docomo .app-page.app-page-responsive {
  display: block;
  background: #fff;
  margin: 0;
  padding: 0;
  min-height: 100%;
  display: flex;
  flex-direction: column;
}
#docomo .app-page.app-page-responsive .app-page-content {
  container-type: inline-size;
  container-name: app-page-responsive-content-container;
  flex: 1;
  width: 100%;
  max-width: 100%;
  /* media query version */
}
@media screen and (min-width: 769px) {
  #docomo .app-page.app-page-responsive .app-page-content {
    max-width: 980px;
    margin: 0 auto;
  }
}
#docomo .app-page.app-page-responsive .app-page-content .content-box {
  padding: 0 20px;
}
#docomo .app-page .app-page-header {
  grid-area: header;
}
#docomo .app-page .app-page-content {
  grid-area: content;
  width: 100%;
  max-width: 640px;
  margin: 0 auto;
  background: var(--ion-color-bg-body);
}
#docomo .app-page .app-page-content.bg-none {
  background: none;
}
#docomo .app-page .app-page-footer {
  grid-area: footer;
}
#docomo .app-page.bg-none {
  background: none;
}
#docomo .static-page {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 20006;
}
#docomo .static-page-dialog {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
#docomo .static-page .modal-top-close-button {
  padding: 1px 6px;
  color: var(--ion-color-custom-white);
  font-size: calc(var(--space-size-20) + var(--space-size-5));
  background: none;
  position: absolute;
  top: 0;
  right: calc(var(--space-size-10) * -1);
  bottom: auto;
  left: auto;
}
#docomo .static-page-content {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin-top: var(--space-size-30);
  margin-bottom: var(--space-size-30);
  background-color: #fff;
}
#docomo .official-approximation-result-wl1 {
  color: #111;
  background: #f0eeec !important;
  /*
    COMMON-STYLES
    */
  /*
    UNIQUE-STYLES
  */
}
#docomo .official-approximation-result-wl1 .app-page-content {
  width: 100%;
  max-width: 100%;
  background: none;
}
#docomo .official-approximation-result-wl1 .content-box {
  padding: 0;
}
#docomo .official-approximation-result-wl1 .md-bg-white {
  background: #fff;
}
#docomo .official-approximation-result-wl1 .md-container {
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
  /* media query version */
}
@media screen and (min-width: 769px) {
  #docomo .official-approximation-result-wl1 .md-container {
    max-width: 980px;
  }
}
#docomo .official-approximation-result-wl1 .md-container .md-container-inner {
  padding: 0 20px;
}
#docomo .official-approximation-result-wl1 .md-tag {
  display: inline-block;
  padding: 2px 6px;
  color: #fff;
  font-weight: bold;
  font-size: 12px;
  border-radius: 6px;
}
#docomo .official-approximation-result-wl1 .md-tag.md-tag-auto {
  background: #cc0000;
}
#docomo .official-approximation-result-wl1 .md-tag.md-tag-recommend {
  background: #64c482;
}
#docomo .official-approximation-result-wl1 .md-tag.md-tag-service {
  color: #3d3d3d;
  font-size: 16px;
  background: #f7f5f3;
  border: 1px solid #d8d8d8;
}
#docomo .official-approximation-result-wl1 .md-bx-01 {
  padding: 8px;
  /* media query version */
}
@media screen and (min-width: 769px) {
  #docomo .official-approximation-result-wl1 .md-bx-01 {
    padding: 16px;
  }
}
#docomo .official-approximation-result-wl1 .md-note-01 {
  margin-top: 8px;
  font-size: 11px;
  /* media query version */
}
@media screen and (min-width: 769px) {
  #docomo .official-approximation-result-wl1 .md-note-01 {
    margin-top: 16px;
    font-size: 16px;
    text-align: right;
  }
}
#docomo .official-approximation-result-wl1 .md-note-01 .link-normal {
  text-align: right;
}
#docomo .official-approximation-result-wl1 .md-note-01 .link-normal a {
  font-size: 11px;
  /* media query version */
}
@media screen and (min-width: 769px) {
  #docomo .official-approximation-result-wl1 .md-note-01 .link-normal a {
    font-size: 16px;
  }
}
#docomo .official-approximation-result-wl1 .md-note-01 .link-normal a ion-icon {
  width: 12px;
  margin-left: 0;
  /* media query version */
}
@media screen and (min-width: 769px) {
  #docomo .official-approximation-result-wl1 .md-note-01 .link-normal a ion-icon {
    width: 20px;
  }
}
#docomo .official-approximation-result-wl1 .md-note-02 {
  font-size: 14px;
  /* media query version */
}
@media screen and (min-width: 769px) {
  #docomo .official-approximation-result-wl1 .md-note-02 {
    font-size: 16px;
  }
}
#docomo .official-approximation-result-wl1 .md-button-round {
  width: 100%;
  padding: 10px;
  color: #cc0000;
  font-weight: bold;
  background: #fff;
  border: 1px solid #cc0000;
  border-radius: 100px;
  cursor: pointer;
}
#docomo .official-approximation-result-wl1 .md-button-round:hover {
  opacity: 0.75;
}
#docomo .official-approximation-result-wl1 .md-button-round.gray {
  color: #3d3d3d;
  background-color: #fcfcfc;
  border: 1px solid #d4d2cf;
  border-radius: 100px;
}
#docomo .official-approximation-result-wl1 .md-button-round.arrow-r {
  background-image: url('icon_arrow_right.0fb5ccc751af19de25af.svg');
  background-repeat: no-repeat;
  background-position: right 10px center;
}
#docomo .official-approximation-result-wl1 .md-button-round.arrow-r-red {
  background-image: url('icon_arrow_right_red.507888799b4811cb66c6.svg');
  background-repeat: no-repeat;
  background-position: right 10px center;
}
#docomo .official-approximation-result-wl1 .md-button-round.arrow-r-red-l {
  background-image: url('icon_arrow_right_red_l.6294cb94aad5165e33ae.svg');
  background-repeat: no-repeat;
  background-position: right 10px center;
}
#docomo .official-approximation-result-wl1 .md-button-round.arrow-r-red02-l {
  background-image: url('icon_arrow_right_red02_l.5fd5a514967cf6aa325b.svg');
  background-repeat: no-repeat;
  background-position: right 10px center;
}
#docomo .official-approximation-result-wl1 .md-button-round.arrow-l {
  background-image: url('icon_arrow_left.b7eecd818fdba31b11d4.svg');
  background-repeat: no-repeat;
  background-position: left 10px center;
}
#docomo .official-approximation-result-wl1 .md-button-round.fs-m {
  padding: 12px;
  font-size: 14px;
  /* media query version */
}
@media screen and (min-width: 769px) {
  #docomo .official-approximation-result-wl1 .md-button-round.fs-m {
    font-size: 16px;
  }
}
#docomo .official-approximation-result-wl1 .md-button-round[disabled] {
  opacity: 0.5;
  pointer-events: none;
}
#docomo .official-approximation-result-wl1 .md-check {
  box-sizing: border-box;
  width: 100%;
  color: #707070;
  background: #fff;
  border: 1px solid #d4d2cf;
  border-radius: 10px;
}
#docomo .official-approximation-result-wl1 .md-check.isChecked {
  color: #3d3d3d;
  border: 4px solid #eb9999;
}
#docomo .official-approximation-result-wl1 .md-check.isChecked > .md-check-head {
  background: url('icon_check_checked.a106420188f1c96b5cf4.svg') no-repeat;
  background-position: 8px center;
  background-size: 20px;
  /* media query version */
}
@media screen and (min-width: 769px) {
  #docomo .official-approximation-result-wl1 .md-check.isChecked > .md-check-head {
    background-position: 16px center;
    background-size: 30px;
  }
}
#docomo .official-approximation-result-wl1 .md-check.isDisabled {
  color: #b3b3b3;
  border: 1px solid #d4d2cf;
}
#docomo .official-approximation-result-wl1 .md-check.isDisabled > .md-check-head {
  background: url('icon_check_disabled.ee19f869d8cf33fb1e1b.svg') no-repeat;
  background-position: 8px center;
  background-size: 20px;
  /* media query version */
}
@media screen and (min-width: 769px) {
  #docomo .official-approximation-result-wl1 .md-check.isDisabled > .md-check-head {
    background-position: 16px center;
    background-size: 30px;
  }
}
#docomo .official-approximation-result-wl1 .md-check.isChecked.isDisabled .md-check-head {
  background: url('icon_check_checked_disabled.b3d8aa3910e28a2c60d7.svg') no-repeat;
  background-position: 8px center;
  background-size: 20px;
  /* media query version */
}
@media screen and (min-width: 769px) {
  #docomo .official-approximation-result-wl1 .md-check.isChecked.isDisabled .md-check-head {
    background-position: 16px center;
    background-size: 30px;
  }
}
#docomo .official-approximation-result-wl1 .md-check.mg-top {
  margin-top: 6px;
  /* media query version */
}
@media screen and (min-width: 769px) {
  #docomo .official-approximation-result-wl1 .md-check.mg-top {
    margin-top: 10px;
  }
}
#docomo .official-approximation-result-wl1 .md-check.sp-mg-top {
  margin-top: 6px;
  /* media query version */
}
@media screen and (min-width: 769px) {
  #docomo .official-approximation-result-wl1 .md-check.sp-mg-top {
    margin-top: 0;
  }
}
#docomo .official-approximation-result-wl1 .md-check.pc-w-half {
  width: 100%;
  /* media query version */
}
@media screen and (min-width: 769px) {
  #docomo .official-approximation-result-wl1 .md-check.pc-w-half {
    width: 49.5%;
  }
}
#docomo .official-approximation-result-wl1 .md-check .md-check-head {
  position: relative;
  width: 100%;
  height: 34px;
  background: url('icon_check_def.6a9ea8a23068b4010efb.svg') no-repeat;
  background-position: 8px center;
  background-size: 20px;
  border-bottom: 1px solid #d4d2cf;
  /* media query version */
}
@media screen and (min-width: 769px) {
  #docomo .official-approximation-result-wl1 .md-check .md-check-head {
    height: 62px;
    background-position: 16px center;
    background-size: 30px;
  }
}
#docomo .official-approximation-result-wl1 .md-check .md-check-head-check {
  display: none;
}
#docomo .official-approximation-result-wl1 .md-check .md-check-head-btn {
  width: 100%;
  height: 34px;
  background: none;
  border: none;
  cursor: pointer;
  /* media query version */
}
@media screen and (min-width: 769px) {
  #docomo .official-approximation-result-wl1 .md-check .md-check-head-btn {
    height: 62px;
  }
}
#docomo .official-approximation-result-wl1 .md-check .md-check-head .tag {
  position: absolute;
  top: 5px;
  right: 8px;
  /* media query version */
}
@media screen and (min-width: 769px) {
  #docomo .official-approximation-result-wl1 .md-check .md-check-head .tag {
    top: 16px;
    right: 16px;
  }
}
#docomo .official-approximation-result-wl1 .md-check .md-check-content.bd-btm {
  border-bottom: 1px solid #d4d2cf;
}
#docomo .official-approximation-result-wl1 .md-check .md-check-content-bx {
  display: flex;
}
#docomo .official-approximation-result-wl1 .md-check .md-check-content-bx-img {
  width: 76px;
  text-align: center;
  /* media query version */
}
@media screen and (min-width: 769px) {
  #docomo .official-approximation-result-wl1 .md-check .md-check-content-bx-img {
    width: 136px;
    padding: 8px 0;
  }
}
#docomo .official-approximation-result-wl1 .md-check .md-check-content-bx-detail {
  padding: 0 8px;
  font-size: 11px;
  /* media query version */
}
#docomo .official-approximation-result-wl1 .md-check .md-check-content-bx-detail span {
  font-weight: bold;
}
@media screen and (min-width: 769px) {
  #docomo .official-approximation-result-wl1 .md-check .md-check-content-bx-detail {
    font-size: 16px;
  }
}
#docomo .official-approximation-result-wl1 .md-check .md-check-content-bx-detail h4 {
  font-weight: bold;
  font-size: 16px;
  line-height: 1;
  /* media query version */
}
@media screen and (min-width: 769px) {
  #docomo .official-approximation-result-wl1 .md-check .md-check-content-bx-detail h4 {
    font-size: 20px;
  }
}
#docomo .official-approximation-result-wl1 .md-check .md-check-content-bx-detail .p-01 {
  font-weight: bold;
}
#docomo .official-approximation-result-wl1 .md-check .md-check-content-bx-detail .txt-list {
  /* media query version */
}
@media screen and (min-width: 769px) {
  #docomo .official-approximation-result-wl1 .md-check .md-check-content-bx-detail .txt-list {
    margin-top: 8px;
  }
}
#docomo .official-approximation-result-wl1 .md-check .md-check-content-bx-detail .txt-detail {
  margin-top: 4px;
  /* media query version */
}
@media screen and (min-width: 769px) {
  #docomo .official-approximation-result-wl1 .md-check .md-check-content-bx-detail .txt-detail {
    margin-top: 8px;
  }
}
#docomo .official-approximation-result-wl1 .md-check .md-check-content-bx-detail .txt-price {
  margin-top: 4px;
  font-weight: bold;
  font-size: 11px;
  /* media query version */
}
@media screen and (min-width: 769px) {
  #docomo .official-approximation-result-wl1 .md-check .md-check-content-bx-detail .txt-price {
    margin-top: 8px;
    font-size: 16px;
  }
}
#docomo .official-approximation-result-wl1 .md-check .md-check-content-bx-detail .txt-price span {
  display: inline-block;
  margin-right: 2px;
  font-size: 18px;
  /* media query version */
}
@media screen and (min-width: 769px) {
  #docomo .official-approximation-result-wl1 .md-check .md-check-content-bx-detail .txt-price span {
    font-size: 24px;
  }
}
#docomo .official-approximation-result-wl1 .md-check .md-check-content-bx-detail .txt-note {
  margin-top: 8px;
  font-size: 11px;
  /* media query version */
}
@media screen and (min-width: 769px) {
  #docomo .official-approximation-result-wl1 .md-check .md-check-content-bx-detail .txt-note {
    font-size: 12px;
  }
}
#docomo .official-approximation-result-wl1 .md-check .md-check-content-acBtn {
  text-align: right;
}
#docomo .official-approximation-result-wl1 .md-check .md-check-content-acBtn button {
  display: inline-block;
  margin-top: 12px;
  margin-right: 8px;
  color: inherit;
  font-weight: bold;
  font-size: 11px;
  background: none;
  border: none;
  /* media query version */
}
@media screen and (min-width: 769px) {
  #docomo .official-approximation-result-wl1 .md-check .md-check-content-acBtn button {
    margin-top: 16px;
    font-size: 16px;
  }
}
#docomo .official-approximation-result-wl1 .md-check .md-check-content-acBtn .txt {
  margin-right: 16px;
}
#docomo .official-approximation-result-wl1 .md-check .md-check-content-acContent-inner {
  padding-bottom: 0;
}
#docomo .official-approximation-result-wl1 .md-check .md-check-content-selectContent {
  padding: 16px;
  background: #f0eeec;
  border-radius: 3px;
}
#docomo .official-approximation-result-wl1 .md-check .md-check-content-selectContent ul li {
  margin-top: 16px;
}
#docomo .official-approximation-result-wl1 .md-check .md-check-content-selectContent ul li:first-child {
  margin-top: 0;
}
#docomo .official-approximation-result-wl1 .md-check .md-check-content-selectContent ul li dl dt {
  font-size: 11px;
  /* media query version */
}
@media screen and (min-width: 769px) {
  #docomo .official-approximation-result-wl1 .md-check .md-check-content-selectContent ul li dl dt {
    font-size: 16px;
  }
}
#docomo .official-approximation-result-wl1 .md-check .md-check-content-selectContent ul li dl dd ion-item {
  padding-left: 16px;
}
#docomo .official-approximation-result-wl1 .md-check .md-check-content-selectContent ul li dl dd select {
  background: none;
  border: none;
  outline: none;
}
#docomo .official-approximation-result-wl1 .md-icon-toggle {
  position: relative;
  top: -4px;
  /* media query version */
}
@media screen and (min-width: 769px) {
  #docomo .official-approximation-result-wl1 .md-icon-toggle {
    top: -2px;
  }
}
#docomo .official-approximation-result-wl1 .md-icon-toggle.plus::before, #docomo .official-approximation-result-wl1 .md-icon-toggle.plus::after {
  position: absolute;
  display: inline-block;
  width: 2px;
  height: 18px;
  background-color: #cc0000;
  content: "";
}
#docomo .official-approximation-result-wl1 .md-icon-toggle.plus::after {
  transform: rotate(90deg);
}
#docomo .official-approximation-result-wl1 .md-icon-toggle.minus::before {
  position: absolute;
  display: inline-block;
  width: 2px;
  height: 18px;
  background-color: #cc0000;
  transform: rotate(90deg);
  content: "";
}
#docomo .official-approximation-result-wl1 .ac-btn {
  cursor: pointer;
}
#docomo .official-approximation-result-wl1 .ac-btn:hover {
  opacity: 0.75;
}
#docomo .official-approximation-result-wl1 .ac-obj {
  max-height: 0;
  overflow: hidden;
  transform: translateZ(0);
  backface-visibility: hidden;
  transition: all 0.5s;
}
#docomo .official-approximation-result-wl1 .ac-obj.isOpen {
  max-height: 300px;
  transition: all 0.8s;
}
#docomo .official-approximation-result-wl1 .ac-obj.car-topping-ac-01.isOpen {
  max-height: 380px;
  /* media query version */
}
@media screen and (min-width: 769px) {
  #docomo .official-approximation-result-wl1 .ac-obj.car-topping-ac-01.isOpen {
    max-height: 410px;
  }
}
#docomo .official-approximation-result-wl1 .ac-obj.main-service-ac-01.isOpen {
  max-height: 500px;
  /* media query version */
}
@media screen and (min-width: 769px) {
  #docomo .official-approximation-result-wl1 .ac-obj.main-service-ac-01.isOpen {
    max-height: 300px;
  }
}
#docomo .official-approximation-result-wl1 .ac-obj.basic-info-ac-01.isOpen {
  max-height: 900px;
  /* media query version */
}
@media screen and (min-width: 769px) {
  #docomo .official-approximation-result-wl1 .ac-obj.basic-info-ac-01.isOpen {
    max-height: 620px;
  }
}
#docomo .official-approximation-result-wl1 .ac-obj.basic-info-ac-02.isOpen {
  max-height: 940px;
  /* media query version */
}
@media screen and (min-width: 769px) {
  #docomo .official-approximation-result-wl1 .ac-obj.basic-info-ac-02.isOpen {
    max-height: 600px;
  }
}
#docomo .official-approximation-result-wl1 .ac-obj.basic-info-ac-03.isOpen {
  max-height: 650px;
  /* media query version */
}
@media screen and (min-width: 769px) {
  #docomo .official-approximation-result-wl1 .ac-obj.basic-info-ac-03.isOpen {
    max-height: 460px;
  }
}
#docomo .official-approximation-result-wl1 .pc-only {
  display: none;
  /* media query version */
}
@media screen and (min-width: 769px) {
  #docomo .official-approximation-result-wl1 .pc-only {
    display: block;
  }
}
#docomo .official-approximation-result-wl1 .sp-only {
  display: block;
  /* media query version */
}
@media screen and (min-width: 769px) {
  #docomo .official-approximation-result-wl1 .sp-only {
    display: none;
  }
}
#docomo .official-approximation-result-wl1 .title-h2 {
  padding-bottom: 5px;
  font-size: 16px;
  border-bottom: 2px solid #cc0000;
  /* media query version */
}
@media screen and (min-width: 769px) {
  #docomo .official-approximation-result-wl1 .title-h2 {
    padding-bottom: 10px;
    font-size: 20px;
  }
}
#docomo .official-approximation-result-wl1 .title-h3 {
  margin-top: 10px;
  font-size: 14px;
  border-left-color: #cc0000;
  /* media query version */
}
@media screen and (min-width: 769px) {
  #docomo .official-approximation-result-wl1 .title-h3 {
    margin-top: 30px;
    font-size: 16px;
  }
}
#docomo .official-approximation-result-wl1 .box .text-normal, #docomo .official-approximation-result-wl1 .box .list-sharp-03, #docomo .official-approximation-result-wl1 .box .list-sharp-02, #docomo .official-approximation-result-wl1 .box .list-sharp-02-from4, #docomo .official-approximation-result-wl1 .box .list-sharp-02-from3, #docomo .official-approximation-result-wl1 .box .list-sharp-02-from2, #docomo .official-approximation-result-wl1 .box .list-sharp, #docomo .official-approximation-result-wl1 .box .list-example, #docomo .official-approximation-result-wl1 .box .list-alphabetical, #docomo .official-approximation-result-wl1 .box .list-decimal-04, #docomo .official-approximation-result-wl1 .box .list-decimal-03, #docomo .official-approximation-result-wl1 .box .list-decimal-02, #docomo .official-approximation-result-wl1 .box .list-decimal, #docomo .official-approximation-result-wl1 .box .list-dot-6, #docomo .official-approximation-result-wl1 .box .list-dot-5, #docomo .official-approximation-result-wl1 .box .list-dot-3, #docomo .official-approximation-result-wl1 .box .list-dot, #docomo .official-approximation-result-wl1 .box .list-base {
  font-size: 14px;
  /* media query version */
}
@media screen and (min-width: 769px) {
  #docomo .official-approximation-result-wl1 .box .text-normal, #docomo .official-approximation-result-wl1 .box .list-sharp-03, #docomo .official-approximation-result-wl1 .box .list-sharp-02, #docomo .official-approximation-result-wl1 .box .list-sharp-02-from4, #docomo .official-approximation-result-wl1 .box .list-sharp-02-from3, #docomo .official-approximation-result-wl1 .box .list-sharp-02-from2, #docomo .official-approximation-result-wl1 .box .list-sharp, #docomo .official-approximation-result-wl1 .box .list-example, #docomo .official-approximation-result-wl1 .box .list-alphabetical, #docomo .official-approximation-result-wl1 .box .list-decimal-04, #docomo .official-approximation-result-wl1 .box .list-decimal-03, #docomo .official-approximation-result-wl1 .box .list-decimal-02, #docomo .official-approximation-result-wl1 .box .list-decimal, #docomo .official-approximation-result-wl1 .box .list-dot-6, #docomo .official-approximation-result-wl1 .box .list-dot-5, #docomo .official-approximation-result-wl1 .box .list-dot-3, #docomo .official-approximation-result-wl1 .box .list-dot, #docomo .official-approximation-result-wl1 .box .list-base {
    font-size: 16px;
  }
}
#docomo .official-approximation-result-wl1 .box ion-icon {
  stroke: none;
}
#docomo .official-approximation-result-wl1 .box.red-box {
  margin: var(--space-size-15) 0 0 0;
  padding: 12px;
  border: 1px solid var(--ion-color-danger);
  border-radius: 5px;
  /* media query version */
}
@media screen and (min-width: 769px) {
  #docomo .official-approximation-result-wl1 .box.red-box {
    margin: 16px 0 0 0;
    padding: 16px;
  }
}
#docomo .official-approximation-result-wl1 .box.red-box .link-normal a {
  color: #cc0000 !important;
  font-weight: bold;
  font-size: 14px;
  /* media query version */
}
@media screen and (min-width: 769px) {
  #docomo .official-approximation-result-wl1 .box.red-box .link-normal a {
    font-size: 16px;
  }
}
#docomo .official-approximation-result-wl1 .box.red-box .list-dot-3 li,
#docomo .official-approximation-result-wl1 .box.red-box .list-dot-4 li {
  color: #cc0000 !important;
  font-weight: bold;
}
#docomo .official-approximation-result-wl1 .box.red-box .list-dot-3 li::before,
#docomo .official-approximation-result-wl1 .box.red-box .list-dot-4 li::before {
  padding-right: 0;
  font-weight: bold;
  content: "・";
}
#docomo .official-approximation-result-wl1 .box.red-box .list-dot-3 li ion-icon,
#docomo .official-approximation-result-wl1 .box.red-box .list-dot-4 li ion-icon {
  margin-left: 4px;
}
#docomo .official-approximation-result-wl1 .content-fv {
  padding: 24px 0;
}
#docomo .official-approximation-result-wl1 .content-fv .txt-lead-01 {
  color: #cc0000;
  font-weight: bold;
  font-size: 11px;
  text-align: center;
  /* media query version */
}
@media screen and (min-width: 769px) {
  #docomo .official-approximation-result-wl1 .content-fv .txt-lead-01 {
    font-size: 16px;
  }
}
#docomo .official-approximation-result-wl1 .content-fv .txt-lead-02 {
  margin-top: 4px;
  font-weight: bold;
  font-size: 14px;
  text-align: center;
  /* media query version */
}
@media screen and (min-width: 769px) {
  #docomo .official-approximation-result-wl1 .content-fv .txt-lead-02 {
    margin-top: 8px;
    font-size: 24px;
  }
}
#docomo .official-approximation-result-wl1 .content-basic-plan {
  position: relative;
  margin-top: 16px;
  padding: 16px 8px 8px;
  background: #f0eeec;
  border-radius: 8px;
  /* media query version */
}
@media screen and (min-width: 769px) {
  #docomo .official-approximation-result-wl1 .content-basic-plan {
    margin-top: 32px;
    padding: 32px 34px 32px;
  }
}
#docomo .official-approximation-result-wl1 .content-basic-plan .plan-name {
  font-weight: bold;
  font-size: 18px;
  text-align: center;
  /* media query version */
}
@media screen and (min-width: 769px) {
  #docomo .official-approximation-result-wl1 .content-basic-plan .plan-name {
    font-size: 24px;
    line-height: 1;
  }
}
#docomo .official-approximation-result-wl1 .content-basic-plan .tag {
  position: absolute;
  top: 16px;
  right: 8px;
  /* media query version */
}
@media screen and (min-width: 769px) {
  #docomo .official-approximation-result-wl1 .content-basic-plan .tag {
    top: 32px;
    right: 34px;
  }
}
#docomo .official-approximation-result-wl1 .content-basic-plan ul {
  display: flex;
  justify-content: space-between;
  margin-top: 16px;
  /* media query version */
}
@media screen and (min-width: 769px) {
  #docomo .official-approximation-result-wl1 .content-basic-plan ul {
    margin-top: 32px;
  }
}
#docomo .official-approximation-result-wl1 .content-basic-plan ul li {
  width: 49%;
  text-align: center;
  background: #f7f5f3;
  border: 1px solid #d8d8d8;
  border-radius: 4px;
  /* media query version */
}
@media screen and (min-width: 769px) {
  #docomo .official-approximation-result-wl1 .content-basic-plan ul li {
    width: 49.5%;
  }
}
#docomo .official-approximation-result-wl1 .content-basic-plan ul li.isSigleList {
  width: 100%;
  /* media query version */
}
@media screen and (min-width: 769px) {
  #docomo .official-approximation-result-wl1 .content-basic-plan ul li.isSigleList {
    width: 100%;
  }
}
#docomo .official-approximation-result-wl1 .content-basic-plan ul li dl {
  padding: 12px;
  /* media query version */
}
@media screen and (min-width: 769px) {
  #docomo .official-approximation-result-wl1 .content-basic-plan ul li dl {
    padding: 22px;
  }
}
#docomo .official-approximation-result-wl1 .content-basic-plan ul li dl dt {
  font-weight: bold;
  font-size: 16px;
  /* media query version */
}
@media screen and (min-width: 769px) {
  #docomo .official-approximation-result-wl1 .content-basic-plan ul li dl dt {
    font-size: 20px;
  }
}
#docomo .official-approximation-result-wl1 .content-basic-plan ul li dl dt span {
  margin-right: 4px;
}
#docomo .official-approximation-result-wl1 .content-basic-plan ul li dl dd {
  /* media query version */
}
@media screen and (min-width: 769px) {
  #docomo .official-approximation-result-wl1 .content-basic-plan ul li dl dd {
    font-size: 16px;
  }
}
#docomo .official-approximation-result-wl1 .content-basic-plan ul li dl dd span {
  font-weight: bold;
}
#docomo .official-approximation-result-wl1 .content-topping .bx-lead-01 {
  position: relative;
  margin-top: 72px;
  margin-bottom: 20px;
  padding: 0 12px 16px;
  background: #fff;
  border-radius: 10px;
  /* media query version */
}
@media screen and (min-width: 769px) {
  #docomo .official-approximation-result-wl1 .content-topping .bx-lead-01 {
    margin-top: 72px;
    margin-bottom: 50px;
  }
}
#docomo .official-approximation-result-wl1 .content-topping .bx-lead-01 .bx-balloon {
  position: relative;
  text-align: center;
}
#docomo .official-approximation-result-wl1 .content-topping .bx-lead-01 .bx-balloon .inner {
  position: absolute;
  top: -56px;
  left: 0;
  width: 100%;
  padding: 16px 0;
  background: #fae6e6;
  border-radius: 10px;
  /* media query version */
}
#docomo .official-approximation-result-wl1 .content-topping .bx-lead-01 .bx-balloon .inner:before {
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-top: 15px solid #fae6e6;
  content: "";
}
@media screen and (min-width: 769px) {
  #docomo .official-approximation-result-wl1 .content-topping .bx-lead-01 .bx-balloon .inner {
    top: -56px;
  }
}
#docomo .official-approximation-result-wl1 .content-topping .bx-lead-01 .bx-balloon .inner p {
  padding: 0 2px;
  font-weight: bold;
  font-size: 11px;
  letter-spacing: -0.2px;
  /* media query version */
}
@media screen and (min-width: 769px) {
  #docomo .official-approximation-result-wl1 .content-topping .bx-lead-01 .bx-balloon .inner p {
    font-size: 16px;
    letter-spacing: 0;
  }
}
#docomo .official-approximation-result-wl1 .content-topping .bx-lead-01 .bx-balloon .inner p .span-01 {
  color: #cc0000;
}
#docomo .official-approximation-result-wl1 .content-topping .bx-lead-01 .bx-balloon .inner p .tag {
  margin: 0 2px;
  font-size: 11px;
  /* media query version */
}
@media screen and (min-width: 769px) {
  #docomo .official-approximation-result-wl1 .content-topping .bx-lead-01 .bx-balloon .inner p .tag {
    font-size: 14px;
  }
}
#docomo .official-approximation-result-wl1 .content-topping .bx-lead-01 .btn {
  padding: 60px 0 0px;
  text-align: center;
  /* media query version */
}
@media screen and (min-width: 769px) {
  #docomo .official-approximation-result-wl1 .content-topping .bx-lead-01 .btn {
    padding: 60px 0 10px;
  }
}
#docomo .official-approximation-result-wl1 .content-topping .bx-lead-01 .btn button {
  max-width: 430px;
  font-size: 14px;
  cursor: pointer;
  /* media query version */
}
@media screen and (min-width: 769px) {
  #docomo .official-approximation-result-wl1 .content-topping .bx-lead-01 .btn button {
    font-size: 16px;
  }
}
#docomo .official-approximation-result-wl1 .content-topping .bx-lead-02 {
  margin-bottom: 8px;
  /* media query version */
}
@media screen and (min-width: 769px) {
  #docomo .official-approximation-result-wl1 .content-topping .bx-lead-02 {
    margin-bottom: 16px;
  }
}
#docomo .official-approximation-result-wl1 .content-topping .bx-lead-02 p {
  width: 100%;
  margin-top: 8px;
  font-weight: bold;
  font-size: 11px;
  line-height: 1;
  /* media query version */
}
@media screen and (min-width: 769px) {
  #docomo .official-approximation-result-wl1 .content-topping .bx-lead-02 p {
    margin-top: 16px;
    font-size: 16px;
  }
}
#docomo .official-approximation-result-wl1 .content-topping .bx-lead-02 p span {
  color: #cc0000;
}
#docomo .official-approximation-result-wl1 .content-topping .bx-lead-02 p span.icon {
  display: inline-block;
  margin: 0 4px;
  padding: 2px;
  text-align: center;
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 4px;
  /* media query version */
}
@media screen and (min-width: 769px) {
  #docomo .official-approximation-result-wl1 .content-topping .bx-lead-02 p span.icon {
    width: 18px;
    height: 18px;
    padding: 0;
  }
}
#docomo .official-approximation-result-wl1 .content-topping .content-topping-car {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#docomo .official-approximation-result-wl1 .content-topping .content-topping-car .bx-l,
#docomo .official-approximation-result-wl1 .content-topping .content-topping-car .bx-r {
  width: 100%;
  /* media query version */
}
@media screen and (min-width: 769px) {
  #docomo .official-approximation-result-wl1 .content-topping .content-topping-car .bx-l,
#docomo .official-approximation-result-wl1 .content-topping .content-topping-car .bx-r {
    width: 49.5%;
  }
}
#docomo .official-approximation-result-wl1 .content-topping .content-topping-car .bx-r {
  margin-top: 6px;
  /* media query version */
}
@media screen and (min-width: 769px) {
  #docomo .official-approximation-result-wl1 .content-topping .content-topping-car .bx-r {
    margin-top: 0;
  }
}
#docomo .official-approximation-result-wl1 .content-topping .content-topping-injury {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#docomo .official-approximation-result-wl1 .content-topping .content-topping-other {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding-top: 8px;
}
#docomo .official-approximation-result-wl1 .content-selected-list {
  position: relative;
  display: inline-block;
  box-sizing: border-box;
  width: 100%;
  margin: 36px 0 0;
  padding: 12px;
  background: #fcf2f2;
  border: solid 1px #eb9999;
  border-radius: 10px;
  /* media query version */
}
@media screen and (min-width: 769px) {
  #docomo .official-approximation-result-wl1 .content-selected-list {
    padding: 24px;
  }
}
#docomo .official-approximation-result-wl1 .content-selected-list:before {
  position: absolute;
  top: -24px;
  left: 50%;
  z-index: 2;
  margin-left: -12px;
  border: 12px solid transparent;
  border-bottom: 12px solid #fcf2f2;
  content: "";
}
#docomo .official-approximation-result-wl1 .content-selected-list:after {
  position: absolute;
  top: -25px;
  left: 50%;
  z-index: 1;
  margin-left: -12px;
  border: 12px solid transparent;
  border-bottom: 12px solid #eb9999;
  content: "";
}
#docomo .official-approximation-result-wl1 .content-selected-list-inner {
  font-weight: bold;
  font-size: 14px;
  /* media query version */
}
@media screen and (min-width: 769px) {
  #docomo .official-approximation-result-wl1 .content-selected-list-inner {
    font-size: 16px;
  }
}
#docomo .official-approximation-result-wl1 .content-selected-list-inner .hd {
  padding-left: 20px;
  background: url('icon_check_def_02.88d037dbc44336ddcf57.svg') left center no-repeat;
}
#docomo .official-approximation-result-wl1 .content-selected-list-inner ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
}
#docomo .official-approximation-result-wl1 .content-selected-list-inner ul li {
  width: 100%;
  margin-top: 8px;
  background: #fff;
  border-radius: 10px;
  animation: fadeIn 0.3s ease 0s 1 normal;
  /* media query version */
}
@media screen and (min-width: 769px) {
  #docomo .official-approximation-result-wl1 .content-selected-list-inner ul li {
    width: 49.5%;
  }
}
#docomo .official-approximation-result-wl1 .content-selected-list-inner ul li .inner {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  padding: 14px 16px;
}
#docomo .official-approximation-result-wl1 .content-selected-list-inner ul li .inner .name .tag {
  margin-right: 8px;
}
#docomo .official-approximation-result-wl1 .content-selected-list-inner ul li .inner .name .span-01 {
  line-height: 1;
  vertical-align: middle;
}
#docomo .official-approximation-result-wl1 .content-selected-list-inner ul li .inner button {
  padding-right: 24px;
  font-weight: inherit;
  font-size: 11px;
  background: none;
  background: url('icon_arrow_up.266e2ac73c009f063fed.svg') right center no-repeat;
  border: none;
  cursor: pointer;
  /* media query version */
}
@media screen and (min-width: 769px) {
  #docomo .official-approximation-result-wl1 .content-selected-list-inner ul li .inner button {
    font-size: 16px;
  }
}
#docomo .official-approximation-result-wl1 .content-compensating {
  padding-top: 26px;
}
#docomo .official-approximation-result-wl1 .content-compensating-bx {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 12px;
  /* media query version */
}
@media screen and (min-width: 769px) {
  #docomo .official-approximation-result-wl1 .content-compensating-bx {
    margin-top: 24px;
  }
}
#docomo .official-approximation-result-wl1 .content-compensating-bx .bx-l,
#docomo .official-approximation-result-wl1 .content-compensating-bx .bx-r {
  width: 100%;
  /* media query version */
}
@media screen and (min-width: 769px) {
  #docomo .official-approximation-result-wl1 .content-compensating-bx .bx-l,
#docomo .official-approximation-result-wl1 .content-compensating-bx .bx-r {
    width: 49.5%;
  }
}
#docomo .official-approximation-result-wl1 .content-compensating-bx .bx-r {
  margin-top: 6px;
  /* media query version */
}
@media screen and (min-width: 769px) {
  #docomo .official-approximation-result-wl1 .content-compensating-bx .bx-r {
    margin-top: 0;
  }
}
#docomo .official-approximation-result-wl1 .content-other-contract {
  padding-top: 26px;
}
#docomo .official-approximation-result-wl1 .content-other-contract-bx {
  margin-top: 12px;
  padding: 0 8px 8px;
  background: #fff;
  border-radius: 10px;
  /* media query version */
}
@media screen and (min-width: 769px) {
  #docomo .official-approximation-result-wl1 .content-other-contract-bx {
    margin-top: 24px;
    padding: 0 16px 16px;
  }
}
#docomo .official-approximation-result-wl1 .content-other-contract-bx ul {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
#docomo .official-approximation-result-wl1 .content-other-contract-bx ul li {
  margin-top: 8px;
  margin-right: 5px;
  /* media query version */
}
@media screen and (min-width: 769px) {
  #docomo .official-approximation-result-wl1 .content-other-contract-bx ul li {
    margin-top: 16px;
    margin-right: 8px;
  }
}
#docomo .official-approximation-result-wl1 .content-main-service {
  padding-top: 26px;
}
#docomo .official-approximation-result-wl1 .content-main-service-bx {
  margin-top: 12px;
  padding: 12px;
  background: #fff;
  border-radius: 10px;
  /* media query version */
}
@media screen and (min-width: 769px) {
  #docomo .official-approximation-result-wl1 .content-main-service-bx {
    margin-top: 24px;
    padding: 16px;
  }
}
#docomo .official-approximation-result-wl1 .content-main-service-bx .bx-btn {
  text-align: right;
}
#docomo .official-approximation-result-wl1 .content-main-service-bx .bx-btn button {
  display: inline-block;
  margin-top: 12px;
  margin-right: 8px;
  color: inherit;
  font-weight: bold;
  font-size: 11px;
  background: none;
  border: none;
  /* media query version */
}
@media screen and (min-width: 769px) {
  #docomo .official-approximation-result-wl1 .content-main-service-bx .bx-btn button {
    margin-top: 16px;
    font-size: 16px;
  }
}
#docomo .official-approximation-result-wl1 .content-main-service-bx .bx-btn .txt {
  margin-right: 16px;
}
#docomo .official-approximation-result-wl1 .content-main-service-bx ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  margin-top: 8px;
  /* media query version */
}
@media screen and (min-width: 769px) {
  #docomo .official-approximation-result-wl1 .content-main-service-bx ul {
    margin-top: 16px;
  }
}
#docomo .official-approximation-result-wl1 .content-main-service-bx ul li {
  width: 30%;
  /* media query version */
}
@media screen and (min-width: 769px) {
  #docomo .official-approximation-result-wl1 .content-main-service-bx ul li {
    width: 14.5%;
  }
}
#docomo .official-approximation-result-wl1 .content-main-service-bx ul li dl {
  margin-bottom: 16px;
}
#docomo .official-approximation-result-wl1 .content-main-service-bx ul li dl dt img {
  width: 100%;
  height: auto;
  border: 1px solid #d8d8d8;
  border-radius: 4px;
}
#docomo .official-approximation-result-wl1 .content-main-service-bx ul li dl dd {
  color: #3d3d3d;
  font-weight: bold;
  font-size: 11px;
  text-align: center;
  /* media query version */
}
@media screen and (min-width: 769px) {
  #docomo .official-approximation-result-wl1 .content-main-service-bx ul li dl dd {
    font-size: 16px;
  }
}
#docomo .official-approximation-result-wl1 .content-application-discount {
  padding-top: 26px;
}
#docomo .official-approximation-result-wl1 .content-application-discount-bx {
  margin-top: 12px;
  padding: 0 8px 8px;
  background: #fff;
  border-radius: 10px;
  /* media query version */
}
@media screen and (min-width: 769px) {
  #docomo .official-approximation-result-wl1 .content-application-discount-bx {
    margin-top: 24px;
    padding: 0 16px 16px;
  }
}
#docomo .official-approximation-result-wl1 .content-application-discount-bx ul {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
#docomo .official-approximation-result-wl1 .content-application-discount-bx ul li {
  margin-top: 8px;
  margin-right: 5px;
  /* media query version */
}
@media screen and (min-width: 769px) {
  #docomo .official-approximation-result-wl1 .content-application-discount-bx ul li {
    margin-top: 16px;
    margin-right: 8px;
  }
}
#docomo .official-approximation-result-wl1 .content-basic-info .table {
  border: 1px solid #d8d8d8;
  border-top: none;
}
#docomo .official-approximation-result-wl1 .content-basic-info .table .thead {
  border-top: 1px solid #d8d8d8;
}
#docomo .official-approximation-result-wl1 .content-basic-info .table .thead .inner {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 24px 16px;
  background: #fff;
  cursor: pointer;
}
#docomo .official-approximation-result-wl1 .content-basic-info .table .thead .inner.isOpen {
  background: #f5f5f5;
}
#docomo .official-approximation-result-wl1 .content-basic-info .table .thead .inner h3 {
  width: 90%;
  margin: 0;
  padding: 0;
  font-weight: bold;
  font-size: 20px;
  line-height: 1;
  /* media query version */
}
@media screen and (min-width: 769px) {
  #docomo .official-approximation-result-wl1 .content-basic-info .table .thead .inner h3 {
    width: 50%;
  }
}
#docomo .official-approximation-result-wl1 .content-basic-info .table .thead .inner .btn {
  display: inline-block;
  font-weight: bold;
  text-align: right;
}
#docomo .official-approximation-result-wl1 .content-basic-info .table .thead .inner .btn span.text {
  display: none;
  margin-right: 16px;
  /* media query version */
}
@media screen and (min-width: 769px) {
  #docomo .official-approximation-result-wl1 .content-basic-info .table .thead .inner .btn span.text {
    display: inline;
  }
}
#docomo .official-approximation-result-wl1 .content-basic-info .table .thead .inner .btn span.icon {
  top: 2px;
  margin-right: 14px;
}
#docomo .official-approximation-result-wl1 .content-basic-info .table .tr {
  display: block;
  width: 100%;
  border-bottom: 1px dotted #d8d8d8;
  /* media query version */
}
@media screen and (min-width: 769px) {
  #docomo .official-approximation-result-wl1 .content-basic-info .table .tr {
    display: flex;
    flex-wrap: wrap;
  }
}
#docomo .official-approximation-result-wl1 .content-basic-info .table .tr:last-child {
  border-bottom: none;
}
#docomo .official-approximation-result-wl1 .content-basic-info .table .tr .th {
  width: 100%;
  font-weight: bold;
  font-size: 14px;
  /* media query version */
}
#docomo .official-approximation-result-wl1 .content-basic-info .table .tr .th .inner {
  padding: 16px 0 0;
  /* media query version */
}
@media screen and (min-width: 769px) {
  #docomo .official-approximation-result-wl1 .content-basic-info .table .tr .th .inner {
    padding: 16px 0;
  }
}
@media screen and (min-width: 769px) {
  #docomo .official-approximation-result-wl1 .content-basic-info .table .tr .th {
    display: flex;
    align-items: center;
    width: 50%;
  }
}
#docomo .official-approximation-result-wl1 .content-basic-info .table .tr .td {
  position: relative;
  align-items: center;
  width: 100%;
  font-weight: bold;
  font-size: 11px;
  /* media query version */
}
@media screen and (min-width: 769px) {
  #docomo .official-approximation-result-wl1 .content-basic-info .table .tr .td {
    display: flex;
    width: 50%;
    font-size: 16px;
  }
}
#docomo .official-approximation-result-wl1 .content-basic-info .table .tr .td.colspan {
  display: block;
  width: 100%;
  text-align: center;
}
#docomo .official-approximation-result-wl1 .content-basic-info .table .tr .td.colspan .inner {
  padding: 24px 0 32px;
}
#docomo .official-approximation-result-wl1 .content-basic-info .table .tr .td .inner {
  width: 100%;
  padding: 0 0 16px 0;
  /* media query version */
}
@media screen and (min-width: 769px) {
  #docomo .official-approximation-result-wl1 .content-basic-info .table .tr .td .inner {
    padding: 16px 0;
  }
}
#docomo .official-approximation-result-wl1 .content-basic-info .table .tr .td .inner .alert {
  display: inline-block;
  margin-right: 10px;
  color: #cc0000;
  font-weight: bold;
}
#docomo .official-approximation-result-wl1 .content-basic-info .table .tr .td .inner .alert ion-icon {
  margin-right: 5px;
}
#docomo .official-approximation-result-wl1 .content-basic-info .table .tr .td.current {
  display: flex;
}
#docomo .official-approximation-result-wl1 .content-basic-info .basic-info-ac-inner {
  padding: 0 12px;
  border-top: 1px solid #d8d8d8;
  /* media query version */
}
@media screen and (min-width: 769px) {
  #docomo .official-approximation-result-wl1 .content-basic-info .basic-info-ac-inner {
    padding: 0 16px;
  }
}
#docomo .official-approximation-result-wl1 .content-modal {
  display: none;
  opacity: 0;
}
#docomo .official-approximation-result-wl1 .content-modal.show {
  display: block;
  opacity: 1;
  animation: fadeIn 0.3s ease-in 0s forwards;
}
#docomo .official-approximation-result-wl1 .content-modal-bg {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
}
#docomo .official-approximation-result-wl1 .content-modal-bx {
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 11;
  width: 70%;
  min-width: 288px;
  padding: 32px 16px;
  background: #fff;
  border-radius: 10px;
  transform: translate(-50%, -50%);
  /* media query version */
}
@media screen and (min-width: 769px) {
  #docomo .official-approximation-result-wl1 .content-modal-bx {
    width: 440px;
    padding: 32px;
  }
}
#docomo .official-approximation-result-wl1 .content-modal-bx .content-modal-reset p {
  color: #3d3d3d;
  font-size: 14px;
  text-align: center;
  /* media query version */
}
@media screen and (min-width: 769px) {
  #docomo .official-approximation-result-wl1 .content-modal-bx .content-modal-reset p {
    font-size: 16px;
  }
}
#docomo .official-approximation-result-wl1 .content-modal-bx .content-modal-reset .reset {
  margin: 32px 0 24px;
  /* media query version */
}
@media screen and (min-width: 769px) {
  #docomo .official-approximation-result-wl1 .content-modal-bx .content-modal-reset .reset {
    margin: 32px 0;
  }
}
#docomo .official-approximation-result-wl1 .content-modal-bx .content-modal-reset .reset button {
  font-size: 14px;
  line-height: 1.5;
  /* media query version */
}
@media screen and (min-width: 769px) {
  #docomo .official-approximation-result-wl1 .content-modal-bx .content-modal-reset .reset button {
    font-size: 16px;
  }
}
#docomo .official-approximation-result-wl1 .content-modal-bx .content-modal-reset .cancel {
  text-align: center;
}
#docomo .official-approximation-result-wl1 .content-modal-bx .content-modal-reset .cancel button {
  color: #006dc5;
  font-size: 14px;
  background: none;
  border: none;
  cursor: pointer;
  /* media query version */
}
@media screen and (min-width: 769px) {
  #docomo .official-approximation-result-wl1 .content-modal-bx .content-modal-reset .cancel button {
    font-size: 16px;
  }
}
#docomo .official-approximation-result-wl1 .content-sticky {
  position: sticky;
  bottom: -260px;
  left: 0;
  width: 100%;
  background: #fff;
  border-top: 3px solid #cc0000;
  transition: all 0.3s ease-out;
  /* media query version */
}
@media screen and (min-width: 769px) {
  #docomo .official-approximation-result-wl1 .content-sticky {
    box-shadow: 0 -3px rgba(0, 0, 0, 0.1);
  }
}
#docomo .official-approximation-result-wl1 .content-sticky.show {
  bottom: 0;
}
#docomo .official-approximation-result-wl1 .content-sticky .btn-inquiry {
  position: absolute;
  top: -90px;
  right: 15px;
  /* media query version */
}
@media screen and (min-width: 769px) {
  #docomo .official-approximation-result-wl1 .content-sticky .btn-inquiry {
    right: 20px;
  }
}
#docomo .official-approximation-result-wl1 .content-sticky .btn-inquiry button {
  background: none;
}
#docomo .official-approximation-result-wl1 .content-sticky .md-container-inner {
  padding: 0;
  /* media query version */
}
@media screen and (min-width: 769px) {
  #docomo .official-approximation-result-wl1 .content-sticky .md-container-inner {
    padding: 0 20px;
  }
}
#docomo .official-approximation-result-wl1 .content-sticky-bx {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  /* media query version */
}
@media screen and (min-width: 769px) {
  #docomo .official-approximation-result-wl1 .content-sticky-bx {
    padding: 18px 0;
  }
}
#docomo .official-approximation-result-wl1 .content-sticky-bx .bx-l {
  position: relative;
  flex-basis: 170px;
  padding: 16px;
  color: #3d3d3d;
  background: #f5f5f5;
  /* media query version */
}
@media screen and (min-width: 769px) {
  #docomo .official-approximation-result-wl1 .content-sticky-bx .bx-l {
    flex-basis: 380px;
    border-radius: 10px;
  }
}
#docomo .official-approximation-result-wl1 .content-sticky-bx .bx-l .bx-diff {
  position: absolute;
  top: -15px;
  left: 27px;
  /* media query version */
}
@media screen and (min-width: 769px) {
  #docomo .official-approximation-result-wl1 .content-sticky-bx .bx-l .bx-diff {
    top: -30px;
    left: 70px;
  }
}
#docomo .official-approximation-result-wl1 .content-sticky-bx .bx-l dl {
  text-align: right;
  /* media query version */
}
@media screen and (min-width: 769px) {
  #docomo .official-approximation-result-wl1 .content-sticky-bx .bx-l dl {
    text-align: left;
  }
}
#docomo .official-approximation-result-wl1 .content-sticky-bx .bx-l dl.dl-01 {
  font-weight: bold;
  line-height: 1;
}
#docomo .official-approximation-result-wl1 .content-sticky-bx .bx-l dl.dl-01 dt {
  display: block;
  margin-right: 1em;
  margin-bottom: 4px;
  font-size: 11px;
  text-align: left;
  /* media query version */
}
@media screen and (min-width: 769px) {
  #docomo .official-approximation-result-wl1 .content-sticky-bx .bx-l dl.dl-01 dt {
    display: inline-block;
    margin-bottom: 0;
    font-size: 16px;
  }
}
#docomo .official-approximation-result-wl1 .content-sticky-bx .bx-l dl.dl-01 dd {
  display: inline-block;
}
#docomo .official-approximation-result-wl1 .content-sticky-bx .bx-l dl.dl-01 dd .span-01 {
  font-size: 24px;
  /* media query version */
}
@media screen and (min-width: 769px) {
  #docomo .official-approximation-result-wl1 .content-sticky-bx .bx-l dl.dl-01 dd .span-01 {
    margin-right: 8px;
    font-size: 32px;
  }
}
#docomo .official-approximation-result-wl1 .content-sticky-bx .bx-l dl.dl-01 dd .span-02 {
  font-size: 14px;
  /* media query version */
}
@media screen and (min-width: 769px) {
  #docomo .official-approximation-result-wl1 .content-sticky-bx .bx-l dl.dl-01 dd .span-02 {
    font-size: 16px;
  }
}
#docomo .official-approximation-result-wl1 .content-sticky-bx .bx-l dl.dl-02 {
  margin-top: 4px;
  font-size: 16px;
  line-height: 1;
  /* media query version */
}
@media screen and (min-width: 769px) {
  #docomo .official-approximation-result-wl1 .content-sticky-bx .bx-l dl.dl-02 {
    margin-top: 8px;
  }
}
#docomo .official-approximation-result-wl1 .content-sticky-bx .bx-l dl.dl-02 dt {
  display: inline-block;
  margin-right: 0.5em;
  font-size: 11px;
  /* media query version */
}
@media screen and (min-width: 769px) {
  #docomo .official-approximation-result-wl1 .content-sticky-bx .bx-l dl.dl-02 dt {
    font-size: 16px;
  }
}
#docomo .official-approximation-result-wl1 .content-sticky-bx .bx-l dl.dl-02 dd.dd-01 {
  display: inline-block;
  font-size: 11px;
  /* media query version */
}
@media screen and (min-width: 769px) {
  #docomo .official-approximation-result-wl1 .content-sticky-bx .bx-l dl.dl-02 dd.dd-01 {
    margin-right: 0.5em;
    padding-right: 0.5em;
    font-size: 16px;
    border-right: 2px solid #d8d8d8;
  }
}
#docomo .official-approximation-result-wl1 .content-sticky-bx .bx-l dl.dl-02 dd.dd-02 {
  display: inline-block;
  margin-top: 4px;
  /* media query version */
}
@media screen and (min-width: 769px) {
  #docomo .official-approximation-result-wl1 .content-sticky-bx .bx-l dl.dl-02 dd.dd-02 {
    margin-top: 0;
  }
}
#docomo .official-approximation-result-wl1 .content-sticky-bx .bx-l dl.dl-02 dd.dd-02 .span-01 {
  margin-right: 0.2em;
  vertical-align: middle;
}
#docomo .official-approximation-result-wl1 .content-sticky-bx .bx-l dl.dl-02 dd.dd-02 .span-02 {
  margin-right: 0.2em;
  color: #cc0000;
  font-weight: bold;
  font-size: 14px;
  /* media query version */
}
@media screen and (min-width: 769px) {
  #docomo .official-approximation-result-wl1 .content-sticky-bx .bx-l dl.dl-02 dd.dd-02 .span-02 {
    font-size: 16px;
  }
}
#docomo .official-approximation-result-wl1 .content-sticky-bx .bx-l dl.dl-02 dd.dd-02 .span-03 {
  margin-right: 0.2em;
  font-weight: bold;
  font-size: 14px;
  /* media query version */
}
@media screen and (min-width: 769px) {
  #docomo .official-approximation-result-wl1 .content-sticky-bx .bx-l dl.dl-02 dd.dd-02 .span-03 {
    font-size: 16px;
  }
}
#docomo .official-approximation-result-wl1 .content-sticky-bx .bx-l dl.dl-02 dd.dd-02 .span-04 {
  color: #707070;
  font-size: 11px;
  letter-spacing: -0.5px;
  /* media query version */
}
@media screen and (min-width: 769px) {
  #docomo .official-approximation-result-wl1 .content-sticky-bx .bx-l dl.dl-02 dd.dd-02 .span-04 {
    font-size: 14px;
  }
}
#docomo .official-approximation-result-wl1 .content-sticky-bx .bx-r {
  display: flex;
  flex: 1;
  flex-direction: column-reverse;
  align-items: center;
  width: 100%;
  padding: 16px 12px;
  /* media query version */
}
@media screen and (min-width: 769px) {
  #docomo .official-approximation-result-wl1 .content-sticky-bx .bx-r {
    flex-direction: row;
    padding: 0;
  }
}
#docomo .official-approximation-result-wl1 .content-sticky-bx .bx-r .bx-btn-save {
  width: 100%;
  /* media query version */
}
@media screen and (min-width: 769px) {
  #docomo .official-approximation-result-wl1 .content-sticky-bx .bx-r .bx-btn-save {
    width: 43%;
    padding: 0 2% 0 4%;
  }
}
#docomo .official-approximation-result-wl1 .content-sticky-bx .bx-r .bx-btn-apply {
  width: 100%;
  margin-bottom: 8px;
  /* media query version */
}
@media screen and (min-width: 769px) {
  #docomo .official-approximation-result-wl1 .content-sticky-bx .bx-r .bx-btn-apply {
    width: 57%;
    margin: 0;
  }
}
#docomo .official-approximation-result-wl1 .content-sticky-bx .bx-r button.save {
  max-width: 100%;
  padding: 6px 0;
  font-size: 12px;
  background-image: none;
  /* media query version */
}
@media screen and (min-width: 769px) {
  #docomo .official-approximation-result-wl1 .content-sticky-bx .bx-r button.save {
    max-width: 210px;
    padding: 8px 0;
    font-size: 16px;
    background-image: url('icon_arrow_right_red.507888799b4811cb66c6.svg');
  }
}
@media screen and (max-width: 840px) {
  #docomo .official-approximation-result-wl1 .content-sticky-bx .bx-r button.save {
    background-image: none;
  }
}
#docomo .official-approximation-result-wl1 .content-sticky-bx .bx-r button.save.disabled {
  color: #b3b3b3;
  background-color: #fcfcfc;
  background-image: none;
  border-color: #d4d2cf;
  cursor: inherit;
  /* media query version */
}
#docomo .official-approximation-result-wl1 .content-sticky-bx .bx-r button.save.disabled:hover {
  opacity: 1;
}
@media screen and (min-width: 769px) {
  #docomo .official-approximation-result-wl1 .content-sticky-bx .bx-r button.save.disabled {
    background-image: url('icon_arrow_right_gray.2447ff2f176ab600e1b0.svg');
  }
}
@media screen and (max-width: 900px) {
  #docomo .official-approximation-result-wl1 .content-sticky-bx .bx-r button.save.disabled {
    background-image: none;
  }
}
#docomo .official-approximation-result-wl1 .content-sticky-bx .bx-r button.apply {
  color: #fff;
  font-size: 18px;
  background-color: #cc0000;
  background-image: none;
  /* media query version */
}
@media screen and (min-width: 769px) {
  #docomo .official-approximation-result-wl1 .content-sticky-bx .bx-r button.apply {
    font-size: 20px;
    background-image: url('icon_arrow_right_red_l.6294cb94aad5165e33ae.svg');
  }
}
@media screen and (max-width: 900px) {
  #docomo .official-approximation-result-wl1 .content-sticky-bx .bx-r button.apply {
    background-image: none;
  }
}
#docomo .official-approximation-result-wl1 .content-sticky-bx .bx-r button.recalculation {
  color: #cc0000;
  font-size: 18px;
  background-color: #fae6e6;
  background-image: none;
  /* media query version */
}
@media screen and (min-width: 769px) {
  #docomo .official-approximation-result-wl1 .content-sticky-bx .bx-r button.recalculation {
    font-size: 20px;
    background-image: url('icon_arrow_right_red02_l.5fd5a514967cf6aa325b.svg');
  }
}
@media screen and (max-width: 900px) {
  #docomo .official-approximation-result-wl1 .content-sticky-bx .bx-r button.recalculation {
    background-image: none;
  }
}
#docomo .official-approximation-result-wl1 .content-appeal {
  width: 100%;
  max-width: 460px;
  margin: 0 auto;
  /* media query version */
}
@media screen and (min-width: 769px) {
  #docomo .official-approximation-result-wl1 .content-appeal {
    max-width: 800px;
  }
}
#docomo .official-approximation-result-wl1 .content-appeal.appeal-01 {
  padding: 16px 0;
  text-align: center;
}
#docomo .official-approximation-result-wl1 .content-appeal.appeal-01 li {
  line-height: 1;
}
#docomo .official-approximation-result-wl1 .bx-btn-back {
  margin: 32px 0 44px;
}
#docomo .official-approximation-result-wl1 .pc-only {
  display: none;
  /* media query version */
}
@media screen and (min-width: 769px) {
  #docomo .official-approximation-result-wl1 .pc-only {
    display: block;
  }
}
#docomo .official-approximation-result-wl1 .sp-only {
  display: block;
  /* media query version */
}
@media screen and (min-width: 769px) {
  #docomo .official-approximation-result-wl1 .sp-only {
    display: none;
  }
}
#docomo .official-approximation-result-wl1 .btn-wrap-01 {
  margin: 0 auto;
}
#docomo .official-approximation-result-wl1 .btn-wrap-01.pt32 {
  padding-top: 32px;
}
#docomo .official-approximation-result-wl1 .btn-wrap-01.w344 {
  width: 100%;
  max-width: 344px;
}
#docomo .official-approximation-result-wl1 .pd-top15 {
  padding-top: 15px !important;
}
#docomo .official-approximation-result-wl1 .pd-btm0 {
  padding-bottom: 0 !important;
}
#docomo .official-approximation-result-wl1 .pd-btm15 {
  padding-bottom: 15px !important;
}
#docomo .official-approximation-result-wl1 .pd-btm20 {
  padding-bottom: 20px !important;
}
#docomo .official-approximation-result-wl1 .pd-btm32 {
  padding-bottom: 32px !important;
}
#docomo .official-approximation-result-wl1 .pd-btm100 {
  padding-bottom: 100px !important;
}
#docomo .official-approximation-result-wl1 .btn-to-top {
  position: fixed;
  right: 42px;
  bottom: 20px;
  z-index: 10;
  display: none;
}
#docomo .official-approximation-result-wl1 .btn-to-top.show {
  display: block;
}
#docomo .official-approximation-result-wl1 .btn-to-top a {
  position: relative;
  display: block;
  width: 50px;
  height: 50px;
  background-color: #999999;
}
#docomo .official-approximation-result-wl1 .btn-to-top a::before {
  position: absolute;
  top: calc(50% - 4px);
  right: calc(50% - 6px);
  display: block;
  width: 10px;
  height: 10px;
  border-top: 2px solid #ffffff;
  border-left: 2px solid #ffffff;
  transform: rotate(45deg);
  content: "";
}
#docomo .official-approximation-result-wl1 .btn-to-top a:hover {
  opacity: 0.7;
}
#docomo .official-approximation-result-wl1 .app-error-wrap {
  margin-top: 16px;
}
#docomo .official-approximation-result-wl1 .app-error-wrap .plan-name {
  margin-bottom: -10px;
  font-weight: bold;
  font-size: 14px;
}
#docomo .official-approximation-result-wl1 ion-icon {
  width: calc(var(--space-size-20) + 4px);
  height: calc(var(--space-size-20) + 4px);
  padding-bottom: 3px;
  padding-left: 3px;
  vertical-align: middle;
  fill: var(--ion-form-icon-color);
}
#docomo .official-approximation-result-wl1 ion-icon.accordion-circle {
  width: 18px;
  height: 18px;
}
#docomo .official-approximation-result-wl1 a {
  cursor: pointer;
}
@keyframes fadeIn {
  0% {
    display: none;
    opacity: 0;
  }
  1% {
    display: block;
    opacity: 0;
  }
  100% {
    display: block;
    opacity: 1;
  }
}
#docomo .title-h2-border {
  border-bottom-width: 3px !important;
}
#docomo .text-img {
  display: flex;
  line-height: 25px;
  align-items: center;
}
#docomo .text-img .text-center {
  flex-shrink: 1;
  flex-grow: 10;
  flex-basis: 0;
  margin-bottom: 0px;
  text-align: left;
}
#docomo .text-img .kome-div {
  display: flex;
  font-size: 13px;
  padding-top: 15px;
}
#docomo .text-img .kome-div div {
  padding-left: 8px;
}
#docomo .text-img .div-margin-top {
  margin-top: 0px;
}
#docomo .text-img .div-margin-top app-static-contents img {
  width: 206px;
}
#docomo .button-under {
  padding: 0 var(--space-size-20);
  display: flex;
  font-size: 13px;
}
#docomo .possible-title {
  line-height: 28px;
  color: #003a77;
  font-size: 18px;
  font-weight: bold;
  margin-top: 20px;
}
#docomo .possible-div {
  margin-top: 20px;
}
#docomo .possible-div .possible-detail-title {
  display: flex;
  align-items: center;
}
#docomo .possible-div .possible-detail-title .svg-div {
  height: 40px;
}
#docomo .possible-div .possible-detail-title .svg-div svg {
  width: 40px;
  height: 40px;
  fill: #c6a465;
}
#docomo .possible-div .possible-detail-title .svg-div app-static-contents img {
  width: 80px;
}
#docomo .possible-div .possible-detail-title .title-div {
  margin-left: 10px;
}
#docomo .possible-div .possible-detail-title .title-div span {
  font-size: 16px;
  font-weight: bold;
  line-height: 28px;
}
#docomo .possible-div .possible-detail-img-div {
  text-align: center;
  margin-top: 20px;
}
#docomo .check-message {
  color: #003a77;
  font-weight: bold;
  font-size: 16px;
  font-style: normal;
  line-height: 28px;
  text-align: center;
  margin-top: 30px;
}
#docomo .button-under-margin {
  margin-bottom: 25px;
}
#docomo .title-div-img {
  display: flex;
  align-items: center;
  margin-bottom: 12px;
  padding-top: 10px;
}
#docomo .title-div-img .title-div-font {
  font-size: 16px;
  color: #003a77;
}
#docomo .title-div-img .title-image app-static-contents {
  margin: 0;
}
#docomo .title-div-img .title-image app-static-contents img {
  width: 276px;
}
#docomo .title-div {
  display: flex;
  align-items: center;
  margin-bottom: 12px;
  padding-top: 10px;
}
#docomo .title-div p {
  font-size: 16px;
  color: #003a77;
}
#docomo .title-div .title-image app-static-contents {
  margin: 0;
}
#docomo .title-div .title-image app-static-contents img {
  width: 276px;
}
#docomo .step-div {
  margin-bottom: 25px;
}
#docomo .step-div p {
  line-height: 28px;
  margin-top: 10px;
}
#docomo .step-div .step-kome-div {
  display: flex;
  font-size: 13px;
  line-height: 25px;
}
#docomo .step-div .kome-left {
  margin-left: 8px;
}
#docomo .gift-p {
  font-weight: bold;
}
#docomo .gift-div {
  display: flex;
  text-align: center;
  justify-content: center;
}
#docomo .gift-div app-static-contents img {
  width: 328px;
}
#docomo .gift-div p {
  margin-top: 7px;
}
#docomo .ion-list-style {
  box-shadow: 0px 0px 0px 1px #dcd2be;
  border-radius: 4px;
}
#docomo .ion-list-style ion-item-group ion-item-divider {
  border-top: 0px !important;
}
#docomo .ion-list-style ion-item-group ion-item-divider ion-text {
  margin-left: 8px !important;
  margin-right: 7px !important;
  line-height: 28px;
}
#docomo .ion-list-style ion-item-group[closed] ion-item-divider {
  border-bottom: 0px !important;
}
#docomo .ion-list-style .dl-style {
  margin-left: 20px;
  margin-right: 20px;
  border-bottom: 0px !important;
}
#docomo .ion-list-style .dl-style .img-p-flex {
  display: flex;
  align-items: flex-start;
  margin-top: 9px;
}
#docomo .ion-list-style .dl-style .img-p-flex img {
  margin-top: 5px;
  margin-right: 8px;
}
#docomo .ion-list-style .dl-style .image-top-bottom {
  margin-top: 8px;
  margin-bottom: 5px;
}
#docomo .ion-list-style .dl-style .image-top {
  margin-top: 10px;
}
#docomo .ion-list-style .dl-style .img-p-flex-top {
  margin-top: 20px;
}
#docomo .ion-list-style .dl-style .information-div {
  border: 2px solid #003a77;
  border-radius: 4px;
}
#docomo .ion-list-style .dl-style .information-div .information-first-p {
  font-size: 16px;
  color: #003a77;
  font-weight: bold;
  margin-left: 10px;
  margin-top: 7px;
  margin-bottom: 10px;
}
#docomo .ion-list-style .dl-style .information-div .information-second-p {
  margin-left: 12px;
  font-weight: normal;
  font-size: 16px;
  color: #003a77;
  line-height: 28px;
  margin-bottom: 7px;
}
#docomo .remaining-introduction-times-margin {
  margin-top: 30px !important;
}
#docomo .title-btn-color {
  padding-top: 14px;
  padding-right: 15px;
  padding-left: 15px;
  background: var(--ion-color-bg-btn-normal);
  /* container query version */
}
@container app-page-responsive-content-container (min-width: 769px) {
  #docomo .title-btn-color {
    padding: 35px 138px;
  }
}
#docomo .title-btn-color .text-large {
  margin: 10px 20px 0 !important;
  /* media query version */
}
@media screen and (min-width: 769px) {
  #docomo .title-btn-color .text-large {
    margin: 0 0 15px !important;
  }
}
#docomo .coupon-picture-take-div {
  display: flex;
  align-items: center;
  padding-bottom: 30px;
  /* container query version */
}
@container app-page-responsive-content-container (min-width: 769px) {
  #docomo .coupon-picture-take-div {
    padding-bottom: 0;
  }
}
#docomo .coupon-picture-take-div .coupon-picture-take-img-div {
  width: 22px;
  margin: auto;
  margin-right: 5px;
  margin-left: 20px;
  /* container query version */
}
@container app-page-responsive-content-container (min-width: 769px) {
  #docomo .coupon-picture-take-div .coupon-picture-take-img-div {
    margin-left: 0;
  }
}
#docomo .coupon-picture-take-div .coupon-picture-take-link-div {
  margin: 0;
}
#docomo .coupon-picture-take-div .coupon-picture-take-link-div a {
  color: var(--ion-link-text-color) !important;
  cursor: pointer;
}
#docomo .faq-margin-left-div {
  margin-bottom: 30px !important;
  margin-left: 20px;
}
#docomo .faq-margin-left-div app-static-contents a img {
  margin: 0 !important;
}
#docomo .type-help-div {
  margin-top: 30px !important;
  margin-bottom: 30px !important;
}
#docomo .margin-top-div {
  margin-top: 30px !important;
}
#docomo .div-img-flex {
  display: flex;
}
#docomo .div-img-flex .a-top-margin {
  margin-top: 0px;
}
#docomo .div-img-flex .img-width {
  margin-top: 2px;
  margin-right: 4px;
}
#docomo .div-img-flex .img-width img {
  width: 18px;
}
#docomo .app-page.official-approximation-top .btn-to-top {
  position: fixed;
  right: 16px;
  bottom: 126px;
  z-index: 10;
  display: none;
  /* media query version */
}
@media screen and (min-width: 769px) {
  #docomo .app-page.official-approximation-top .btn-to-top {
    right: 32px;
    bottom: 126px;
  }
}
#docomo .app-page.official-approximation-top .btn-to-top a {
  display: block;
  width: 48px;
  height: 48px;
  background: #cc0000 url('05_01_48-img022.e6e99edadf60a72ed504.svg') center center no-repeat;
  border-radius: 100px;
  cursor: pointer;
  /* media query version */
}
@media screen and (min-width: 769px) {
  #docomo .app-page.official-approximation-top .btn-to-top a {
    width: 72px;
    height: 72px;
  }
}
#docomo .app-page.official-approximation-top .btn-to-top a:hover {
  opacity: 0.6;
}
#docomo .app-page.official-approximation-top .btn-to-top.show {
  display: block;
}
#docomo .app-page.official-approximation-top .header-title-wrap {
  display: none;
}
#docomo .app-page.official-approximation-top.app-page-responsive .app-page-content {
  max-width: 100%;
  background: #f7f5f3;
}
#docomo .app-page.official-approximation-top.app-page-responsive .app-page-content section.bg-color.bg-color-01 {
  background-color: #f0eeec;
}
#docomo .app-page.official-approximation-top.app-page-responsive .app-page-content section.bg-color.bg-color-02 {
  background-color: #fff;
}
#docomo .app-page.official-approximation-top.app-page-responsive .app-page-content section.section-heading .box-flex {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px 0;
  /* media query version */
}
@media screen and (min-width: 769px) {
  #docomo .app-page.official-approximation-top.app-page-responsive .app-page-content section.section-heading .box-flex {
    padding: 40px 0 48px;
  }
}
#docomo .app-page.official-approximation-top.app-page-responsive .app-page-content section.section-heading .box-flex .box-l {
  margin-right: 8px;
  /* media query version */
}
@media screen and (min-width: 769px) {
  #docomo .app-page.official-approximation-top.app-page-responsive .app-page-content section.section-heading .box-flex .box-l {
    margin-right: 24px;
  }
}
#docomo .app-page.official-approximation-top.app-page-responsive .app-page-content section.section-heading .box-flex .box-l img {
  width: 56px;
  height: auto;
  vertical-align: middle;
  /* media query version */
}
@media screen and (min-width: 769px) {
  #docomo .app-page.official-approximation-top.app-page-responsive .app-page-content section.section-heading .box-flex .box-l img {
    width: 80px;
  }
}
#docomo .app-page.official-approximation-top.app-page-responsive .app-page-content section.section-heading .box-flex .box-r {
  margin-left: 8px;
  text-align: center;
  /* media query version */
}
@media screen and (min-width: 769px) {
  #docomo .app-page.official-approximation-top.app-page-responsive .app-page-content section.section-heading .box-flex .box-r {
    margin-left: 24px;
  }
}
#docomo .app-page.official-approximation-top.app-page-responsive .app-page-content section.section-heading .box-flex .box-r .sub {
  margin-bottom: 4px;
  color: #e84343;
  font-weight: bold;
  font-size: 14px;
  /* media query version */
}
@media screen and (min-width: 769px) {
  #docomo .app-page.official-approximation-top.app-page-responsive .app-page-content section.section-heading .box-flex .box-r .sub {
    font-size: 20px;
  }
}
#docomo .app-page.official-approximation-top.app-page-responsive .app-page-content section.section-heading .box-flex .box-r .sub:before {
  position: absolute;
  width: 2px;
  height: 20px;
  margin-left: -12px;
  background: #e84343;
  transform: rotate(-25deg);
  content: "";
  /* media query version */
}
@media screen and (min-width: 769px) {
  #docomo .app-page.official-approximation-top.app-page-responsive .app-page-content section.section-heading .box-flex .box-r .sub:before {
    height: 32px;
    margin-left: -20px;
  }
}
#docomo .app-page.official-approximation-top.app-page-responsive .app-page-content section.section-heading .box-flex .box-r .sub:after {
  position: absolute;
  width: 2px;
  height: 20px;
  margin-left: 12px;
  background: #e84343;
  transform: rotate(25deg);
  content: "";
  /* media query version */
}
@media screen and (min-width: 769px) {
  #docomo .app-page.official-approximation-top.app-page-responsive .app-page-content section.section-heading .box-flex .box-r .sub:after {
    height: 32px;
    margin-left: 20px;
  }
}
#docomo .app-page.official-approximation-top.app-page-responsive .app-page-content section.section-heading .box-flex .box-r h1 {
  color: #111111;
  font-weight: bold;
  font-size: 24px;
  /* media query version */
}
@media screen and (min-width: 769px) {
  #docomo .app-page.official-approximation-top.app-page-responsive .app-page-content section.section-heading .box-flex .box-r h1 {
    font-size: 32px;
  }
}
#docomo .app-page.official-approximation-top.app-page-responsive .app-page-content section.section-select-situation h2 {
  padding: 24px 0;
  color: #111111;
  font-weight: bold;
  font-size: 18px;
  text-align: center;
  /* media query version */
}
@media screen and (min-width: 769px) {
  #docomo .app-page.official-approximation-top.app-page-responsive .app-page-content section.section-select-situation h2 {
    padding: 48px 0;
    font-size: 24px;
  }
}
#docomo .app-page.official-approximation-top.app-page-responsive .app-page-content section.section-select-situation ul.ul-btn {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  padding: 0 12px;
  /* media query version */
}
@media screen and (min-width: 769px) {
  #docomo .app-page.official-approximation-top.app-page-responsive .app-page-content section.section-select-situation ul.ul-btn {
    flex-direction: row-reverse;
    flex-wrap: nowrap;
    justify-content: space-between;
    padding: 0;
  }
}
#docomo .app-page.official-approximation-top.app-page-responsive .app-page-content section.section-select-situation ul.ul-btn li {
  width: 100%;
  /* media query version */
}
#docomo .app-page.official-approximation-top.app-page-responsive .app-page-content section.section-select-situation ul.ul-btn li:first-child {
  margin-bottom: 24px;
  /* media query version */
}
@media screen and (min-width: 769px) {
  #docomo .app-page.official-approximation-top.app-page-responsive .app-page-content section.section-select-situation ul.ul-btn li:first-child {
    margin-bottom: 0;
  }
}
@media screen and (min-width: 769px) {
  #docomo .app-page.official-approximation-top.app-page-responsive .app-page-content section.section-select-situation ul.ul-btn li {
    width: 48%;
  }
}
#docomo .app-page.official-approximation-top.app-page-responsive .app-page-content section.section-select-situation ul.ul-btn li button {
  width: 100%;
  height: 72px;
  color: #fff;
  text-align: center;
  background: #cc0000 url('05_01_48-img002_dcm.e94aa6239ad68131ac63.svg') right 24px center no-repeat;
  background-size: 24px;
  border-radius: 100px;
  /* media query version */
}
@media screen and (min-width: 769px) {
  #docomo .app-page.official-approximation-top.app-page-responsive .app-page-content section.section-select-situation ul.ul-btn li button {
    height: 96px;
    background-size: 40px;
  }
}
#docomo .app-page.official-approximation-top.app-page-responsive .app-page-content section.section-select-situation ul.ul-btn li button:hover {
  opacity: 0.25;
}
#docomo .app-page.official-approximation-top.app-page-responsive .app-page-content section.section-select-situation ul.ul-btn li button span {
  margin-left: -10%;
  font-weight: normal;
  font-size: 14px;
  /* media query version */
}
@media screen and (min-width: 769px) {
  #docomo .app-page.official-approximation-top.app-page-responsive .app-page-content section.section-select-situation ul.ul-btn li button span {
    font-size: 18px;
  }
}
#docomo .app-page.official-approximation-top.app-page-responsive .app-page-content section.section-select-situation ul.ul-btn li button span .txt-large {
  margin-left: 5px;
  font-weight: bold;
  font-size: 18px;
  /* media query version */
}
@media screen and (min-width: 769px) {
  #docomo .app-page.official-approximation-top.app-page-responsive .app-page-content section.section-select-situation ul.ul-btn li button span .txt-large {
    font-size: 24px;
  }
}
#docomo .app-page.official-approximation-top.app-page-responsive .app-page-content section.section-select-situation ul.ul-btn li .estimate-image {
  margin-top: 24px;
  text-align: center;
  /* media query version */
}
@media screen and (min-width: 769px) {
  #docomo .app-page.official-approximation-top.app-page-responsive .app-page-content section.section-select-situation ul.ul-btn li .estimate-image {
    margin-top: 16px;
  }
}
#docomo .app-page.official-approximation-top.app-page-responsive .app-page-content section.section-select-situation ul.ul-btn-wrap {
  display: ruby-text;
  flex-direction: column;
  flex-wrap: wrap;
  padding: 0 12px;
  margin: 22px 0 20px !important;
  /* media query version */
}
@media screen and (min-width: 769px) {
  #docomo .app-page.official-approximation-top.app-page-responsive .app-page-content section.section-select-situation ul.ul-btn-wrap {
    flex-direction: row-reverse;
    flex-wrap: nowrap;
    justify-content: center;
    padding: 0;
  }
}
#docomo .app-page.official-approximation-top.app-page-responsive .app-page-content section.section-select-situation ul.ul-btn-wrap li {
  width: 100%;
  /* media query version */
}
#docomo .app-page.official-approximation-top.app-page-responsive .app-page-content section.section-select-situation ul.ul-btn-wrap li:first-child {
  margin-bottom: 24px;
  /* media query version */
}
@media screen and (min-width: 769px) {
  #docomo .app-page.official-approximation-top.app-page-responsive .app-page-content section.section-select-situation ul.ul-btn-wrap li:first-child {
    margin-bottom: 0;
  }
}
@media screen and (min-width: 769px) {
  #docomo .app-page.official-approximation-top.app-page-responsive .app-page-content section.section-select-situation ul.ul-btn-wrap li {
    width: 48%;
  }
}
#docomo .app-page.official-approximation-top.app-page-responsive .app-page-content section.section-select-situation ul.ul-btn-wrap li button {
  width: 100%;
  height: 72px;
  color: #fff;
  text-align: center;
  background: #cc0000 url('05_01_48-img002_dcm.e94aa6239ad68131ac63.svg') right 24px center no-repeat;
  background-size: 24px;
  border-radius: 100px;
  /* media query version */
}
@media screen and (min-width: 769px) {
  #docomo .app-page.official-approximation-top.app-page-responsive .app-page-content section.section-select-situation ul.ul-btn-wrap li button {
    height: 96px;
    background-size: 40px;
  }
}
#docomo .app-page.official-approximation-top.app-page-responsive .app-page-content section.section-select-situation ul.ul-btn-wrap li button:hover {
  opacity: 0.25;
}
#docomo .app-page.official-approximation-top.app-page-responsive .app-page-content section.section-select-situation ul.ul-btn-wrap li button span {
  font-weight: normal;
  font-size: 14px;
  /* media query version */
}
@media screen and (min-width: 769px) {
  #docomo .app-page.official-approximation-top.app-page-responsive .app-page-content section.section-select-situation ul.ul-btn-wrap li button span {
    font-size: 18px;
  }
}
#docomo .app-page.official-approximation-top.app-page-responsive .app-page-content section.section-select-situation ul.ul-btn-wrap li button span .txt-large {
  margin-left: 5px;
  font-weight: bold;
  font-size: 18px;
  /* media query version */
}
@media screen and (min-width: 769px) {
  #docomo .app-page.official-approximation-top.app-page-responsive .app-page-content section.section-select-situation ul.ul-btn-wrap li button span .txt-large {
    font-size: 24px;
  }
}
#docomo .app-page.official-approximation-top.app-page-responsive .app-page-content section.section-select-situation ul.ul-btn-wrap li .estimate-image {
  margin-top: 24px;
  text-align: center;
  /* media query version */
}
@media screen and (min-width: 769px) {
  #docomo .app-page.official-approximation-top.app-page-responsive .app-page-content section.section-select-situation ul.ul-btn-wrap li .estimate-image {
    margin-top: 16px;
  }
}
#docomo .app-page.official-approximation-top.app-page-responsive .app-page-content section.section-select-situation .applications {
  margin: 24px -20px 0;
  padding: 24px 32px;
  background-color: #f0eeec;
  /* media query version */
}
@media screen and (min-width: 769px) {
  #docomo .app-page.official-approximation-top.app-page-responsive .app-page-content section.section-select-situation .applications {
    margin: 48px 0 0;
    padding: 48px 0;
    border-radius: 10px;
  }
}
#docomo .app-page.official-approximation-top.app-page-responsive .app-page-content section.section-select-situation .applications button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: 384px;
  height: 60px;
  margin: 0 auto 24px;
  color: #cc0000;
  font-weight: bold;
  font-size: 14px;
  background: #fff;
  border: 2px solid #cc0000;
  border-radius: 100px;
  /* media query version */
}
#docomo .app-page.official-approximation-top.app-page-responsive .app-page-content section.section-select-situation .applications button:hover {
  opacity: 0.6;
}
@media screen and (min-width: 769px) {
  #docomo .app-page.official-approximation-top.app-page-responsive .app-page-content section.section-select-situation .applications button {
    margin: 0 auto 48px;
    font-size: 18px;
  }
}
#docomo .app-page.official-approximation-top.app-page-responsive .app-page-content section.section-select-situation .applications button img {
  display: none;
}
#docomo .app-page.official-approximation-top.app-page-responsive .app-page-content section.section-select-situation .applications ul.ul-link {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  margin: 0 -20px;
  padding: 0;
  /* media query version */
}
@media screen and (min-width: 769px) {
  #docomo .app-page.official-approximation-top.app-page-responsive .app-page-content section.section-select-situation .applications ul.ul-link {
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    margin: 0;
    padding: 0 60px;
  }
}
#docomo .app-page.official-approximation-top.app-page-responsive .app-page-content section.section-select-situation .applications ul.ul-link li {
  margin: 4px 0;
  padding: 0;
  text-align: center;
  /* media query version */
}
@media screen and (min-width: 769px) {
  #docomo .app-page.official-approximation-top.app-page-responsive .app-page-content section.section-select-situation .applications ul.ul-link li {
    margin: 0;
    padding: 0 16px;
  }
}
#docomo .app-page.official-approximation-top.app-page-responsive .app-page-content section.section-select-situation .applications ul.ul-link li a {
  color: #003a77;
  font-size: 14px;
  text-wrap: nowrap;
  /* media query version */
}
@media screen and (min-width: 769px) {
  #docomo .app-page.official-approximation-top.app-page-responsive .app-page-content section.section-select-situation .applications ul.ul-link li a {
    font-size: 16px;
  }
}
#docomo .app-page.official-approximation-top.app-page-responsive .app-page-content section.section-select-situation .applications hr {
  margin: 4px 0;
  border-top: 1px solid #b3c4d6;
  /* media query version */
}
@media screen and (min-width: 769px) {
  #docomo .app-page.official-approximation-top.app-page-responsive .app-page-content section.section-select-situation .applications hr {
    margin: 16px 64px;
  }
}
#docomo .app-page.official-approximation-top.app-page-responsive .app-page-content section.section-flow .box-heading {
  padding-top: 48px;
  text-align: center;
  /* media query version */
}
@media screen and (min-width: 769px) {
  #docomo .app-page.official-approximation-top.app-page-responsive .app-page-content section.section-flow .box-heading {
    padding-top: 80px;
  }
}
#docomo .app-page.official-approximation-top.app-page-responsive .app-page-content section.section-flow .box-heading h2 {
  color: #111111;
  font-weight: bold;
  font-size: 22px;
  /* media query version */
}
@media screen and (min-width: 769px) {
  #docomo .app-page.official-approximation-top.app-page-responsive .app-page-content section.section-flow .box-heading h2 {
    font-size: 28px;
  }
}
#docomo .app-page.official-approximation-top.app-page-responsive .app-page-content section.section-flow .box-heading h2 img {
  width: 43px;
  height: auto;
  margin-right: 20px;
  vertical-align: middle;
  /* media query version */
}
@media screen and (min-width: 769px) {
  #docomo .app-page.official-approximation-top.app-page-responsive .app-page-content section.section-flow .box-heading h2 img {
    width: 57px;
    height: auto;
  }
}
#docomo .app-page.official-approximation-top.app-page-responsive .app-page-content section.section-flow .box-heading .sub {
  margin-top: 32px;
  font-size: 16px;
  /* media query version */
}
@media screen and (min-width: 769px) {
  #docomo .app-page.official-approximation-top.app-page-responsive .app-page-content section.section-flow .box-heading .sub {
    font-size: 18px;
  }
}
#docomo .app-page.official-approximation-top.app-page-responsive .app-page-content section.section-flow .box-list {
  position: relative;
  margin-top: 32px;
  padding: 0 0 32px;
  /* media query version */
}
#docomo .app-page.official-approximation-top.app-page-responsive .app-page-content section.section-flow .box-list:before {
  position: absolute;
  top: 64px;
  left: 50%;
  z-index: 1;
  display: block;
  width: 70%;
  height: 2px;
  background: #cc0000;
  transform: translateX(-50%);
  content: "";
}
@media screen and (min-width: 769px) {
  #docomo .app-page.official-approximation-top.app-page-responsive .app-page-content section.section-flow .box-list {
    margin-top: 48px;
    padding: 0 30px 48px;
  }
  #docomo .app-page.official-approximation-top.app-page-responsive .app-page-content section.section-flow .box-list:before {
    top: 118px;
    left: 50%;
    width: 80%;
  }
}
#docomo .app-page.official-approximation-top.app-page-responsive .app-page-content section.section-flow .box-list ol {
  position: relative;
  z-index: 2;
  display: flex;
  justify-content: space-between;
}
#docomo .app-page.official-approximation-top.app-page-responsive .app-page-content section.section-flow .box-list ol li {
  width: 25%;
}
#docomo .app-page.official-approximation-top.app-page-responsive .app-page-content section.section-flow .box-list ol li dt {
  text-align: center;
}
#docomo .app-page.official-approximation-top.app-page-responsive .app-page-content section.section-flow .box-list ol li dt span {
  display: inline-block;
  padding: 1px 7px;
  color: #cc0000;
  font-weight: bold;
  font-size: 14px;
  font-family: Roboto, sans-serif;
  background: #fff;
  border-radius: 100px;
  /* media query version */
}
@media screen and (min-width: 769px) {
  #docomo .app-page.official-approximation-top.app-page-responsive .app-page-content section.section-flow .box-list ol li dt span {
    padding: 3px 18px;
    font-size: 20px;
  }
}
#docomo .app-page.official-approximation-top.app-page-responsive .app-page-content section.section-flow .box-list ol li dt .image {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 64px;
  height: 64px;
  margin: 8px auto 0;
  background: #fff;
  border: 1px solid #d4d2cf;
  border-radius: 100px;
  /* media query version */
}
@media screen and (min-width: 769px) {
  #docomo .app-page.official-approximation-top.app-page-responsive .app-page-content section.section-flow .box-list ol li dt .image {
    width: 128px;
    height: 128px;
    margin: 16px auto 0;
  }
}
#docomo .app-page.official-approximation-top.app-page-responsive .app-page-content section.section-flow .box-list ol li dt .image img {
  transform: scale(0.75);
  /* media query version */
}
@media screen and (min-width: 769px) {
  #docomo .app-page.official-approximation-top.app-page-responsive .app-page-content section.section-flow .box-list ol li dt .image img {
    transform: scale(1);
  }
}
#docomo .app-page.official-approximation-top.app-page-responsive .app-page-content section.section-flow .box-list ol li dd {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 30px;
  margin-top: 8px;
  color: #111111;
  font-weight: bold;
  font-size: 12px;
  text-align: center;
  /* media query version */
}
#docomo .app-page.official-approximation-top.app-page-responsive .app-page-content section.section-flow .box-list ol li dd span.text-s {
  display: block;
  font-size: 9px;
  /* media query version */
}
@media screen and (min-width: 769px) {
  #docomo .app-page.official-approximation-top.app-page-responsive .app-page-content section.section-flow .box-list ol li dd span.text-s {
    font-size: 12px;
  }
}
@media screen and (min-width: 769px) {
  #docomo .app-page.official-approximation-top.app-page-responsive .app-page-content section.section-flow .box-list ol li dd {
    margin-top: 24px;
    font-size: 18px;
  }
}
#docomo .app-page.official-approximation-top.app-page-responsive .app-page-content section.section-flow .box-list ol li:last-child dd {
  margin-top: 12px;
}
#docomo .app-page.official-approximation-top.app-page-responsive .app-page-content section.section-flow .note {
  margin: 48px -20px 0;
  padding: 24px 16px;
  background-color: #f0eeec;
  /* media query version */
}
@media screen and (min-width: 769px) {
  #docomo .app-page.official-approximation-top.app-page-responsive .app-page-content section.section-flow .note {
    margin: 80px 0 0;
    padding: 48px 64px;
    border-radius: 10px;
  }
}
#docomo .app-page.official-approximation-top.app-page-responsive .app-page-content section.section-flow .note ul li {
  margin-bottom: 0.5em;
  padding-left: 1em;
  color: #111111;
  font-size: 14px;
  text-indent: -1em;
}
#docomo .app-page.official-approximation-top.app-page-responsive .app-page-content section.section-flow .note ul li:last-child {
  margin-bottom: 0;
}
#docomo .app-page.official-approximation-top.app-page-responsive .app-page-content section.section-flow .note ul li a {
  color: #0099ff;
  font-weight: bold;
  text-decoration: underline;
}
#docomo .app-page.official-approximation-top.app-page-responsive .app-page-content section.section-flow .note ul li a:hover {
  text-decoration: none;
}
#docomo .app-page.official-approximation-top.app-page-responsive .app-page-content section.section-common-qa {
  padding: 48px 0;
  /* media query version */
}
@media screen and (min-width: 769px) {
  #docomo .app-page.official-approximation-top.app-page-responsive .app-page-content section.section-common-qa {
    margin-top: 80px;
    padding: 80px 0;
  }
}
#docomo .app-page.official-approximation-top.app-page-responsive .app-page-content section.section-common-qa h2 {
  padding-bottom: 32px;
  color: #111111;
  font-weight: bold;
  font-size: 22px;
  text-align: center;
  vertical-align: middle;
  /* media query version */
}
@media screen and (min-width: 769px) {
  #docomo .app-page.official-approximation-top.app-page-responsive .app-page-content section.section-common-qa h2 {
    font-size: 28px;
  }
}
#docomo .app-page.official-approximation-top.app-page-responsive .app-page-content section.section-common-qa h2 img {
  width: 43px;
  height: auto;
  margin-right: 12px;
  vertical-align: middle;
  /* media query version */
}
@media screen and (min-width: 769px) {
  #docomo .app-page.official-approximation-top.app-page-responsive .app-page-content section.section-common-qa h2 img {
    width: 57px;
    height: auto;
    margin-right: 20px;
  }
}
#docomo .app-page.official-approximation-top.app-page-responsive .app-page-content section.section-content-end {
  padding: 24px 0 48px;
  /* media query version */
}
@media screen and (min-width: 769px) {
  #docomo .app-page.official-approximation-top.app-page-responsive .app-page-content section.section-content-end {
    padding: 48px 0 60px;
  }
}
#docomo .app-page.official-approximation-top.app-page-responsive .app-page-content section.section-content-end .btn button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: 343px;
  height: 41px;
  margin: 0 auto;
  color: #111111;
  font-weight: bold;
  font-size: 14px;
  text-align: center;
  background: #fff url('05_01_48-img003_dcm.c8d0cc186bc76cb94f5a.svg') left 11px center no-repeat;
  border: 2px solid #d4d2cf;
  border-radius: 100px;
}
#docomo .app-page.official-approximation-top.app-page-responsive .app-page-content section.section-content-end .btn button:hover {
  opacity: 0.6;
}
#docomo .app-page.official-approximation-top.app-page-responsive .app-page-content .content-box {
  max-width: 980px;
  margin: 0 auto;
  padding: 0 20px;
}
#docomo .app-page.official-approximation-top.app-page-responsive .app-page-content .ul-faq li.li-faq {
  margin-bottom: 16px;
  background: #fff;
  border: 2px solid #e0dfdd;
  border-radius: 3px;
}
#docomo .app-page.official-approximation-top.app-page-responsive .app-page-content .ul-faq li.li-faq .question {
  position: relative;
  display: flex;
  align-items: center;
  min-height: 56px;
  padding: 10px 48px 10px 12px;
  color: #111111;
  font-weight: bold;
  font-size: 14px;
  cursor: pointer;
  /* media query version */
}
@media screen and (min-width: 769px) {
  #docomo .app-page.official-approximation-top.app-page-responsive .app-page-content .ul-faq li.li-faq .question {
    min-height: 80px;
    padding: 10px 66px 10px 20px;
    font-size: 18px;
  }
}
#docomo .app-page.official-approximation-top.app-page-responsive .app-page-content .ul-faq li.li-faq .question:before {
  position: absolute;
  top: 0;
  right: 15px;
  bottom: 0;
  display: block;
  width: 13px;
  height: 2px;
  margin: auto;
  background: #cc0000;
  content: "";
  /* media query version */
}
@media screen and (min-width: 769px) {
  #docomo .app-page.official-approximation-top.app-page-responsive .app-page-content .ul-faq li.li-faq .question:before {
    right: 30px;
    width: 21px;
    height: 2px;
  }
}
#docomo .app-page.official-approximation-top.app-page-responsive .app-page-content .ul-faq li.li-faq .question:after {
  position: absolute;
  top: 0;
  right: 15px;
  bottom: 0;
  display: block;
  width: 13px;
  height: 2px;
  margin: auto;
  background: #cc0000;
  transform: rotate(90deg);
  content: "";
  /* media query version */
}
@media screen and (min-width: 769px) {
  #docomo .app-page.official-approximation-top.app-page-responsive .app-page-content .ul-faq li.li-faq .question:after {
    right: 30px;
    width: 21px;
    height: 2px;
  }
}
#docomo .app-page.official-approximation-top.app-page-responsive .app-page-content .ul-faq li.li-faq .question.is-open:after {
  transform: rotate(0deg);
}
#docomo .app-page.official-approximation-top.app-page-responsive .app-page-content .ul-faq li.li-faq .question .icon {
  position: absolute;
}
#docomo .app-page.official-approximation-top.app-page-responsive .app-page-content .ul-faq li.li-faq .question.qa-flow-question {
  background: none;
  /* media query version */
}
@media screen and (min-width: 769px) {
  #docomo .app-page.official-approximation-top.app-page-responsive .app-page-content .ul-faq li.li-faq .question.qa-flow-question {
    background: none;
  }
}
#docomo .app-page.official-approximation-top.app-page-responsive .app-page-content .ul-faq li.li-faq .question.qa-common-question {
  padding: 10px 40px 10px 57px;
  background: url('05_01_48-img019.e4fa8dfe269e6a46ae6a.svg') 12px center no-repeat;
  background-size: 37px auto;
  /* media query version */
}
@media screen and (min-width: 769px) {
  #docomo .app-page.official-approximation-top.app-page-responsive .app-page-content .ul-faq li.li-faq .question.qa-common-question {
    padding: 10px 66px 10px 90px;
    background: url('05_01_48-img019.e4fa8dfe269e6a46ae6a.svg') 16px center no-repeat;
    background-size: 58px auto;
  }
}
#docomo .app-page.official-approximation-top.app-page-responsive .app-page-content .ul-faq li.li-faq .answer {
  max-height: 0;
  overflow: hidden;
  border-radius: 0 0 6px 6px;
  transition: all 0.5s;
}
#docomo .app-page.official-approximation-top.app-page-responsive .app-page-content .ul-faq li.li-faq .answer.is-open {
  max-height: 100px;
}
#docomo .app-page.official-approximation-top.app-page-responsive .app-page-content .ul-faq li.li-faq .answer.qa-flow-answer.is-open {
  max-height: 1000px;
  /* media query version */
}
@media screen and (min-width: 769px) {
  #docomo .app-page.official-approximation-top.app-page-responsive .app-page-content .ul-faq li.li-faq .answer.qa-flow-answer.is-open {
    max-height: 1200px;
  }
}
#docomo .app-page.official-approximation-top.app-page-responsive .app-page-content .ul-faq li.li-faq .answer.qa-flow-answer .qa-flow-answer-inner {
  padding: 24px 16px;
  background: #f0eeec;
  border-radius: 0 0 6px 6px;
}
#docomo .app-page.official-approximation-top.app-page-responsive .app-page-content .ul-faq li.li-faq .answer.qa-flow-answer .qa-flow-answer-inner .ttl {
  color: #111111;
  font-weight: bold;
  font-size: 16px;
  text-align: center;
  /* media query version */
}
@media screen and (min-width: 769px) {
  #docomo .app-page.official-approximation-top.app-page-responsive .app-page-content .ul-faq li.li-faq .answer.qa-flow-answer .qa-flow-answer-inner .ttl {
    padding: 10px 64px 0;
    font-size: 18px;
  }
}
#docomo .app-page.official-approximation-top.app-page-responsive .app-page-content .ul-faq li.li-faq .answer.qa-flow-answer .qa-flow-answer-inner ul {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: 24px;
  padding: 16px;
  background: #fff;
  border-radius: 5px;
  /* media query version */
}
@media screen and (min-width: 769px) {
  #docomo .app-page.official-approximation-top.app-page-responsive .app-page-content .ul-faq li.li-faq .answer.qa-flow-answer .qa-flow-answer-inner ul {
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    margin-top: 32px;
    padding: 24px 32px;
  }
}
#docomo .app-page.official-approximation-top.app-page-responsive .app-page-content .ul-faq li.li-faq .answer.qa-flow-answer .qa-flow-answer-inner ul li {
  margin-top: 24px;
  width: 100%;
  text-align: center;
  /* media query version */
  /* media query version */
}
#docomo .app-page.official-approximation-top.app-page-responsive .app-page-content .ul-faq li.li-faq .answer.qa-flow-answer .qa-flow-answer-inner ul li:first-child {
  margin-top: 0;
}
@media screen and (min-width: 769px) {
  #docomo .app-page.official-approximation-top.app-page-responsive .app-page-content .ul-faq li.li-faq .answer.qa-flow-answer .qa-flow-answer-inner ul li {
    margin-top: 0;
  }
}
@media screen and (min-width: 769px) {
  #docomo .app-page.official-approximation-top.app-page-responsive .app-page-content .ul-faq li.li-faq .answer.qa-flow-answer .qa-flow-answer-inner ul li {
    width: 48%;
  }
}
#docomo .app-page.official-approximation-top.app-page-responsive .app-page-content .ul-faq li.li-faq .answer.qa-flow-answer .qa-flow-answer-inner ul li .txt {
  margin-bottom: 16px;
  font-size: 14px;
  text-align: center;
  /* media query version */
}
@media screen and (min-width: 769px) {
  #docomo .app-page.official-approximation-top.app-page-responsive .app-page-content .ul-faq li.li-faq .answer.qa-flow-answer .qa-flow-answer-inner ul li .txt {
    margin-bottom: 24px;
    font-size: 16px;
  }
}
#docomo .app-page.official-approximation-top.app-page-responsive .app-page-content .ul-faq li.li-faq .answer.qa-flow-answer .qa-flow-answer-inner ul li .txt-left {
  margin-bottom: 16px;
  font-size: 14px;
  text-align: left;
  /* media query version */
}
@media screen and (min-width: 769px) {
  #docomo .app-page.official-approximation-top.app-page-responsive .app-page-content .ul-faq li.li-faq .answer.qa-flow-answer .qa-flow-answer-inner ul li .txt-left {
    margin-bottom: 24px;
    font-size: 14px;
  }
}
#docomo .app-page.official-approximation-top.app-page-responsive .app-page-content .ul-faq li.li-faq .answer.qa-flow-answer .qa-flow-answer-inner ul li app-static-contents a {
  font-size: 14px !important;
}
#docomo .app-page.official-approximation-top.app-page-responsive .app-page-content .ul-faq li.li-faq .answer.qa-flow-answer .qa-flow-answer-inner ul li .img img {
  width: 100%;
  max-width: 320px;
  vertical-align: top;
}
#docomo .app-page.official-approximation-top.app-page-responsive .app-page-content .ul-faq li.li-faq .answer.qa-common-answer.is-open {
  max-height: 500px;
}
#docomo .app-page.official-approximation-top.app-page-responsive .app-page-content .ul-faq li.li-faq .answer.qa-common-answer.qa-common-answer-01.is-open {
  max-height: 1100px;
}
#docomo .app-page.official-approximation-top.app-page-responsive .app-page-content .ul-faq li.li-faq .answer.qa-common-answer .qa-common-answer-inner {
  padding: 10px 40px 10px 57px;
  background: url('05_01_48-img020.faa42a8e8354c909eec1.svg') 12px 18px no-repeat;
  background-color: #f0eeec;
  border-radius: 0 0 6px 6px;
  background-size: 37px auto;
  font-size: 14px;
  /* media query version */
}
@media screen and (min-width: 769px) {
  #docomo .app-page.official-approximation-top.app-page-responsive .app-page-content .ul-faq li.li-faq .answer.qa-common-answer .qa-common-answer-inner {
    padding: 32px 90px;
    font-size: 16px;
    background: #f0eeec url('05_01_48-img020.faa42a8e8354c909eec1.svg') 16px 21px no-repeat;
    background-size: 58px auto;
  }
}
#docomo .app-page.official-approximation-top.app-page-responsive .app-page-content .ul-faq li.li-faq .answer.qa-common-answer .qa-common-answer-inner-content em {
  color: #0099ff;
  text-decoration: underline;
  font-style: normal;
}
#docomo .app-page.official-approximation-top.app-page-responsive .app-page-content .ul-faq li.li-faq .answer.qa-common-answer .qa-common-answer-inner-content .indent {
  padding-left: 1em;
}
#docomo .app-page.official-approximation-top.app-page-responsive .app-page-content .ul-faq li.li-faq .answer.qa-common-answer .qa-common-answer-inner-content .dot {
  text-indent: -1em;
}
#docomo .app-page.official-approximation-top.app-page-responsive .app-page-content .ul-faq li.li-faq .answer.qa-common-answer .qa-common-answer-inner-content .dot:before {
  content: "・";
}
#docomo .app-page.official-approximation-top.app-page-responsive .app-page-content .ul-faq li.li-faq .answer.qa-common-answer .qa-common-answer-inner-content ul {
  padding-top: 0;
  /* media query version */
}
@media screen and (min-width: 769px) {
  #docomo .app-page.official-approximation-top.app-page-responsive .app-page-content .ul-faq li.li-faq .answer.qa-common-answer .qa-common-answer-inner-content ul {
    padding-top: 8px;
  }
}
#docomo .app-page.official-approximation-top.app-page-responsive .app-page-content .ul-faq li.li-faq .answer.qa-common-answer .qa-common-answer-inner-content ul li {
  margin-top: 18px;
  /* media query version */
}
@media screen and (min-width: 769px) {
  #docomo .app-page.official-approximation-top.app-page-responsive .app-page-content .ul-faq li.li-faq .answer.qa-common-answer .qa-common-answer-inner-content ul li {
    margin-top: 24px;
  }
}
#docomo .app-page.official-approximation-top.app-page-responsive .app-page-content .ul-faq li.li-faq .answer.qa-common-answer .qa-common-answer-inner-content .image {
  margin-top: 18px;
  text-align: center;
  /* media query version */
}
@media screen and (min-width: 769px) {
  #docomo .app-page.official-approximation-top.app-page-responsive .app-page-content .ul-faq li.li-faq .answer.qa-common-answer .qa-common-answer-inner-content .image {
    margin-top: 24px;
  }
}
#docomo .app-page.official-approximation-top.app-page-responsive .app-page-content a.link {
  position: relative;
  display: inline-block;
  color: #003a77;
  font-size: 14px;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
}
#docomo .app-page.official-approximation-top.app-page-responsive .app-page-content a.link:hover {
  text-decoration: underline;
}
#docomo .app-page.official-approximation-top.app-page-responsive .app-page-content a.link img {
  margin: -2px 10px 0 0;
  vertical-align: middle;
}
#docomo .app-page.official-approximation-top.app-page-responsive .app-page-content a.link.arrow-right-border {
  padding-right: 18px;
}
#docomo .app-page.official-approximation-top.app-page-responsive .app-page-content a.link.arrow-right-border:after {
  position: absolute;
  top: 3px;
  right: 0;
  background: url('05_01_48-img004_dcm.7b36401acc388489271c.svg') center center no-repeat;
  background-size: 10px auto;
  width: 10px;
  height: 17px;
  content: "";
}
#docomo .app-page.official-approximation-top.app-page-responsive .app-page-content a.link.external {
  padding-right: 21px;
}
#docomo .app-page.official-approximation-top.app-page-responsive .app-page-content a.link.external:after {
  position: absolute;
  top: 5px;
  right: 0;
  background: url('05_01_48-img005_dcm.6b2ed07c077c67cbcd97.svg') center center no-repeat;
  background-size: 11px auto;
  width: 11px;
  height: 11px;
  content: "";
}
#docomo .app-page.official-approximation-top.app-page-responsive .app-page-content a.li-link {
  position: relative;
  left: 12px;
  display: inline-block;
  color: #003a77;
  font-size: 14px;
  text-align: center;
  font-weight: normal !important;
  text-decoration: none !important;
  cursor: pointer;
}
#docomo .app-page.official-approximation-top.app-page-responsive .app-page-content a.li-link.external {
  padding-right: 21px;
}
#docomo .app-page.official-approximation-top.app-page-responsive .app-page-content a.li-link.external:after {
  position: absolute;
  top: 5px;
  right: 0;
  background: url('05_01_48-img005_dcm.6b2ed07c077c67cbcd97.svg') center center no-repeat;
  background-size: 11px auto;
  width: 11px;
  height: 11px;
  content: "";
}
#docomo .app-page.official-approximation-top.app-page-responsive .app-page-content br.sp-only {
  display: block;
  /* media query version */
}
@media screen and (min-width: 769px) {
  #docomo .app-page.official-approximation-top.app-page-responsive .app-page-content br.sp-only {
    display: none;
  }
}
#docomo .app-page.official-approximation-top .pc-only {
  display: none;
  background: #fff;
  border-radius: 5px;
  padding: 16px;
  /* media query version */
}
@media screen and (min-width: 769px) {
  #docomo .app-page.official-approximation-top .pc-only {
    display: block;
    width: 100%;
    margin-top: -10px;
  }
}
#docomo .app-page.official-approximation-top .pc-only .txt-left {
  margin-bottom: 16px;
  font-size: 14px;
  text-align: left;
  /* media query version */
}
@media screen and (min-width: 769px) {
  #docomo .app-page.official-approximation-top .pc-only .txt-left {
    margin-bottom: 24px;
    font-size: 14px;
  }
}
#docomo .app-page.official-approximation-top .pc-only app-static-contents a {
  font-size: 14px !important;
}
#docomo .app-page.official-approximation-top .pc-only .img img {
  width: 100%;
  max-width: 320px;
  vertical-align: top;
}
#docomo .app-page.official-approximation-top .sp-only {
  display: block;
  /* media query version */
}
@media screen and (min-width: 769px) {
  #docomo .app-page.official-approximation-top .sp-only {
    display: none;
  }
}
#docomo .app-page.official-approximation-top .link-item {
  display: flex;
  align-items: baseline;
  margin-bottom: 10px;
}
#docomo .app-page.official-approximation-top .link-img {
  margin-right: 5px;
  width: 14px;
  height: 14px;
  position: relative;
  top: 1px;
}
#docomo .two-factor-auth-login-box {
  padding: 10px 20px !important;
}
#docomo .main-action-list ion-item-group ion-item-divider {
  border: 0 !important;
  padding: 0 !important;
}
#docomo .main-action-list dl {
  border: 0 !important;
  padding: 0 !important;
}
#docomo .main-action-list dl ul .phoneCallDisplay {
  color: #CC0000;
}
#docomo .div-list {
  margin-left: 5px;
}
#docomo .div-list span app-static-contents a {
  text-decoration: none !important;
}
#docomo .subsItem {
  display: -webkit-box;
  /* container query version */
}
@container app-page-responsive-content-container (min-width: 769px) {
  #docomo .subsItem {
    max-width: 744px;
    margin-left: auto;
    margin-right: auto;
  }
}
#docomo .subsItem .subsItem-div {
  margin-right: 15px;
}
#docomo .subsItem .subsItem-div span {
  font-size: 13px;
}
#docomo .subsItem .img-width {
  margin-right: 4px;
  margin-top: 2px;
}
#docomo .subsItem .img-width img {
  width: 18px;
}
#docomo .page-subscription-done-accordion-wrap {
  /* container query version */
}
@container app-page-responsive-content-container (min-width: 769px) {
  #docomo .page-subscription-done-accordion-wrap {
    max-width: 744px;
    margin-left: auto;
    margin-right: auto;
  }
}
#docomo .div-second-line {
  margin-top: 15px;
}
#docomo .margin-top-40-div {
  margin-top: 40px !important;
}
#docomo .margin-right-5-div {
  margin-right: 5px;
}
#docomo .margin-bottom-40-div {
  margin-bottom: 40px;
}
#docomo .margin-top-15-div {
  margin-top: 15px !important;
}
#docomo .margin-top-15-div .p-margin {
  margin-left: 15px;
  margin-right: 15px;
}
#docomo .accordion-box ion-item-group ion-item-divider {
  height: auto !important;
  margin-bottom: 0 !important;
}
#docomo .item-divider-inner {
  background-color: var(--ion-emphasis-bg-color);
}
#docomo .ion-item-divider {
  margin-bottom: 0;
  padding-bottom: 0;
}
#docomo .margin-bottom-0 {
  margin-bottom: 0 !important;
  padding-bottom: 0;
}
#docomo [margin-top-0] {
  margin-top: 0 !important;
}
#docomo .expand-bottom {
  position: relative;
  margin: 0;
  padding: 0;
  background-color: var(--ion-emphasis-bg-color);
  text-align: center;
}
#docomo .expand-center {
  text-align: center;
  width: 100%;
}
#docomo [text-gray] {
  color: #555555 !important;
}
#docomo [font-size-20] {
  font-size: calc(1em + 1.07vw);
  font-size: var(--font-size-20);
}
#docomo [font-size-18] {
  font-size: 18px !important;
  line-height: 31.5px !important;
}
#docomo [font-size-12] {
  font-size: 12px;
}
#docomo .gray-box {
  border-radius: 20px;
  margin-left: 0px !important;
  padding-left: 0px;
  padding-right: 0px;
  margin-right: 0px !important;
}
#docomo .ion-list-new ion-item-group ion-item-divider {
  border-top: none !important;
  border-bottom: none !important;
}
#docomo .ion-list-new ion-item-group dl {
  border-bottom: none !important;
}
#docomo .expand-title {
  margin-bottom: 15px;
  background-color: var(--ion-color-docomo-red);
  padding-top: 15px;
  padding-bottom: 15px;
}
#docomo .expand-title span {
  color: white;
}
#docomo .expand-background {
  background-color: white;
  padding-bottom: 15px;
  margin-top: 15px;
  padding-top: 0px;
}
#docomo .expand-range {
  border-radius: 20px;
  margin-bottom: 30px !important;
  padding-bottom: 0px;
}
#docomo .div-text-center {
  text-align: center;
}
#docomo [padding-top-0] {
  padding-top: 0px !important;
}
#docomo [padding-bottom-0] {
  padding-bottom: 0px !important;
}
#docomo [padding-bottom-20] {
  padding-bottom: 20px !important;
}
#docomo [margin-bottom-10] {
  margin-bottom: 10px !important;
}
#docomo #margin-btm-0 {
  margin-bottom: 0px;
}
#docomo .expand-content p {
  text-align: left;
  padding-left: 10px;
}
#docomo p.comment {
  font-size: 14px;
}
#docomo [font-bold] {
  font-weight: bold;
}
#docomo .app-page.subscription-done .btn-to-top, #docomo .app-page.subscription-done-bis .btn-to-top {
  position: fixed;
  right: 16px;
  bottom: 126px;
  z-index: 10;
  display: none;
  /* media query version */
}
@media screen and (min-width: 769px) {
  #docomo .app-page.subscription-done .btn-to-top, #docomo .app-page.subscription-done-bis .btn-to-top {
    right: 32px;
    bottom: 126px;
  }
}
#docomo .app-page.subscription-done .btn-to-top a, #docomo .app-page.subscription-done-bis .btn-to-top a {
  display: block;
  width: 48px;
  height: 48px;
  background: #cc0000 url('05_02_88-img021.e6e99edadf60a72ed504.svg') center center no-repeat;
  border-radius: 100px;
  cursor: pointer;
  /* media query version */
}
@media screen and (min-width: 769px) {
  #docomo .app-page.subscription-done .btn-to-top a, #docomo .app-page.subscription-done-bis .btn-to-top a {
    width: 72px;
    height: 72px;
  }
}
#docomo .app-page.subscription-done .btn-to-top a:hover, #docomo .app-page.subscription-done-bis .btn-to-top a:hover {
  opacity: 0.6;
}
#docomo .app-page.subscription-done .btn-to-top.show, #docomo .app-page.subscription-done-bis .btn-to-top.show {
  display: block;
}
#docomo .app-page.subscription-done.app-page-responsive .app-page-content, #docomo .app-page.subscription-done-bis.app-page-responsive .app-page-content {
  max-width: 100%;
  background: #f7f5f3;
  padding-bottom: 48px;
  /* media query version */
}
@media screen and (min-width: 769px) {
  #docomo .app-page.subscription-done.app-page-responsive .app-page-content, #docomo .app-page.subscription-done-bis.app-page-responsive .app-page-content {
    padding-bottom: 84px;
  }
}
#docomo .app-page.subscription-done.app-page-responsive .app-page-content section.bg-color.bg-color-01, #docomo .app-page.subscription-done-bis.app-page-responsive .app-page-content section.bg-color.bg-color-01 {
  background-color: #f0eeec;
}
#docomo .app-page.subscription-done.app-page-responsive .app-page-content section.bg-color.bg-color-02, #docomo .app-page.subscription-done-bis.app-page-responsive .app-page-content section.bg-color.bg-color-02 {
  background-color: #fff;
}
#docomo .app-page.subscription-done.app-page-responsive .app-page-content section h2.heading-border, #docomo .app-page.subscription-done-bis.app-page-responsive .app-page-content section h2.heading-border {
  position: relative;
  padding-bottom: 20px;
  color: #111111;
  font-weight: bold;
  font-size: 22px;
  text-align: center;
  /* media query version */
}
@media screen and (min-width: 769px) {
  #docomo .app-page.subscription-done.app-page-responsive .app-page-content section h2.heading-border, #docomo .app-page.subscription-done-bis.app-page-responsive .app-page-content section h2.heading-border {
    padding-bottom: 26px;
    font-size: 28px;
  }
}
#docomo .app-page.subscription-done.app-page-responsive .app-page-content section h2.heading-border::after, #docomo .app-page.subscription-done-bis.app-page-responsive .app-page-content section h2.heading-border::after {
  display: none;
}
#docomo .app-page.subscription-done.app-page-responsive .app-page-content section br.for-pc, #docomo .app-page.subscription-done-bis.app-page-responsive .app-page-content section br.for-pc {
  display: none;
  /* media query version */
}
@media screen and (min-width: 769px) {
  #docomo .app-page.subscription-done.app-page-responsive .app-page-content section br.for-pc, #docomo .app-page.subscription-done-bis.app-page-responsive .app-page-content section br.for-pc {
    display: inline-block;
  }
}
#docomo .app-page.subscription-done.app-page-responsive .app-page-content section br.for-sp, #docomo .app-page.subscription-done-bis.app-page-responsive .app-page-content section br.for-sp {
  display: inline-block;
  /* media query version */
}
@media screen and (min-width: 769px) {
  #docomo .app-page.subscription-done.app-page-responsive .app-page-content section br.for-sp, #docomo .app-page.subscription-done-bis.app-page-responsive .app-page-content section br.for-sp {
    display: none;
  }
}
#docomo .app-page.subscription-done.app-page-responsive .app-page-content section .slide-sensor-pagination, #docomo .app-page.subscription-done-bis.app-page-responsive .app-page-content section .slide-sensor-pagination {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  grid-gap: 16px;
  gap: 16px;
  z-index: 1;
  /* media query version */
}
@media screen and (min-width: 769px) {
  #docomo .app-page.subscription-done.app-page-responsive .app-page-content section .slide-sensor-pagination, #docomo .app-page.subscription-done-bis.app-page-responsive .app-page-content section .slide-sensor-pagination {
    display: none;
  }
}
#docomo .app-page.subscription-done.app-page-responsive .app-page-content section .slide-sensor-pagination .swiper-pagination-bullet, #docomo .app-page.subscription-done-bis.app-page-responsive .app-page-content section .slide-sensor-pagination .swiper-pagination-bullet {
  height: 10px;
  width: 10px;
  border-radius: 50%;
  border: 2px solid #003a77;
  background-color: #fff;
  opacity: 1;
}
#docomo .app-page.subscription-done.app-page-responsive .app-page-content section .slide-sensor-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active, #docomo .app-page.subscription-done-bis.app-page-responsive .app-page-content section .slide-sensor-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #55bde0;
}
#docomo .app-page.subscription-done.app-page-responsive .app-page-content section.section-completed, #docomo .app-page.subscription-done-bis.app-page-responsive .app-page-content section.section-completed {
  padding: 24px 0 48px;
  /* media query version */
}
@media screen and (min-width: 769px) {
  #docomo .app-page.subscription-done.app-page-responsive .app-page-content section.section-completed, #docomo .app-page.subscription-done-bis.app-page-responsive .app-page-content section.section-completed {
    padding: 50px 0 80px;
  }
}
#docomo .app-page.subscription-done.app-page-responsive .app-page-content section.section-completed .completed-heading, #docomo .app-page.subscription-done-bis.app-page-responsive .app-page-content section.section-completed .completed-heading {
  display: flex;
  align-items: center;
  justify-content: center;
}
#docomo .app-page.subscription-done.app-page-responsive .app-page-content section.section-completed h1, #docomo .app-page.subscription-done-bis.app-page-responsive .app-page-content section.section-completed h1 {
  position: relative;
  display: inline-block;
  color: #111111;
  font-weight: bold;
  font-size: 22px;
  text-align: center;
  /* media query version */
}
@media screen and (min-width: 769px) {
  #docomo .app-page.subscription-done.app-page-responsive .app-page-content section.section-completed h1, #docomo .app-page.subscription-done-bis.app-page-responsive .app-page-content section.section-completed h1 {
    font-size: 28px;
  }
}
#docomo .app-page.subscription-done.app-page-responsive .app-page-content section.section-completed h1::before, #docomo .app-page.subscription-done-bis.app-page-responsive .app-page-content section.section-completed h1::before {
  position: absolute;
  left: -28px;
  width: 16px;
  height: 32px;
  background: url('05_02_88-img024.e28ccb241b23ea98d75b.svg') no-repeat;
  background-size: cover;
  content: "";
  /* media query version */
}
@media screen and (min-width: 769px) {
  #docomo .app-page.subscription-done.app-page-responsive .app-page-content section.section-completed h1::before, #docomo .app-page.subscription-done-bis.app-page-responsive .app-page-content section.section-completed h1::before {
    left: -32px;
    width: 20px;
    height: 40px;
  }
}
#docomo .app-page.subscription-done.app-page-responsive .app-page-content section.section-completed h1::after, #docomo .app-page.subscription-done-bis.app-page-responsive .app-page-content section.section-completed h1::after {
  position: absolute;
  right: -28px;
  width: 16px;
  height: 32px;
  background: url('05_02_88-img024.e28ccb241b23ea98d75b.svg') no-repeat;
  background-size: cover;
  transform: rotate(45deg);
  content: "";
  /* media query version */
}
@media screen and (min-width: 769px) {
  #docomo .app-page.subscription-done.app-page-responsive .app-page-content section.section-completed h1::after, #docomo .app-page.subscription-done-bis.app-page-responsive .app-page-content section.section-completed h1::after {
    right: -32px;
    width: 20px;
    height: 40px;
  }
}
#docomo .app-page.subscription-done.app-page-responsive .app-page-content section.section-completed .main-visual, #docomo .app-page.subscription-done-bis.app-page-responsive .app-page-content section.section-completed .main-visual {
  display: flex;
  align-items: center;
  height: 124px;
  width: 100vw;
  margin-top: 24px;
  margin-left: -20px;
  border-radius: 0;
  background-color: #fff;
}
@media screen and (min-width: 769px) and (max-width: 979px) {
  #docomo .app-page.subscription-done.app-page-responsive .app-page-content section.section-completed .main-visual, #docomo .app-page.subscription-done-bis.app-page-responsive .app-page-content section.section-completed .main-visual {
    height: 124px;
  }
}
@media screen and (min-width: 980px) {
  #docomo .app-page.subscription-done.app-page-responsive .app-page-content section.section-completed .main-visual, #docomo .app-page.subscription-done-bis.app-page-responsive .app-page-content section.section-completed .main-visual {
    height: 400px;
    margin-left: calc((100vw - 940px) / (-2));
  }
}
#docomo .app-page.subscription-done.app-page-responsive .app-page-content section.section-completed .main-visual img, #docomo .app-page.subscription-done-bis.app-page-responsive .app-page-content section.section-completed .main-visual img {
  display: block;
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
}
#docomo .app-page.subscription-done.app-page-responsive .app-page-content section.section-completed .main-visual img.main-visual-docomo, #docomo .app-page.subscription-done-bis.app-page-responsive .app-page-content section.section-completed .main-visual img.main-visual-docomo {
  max-width: 866px;
  padding: 0 16px;
  /* media query version */
}
@media screen and (min-width: 769px) {
  #docomo .app-page.subscription-done.app-page-responsive .app-page-content section.section-completed .main-visual img.main-visual-docomo, #docomo .app-page.subscription-done-bis.app-page-responsive .app-page-content section.section-completed .main-visual img.main-visual-docomo {
    padding: 0;
  }
}
#docomo .app-page.subscription-done.app-page-responsive .app-page-content section.section-completed .content-area, #docomo .app-page.subscription-done-bis.app-page-responsive .app-page-content section.section-completed .content-area {
  margin-top: 32px;
  /* media query version */
}
@media screen and (min-width: 769px) {
  #docomo .app-page.subscription-done.app-page-responsive .app-page-content section.section-completed .content-area, #docomo .app-page.subscription-done-bis.app-page-responsive .app-page-content section.section-completed .content-area {
    margin-top: 48px;
  }
}
#docomo .app-page.subscription-done.app-page-responsive .app-page-content section.section-completed .content-area-top, #docomo .app-page.subscription-done-bis.app-page-responsive .app-page-content section.section-completed .content-area-top {
  color: #111111;
  text-align: center;
  /* media query version */
}
@media screen and (min-width: 769px) {
  #docomo .app-page.subscription-done.app-page-responsive .app-page-content section.section-completed .content-area-top, #docomo .app-page.subscription-done-bis.app-page-responsive .app-page-content section.section-completed .content-area-top {
    font-size: 18px;
  }
}
#docomo .app-page.subscription-done.app-page-responsive .app-page-content section.section-completed .content-area-middle, #docomo .app-page.subscription-done-bis.app-page-responsive .app-page-content section.section-completed .content-area-middle {
  margin-top: 32px;
  color: #111111;
  font-weight: bold;
  text-align: center;
  /* media query version */
}
@media screen and (min-width: 769px) {
  #docomo .app-page.subscription-done.app-page-responsive .app-page-content section.section-completed .content-area-middle, #docomo .app-page.subscription-done-bis.app-page-responsive .app-page-content section.section-completed .content-area-middle {
    font-size: 20px;
  }
}
#docomo .app-page.subscription-done.app-page-responsive .app-page-content section.section-completed .content-area-bottom, #docomo .app-page.subscription-done-bis.app-page-responsive .app-page-content section.section-completed .content-area-bottom {
  margin-top: 32px;
  font-size: 14px;
}
#docomo .app-page.subscription-done.app-page-responsive .app-page-content section.section-completed .payment-information, #docomo .app-page.subscription-done-bis.app-page-responsive .app-page-content section.section-completed .payment-information {
  margin-top: 38px;
  width: 100vw;
  margin-left: -20px;
  background-color: #fff;
  padding: 4px 4px 0;
  /* media query version */
}
@media screen and (min-width: 769px) {
  #docomo .app-page.subscription-done.app-page-responsive .app-page-content section.section-completed .payment-information, #docomo .app-page.subscription-done-bis.app-page-responsive .app-page-content section.section-completed .payment-information {
    margin-top: 54px;
    width: 100%;
    margin-left: 0;
    border-radius: 16px;
  }
}
#docomo .app-page.subscription-done.app-page-responsive .app-page-content section.section-completed .payment-information .head, #docomo .app-page.subscription-done-bis.app-page-responsive .app-page-content section.section-completed .payment-information .head {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #f0eeec;
  height: 50px;
  /* media query version */
}
@media screen and (min-width: 769px) {
  #docomo .app-page.subscription-done.app-page-responsive .app-page-content section.section-completed .payment-information .head, #docomo .app-page.subscription-done-bis.app-page-responsive .app-page-content section.section-completed .payment-information .head {
    height: 61px;
    border-radius: 12px 12px 0 0;
  }
}
#docomo .app-page.subscription-done.app-page-responsive .app-page-content section.section-completed .payment-information .head-text, #docomo .app-page.subscription-done-bis.app-page-responsive .app-page-content section.section-completed .payment-information .head-text {
  font-size: 18px;
  color: #111111;
  font-weight: bold;
  /* media query version */
}
@media screen and (min-width: 769px) {
  #docomo .app-page.subscription-done.app-page-responsive .app-page-content section.section-completed .payment-information .head-text, #docomo .app-page.subscription-done-bis.app-page-responsive .app-page-content section.section-completed .payment-information .head-text {
    font-size: 20px;
  }
}
#docomo .app-page.subscription-done.app-page-responsive .app-page-content section.section-completed .payment-information .body, #docomo .app-page.subscription-done-bis.app-page-responsive .app-page-content section.section-completed .payment-information .body {
  padding: 24px 12px 30px;
  /* media query version */
}
@media screen and (min-width: 769px) {
  #docomo .app-page.subscription-done.app-page-responsive .app-page-content section.section-completed .payment-information .body, #docomo .app-page.subscription-done-bis.app-page-responsive .app-page-content section.section-completed .payment-information .body {
    padding: 32px 64px 41px;
  }
}
#docomo .app-page.subscription-done.app-page-responsive .app-page-content section.section-completed .payment-information .body .body-title, #docomo .app-page.subscription-done-bis.app-page-responsive .app-page-content section.section-completed .payment-information .body .body-title {
  font-size: 16px;
  line-height: 1.75;
  color: #111;
  font-weight: bold;
  text-align: center;
  /* media query version */
}
@media screen and (min-width: 769px) {
  #docomo .app-page.subscription-done.app-page-responsive .app-page-content section.section-completed .payment-information .body .body-title, #docomo .app-page.subscription-done-bis.app-page-responsive .app-page-content section.section-completed .payment-information .body .body-title {
    font-size: 18px;
  }
}
#docomo .app-page.subscription-done.app-page-responsive .app-page-content section.section-completed .payment-information .body .body-text, #docomo .app-page.subscription-done-bis.app-page-responsive .app-page-content section.section-completed .payment-information .body .body-text {
  margin-top: 24px;
  /* media query version */
}
@media screen and (min-width: 769px) {
  #docomo .app-page.subscription-done.app-page-responsive .app-page-content section.section-completed .payment-information .body .body-text, #docomo .app-page.subscription-done-bis.app-page-responsive .app-page-content section.section-completed .payment-information .body .body-text {
    font-size: 18px;
  }
}
#docomo .app-page.subscription-done.app-page-responsive .app-page-content section.section-completed .payment-information .body .body-text-note, #docomo .app-page.subscription-done-bis.app-page-responsive .app-page-content section.section-completed .payment-information .body .body-text-note {
  font-size: 14px;
  margin-top: 24px;
  margin-left: 1.5em;
  text-indent: -1.5em;
  /* media query version */
}
@media screen and (min-width: 769px) {
  #docomo .app-page.subscription-done.app-page-responsive .app-page-content section.section-completed .payment-information .body .body-text-note, #docomo .app-page.subscription-done-bis.app-page-responsive .app-page-content section.section-completed .payment-information .body .body-text-note {
    margin-left: inherit;
    text-indent: inherit;
  }
}
#docomo .app-page.subscription-done.app-page-responsive .app-page-content section.section-completed .payment-information .body .body-text-note-bottom, #docomo .app-page.subscription-done-bis.app-page-responsive .app-page-content section.section-completed .payment-information .body .body-text-note-bottom {
  margin-left: inherit;
  text-indent: inherit;
  /* media query version */
}
@media screen and (min-width: 769px) {
  #docomo .app-page.subscription-done.app-page-responsive .app-page-content section.section-completed .payment-information .body .body-text-note-bottom, #docomo .app-page.subscription-done-bis.app-page-responsive .app-page-content section.section-completed .payment-information .body .body-text-note-bottom {
    margin-top: 32px;
    margin-left: inherit;
    text-indent: inherit;
  }
}
#docomo .app-page.subscription-done.app-page-responsive .app-page-content section.section-completed .payment-information .body .body-list, #docomo .app-page.subscription-done-bis.app-page-responsive .app-page-content section.section-completed .payment-information .body .body-list {
  margin-top: 30px;
  /* media query version */
}
@media screen and (min-width: 769px) {
  #docomo .app-page.subscription-done.app-page-responsive .app-page-content section.section-completed .payment-information .body .body-list, #docomo .app-page.subscription-done-bis.app-page-responsive .app-page-content section.section-completed .payment-information .body .body-list {
    margin-top: 33px;
  }
}
#docomo .app-page.subscription-done.app-page-responsive .app-page-content section.section-completed .payment-information .body .body-list .body-list-item, #docomo .app-page.subscription-done-bis.app-page-responsive .app-page-content section.section-completed .payment-information .body .body-list .body-list-item {
  display: flex;
  justify-content: space-between;
  padding: 20px 8px 28px;
  border-bottom: 1px solid #b3c4d6;
  /* media query version */
}
@media screen and (min-width: 769px) {
  #docomo .app-page.subscription-done.app-page-responsive .app-page-content section.section-completed .payment-information .body .body-list .body-list-item, #docomo .app-page.subscription-done-bis.app-page-responsive .app-page-content section.section-completed .payment-information .body .body-list .body-list-item {
    padding: 19px 8px 27px;
  }
}
#docomo .app-page.subscription-done.app-page-responsive .app-page-content section.section-completed .payment-information .body .body-list .body-list-item:first-child, #docomo .app-page.subscription-done-bis.app-page-responsive .app-page-content section.section-completed .payment-information .body .body-list .body-list-item:first-child {
  border-top: 1px solid #b3c4d6;
}
#docomo .app-page.subscription-done.app-page-responsive .app-page-content section.section-completed .payment-information .body .body-list .list-left-text, #docomo .app-page.subscription-done-bis.app-page-responsive .app-page-content section.section-completed .payment-information .body .body-list .list-left-text {
  font-size: 16px;
  color: #111;
  font-weight: bold;
}
#docomo .app-page.subscription-done.app-page-responsive .app-page-content section.section-completed .payment-information .body .body-list .list-right-text, #docomo .app-page.subscription-done-bis.app-page-responsive .app-page-content section.section-completed .payment-information .body .body-list .list-right-text {
  font-size: 16px;
  color: #111;
}
#docomo .app-page.subscription-done.app-page-responsive .app-page-content section.section-completed .button-service, #docomo .app-page.subscription-done-bis.app-page-responsive .app-page-content section.section-completed .button-service {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 100%;
  max-width: 311px;
  height: 56px;
  margin: 0 auto;
  margin-top: 38px;
  color: #3d3d3d;
  font-weight: bold;
  background: #fff;
  border: 1px solid #d4d2cf;
  border-radius: 50px;
  /* media query version */
}
@media screen and (min-width: 769px) {
  #docomo .app-page.subscription-done.app-page-responsive .app-page-content section.section-completed .button-service, #docomo .app-page.subscription-done-bis.app-page-responsive .app-page-content section.section-completed .button-service {
    max-width: 480px;
    height: 96px;
  }
}
#docomo .app-page.subscription-done.app-page-responsive .app-page-content section.section-completed .button-service:hover, #docomo .app-page.subscription-done-bis.app-page-responsive .app-page-content section.section-completed .button-service:hover {
  opacity: 0.6;
}
#docomo .app-page.subscription-done.app-page-responsive .app-page-content section.section-completed .button-service::before, #docomo .app-page.subscription-done-bis.app-page-responsive .app-page-content section.section-completed .button-service::before {
  display: none;
}
#docomo .app-page.subscription-done.app-page-responsive .app-page-content section.section-completed .button-service::after, #docomo .app-page.subscription-done-bis.app-page-responsive .app-page-content section.section-completed .button-service::after {
  position: absolute;
  right: 12px;
  width: 20px;
  height: 20px;
  background: url('05_02_88-img026.a4c845d52f7f2362954a.svg') no-repeat;
  background-size: cover;
  content: "";
  /* media query version */
}
@media screen and (min-width: 769px) {
  #docomo .app-page.subscription-done.app-page-responsive .app-page-content section.section-completed .button-service::after, #docomo .app-page.subscription-done-bis.app-page-responsive .app-page-content section.section-completed .button-service::after {
    right: 20px;
    width: 24px;
    height: 24px;
  }
}
#docomo .app-page.subscription-done.app-page-responsive .app-page-content section.section-completed .button-service .button-service-text, #docomo .app-page.subscription-done-bis.app-page-responsive .app-page-content section.section-completed .button-service .button-service-text {
  font-size: 12px;
  /* media query version */
}
@media screen and (min-width: 769px) {
  #docomo .app-page.subscription-done.app-page-responsive .app-page-content section.section-completed .button-service .button-service-text, #docomo .app-page.subscription-done-bis.app-page-responsive .app-page-content section.section-completed .button-service .button-service-text {
    font-size: 16px;
  }
}
#docomo .app-page.subscription-done.app-page-responsive .app-page-content section.section-completed .button-service .button-service-text .service-text-large, #docomo .app-page.subscription-done-bis.app-page-responsive .app-page-content section.section-completed .button-service .button-service-text .service-text-large {
  display: inline-block;
  margin-top: 6px;
  color: #3d3d3d;
  font-size: 14px;
  /* media query version */
}
@media screen and (min-width: 769px) {
  #docomo .app-page.subscription-done.app-page-responsive .app-page-content section.section-completed .button-service .button-service-text .service-text-large, #docomo .app-page.subscription-done-bis.app-page-responsive .app-page-content section.section-completed .button-service .button-service-text .service-text-large {
    margin-top: 8px;
    font-size: 20px;
  }
}
#docomo .app-page.subscription-done.app-page-responsive .app-page-content section.section-mypage, #docomo .app-page.subscription-done-bis.app-page-responsive .app-page-content section.section-mypage {
  padding: 48px 0;
  /* media query version */
}
@media screen and (min-width: 769px) {
  #docomo .app-page.subscription-done.app-page-responsive .app-page-content section.section-mypage, #docomo .app-page.subscription-done-bis.app-page-responsive .app-page-content section.section-mypage {
    padding: 80px 0;
  }
}
#docomo .app-page.subscription-done.app-page-responsive .app-page-content section.section-mypage .mypage-list, #docomo .app-page.subscription-done-bis.app-page-responsive .app-page-content section.section-mypage .mypage-list {
  display: flex;
  flex-wrap: wrap;
  margin-top: 24px;
  /* media query version */
}
@media screen and (min-width: 769px) {
  #docomo .app-page.subscription-done.app-page-responsive .app-page-content section.section-mypage .mypage-list, #docomo .app-page.subscription-done-bis.app-page-responsive .app-page-content section.section-mypage .mypage-list {
    flex-wrap: nowrap;
    margin-top: 32px;
  }
}
#docomo .app-page.subscription-done.app-page-responsive .app-page-content section.section-mypage .mypage-list-item, #docomo .app-page.subscription-done-bis.app-page-responsive .app-page-content section.section-mypage .mypage-list-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  box-sizing: border-box;
  width: calc((100% / 3) - (16px / 3));
  height: 149px;
  padding: 12px 0;
  background-color: #fff;
  border-radius: 16px;
  margin-top: 8px;
  margin-right: 8px;
  /* media query version */
}
@media screen and (min-width: 769px) {
  #docomo .app-page.subscription-done.app-page-responsive .app-page-content section.section-mypage .mypage-list-item, #docomo .app-page.subscription-done-bis.app-page-responsive .app-page-content section.section-mypage .mypage-list-item {
    width: 100%;
    height: 206px;
    padding: 16px 0;
    margin-top: 0;
    margin-right: 16px;
  }
}
#docomo .app-page.subscription-done.app-page-responsive .app-page-content section.section-mypage .mypage-list-item:last-child, #docomo .app-page.subscription-done-bis.app-page-responsive .app-page-content section.section-mypage .mypage-list-item:last-child {
  /* media query version */
}
@media screen and (min-width: 769px) {
  #docomo .app-page.subscription-done.app-page-responsive .app-page-content section.section-mypage .mypage-list-item:last-child, #docomo .app-page.subscription-done-bis.app-page-responsive .app-page-content section.section-mypage .mypage-list-item:last-child {
    margin-right: 0 !important;
  }
}
#docomo .app-page.subscription-done.app-page-responsive .app-page-content section.section-mypage .mypage-list-item:nth-child(3n), #docomo .app-page.subscription-done-bis.app-page-responsive .app-page-content section.section-mypage .mypage-list-item:nth-child(3n) {
  margin-right: 0;
  /* media query version */
}
@media screen and (min-width: 769px) {
  #docomo .app-page.subscription-done.app-page-responsive .app-page-content section.section-mypage .mypage-list-item:nth-child(3n), #docomo .app-page.subscription-done-bis.app-page-responsive .app-page-content section.section-mypage .mypage-list-item:nth-child(3n) {
    margin-right: 16px;
  }
}
#docomo .app-page.subscription-done.app-page-responsive .app-page-content section.section-mypage .mypage-list-item:nth-child(n+4), #docomo .app-page.subscription-done-bis.app-page-responsive .app-page-content section.section-mypage .mypage-list-item:nth-child(n+4) {
  margin-top: 8px;
  /* media query version */
}
@media screen and (min-width: 769px) {
  #docomo .app-page.subscription-done.app-page-responsive .app-page-content section.section-mypage .mypage-list-item:nth-child(n+4), #docomo .app-page.subscription-done-bis.app-page-responsive .app-page-content section.section-mypage .mypage-list-item:nth-child(n+4) {
    margin-top: 0;
  }
}
#docomo .app-page.subscription-done.app-page-responsive .app-page-content section.section-mypage .mypage-list-item.operator .mypage-content, #docomo .app-page.subscription-done-bis.app-page-responsive .app-page-content section.section-mypage .mypage-list-item.operator .mypage-content {
  margin-top: 16px;
  /* media query version */
}
@media screen and (min-width: 769px) {
  #docomo .app-page.subscription-done.app-page-responsive .app-page-content section.section-mypage .mypage-list-item.operator .mypage-content, #docomo .app-page.subscription-done-bis.app-page-responsive .app-page-content section.section-mypage .mypage-list-item.operator .mypage-content {
    margin-top: 25px;
  }
}
#docomo .app-page.subscription-done.app-page-responsive .app-page-content section.section-mypage .mypage-list-item.download .mypage-content, #docomo .app-page.subscription-done-bis.app-page-responsive .app-page-content section.section-mypage .mypage-list-item.download .mypage-content {
  margin-top: 8px;
  /* media query version */
}
@media screen and (min-width: 769px) {
  #docomo .app-page.subscription-done.app-page-responsive .app-page-content section.section-mypage .mypage-list-item.download .mypage-content, #docomo .app-page.subscription-done-bis.app-page-responsive .app-page-content section.section-mypage .mypage-list-item.download .mypage-content {
    margin-top: 16px;
  }
}
#docomo .app-page.subscription-done.app-page-responsive .app-page-content section.section-mypage .mypage-list-item.entry .mypage-content, #docomo .app-page.subscription-done-bis.app-page-responsive .app-page-content section.section-mypage .mypage-list-item.entry .mypage-content {
  margin-top: 16px;
  /* media query version */
}
@media screen and (min-width: 769px) {
  #docomo .app-page.subscription-done.app-page-responsive .app-page-content section.section-mypage .mypage-list-item.entry .mypage-content, #docomo .app-page.subscription-done-bis.app-page-responsive .app-page-content section.section-mypage .mypage-list-item.entry .mypage-content {
    margin-top: 25px;
  }
}
#docomo .app-page.subscription-done.app-page-responsive .app-page-content section.section-mypage .mypage-list-item.continue .mypage-content, #docomo .app-page.subscription-done-bis.app-page-responsive .app-page-content section.section-mypage .mypage-list-item.continue .mypage-content {
  margin-top: 16px;
  /* media query version */
}
@media screen and (min-width: 769px) {
  #docomo .app-page.subscription-done.app-page-responsive .app-page-content section.section-mypage .mypage-list-item.continue .mypage-content, #docomo .app-page.subscription-done-bis.app-page-responsive .app-page-content section.section-mypage .mypage-list-item.continue .mypage-content {
    margin-top: 35px;
  }
}
#docomo .app-page.subscription-done.app-page-responsive .app-page-content section.section-mypage .mypage-list-item.car-change .mypage-content, #docomo .app-page.subscription-done-bis.app-page-responsive .app-page-content section.section-mypage .mypage-list-item.car-change .mypage-content {
  margin-top: 25px;
  /* media query version */
}
@media screen and (min-width: 769px) {
  #docomo .app-page.subscription-done.app-page-responsive .app-page-content section.section-mypage .mypage-list-item.car-change .mypage-content, #docomo .app-page.subscription-done-bis.app-page-responsive .app-page-content section.section-mypage .mypage-list-item.car-change .mypage-content {
    margin-top: 33px;
  }
}
#docomo .app-page.subscription-done.app-page-responsive .app-page-content section.section-mypage .mypage-list-item.profile .mypage-content, #docomo .app-page.subscription-done-bis.app-page-responsive .app-page-content section.section-mypage .mypage-list-item.profile .mypage-content {
  margin-top: 16px;
  /* media query version */
}
@media screen and (min-width: 769px) {
  #docomo .app-page.subscription-done.app-page-responsive .app-page-content section.section-mypage .mypage-list-item.profile .mypage-content, #docomo .app-page.subscription-done-bis.app-page-responsive .app-page-content section.section-mypage .mypage-list-item.profile .mypage-content {
    margin-top: 25px;
  }
}
#docomo .app-page.subscription-done.app-page-responsive .app-page-content section.section-mypage .mypage-icon, #docomo .app-page.subscription-done-bis.app-page-responsive .app-page-content section.section-mypage .mypage-icon {
  width: 64px;
  /* media query version */
}
@media screen and (min-width: 769px) {
  #docomo .app-page.subscription-done.app-page-responsive .app-page-content section.section-mypage .mypage-icon, #docomo .app-page.subscription-done-bis.app-page-responsive .app-page-content section.section-mypage .mypage-icon {
    width: auto;
  }
}
#docomo .app-page.subscription-done.app-page-responsive .app-page-content section.section-mypage .mypage-content, #docomo .app-page.subscription-done-bis.app-page-responsive .app-page-content section.section-mypage .mypage-content {
  color: #111111;
  font-weight: bold;
  font-size: 13px;
  line-height: 1.25;
  text-align: center;
}
@media screen and (min-width: 769px) and (max-width: 920px) {
  #docomo .app-page.subscription-done.app-page-responsive .app-page-content section.section-mypage .mypage-content, #docomo .app-page.subscription-done-bis.app-page-responsive .app-page-content section.section-mypage .mypage-content {
    font-size: 15px;
  }
}
@media screen and (min-width: 921px) {
  #docomo .app-page.subscription-done.app-page-responsive .app-page-content section.section-mypage .mypage-content, #docomo .app-page.subscription-done-bis.app-page-responsive .app-page-content section.section-mypage .mypage-content {
    font-size: 16px;
  }
}
#docomo .app-page.subscription-done.app-page-responsive .app-page-content section.section-mypage .mypage-content .small, #docomo .app-page.subscription-done-bis.app-page-responsive .app-page-content section.section-mypage .mypage-content .small {
  font-size: 9px;
}
@media screen and (max-width: 380px) {
  #docomo .app-page.subscription-done.app-page-responsive .app-page-content section.section-mypage .mypage-content .small, #docomo .app-page.subscription-done-bis.app-page-responsive .app-page-content section.section-mypage .mypage-content .small {
    font-size: 7px;
  }
}
@media screen and (min-width: 769px) and (max-width: 920px) {
  #docomo .app-page.subscription-done.app-page-responsive .app-page-content section.section-mypage .mypage-content .small, #docomo .app-page.subscription-done-bis.app-page-responsive .app-page-content section.section-mypage .mypage-content .small {
    font-size: 9px;
  }
}
@media screen and (min-width: 921px) {
  #docomo .app-page.subscription-done.app-page-responsive .app-page-content section.section-mypage .mypage-content .small, #docomo .app-page.subscription-done-bis.app-page-responsive .app-page-content section.section-mypage .mypage-content .small {
    font-size: 11px;
  }
}
#docomo .app-page.subscription-done.app-page-responsive .app-page-content section.section-mypage .mypage-button, #docomo .app-page.subscription-done-bis.app-page-responsive .app-page-content section.section-mypage .mypage-button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: 311px;
  height: 48px;
  margin: 32px auto 0;
  background: #cc0000;
  border-radius: 50px;
  font-weight: bold;
  color: #fff;
  font-size: 15px;
  /* media query version */
}
@media screen and (min-width: 769px) {
  #docomo .app-page.subscription-done.app-page-responsive .app-page-content section.section-mypage .mypage-button, #docomo .app-page.subscription-done-bis.app-page-responsive .app-page-content section.section-mypage .mypage-button {
    max-width: 384px;
    height: 60px;
    font-size: 18px;
  }
}
#docomo .app-page.subscription-done.app-page-responsive .app-page-content section.section-mypage .mypage-button:hover, #docomo .app-page.subscription-done-bis.app-page-responsive .app-page-content section.section-mypage .mypage-button:hover {
  opacity: 0.25;
}
#docomo .app-page.subscription-done.app-page-responsive .app-page-content section.section-mypage .mypage-button-icon, #docomo .app-page.subscription-done-bis.app-page-responsive .app-page-content section.section-mypage .mypage-button-icon {
  margin-right: 9px;
  /* media query version */
}
@media screen and (min-width: 769px) {
  #docomo .app-page.subscription-done.app-page-responsive .app-page-content section.section-mypage .mypage-button-icon, #docomo .app-page.subscription-done-bis.app-page-responsive .app-page-content section.section-mypage .mypage-button-icon {
    margin-right: 14px;
  }
}
#docomo .app-page.subscription-done.app-page-responsive .app-page-content section.section-trouble, #docomo .app-page.subscription-done-bis.app-page-responsive .app-page-content section.section-trouble {
  padding: 48px 0;
  /* media query version */
}
@media screen and (min-width: 769px) {
  #docomo .app-page.subscription-done.app-page-responsive .app-page-content section.section-trouble, #docomo .app-page.subscription-done-bis.app-page-responsive .app-page-content section.section-trouble {
    padding: 80px 0;
  }
}
#docomo .app-page.subscription-done.app-page-responsive .app-page-content section.section-trouble .content-area, #docomo .app-page.subscription-done-bis.app-page-responsive .app-page-content section.section-trouble .content-area {
  margin-top: 24px;
  text-align: center;
  /* media query version */
}
@media screen and (min-width: 769px) {
  #docomo .app-page.subscription-done.app-page-responsive .app-page-content section.section-trouble .content-area, #docomo .app-page.subscription-done-bis.app-page-responsive .app-page-content section.section-trouble .content-area {
    margin-top: 32px;
  }
}
#docomo .app-page.subscription-done.app-page-responsive .app-page-content section.section-trouble .heading-icon, #docomo .app-page.subscription-done-bis.app-page-responsive .app-page-content section.section-trouble .heading-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 38px;
  /* media query version */
}
@media screen and (min-width: 769px) {
  #docomo .app-page.subscription-done.app-page-responsive .app-page-content section.section-trouble .heading-icon, #docomo .app-page.subscription-done-bis.app-page-responsive .app-page-content section.section-trouble .heading-icon {
    margin-top: 54px;
  }
}
#docomo .app-page.subscription-done.app-page-responsive .app-page-content section.section-trouble .heading-icon-text, #docomo .app-page.subscription-done-bis.app-page-responsive .app-page-content section.section-trouble .heading-icon-text {
  margin-left: 12px;
  color: #111111;
  font-weight: bold;
  font-size: 18px;
  /* media query version */
}
@media screen and (min-width: 769px) {
  #docomo .app-page.subscription-done.app-page-responsive .app-page-content section.section-trouble .heading-icon-text, #docomo .app-page.subscription-done-bis.app-page-responsive .app-page-content section.section-trouble .heading-icon-text {
    margin-left: 16px;
    font-size: 24px;
  }
}
#docomo .app-page.subscription-done.app-page-responsive .app-page-content section.section-trouble .trouble-list, #docomo .app-page.subscription-done-bis.app-page-responsive .app-page-content section.section-trouble .trouble-list {
  display: flex;
  margin-top: 16px;
  /* media query version */
}
@media screen and (min-width: 769px) {
  #docomo .app-page.subscription-done.app-page-responsive .app-page-content section.section-trouble .trouble-list, #docomo .app-page.subscription-done-bis.app-page-responsive .app-page-content section.section-trouble .trouble-list {
    margin-top: 32px;
  }
}
#docomo .app-page.subscription-done.app-page-responsive .app-page-content section.section-trouble .trouble-list-item, #docomo .app-page.subscription-done-bis.app-page-responsive .app-page-content section.section-trouble .trouble-list-item {
  width: 100%;
  padding: 4px 4px 22px;
  background-color: #fff;
  border-radius: 16px;
  margin-right: 8px;
  /* media query version */
}
@media screen and (min-width: 769px) {
  #docomo .app-page.subscription-done.app-page-responsive .app-page-content section.section-trouble .trouble-list-item, #docomo .app-page.subscription-done-bis.app-page-responsive .app-page-content section.section-trouble .trouble-list-item {
    padding-bottom: 20px;
    margin-right: 32px;
  }
}
#docomo .app-page.subscription-done.app-page-responsive .app-page-content section.section-trouble .trouble-list-item:last-child, #docomo .app-page.subscription-done-bis.app-page-responsive .app-page-content section.section-trouble .trouble-list-item:last-child {
  margin-right: 0;
}
#docomo .app-page.subscription-done.app-page-responsive .app-page-content section.section-trouble .trouble-list-item .head, #docomo .app-page.subscription-done-bis.app-page-responsive .app-page-content section.section-trouble .trouble-list-item .head {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 68px;
  padding: 0 12px;
  text-align: center;
  line-height: 1.25;
  background-color: #f0eeec;
  border-radius: 16px 16px 0 0;
  /* media query version */
}
@media screen and (min-width: 769px) {
  #docomo .app-page.subscription-done.app-page-responsive .app-page-content section.section-trouble .trouble-list-item .head, #docomo .app-page.subscription-done-bis.app-page-responsive .app-page-content section.section-trouble .trouble-list-item .head {
    height: 61px;
  }
}
#docomo .app-page.subscription-done.app-page-responsive .app-page-content section.section-trouble .trouble-list-item .head-text, #docomo .app-page.subscription-done-bis.app-page-responsive .app-page-content section.section-trouble .trouble-list-item .head-text {
  color: #111111;
  font-weight: bold;
  font-size: 16px;
  /* media query version */
}
@media screen and (min-width: 769px) {
  #docomo .app-page.subscription-done.app-page-responsive .app-page-content section.section-trouble .trouble-list-item .head-text, #docomo .app-page.subscription-done-bis.app-page-responsive .app-page-content section.section-trouble .trouble-list-item .head-text {
    font-size: 20px;
  }
}
#docomo .app-page.subscription-done.app-page-responsive .app-page-content section.section-trouble .trouble-list-item .bottom, #docomo .app-page.subscription-done-bis.app-page-responsive .app-page-content section.section-trouble .trouble-list-item .bottom {
  display: flex;
  flex-direction: column;
  padding: 16px 16px 0;
  /* media query version */
}
@media screen and (min-width: 769px) {
  #docomo .app-page.subscription-done.app-page-responsive .app-page-content section.section-trouble .trouble-list-item .bottom, #docomo .app-page.subscription-done-bis.app-page-responsive .app-page-content section.section-trouble .trouble-list-item .bottom {
    flex-direction: row;
    padding: 16px 24px 0;
  }
}
#docomo .app-page.subscription-done.app-page-responsive .app-page-content section.section-trouble .trouble-list-item .bottom .bottom-left, #docomo .app-page.subscription-done-bis.app-page-responsive .app-page-content section.section-trouble .trouble-list-item .bottom .bottom-left {
  display: flex;
  justify-content: center;
  width: 100%;
  /* media query version */
}
@media screen and (min-width: 769px) {
  #docomo .app-page.subscription-done.app-page-responsive .app-page-content section.section-trouble .trouble-list-item .bottom .bottom-left, #docomo .app-page.subscription-done-bis.app-page-responsive .app-page-content section.section-trouble .trouble-list-item .bottom .bottom-left {
    margin-right: 24px;
  }
}
#docomo .app-page.subscription-done.app-page-responsive .app-page-content section.section-trouble .trouble-list-item .bottom .bottom-right, #docomo .app-page.subscription-done-bis.app-page-responsive .app-page-content section.section-trouble .trouble-list-item .bottom .bottom-right {
  display: flex;
  align-items: center;
  width: 100%;
  margin-top: 16px;
  /* media query version */
}
@media screen and (min-width: 769px) {
  #docomo .app-page.subscription-done.app-page-responsive .app-page-content section.section-trouble .trouble-list-item .bottom .bottom-right, #docomo .app-page.subscription-done-bis.app-page-responsive .app-page-content section.section-trouble .trouble-list-item .bottom .bottom-right {
    margin-top: 0;
  }
}
#docomo .app-page.subscription-done.app-page-responsive .app-page-content section.section-trouble .trouble-list-item .bottom .bottom-right-text, #docomo .app-page.subscription-done-bis.app-page-responsive .app-page-content section.section-trouble .trouble-list-item .bottom .bottom-right-text {
  margin-top: 16px;
  color: #111111;
  font-size: 14px;
  /* media query version */
}
@media screen and (min-width: 769px) {
  #docomo .app-page.subscription-done.app-page-responsive .app-page-content section.section-trouble .trouble-list-item .bottom .bottom-right-text, #docomo .app-page.subscription-done-bis.app-page-responsive .app-page-content section.section-trouble .trouble-list-item .bottom .bottom-right-text {
    margin-top: 0;
    font-size: 16px;
  }
}
#docomo .app-page.subscription-done.app-page-responsive .app-page-content section.section-trouble .trouble-list-item .bottom-tel, #docomo .app-page.subscription-done-bis.app-page-responsive .app-page-content section.section-trouble .trouble-list-item .bottom-tel {
  display: flex;
  flex-direction: column;
  padding: 16px 16px 0;
  /* media query version */
}
@media screen and (min-width: 769px) {
  #docomo .app-page.subscription-done.app-page-responsive .app-page-content section.section-trouble .trouble-list-item .bottom-tel, #docomo .app-page.subscription-done-bis.app-page-responsive .app-page-content section.section-trouble .trouble-list-item .bottom-tel {
    padding: 27px 24px 0;
  }
}
#docomo .app-page.subscription-done.app-page-responsive .app-page-content section.section-trouble .trouble-list-item .bottom-tel .bottom-left, #docomo .app-page.subscription-done-bis.app-page-responsive .app-page-content section.section-trouble .trouble-list-item .bottom-tel .bottom-left {
  display: flex;
  justify-content: center;
  width: 100%;
  max-width: 266px;
  margin: 0 auto;
  /* media query version */
}
@media screen and (min-width: 769px) {
  #docomo .app-page.subscription-done.app-page-responsive .app-page-content section.section-trouble .trouble-list-item .bottom-tel .bottom-left, #docomo .app-page.subscription-done-bis.app-page-responsive .app-page-content section.section-trouble .trouble-list-item .bottom-tel .bottom-left {
    max-width: 100%;
  }
}
#docomo .app-page.subscription-done.app-page-responsive .app-page-content section.section-trouble .trouble-list-item .bottom-tel .bottom-right, #docomo .app-page.subscription-done-bis.app-page-responsive .app-page-content section.section-trouble .trouble-list-item .bottom-tel .bottom-right {
  margin-top: 12px;
  /* media query version */
}
@media screen and (min-width: 769px) {
  #docomo .app-page.subscription-done.app-page-responsive .app-page-content section.section-trouble .trouble-list-item .bottom-tel .bottom-right, #docomo .app-page.subscription-done-bis.app-page-responsive .app-page-content section.section-trouble .trouble-list-item .bottom-tel .bottom-right {
    margin-top: 32px;
  }
}
#docomo .app-page.subscription-done.app-page-responsive .app-page-content section.section-trouble .trouble-list-item .bottom-tel .bottom-left-link:hover, #docomo .app-page.subscription-done-bis.app-page-responsive .app-page-content section.section-trouble .trouble-list-item .bottom-tel .bottom-left-link:hover {
  opacity: 0.6;
}
#docomo .app-page.subscription-done.app-page-responsive .app-page-content section.section-trouble .trouble-list-item .bottom-tel .bottom-right, #docomo .app-page.subscription-done-bis.app-page-responsive .app-page-content section.section-trouble .trouble-list-item .bottom-tel .bottom-right {
  display: flex;
  align-items: center;
  width: 100%;
}
#docomo .app-page.subscription-done.app-page-responsive .app-page-content section.section-trouble .trouble-list-item .bottom-tel .bottom-right-text, #docomo .app-page.subscription-done-bis.app-page-responsive .app-page-content section.section-trouble .trouble-list-item .bottom-tel .bottom-right-text {
  color: #111111;
  font-size: 14px;
}
#docomo .app-page.subscription-done.app-page-responsive .app-page-content section.section-trouble .trouble-list-item .bottom-tel .bottom-right-text .tel, #docomo .app-page.subscription-done-bis.app-page-responsive .app-page-content section.section-trouble .trouble-list-item .bottom-tel .bottom-right-text .tel {
  font-weight: bold;
  color: #0099ff;
}
#docomo .app-page.subscription-done.app-page-responsive .app-page-content section.section-trouble .trouble-list-item .bottom-tel .bottom-right-text .tel:hover, #docomo .app-page.subscription-done-bis.app-page-responsive .app-page-content section.section-trouble .trouble-list-item .bottom-tel .bottom-right-text .tel:hover {
  text-decoration: none;
}
#docomo .app-page.subscription-done.app-page-responsive .app-page-content section.section-trouble .trouble-list-tel, #docomo .app-page.subscription-done-bis.app-page-responsive .app-page-content section.section-trouble .trouble-list-tel {
  display: flex;
  flex-direction: column;
  margin-top: 16px;
  /* media query version */
}
@media screen and (min-width: 769px) {
  #docomo .app-page.subscription-done.app-page-responsive .app-page-content section.section-trouble .trouble-list-tel, #docomo .app-page.subscription-done-bis.app-page-responsive .app-page-content section.section-trouble .trouble-list-tel {
    flex-direction: row;
    margin-top: 32px;
  }
}
#docomo .app-page.subscription-done.app-page-responsive .app-page-content section.section-trouble .trouble-list-tel .trouble-list-item, #docomo .app-page.subscription-done-bis.app-page-responsive .app-page-content section.section-trouble .trouble-list-tel .trouble-list-item {
  margin-top: 12px;
  margin-right: 0;
  /* media query version */
}
@media screen and (min-width: 769px) {
  #docomo .app-page.subscription-done.app-page-responsive .app-page-content section.section-trouble .trouble-list-tel .trouble-list-item, #docomo .app-page.subscription-done-bis.app-page-responsive .app-page-content section.section-trouble .trouble-list-tel .trouble-list-item {
    margin-top: 0;
    margin-right: 32px;
  }
}
#docomo .app-page.subscription-done.app-page-responsive .app-page-content section.section-trouble .trouble-list-tel .trouble-list-item:first-child, #docomo .app-page.subscription-done-bis.app-page-responsive .app-page-content section.section-trouble .trouble-list-tel .trouble-list-item:first-child {
  margin-top: 0;
}
#docomo .app-page.subscription-done.app-page-responsive .app-page-content section.section-trouble .trouble-list-tel .trouble-list-item:last-child, #docomo .app-page.subscription-done-bis.app-page-responsive .app-page-content section.section-trouble .trouble-list-tel .trouble-list-item:last-child {
  margin-right: 0;
}
#docomo .app-page.subscription-done.app-page-responsive .app-page-content section.section-trouble .trouble-list-tel .trouble-list-item .head, #docomo .app-page.subscription-done-bis.app-page-responsive .app-page-content section.section-trouble .trouble-list-tel .trouble-list-item .head {
  height: 48px;
  background-color: #f0eeec;
  /* media query version */
}
@media screen and (min-width: 769px) {
  #docomo .app-page.subscription-done.app-page-responsive .app-page-content section.section-trouble .trouble-list-tel .trouble-list-item .head, #docomo .app-page.subscription-done-bis.app-page-responsive .app-page-content section.section-trouble .trouble-list-tel .trouble-list-item .head {
    height: 61px;
  }
}
#docomo .app-page.subscription-done.app-page-responsive .app-page-content section.section-experience, #docomo .app-page.subscription-done-bis.app-page-responsive .app-page-content section.section-experience {
  padding: 48px 0;
  /* media query version */
}
@media screen and (min-width: 769px) {
  #docomo .app-page.subscription-done.app-page-responsive .app-page-content section.section-experience, #docomo .app-page.subscription-done-bis.app-page-responsive .app-page-content section.section-experience {
    padding: 80px 0;
  }
}
#docomo .app-page.subscription-done.app-page-responsive .app-page-content section.section-experience .content-box, #docomo .app-page.subscription-done-bis.app-page-responsive .app-page-content section.section-experience .content-box {
  /* media query version */
}
@media screen and (min-width: 769px) {
  #docomo .app-page.subscription-done.app-page-responsive .app-page-content section.section-experience .content-box, #docomo .app-page.subscription-done-bis.app-page-responsive .app-page-content section.section-experience .content-box {
    max-width: 1167px;
  }
}
#docomo .app-page.subscription-done.app-page-responsive .app-page-content section.section-experience .heading-logo, #docomo .app-page.subscription-done-bis.app-page-responsive .app-page-content section.section-experience .heading-logo {
  display: flex;
  align-items: center;
  justify-content: center;
}
#docomo .app-page.subscription-done.app-page-responsive .app-page-content section.section-experience .heading-logo-image, #docomo .app-page.subscription-done-bis.app-page-responsive .app-page-content section.section-experience .heading-logo-image {
  width: 64px;
  /* media query version */
}
@media screen and (min-width: 769px) {
  #docomo .app-page.subscription-done.app-page-responsive .app-page-content section.section-experience .heading-logo-image, #docomo .app-page.subscription-done-bis.app-page-responsive .app-page-content section.section-experience .heading-logo-image {
    width: auto;
  }
}
#docomo .app-page.subscription-done.app-page-responsive .app-page-content section.section-experience .heading-logo-text, #docomo .app-page.subscription-done-bis.app-page-responsive .app-page-content section.section-experience .heading-logo-text {
  margin-left: 13px;
  text-align: center;
  color: #111;
  font-weight: bold;
  font-size: 22px;
  /* media query version */
}
@media screen and (min-width: 769px) {
  #docomo .app-page.subscription-done.app-page-responsive .app-page-content section.section-experience .heading-logo-text, #docomo .app-page.subscription-done-bis.app-page-responsive .app-page-content section.section-experience .heading-logo-text {
    margin-left: 24px;
    font-size: 28px;
  }
}
#docomo .app-page.subscription-done.app-page-responsive .app-page-content section.section-experience .heading-sub, #docomo .app-page.subscription-done-bis.app-page-responsive .app-page-content section.section-experience .heading-sub {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 311px;
  height: 80px;
  margin: 24px auto 32px;
  background-color: #fff;
  border-radius: 16px;
  padding: 0 13px;
  /* media query version */
}
@media screen and (min-width: 769px) {
  #docomo .app-page.subscription-done.app-page-responsive .app-page-content section.section-experience .heading-sub, #docomo .app-page.subscription-done-bis.app-page-responsive .app-page-content section.section-experience .heading-sub {
    max-width: 480px;
    height: 96px;
    margin: 32px auto 48px;
    padding: 0 40px;
  }
}
#docomo .app-page.subscription-done.app-page-responsive .app-page-content section.section-experience .heading-sub .heading-sub-text, #docomo .app-page.subscription-done-bis.app-page-responsive .app-page-content section.section-experience .heading-sub .heading-sub-text {
  font-size: 13px;
  color: #111;
  font-weight: bold;
  text-align: center;
  /* media query version */
}
@media screen and (max-width: 370px) {
  #docomo .app-page.subscription-done.app-page-responsive .app-page-content section.section-experience .heading-sub .heading-sub-text, #docomo .app-page.subscription-done-bis.app-page-responsive .app-page-content section.section-experience .heading-sub .heading-sub-text {
    font-size: 11px;
  }
}
@media screen and (min-width: 769px) {
  #docomo .app-page.subscription-done.app-page-responsive .app-page-content section.section-experience .heading-sub .heading-sub-text, #docomo .app-page.subscription-done-bis.app-page-responsive .app-page-content section.section-experience .heading-sub .heading-sub-text {
    font-size: 18px;
  }
}
#docomo .app-page.subscription-done.app-page-responsive .app-page-content section.section-experience .heading-sub .heading-sub-image, #docomo .app-page.subscription-done-bis.app-page-responsive .app-page-content section.section-experience .heading-sub .heading-sub-image {
  width: 64px;
  /* media query version */
}
@media screen and (min-width: 769px) {
  #docomo .app-page.subscription-done.app-page-responsive .app-page-content section.section-experience .heading-sub .heading-sub-image, #docomo .app-page.subscription-done-bis.app-page-responsive .app-page-content section.section-experience .heading-sub .heading-sub-image {
    width: 80px;
  }
}
#docomo .app-page.subscription-done.app-page-responsive .app-page-content section.section-experience .experience-slider, #docomo .app-page.subscription-done-bis.app-page-responsive .app-page-content section.section-experience .experience-slider {
  margin-top: 24px;
  /* media query version */
}
@media screen and (min-width: 769px) {
  #docomo .app-page.subscription-done.app-page-responsive .app-page-content section.section-experience .experience-slider, #docomo .app-page.subscription-done-bis.app-page-responsive .app-page-content section.section-experience .experience-slider {
    margin-top: 32px;
  }
}
#docomo .app-page.subscription-done.app-page-responsive .app-page-content section.section-experience .experience-app, #docomo .app-page.subscription-done-bis.app-page-responsive .app-page-content section.section-experience .experience-app {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 32px;
}
#docomo .app-page.subscription-done.app-page-responsive .app-page-content section.section-experience .app-store, #docomo .app-page.subscription-done-bis.app-page-responsive .app-page-content section.section-experience .app-store {
  margin-right: 12px;
  /* media query version */
}
@media screen and (min-width: 769px) {
  #docomo .app-page.subscription-done.app-page-responsive .app-page-content section.section-experience .app-store, #docomo .app-page.subscription-done-bis.app-page-responsive .app-page-content section.section-experience .app-store {
    margin-right: 16px;
  }
}
#docomo .app-page.subscription-done.app-page-responsive .app-page-content section.section-experience .app-store:hover,
#docomo .app-page.subscription-done.app-page-responsive .app-page-content section.section-experience .google-play:hover, #docomo .app-page.subscription-done-bis.app-page-responsive .app-page-content section.section-experience .app-store:hover,
#docomo .app-page.subscription-done-bis.app-page-responsive .app-page-content section.section-experience .google-play:hover {
  opacity: 0.6;
}
#docomo .login-guidance-background {
  background: var(--ion-color-step-100);
  padding: var(--space-size-14) var(--space-size-15);
}
#docomo .login-guidance-background .login-guidance-display {
  display: flex;
}
#docomo .login-guidance-background .login-link {
  margin-top: 0px !important;
}
#docomo .login-guidance-background .img-width {
  margin-right: 4px;
  margin-top: 2px;
}
#docomo .login-guidance-background .img-width img {
  width: 18px;
}
#docomo .car-verification-preparation-request .indent {
  display: block;
  padding-left: 16px;
}
#docomo .car-verification-preparation-request .indent-first {
  display: block;
  padding-left: 16px;
  margin-top: -27px;
}
#docomo .car-verification-preparation-request .image {
  text-align: center;
  /* media query version */
}
@media screen and (min-width: 769px) {
  #docomo .car-verification-preparation-request .image {
    text-align: center;
    margin-top: -30px;
  }
}
#docomo .car-verification-preparation-request .image img {
  margin-bottom: -20px;
  transform: scale(0.9);
  /* media query version */
}
@media screen and (min-width: 769px) {
  #docomo .car-verification-preparation-request .image img {
    margin-bottom: -40px;
    transform: scale(0.8);
  }
}
#docomo .car-verification-preparation-request .link-item {
  display: flex;
  align-items: baseline;
  margin-bottom: 10px;
}
#docomo .car-verification-preparation-request .link-img {
  margin-right: 5px;
  width: 14px;
  height: 14px;
  position: relative;
  top: 1px;
}
#docomo .car-verification-preparation-request .txt-left {
  margin-bottom: 16px;
  font-size: 14px !important;
  text-align: left;
  /* media query version */
}
@media screen and (min-width: 769px) {
  #docomo .car-verification-preparation-request .txt-left {
    margin-bottom: 24px;
    font-size: 14px !important;
  }
}
#docomo .car-verification-preparation-request app-static-contents a {
  font-size: 14px !important;
}
#docomo .accordion-box {
  margin: var(--space-size-30) 0 0 0;
  padding: 0;
}
#docomo .accordion-box:first-child {
  margin-top: 0;
}
#docomo .accordion-box:last-child {
  margin-bottom: 0;
}
#docomo .accordion-box ion-item-group ion-icon {
  flex-shrink: 0;
  width: var(--space-size-20);
  height: var(--space-size-20);
}
#docomo .accordion-box ion-item-group ion-item-divider {
  border-top: 1px solid var(--ion-color-custom-red);
  border-bottom: 1px solid #eeeeee;
  --background: none;
  --padding-start: var(--space-size-10);
  --padding-top: var(--space-size-10);
  --padding-bottom: var(--space-size-10);
  z-index: 0;
}
#docomo .accordion-box ion-item-group ion-item-divider ion-text {
  margin: 0;
}
#docomo .accordion-box ion-item-group ion-item-divider ion-text .accordion-box-title {
  font-weight: bold;
  font-family: -apple-system, BlinkMacSystemFont, "ヒラギノ角ゴ ProN", "HiraKakuProN", "ヒラギノ角ゴ Pro", "HiraKakuPro", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "Hiragino Sans", Roboto, "Noto Sans", "Noto Sans CJK JP", "Noto Sans JP", system-ui, Verdana, "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;
}
#docomo .accordion-box ion-item-group dl {
  border-bottom: 1px solid var(--ion-color-custom-red);
  margin: 0;
  padding: var(--space-size-25) 0;
}
#docomo .accordion-box ion-item-group[closed] ion-item-divider {
  border-bottom: 1px solid var(--ion-color-custom-red);
}
#docomo .accordion-box ion-item-group[closed] dl {
  display: none;
}
#docomo .accordion-box ion-item-group:nth-child(n+2) ion-item-divider {
  border-top: 1px none var(--ion-color-step-150);
}
#docomo .anchor-list-box ul {
  --gap: 15px;
  display: inline-flex;
  flex-wrap: wrap;
  width: calc(100% + var(--gap));
  margin: calc(-1 * var(--gap)) 0 0 calc(-1 * var(--gap));
}
#docomo .anchor-list-box ul li {
  display: inline-block;
  margin: 0 0 7px 14px;
}
#docomo .anchor-list-box ul li a {
  font-size: calc(0.75rem + 1.07vw);
  font-size: var(--font-size-medium);
  font-family: "Hiragino Sans", "游ゴシック", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Noto Sans CJK JP CJK JP", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  margin: 0 !important;
}
#docomo .anchor-list-box ul li a ion-icon {
  width: 24px;
  height: 24px;
  padding-left: 5px;
  stroke: none;
}
#docomo .anchor-list-box ul li [link-green] a ion-icon {
  width: 24px;
  height: 24px;
  padding-left: 5px;
  fill: var(--ion-color-custom-dark-green);
  stroke: none;
}
#docomo .empty-white-box {
  background: var(--ion-default-bg-color);
}
#docomo .empty-white-box .empty-padding-box .unique-box-01 {
  padding: var(--space-size-30) 0 var(--space-size-50);
  background-position: bottom 0 right 50%;
}
#docomo .empty-white-box .empty-padding-box .unique-box-01 dt {
  margin-bottom: 0;
}
#docomo .empty-white-box .empty-padding-box .unique-box-01 dd {
  text-align: left;
}
#docomo .empty-white-box .empty-padding-box .unique-box-01.first {
  padding: var(--space-size-60) 0 var(--space-size-50);
}
#docomo .empty-white-box .empty-padding-box .button-wrap .button-normal:nth-child(2), #docomo .empty-white-box .empty-padding-box .button-wrap-slim .button-normal:nth-child(2) {
  margin-bottom: var(--space-size-40);
}
#docomo .empty-white-box .empty-padding-box h2:first-of-type {
  margin-top: var(--space-size-75);
}
#docomo .empty-padding-box {
  padding: 0 var(--space-size-15) var(--space-size-15);
}
#docomo .box {
  margin: var(--space-size-15) 0 0 0;
  padding: var(--space-size-20);
  border: 1px solid var(--ion-form-border-color);
  border-radius: 4px;
}
#docomo .box ion-thumbnail {
  display: block;
  width: auto;
  min-height: calc(var(--space-size-40) * 2);
  background: var(--ion-carousel-icon-color);
}
#docomo .box dl {
  margin: var(--space-size-20) 0 0 0;
}
#docomo .box dl dt {
  margin-bottom: 0;
}
#docomo .box dl dd {
  margin-top: 0;
  margin-bottom: 0;
}
#docomo .box dl dt + dd {
  margin-top: var(--space-size-15);
}
#docomo .box ul,
#docomo .box ol {
  margin-top: var(--space-size-5) !important;
  margin-bottom: 0;
}
#docomo .box ul li,
#docomo .box ol li {
  margin-top: var(--space-size-5) !important;
  margin-bottom: 0 !important;
}
#docomo .box p:not(.text-red) {
  margin: 0;
}
#docomo .box p:not(:first-child, .text-red, .text-blue) {
  margin: var(--space-size-10) 0 0 0 !important;
}
#docomo .box p.text-large + .text-normal, #docomo .box p.text-large + .list-sharp-03, #docomo .box p.text-large + .list-sharp-02, #docomo .box p.text-large + .list-sharp-02-from4, #docomo .box p.text-large + .list-sharp-02-from3, #docomo .box p.text-large + .list-sharp-02-from2, #docomo .box p.text-large + .list-sharp, #docomo .box p.text-large + .list-example, #docomo .box p.text-large + .list-alphabetical, #docomo .box p.text-large + .list-decimal-04, #docomo .box p.text-large + .list-decimal-03, #docomo .box p.text-large + .list-decimal-02, #docomo .box p.text-large + .list-decimal, #docomo .box p.text-large + .list-dot-6, #docomo .box p.text-large + .list-dot-5, #docomo .box p.text-large + .list-dot-3, #docomo .box p.text-large + .list-dot, #docomo .box p.text-large + .list-base {
  margin-top: var(--space-size-15);
}
#docomo .box p[textBold] + .text-normal, #docomo .box p[textBold] + .list-sharp-03, #docomo .box p[textBold] + .list-sharp-02, #docomo .box p[textBold] + .list-sharp-02-from4, #docomo .box p[textBold] + .list-sharp-02-from3, #docomo .box p[textBold] + .list-sharp-02-from2, #docomo .box p[textBold] + .list-sharp, #docomo .box p[textBold] + .list-example, #docomo .box p[textBold] + .list-alphabetical, #docomo .box p[textBold] + .list-decimal-04, #docomo .box p[textBold] + .list-decimal-03, #docomo .box p[textBold] + .list-decimal-02, #docomo .box p[textBold] + .list-decimal, #docomo .box p[textBold] + .list-dot-6, #docomo .box p[textBold] + .list-dot-5, #docomo .box p[textBold] + .list-dot-3, #docomo .box p[textBold] + .list-dot, #docomo .box p[textBold] + .list-base {
  margin-top: var(--space-size-15);
}
#docomo .box p.text-large + dd {
  margin-top: var(--space-size-15);
}
#docomo .box p.text-normal + ul, #docomo .box p.list-sharp-03 + ul, #docomo .box p.list-sharp-02 + ul, #docomo .box p.list-sharp-02-from4 + ul, #docomo .box p.list-sharp-02-from3 + ul, #docomo .box p.list-sharp-02-from2 + ul, #docomo .box p.list-sharp + ul, #docomo .box p.list-example + ul, #docomo .box p.list-alphabetical + ul, #docomo .box p.list-decimal-04 + ul, #docomo .box p.list-decimal-03 + ul, #docomo .box p.list-decimal-02 + ul, #docomo .box p.list-decimal + ul, #docomo .box p.list-dot-6 + ul, #docomo .box p.list-dot-5 + ul, #docomo .box p.list-dot-3 + ul, #docomo .box p.list-dot + ul, #docomo .box p.list-base + ul {
  margin-top: var(--space-size-15) !important;
}
#docomo .box.unique-g19-04 p.text-normal + ul, #docomo .box.unique-g19-04 p.list-sharp-03 + ul, #docomo .box.unique-g19-04 p.list-sharp-02 + ul, #docomo .box.unique-g19-04 p.list-sharp-02-from4 + ul, #docomo .box.unique-g19-04 p.list-sharp-02-from3 + ul, #docomo .box.unique-g19-04 p.list-sharp-02-from2 + ul, #docomo .box.unique-g19-04 p.list-sharp + ul, #docomo .box.unique-g19-04 p.list-example + ul, #docomo .box.unique-g19-04 p.list-alphabetical + ul, #docomo .box.unique-g19-04 p.list-decimal-04 + ul, #docomo .box.unique-g19-04 p.list-decimal-03 + ul, #docomo .box.unique-g19-04 p.list-decimal-02 + ul, #docomo .box.unique-g19-04 p.list-decimal + ul, #docomo .box.unique-g19-04 p.list-dot-6 + ul, #docomo .box.unique-g19-04 p.list-dot-5 + ul, #docomo .box.unique-g19-04 p.list-dot-3 + ul, #docomo .box.unique-g19-04 p.list-dot + ul, #docomo .box.unique-g19-04 p.list-base + ul {
  margin-top: 0 !important;
}
#docomo .box .text-info,
#docomo .box .checkbox-button-normal {
  margin: var(--space-size-15) 0 0 0 !important;
}
#docomo .box .button-wrap, #docomo .box .button-wrap-slim {
  padding: 0;
}
#docomo .box .button-wrap ion-button, #docomo .box .button-wrap-slim ion-button {
  margin-bottom: 0;
}
#docomo .box .link-normal:last-child {
  margin-top: var(--space-size-20);
}
#docomo .box .link-normal + .link-normal {
  margin-top: -15px;
}
#docomo .box.box-02 {
  background: var(--ion-color-custom-white);
}
#docomo .box.blue-box, #docomo .box.blue-box-02 {
  border: 1px solid var(--ion-color-line-strong);
  background-color: var(--ion-color-custom-white);
}
#docomo .box.blue-box dt, #docomo .box.blue-box-02 dt {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
#docomo .box.blue-box dt > ion-icon, #docomo .box.blue-box-02 dt > ion-icon {
  flex-shrink: 0;
  width: var(--space-size-30);
  height: var(--space-size-30);
  margin-right: var(--space-size-10);
  fill: var(--ion-color-success);
}
#docomo .box.blue-box[BOX-INF-01] dt > p, #docomo .box.blue-box-02[BOX-INF-01] dt > p {
  padding-top: 2px;
}
#docomo .box.blue-box[BOX-02], #docomo .box.blue-box-02[BOX-02] {
  border-color: var(--ion-color-line-strong);
  background-color: var(--ion-color-custom-white);
}
#docomo .box.blue-box-width-2 {
  border: 2px solid var(--ion-color-blue);
}
#docomo .box.blue-box-02 {
  background: var(--ion-color-custom-white);
}
#docomo .box.blue-box-03 {
  border: 2px solid var(--ion-color-docomo-red);
  background: var(--ion-color-custom-white);
}
#docomo .box.blue-box-03 .text-info {
  margin: 0 !important;
}
#docomo .box.blue-box-03 .pay-box {
  margin: var(--space-size-15) 0;
}
#docomo .box.blue-box-03 .pay-box .text-normal span:first-child:not(.font-extra-large), #docomo .box.blue-box-03 .pay-box .list-sharp-03 span:first-child:not(.font-extra-large), #docomo .box.blue-box-03 .pay-box .list-sharp-02 span:first-child:not(.font-extra-large), #docomo .box.blue-box-03 .pay-box .list-sharp-02-from4 span:first-child:not(.font-extra-large), #docomo .box.blue-box-03 .pay-box .list-sharp-02-from3 span:first-child:not(.font-extra-large), #docomo .box.blue-box-03 .pay-box .list-sharp-02-from2 span:first-child:not(.font-extra-large), #docomo .box.blue-box-03 .pay-box .list-sharp span:first-child:not(.font-extra-large), #docomo .box.blue-box-03 .pay-box .list-example span:first-child:not(.font-extra-large), #docomo .box.blue-box-03 .pay-box .list-alphabetical span:first-child:not(.font-extra-large), #docomo .box.blue-box-03 .pay-box .list-decimal-04 span:first-child:not(.font-extra-large), #docomo .box.blue-box-03 .pay-box .list-decimal-03 span:first-child:not(.font-extra-large), #docomo .box.blue-box-03 .pay-box .list-decimal-02 span:first-child:not(.font-extra-large), #docomo .box.blue-box-03 .pay-box .list-decimal span:first-child:not(.font-extra-large), #docomo .box.blue-box-03 .pay-box .list-dot-6 span:first-child:not(.font-extra-large), #docomo .box.blue-box-03 .pay-box .list-dot-5 span:first-child:not(.font-extra-large), #docomo .box.blue-box-03 .pay-box .list-dot-3 span:first-child:not(.font-extra-large), #docomo .box.blue-box-03 .pay-box .list-dot span:first-child:not(.font-extra-large), #docomo .box.blue-box-03 .pay-box .list-base span:first-child:not(.font-extra-large) {
  font-weight: normal;
  font-size: calc(0.75rem + 1.07vw);
  font-size: var(--font-size-medium);
  font-family: "Hiragino Sans", "游ゴシック", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Noto Sans CJK JP CJK JP", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#docomo .box.red-box, #docomo .box.red-box-02 {
  padding: var(--space-size-30) var(--space-size-20);
  background-color: var(--ion-color-custom-white);
  border: 1px solid var(--ion-color-warning);
}
#docomo .box.red-box dt, #docomo .box.red-box-02 dt {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
#docomo .box.red-box dt > ion-icon, #docomo .box.red-box-02 dt > ion-icon {
  flex-shrink: 0;
  width: var(--space-size-30);
  height: var(--space-size-30);
  margin-right: var(--space-size-10);
  fill: var(--ion-color-warning);
}
#docomo .box.red-box dt > p, #docomo .box.red-box-02 dt > p {
  padding-top: 2px;
  margin-top: 0;
}
#docomo .box.red-box ion-button.upload ion-icon, #docomo .box.red-box-02 ion-button.upload ion-icon {
  width: var(--space-size-25);
  height: var(--space-size-25);
  stroke: var(--ion-color-custom-dark-gold);
}
#docomo .box.red-box-02 {
  background: var(--ion-form-error-bg-color);
}
#docomo .box.red-box-02:first-child {
  margin-top: 0;
}
#docomo .box.red-box-02:last-child {
  margin-bottom: 0;
}
#docomo .box.red-box:first-child {
  margin-top: 0;
}
#docomo .box.red-box:last-child {
  margin-bottom: 0;
}
#docomo .box.box-scroll-y {
  position: relative;
  height: 280px;
  overflow-y: scroll;
  /* Track */
  /* Handle */
}
#docomo .box.box-scroll-y::-webkit-scrollbar {
  width: 10px;
}
#docomo .box.box-scroll-y::-webkit-scrollbar-track {
  border: solid 3px transparent;
  box-shadow: inset 0 0 10px 10px var(--ion-color-step-scroll-track);
}
#docomo .box.box-scroll-y::-webkit-scrollbar-thumb {
  border: solid 3px transparent;
  box-shadow: inset 0 0 10px 10px var(--ion-color-step-scroll-thumb);
}
#docomo .box[UNI-UPL-01], #docomo .box[UNI-UPL-02] {
  padding: var(--space-size-30) var(--space-size-20);
}
#docomo .box[UNI-UPL-01] dl dt, #docomo .box[UNI-UPL-02] dl dt {
  display: block;
  margin-bottom: var(--space-size-25);
  text-align: center;
}
#docomo .box[UNI-UPL-01] dl dt > ion-icon, #docomo .box[UNI-UPL-02] dl dt > ion-icon {
  width: var(--space-size-40);
  height: var(--space-size-40);
  margin: 0 0 var(--space-size-10) 0;
}
#docomo .box[UNI-UPL-01] ion-button, #docomo .box[UNI-UPL-02] ion-button {
  margin-top: var(--space-size-25);
  --border-width: 1px;
  background: var(--ion-default-bg-color);
}
#docomo .box[UNI-UPL-01] ion-button ion-text, #docomo .box[UNI-UPL-02] ion-button ion-text {
  color: var(--ion-default-text-color);
  font-weight: normal;
  font-family: "Hiragino Sans", "游ゴシック", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Noto Sans CJK JP CJK JP", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#docomo .box[BOX-INF-01] {
  padding: var(--space-size-30) var(--space-size-20);
}
#docomo .box-cau {
  margin-top: var(--space-size-5);
}
#docomo .box-cau p {
  margin-top: var(--space-size-5) !important;
}
#docomo .box-cau .link-normal .text-small ion-icon {
  padding-left: 5px;
}
#docomo .box-cau:first-child {
  margin-top: 0;
}
#docomo .box-cau:last-child {
  margin-bottom: 0;
}
#docomo .box-cols-horizontal {
  display: flex;
  flex-direction: column-reverse;
  margin-bottom: 30px;
  /* container query version */
}
@container app-page-responsive-content-container (min-width: 769px) {
  #docomo .box-cols-horizontal {
    flex-direction: row;
    margin-bottom: 16px;
  }
}
#docomo .box-cols-horizontal .button-wrap, #docomo .box-cols-horizontal .button-wrap-slim {
  /* container query version */
}
@container app-page-responsive-content-container (min-width: 769px) {
  #docomo .box-cols-horizontal .button-wrap, #docomo .box-cols-horizontal .button-wrap-slim {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    width: 100%;
  }
}
#docomo .box-cols-horizontal .button-wrap:nth-child(2n+1), #docomo .box-cols-horizontal .button-wrap-slim:nth-child(2n+1) {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  /* container query version */
}
@container app-page-responsive-content-container (min-width: 769px) {
  #docomo .box-cols-horizontal .button-wrap:nth-child(2n+1), #docomo .box-cols-horizontal .button-wrap-slim:nth-child(2n+1) {
    padding-right: 12px;
    padding-left: 0;
  }
}
#docomo .box-cols-horizontal .button-wrap:nth-child(2n), #docomo .box-cols-horizontal .button-wrap-slim:nth-child(2n) {
  /* container query version */
}
@container app-page-responsive-content-container (min-width: 769px) {
  #docomo .box-cols-horizontal .button-wrap:nth-child(2n), #docomo .box-cols-horizontal .button-wrap-slim:nth-child(2n) {
    padding-right: 0;
    padding-left: 12px;
  }
}
#docomo .box_lastYearPaymentInsuranceFee {
  margin: var(--space-size-30) 0 0 0;
  padding: 16px;
  background: var(--ion-emphasis-bg-color);
  border-radius: 4px;
}
#docomo ion-calendar {
  padding: 0 !important;
  /* action bar */
  /* weeks view */
  /* months picker view */
  /* months view */
}
#docomo ion-calendar .title {
  margin: 0 var(--space-size-5) !important;
  padding: 0 25% !important;
  background: var(--ion-color-custom-dark-gold) !important;
  -moz-border-top-left-radius: 4px;
  border-top-left-radius: 4px;
  -moz-border-top-right-radius: 4px;
  border-top-right-radius: 4px;
}
#docomo ion-calendar .title ion-button {
  color: var(--ion-color-custom-white) !important;
  font-weight: bold;
  font-size: calc(0.75rem + 1.07vw) !important;
  font-size: var(--font-size-medium) !important;
  font-family: "Hiragino Sans", "游ゴシック", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Noto Sans CJK JP CJK JP", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#docomo ion-calendar .title ion-button.back {
  background: url('ios-calendar-chevron-back-icon.70cdf732dc664b5ffffa.svg') no-repeat 50% 50%;
  background-size: var(--space-size-10) auto;
}
#docomo ion-calendar .title ion-button.forward {
  background: url('ios-calendar-chevron-forward-icon.6070c6604101721da168.svg') no-repeat 50% 50%;
  background-size: var(--space-size-10) auto;
}
#docomo ion-calendar .title ion-icon {
  display: none;
}
#docomo ion-calendar ion-calendar-week ion-toolbar .week-title {
  height: var(--space-size-35) !important;
  padding: var(--space-size-10) var(--space-size-5) !important;
  color: var(--ion-default-text-color) !important;
  font-size: calc(0.625rem + 1.07vw) !important;
  font-size: var(--font-size-small) !important;
  font-family: "Hiragino Sans", "游ゴシック", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Noto Sans CJK JP CJK JP", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#docomo ion-calendar ion-calendar-month-picker .month-packer-item button {
  font-weight: normal;
  font-family: "Hiragino Sans", "游ゴシック", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Noto Sans CJK JP CJK JP", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#docomo ion-calendar ion-calendar-month-picker .month-packer-item.this-month button {
  color: var(--ion-color-custom-white) !important;
  font-weight: bold !important;
  background: var(--ion-color-step-150) !important;
  border: none !important;
  border-radius: 0 !important;
}
#docomo ion-calendar ion-calendar-month .days {
  min-height: var(--space-size-60);
  margin-bottom: 2px !important;
  background: #f7f7f7;
  border-right: 1px solid var(--ion-default-bg-color);
}
#docomo ion-calendar ion-calendar-month .days button {
  width: 100% !important;
  height: var(--space-size-60) !important;
  margin: 0 !important;
  padding-bottom: var(--space-size-5) !important;
  border-radius: 0 !important;
}
#docomo ion-calendar ion-calendar-month .days button p {
  font-weight: normal;
  font-family: "Hiragino Sans", "游ゴシック", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Noto Sans CJK JP CJK JP", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#docomo ion-calendar ion-calendar-month .days button.today {
  border: 1px solid #28a69a;
}
#docomo ion-calendar ion-calendar-month .days button.today p {
  color: #333 !important;
  font-weight: bold !important;
}
#docomo ion-calendar ion-calendar-month .days button.p-inherit p {
  color: inherit !important;
  font-weight: inherit !important;
}
#docomo ion-calendar ion-calendar-month .days button.on-selected {
  background: var(--ion-color-custom-dark-gold) !important;
}
#docomo ion-calendar ion-calendar-month .days button.on-selected p {
  color: var(--ion-color-custom-white) !important;
  font-weight: bold !important;
}
#docomo ion-calendar ion-calendar-month .days:nth-child(7n) {
  background: #eaf2fc;
  border-right: none;
}
#docomo ion-calendar ion-calendar-month .days:nth-child(7n+1) {
  background: var(--ion-color-custom-pink);
}
#docomo .chg-01 .chg-arrow-flex {
  display: flex;
  justify-content: center;
}
#docomo .chg-01 .chg-line {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#docomo .chg-01 .chg-line .text-normal, #docomo .chg-01 .chg-line .list-sharp-03, #docomo .chg-01 .chg-line .list-sharp-02, #docomo .chg-01 .chg-line .list-sharp-02-from4, #docomo .chg-01 .chg-line .list-sharp-02-from3, #docomo .chg-01 .chg-line .list-sharp-02-from2, #docomo .chg-01 .chg-line .list-sharp, #docomo .chg-01 .chg-line .list-example, #docomo .chg-01 .chg-line .list-alphabetical, #docomo .chg-01 .chg-line .list-decimal-04, #docomo .chg-01 .chg-line .list-decimal-03, #docomo .chg-01 .chg-line .list-decimal-02, #docomo .chg-01 .chg-line .list-decimal, #docomo .chg-01 .chg-line .list-dot-6, #docomo .chg-01 .chg-line .list-dot-5, #docomo .chg-01 .chg-line .list-dot-3, #docomo .chg-01 .chg-line .list-dot, #docomo .chg-01 .chg-line .list-base {
  margin: 0;
}
#docomo .chg-01 .chg-line .chg-line-left,
#docomo .chg-01 .chg-line li {
  min-width: 140px;
}
#docomo .chg-01 .chg-line .chg-line-right {
  text-align: right;
}
#docomo .chg-01 .chg-arrow {
  width: 0;
  height: 0;
  border-block-color: var(--ion-color-bg-btn-normal);
  border-top: 16px solid var(--ion-color-line-btn-normal);
  border-right: 60px solid transparent;
  border-bottom: 0 solid transparent;
  border-left: 60px solid transparent;
}
#docomo .chg-01[SRT-01] {
  margin-top: var(--space-size-30);
}
#docomo .chg-01[SRT-01] [TXT-01-04] {
  margin-bottom: var(--space-size-15);
}
#docomo .chg-01[UNI-G8-01] dl > p, #docomo .chg-01[CHG-01] dl > p {
  margin-bottom: var(--space-size-10);
}
#docomo .chg-01[UNI-G8-01] dd, #docomo .chg-01[CHG-01] dd {
  margin: 0;
}
#docomo .cnf-normal {
  margin: var(--space-size-25) 0;
}
.title-h3 + #docomo .cnf-normal {
  margin-top: var(--space-size-20);
}
#docomo .cnf-normal:first-child {
  margin-top: 0;
}
#docomo .cnf-normal:last-child {
  margin-bottom: 0;
}
#docomo .cnf-normal[noBorder] {
  background-image: none;
  border: none;
}
#docomo .cnf-normal .cnf-normal-box {
  display: flex;
  justify-content: space-between;
}
#docomo .cnf-normal .cnf-normal-box .cnf-normal-box-left {
  padding-right: var(--space-size-10);
}
#docomo .cnf-normal .cnf-normal-box .cnf-normal-box-left .text-info {
  margin: 0 0 var(--space-size-15) 0 !important;
}
#docomo .cnf-normal .cnf-normal-box .cnf-normal-box-left .text-info a {
  margin-left: var(--space-size-5);
}
#docomo .cnf-normal .cnf-normal-box .cnf-normal-box-left ul,
#docomo .cnf-normal .cnf-normal-box .cnf-normal-box-left .text-illustration-banner {
  margin: 0 0 var(--space-size-15) 0;
}
#docomo .cnf-normal .cnf-normal-box .cnf-normal-box-left ul li,
#docomo .cnf-normal .cnf-normal-box .cnf-normal-box-left .text-illustration-banner li {
  display: inline-block;
  margin-right: var(--space-size-5);
}
#docomo .cnf-normal .cnf-normal-box .cnf-normal-box-left ul li:last-child,
#docomo .cnf-normal .cnf-normal-box .cnf-normal-box-left .text-illustration-banner li:last-child {
  margin: 0;
}
#docomo .cnf-normal .cnf-normal-box .cnf-normal-box-left .banner-margin-small {
  margin: 0 0 var(--space-size-5) 0;
}
#docomo .cnf-normal .cnf-normal-box .cnf-normal-box-right {
  flex-shrink: 0;
  max-width: 55%;
  text-align: right;
}
@media (min-width: 334px) and (max-width: 374px) {
  #docomo .cnf-normal .cnf-normal-box .cnf-normal-box-right {
    max-width: 50%;
  }
}
@media (max-width: 334px) {
  #docomo .cnf-normal .cnf-normal-box .cnf-normal-box-right {
    max-width: 48%;
  }
}
#docomo .cnf-normal .cnf-normal-box .cnf-normal-box-right .text-normal, #docomo .cnf-normal .cnf-normal-box .cnf-normal-box-right .list-sharp-03, #docomo .cnf-normal .cnf-normal-box .cnf-normal-box-right .list-sharp-02, #docomo .cnf-normal .cnf-normal-box .cnf-normal-box-right .list-sharp-02-from4, #docomo .cnf-normal .cnf-normal-box .cnf-normal-box-right .list-sharp-02-from3, #docomo .cnf-normal .cnf-normal-box .cnf-normal-box-right .list-sharp-02-from2, #docomo .cnf-normal .cnf-normal-box .cnf-normal-box-right .list-sharp, #docomo .cnf-normal .cnf-normal-box .cnf-normal-box-right .list-example, #docomo .cnf-normal .cnf-normal-box .cnf-normal-box-right .list-alphabetical, #docomo .cnf-normal .cnf-normal-box .cnf-normal-box-right .list-decimal-04, #docomo .cnf-normal .cnf-normal-box .cnf-normal-box-right .list-decimal-03, #docomo .cnf-normal .cnf-normal-box .cnf-normal-box-right .list-decimal-02, #docomo .cnf-normal .cnf-normal-box .cnf-normal-box-right .list-decimal, #docomo .cnf-normal .cnf-normal-box .cnf-normal-box-right .list-dot-6, #docomo .cnf-normal .cnf-normal-box .cnf-normal-box-right .list-dot-5, #docomo .cnf-normal .cnf-normal-box .cnf-normal-box-right .list-dot-3, #docomo .cnf-normal .cnf-normal-box .cnf-normal-box-right .list-dot, #docomo .cnf-normal .cnf-normal-box .cnf-normal-box-right .list-base {
  margin-bottom: var(--space-size-15);
  word-break: break-all;
  overflow-wrap: anywhere;
}
#docomo .cnf-normal .cnf-normal-box .cnf-normal-box-right .text-normal.installments, #docomo .cnf-normal .cnf-normal-box .cnf-normal-box-right .installments.list-sharp-03, #docomo .cnf-normal .cnf-normal-box .cnf-normal-box-right .installments.list-sharp-02, #docomo .cnf-normal .cnf-normal-box .cnf-normal-box-right .installments.list-sharp-02-from4, #docomo .cnf-normal .cnf-normal-box .cnf-normal-box-right .installments.list-sharp-02-from3, #docomo .cnf-normal .cnf-normal-box .cnf-normal-box-right .installments.list-sharp-02-from2, #docomo .cnf-normal .cnf-normal-box .cnf-normal-box-right .installments.list-sharp, #docomo .cnf-normal .cnf-normal-box .cnf-normal-box-right .installments.list-example, #docomo .cnf-normal .cnf-normal-box .cnf-normal-box-right .installments.list-alphabetical, #docomo .cnf-normal .cnf-normal-box .cnf-normal-box-right .installments.list-decimal-04, #docomo .cnf-normal .cnf-normal-box .cnf-normal-box-right .installments.list-decimal-03, #docomo .cnf-normal .cnf-normal-box .cnf-normal-box-right .installments.list-decimal-02, #docomo .cnf-normal .cnf-normal-box .cnf-normal-box-right .installments.list-decimal, #docomo .cnf-normal .cnf-normal-box .cnf-normal-box-right .installments.list-dot-6, #docomo .cnf-normal .cnf-normal-box .cnf-normal-box-right .installments.list-dot-5, #docomo .cnf-normal .cnf-normal-box .cnf-normal-box-right .installments.list-dot-3, #docomo .cnf-normal .cnf-normal-box .cnf-normal-box-right .installments.list-dot, #docomo .cnf-normal .cnf-normal-box .cnf-normal-box-right .installments.list-base {
  margin-bottom: 0;
}
#docomo .cnf-normal .cnf-normal-box-left-033 {
  width: 40%;
  padding-right: var(--space-size-10);
}
#docomo .cnf-normal .cnf-normal-box-left-033 .text-info {
  margin: 0 0 var(--space-size-15) 0 !important;
}
#docomo .cnf-normal .cnf-normal-box-left-033 .text-info a {
  margin-left: var(--space-size-5);
}
#docomo .cnf-normal .cnf-normal-box-left-033 ul,
#docomo .cnf-normal .cnf-normal-box-left-033 .text-illustration-banner {
  margin: 0 0 var(--space-size-15) 0;
}
#docomo .cnf-normal .cnf-normal-box-left-033 ul li,
#docomo .cnf-normal .cnf-normal-box-left-033 .text-illustration-banner li {
  display: inline-block;
  margin-right: var(--space-size-5);
}
#docomo .cnf-normal .cnf-normal-box-left-033 ul li:last-child,
#docomo .cnf-normal .cnf-normal-box-left-033 .text-illustration-banner li:last-child {
  margin: 0;
}
#docomo .cnf-normal .cnf-normal-box-left-033 .banner-margin-small {
  margin: 0 0 var(--space-size-5) 0;
}
#docomo .cnf-normal .cnf-normal-box-center-033 {
  width: 20%;
  padding-right: var(--space-size-10);
}
#docomo .cnf-normal .cnf-normal-box-center-033 .text-info {
  margin: 0 0 var(--space-size-15) 0 !important;
}
#docomo .cnf-normal .cnf-normal-box-center-033 .text-info ion-icon {
  width: 18px;
  height: 18px;
  padding-top: 1px;
  vertical-align: middle;
  fill: var(--ion-form-icon-color);
}
.landing-theme #docomo .cnf-normal .cnf-normal-box-center-033 .text-info ion-icon {
  fill: var(--ion-color-custom-dark-green);
}
#docomo .cnf-normal .cnf-normal-box-center-033 .text-info span {
  margin-left: var(--space-size-5);
  color: red;
}
#docomo .cnf-normal .cnf-normal-box-right-033 {
  width: 40%;
  flex-shrink: 0;
  max-width: 55%;
  text-align: right;
}
@media (min-width: 334px) and (max-width: 374px) {
  #docomo .cnf-normal .cnf-normal-box-right-033 {
    max-width: 50%;
  }
}
@media (max-width: 334px) {
  #docomo .cnf-normal .cnf-normal-box-right-033 {
    max-width: 48%;
  }
}
#docomo .cnf-normal .cnf-normal-box-right-033 .text-normal, #docomo .cnf-normal .cnf-normal-box-right-033 .list-sharp-03, #docomo .cnf-normal .cnf-normal-box-right-033 .list-sharp-02, #docomo .cnf-normal .cnf-normal-box-right-033 .list-sharp-02-from4, #docomo .cnf-normal .cnf-normal-box-right-033 .list-sharp-02-from3, #docomo .cnf-normal .cnf-normal-box-right-033 .list-sharp-02-from2, #docomo .cnf-normal .cnf-normal-box-right-033 .list-sharp, #docomo .cnf-normal .cnf-normal-box-right-033 .list-example, #docomo .cnf-normal .cnf-normal-box-right-033 .list-alphabetical, #docomo .cnf-normal .cnf-normal-box-right-033 .list-decimal-04, #docomo .cnf-normal .cnf-normal-box-right-033 .list-decimal-03, #docomo .cnf-normal .cnf-normal-box-right-033 .list-decimal-02, #docomo .cnf-normal .cnf-normal-box-right-033 .list-decimal, #docomo .cnf-normal .cnf-normal-box-right-033 .list-dot-6, #docomo .cnf-normal .cnf-normal-box-right-033 .list-dot-5, #docomo .cnf-normal .cnf-normal-box-right-033 .list-dot-3, #docomo .cnf-normal .cnf-normal-box-right-033 .list-dot, #docomo .cnf-normal .cnf-normal-box-right-033 .list-base {
  margin-bottom: var(--space-size-15);
  word-break: break-all;
  overflow-wrap: anywhere;
}
#docomo .cnf-normal .cnf-normal-box-right-033 .text-normal.installments, #docomo .cnf-normal .cnf-normal-box-right-033 .installments.list-sharp-03, #docomo .cnf-normal .cnf-normal-box-right-033 .installments.list-sharp-02, #docomo .cnf-normal .cnf-normal-box-right-033 .installments.list-sharp-02-from4, #docomo .cnf-normal .cnf-normal-box-right-033 .installments.list-sharp-02-from3, #docomo .cnf-normal .cnf-normal-box-right-033 .installments.list-sharp-02-from2, #docomo .cnf-normal .cnf-normal-box-right-033 .installments.list-sharp, #docomo .cnf-normal .cnf-normal-box-right-033 .installments.list-example, #docomo .cnf-normal .cnf-normal-box-right-033 .installments.list-alphabetical, #docomo .cnf-normal .cnf-normal-box-right-033 .installments.list-decimal-04, #docomo .cnf-normal .cnf-normal-box-right-033 .installments.list-decimal-03, #docomo .cnf-normal .cnf-normal-box-right-033 .installments.list-decimal-02, #docomo .cnf-normal .cnf-normal-box-right-033 .installments.list-decimal, #docomo .cnf-normal .cnf-normal-box-right-033 .installments.list-dot-6, #docomo .cnf-normal .cnf-normal-box-right-033 .installments.list-dot-5, #docomo .cnf-normal .cnf-normal-box-right-033 .installments.list-dot-3, #docomo .cnf-normal .cnf-normal-box-right-033 .installments.list-dot, #docomo .cnf-normal .cnf-normal-box-right-033 .installments.list-base {
  margin-bottom: 0;
}
#docomo .cnf-normal:last-of-type {
  border: none;
}
#docomo .content-box {
  padding: 0 var(--space-size-15) var(--space-size-50) var(--space-size-15);
  padding-bottom: var(--space-size-5);
}
#docomo .content-box.landing-theme {
  padding: 0 var(--space-size-30) var(--space-size-50) var(--space-size-30);
}
#docomo .content-box[noPadding] {
  padding: 0;
}
#docomo .content-box.stepper {
  padding: 0 var(--space-size-15);
}
#docomo .modal-box .content-box {
  height: 100%;
  padding: var(--space-size-15) var(--space-size-20) var(--space-size-25);
}
#docomo .modal-box .content-box > [txt-01-04]:first-child, #docomo .modal-box .content-box > .text-large:first-child {
  padding-top: var(--space-size-10);
}
#docomo [UNI-CCN-01] .select-box-split-wrap {
  justify-content: flex-start;
}
#docomo .cvs-01 .unique-box-07 {
  margin: var(--space-size-15) 0 0 0;
  padding: 0;
}
#docomo .cvs-01 .unique-box-07 .price-gray {
  color: var(--ion-disabled-text-color);
}
#docomo .cvs-01 .bg-gold {
  background: var(--ion-color-custom-gold);
}
#docomo .cvs-01 .bg-gold p {
  background: var(--ion-color-custom-light-gold);
  border: 1px solid var(---ion-color-custom-light-gold);
}
#docomo .cvs-01 .bg-gold p strong {
  color: var(--ion-color-custom-black);
}
#docomo .cvs-01.bg-white {
  background: var(--ion-color-custom-white);
}
#docomo .frm-normal {
  margin: 32px 0 0 0;
}
#docomo .frm-normal .frm-normal-tag,
#docomo .frm-normal .frm-normal-header,
#docomo .frm-normal .frm-normal-footer,
#docomo .frm-normal .frm-normal-list {
  margin-top: var(--space-size-15);
}
#docomo .frm-normal .frm-normal-tag li ion-icon,
#docomo .frm-normal .frm-normal-header li ion-icon,
#docomo .frm-normal .frm-normal-footer li ion-icon,
#docomo .frm-normal .frm-normal-list li ion-icon {
  width: calc(var(--space-size-20) + 4px);
  height: calc(var(--space-size-20) + 4px);
  margin-left: var(--space-size-5);
  line-height: 16px;
  vertical-align: middle;
  fill: var(--ion-form-icon-color);
}
#docomo .frm-normal .frm-normal-inner {
  /* container query version */
}
@container app-page-responsive-content-container (min-width: 769px) {
  #docomo .frm-normal .frm-normal-inner {
    position: relative;
    margin-top: 25px;
    padding: 20px;
    background: #f5f5f5;
    border: solid 1px #d8d8d8;
    box-sizing: border-box;
    border-radius: 10px;
  }
}
#docomo .frm-normal .frm-normal-inner::before, #docomo .frm-normal .frm-normal-inner::after {
  /* container query version */
}
@container app-page-responsive-content-container (min-width: 769px) {
  #docomo .frm-normal .frm-normal-inner::before, #docomo .frm-normal .frm-normal-inner::after {
    content: "";
    position: absolute;
    left: 5%;
  }
}
#docomo .frm-normal .frm-normal-inner::before {
  /* container query version */
}
@container app-page-responsive-content-container (min-width: 769px) {
  #docomo .frm-normal .frm-normal-inner::before {
    top: -28px;
    margin-left: -15px;
    border: 15px solid transparent;
    border-bottom: 15px solid #f5f5f5;
    z-index: 2;
  }
}
#docomo .frm-normal .frm-normal-inner::after {
  /* container query version */
}
@container app-page-responsive-content-container (min-width: 769px) {
  #docomo .frm-normal .frm-normal-inner::after {
    top: -29px;
    margin-left: -15px;
    border: 15px solid transparent;
    border-bottom: 15px solid #d8d8d8;
    z-index: 1;
  }
}
#docomo .frm-normal .frm-normal-inner .list-dot > li {
  /* container query version */
}
@container app-page-responsive-content-container (min-width: 769px) {
  #docomo .frm-normal .frm-normal-inner .list-dot > li {
    margin-bottom: 0;
  }
}
#docomo .frm-normal .frm-normal-inner .list-decimal-04 > li {
  /* container query version */
}
@container app-page-responsive-content-container (min-width: 769px) {
  #docomo .frm-normal .frm-normal-inner .list-decimal-04 > li {
    margin-top: 0;
    margin-bottom: 0;
  }
}
#docomo .frm-normal .frm-normal-footer .text-info .text-normal a ion-icon, #docomo .frm-normal .frm-normal-footer .text-info .list-sharp-03 a ion-icon, #docomo .frm-normal .frm-normal-footer .text-info .list-sharp-02 a ion-icon, #docomo .frm-normal .frm-normal-footer .text-info .list-sharp-02-from4 a ion-icon, #docomo .frm-normal .frm-normal-footer .text-info .list-sharp-02-from3 a ion-icon, #docomo .frm-normal .frm-normal-footer .text-info .list-sharp-02-from2 a ion-icon, #docomo .frm-normal .frm-normal-footer .text-info .list-sharp a ion-icon, #docomo .frm-normal .frm-normal-footer .text-info .list-example a ion-icon, #docomo .frm-normal .frm-normal-footer .text-info .list-alphabetical a ion-icon, #docomo .frm-normal .frm-normal-footer .text-info .list-decimal-04 a ion-icon, #docomo .frm-normal .frm-normal-footer .text-info .list-decimal-03 a ion-icon, #docomo .frm-normal .frm-normal-footer .text-info .list-decimal-02 a ion-icon, #docomo .frm-normal .frm-normal-footer .text-info .list-decimal a ion-icon, #docomo .frm-normal .frm-normal-footer .text-info .list-dot-6 a ion-icon, #docomo .frm-normal .frm-normal-footer .text-info .list-dot-5 a ion-icon, #docomo .frm-normal .frm-normal-footer .text-info .list-dot-3 a ion-icon, #docomo .frm-normal .frm-normal-footer .text-info .list-dot a ion-icon, #docomo .frm-normal .frm-normal-footer .text-info .list-base a ion-icon {
  margin-top: -4px;
}
#docomo .frm-normal ion-textarea {
  --padding-top: var(--space-size-10);
  --padding-end: var(--space-size-15);
  --padding-bottom: var(--spzce-size-10);
  --padding-start: var(--space-size-15);
}
#docomo .frm-normal .frm-normal-list,
#docomo .frm-normal .frm-normal-input,
#docomo .frm-normal ion-thumbnail {
  margin: var(--space-size-15) 0 0 0;
}
#docomo .frm-normal .frm-normal-input + .frm-normal-input {
  margin: var(--space-size-30) 0 0 0;
}
#docomo .frm-normal .frm-normal-tag span {
  margin-right: var(--space-size-5);
}
#docomo .frm-normal .frm-normal-input ion-label {
  color: var(--ion-default-text-color);
}
#docomo .frm-normal .frm-normal-input ion-label a ion-icon {
  width: calc(var(--space-size-20) + 4px);
  height: calc(var(--space-size-20) + 4px);
  margin-top: -4px;
  margin-left: var(--space-size-5);
  line-height: 1rem;
  vertical-align: middle;
  cursor: pointer;
  fill: var(--ion-form-icon-color);
}
#docomo .frm-normal .frm-unique-input {
  display: flex;
  align-items: center;
  margin-top: var(--space-size-15);
}
#docomo .frm-normal .frm-unique-input .text-input-normal {
  margin: 0;
}
#docomo .frm-normal .frm-unique-input span {
  margin: 0 var(--space-size-15) 0 var(--space-size-15);
}
#docomo .frm-normal .radio-button-normal-wrap .radio-button-multiline .radio-button-multiline-wrap p {
  font-size: calc(0.625rem + 1.07vw);
  font-size: var(--font-size-small);
  font-family: "Hiragino Sans", "游ゴシック", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Noto Sans CJK JP CJK JP", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#docomo .frm-normal .frm-normal-link {
  margin-top: var(--space-size-10);
}
#docomo .frm-normal ion-thumbnail {
  width: 100%;
  height: 220px;
}
#docomo .frm-normal .frm-normal-thumbnail {
  height: 250px;
}
#docomo .frm-normal ion-label + .time-input-normal,
#docomo .frm-normal ion-label + .text-calendar-input-normal,
#docomo .frm-normal ion-label + .text-search-input-normal,
#docomo .frm-normal ion-label + .text-selection-input-normal,
#docomo .frm-normal ion-label + .text-area-input-normal,
#docomo .frm-normal ion-label + .text-input-normal,
#docomo .frm-normal ion-label + .frm-normal-input,
#docomo .frm-normal ion-label + .frm-normal-split-wrap,
#docomo .frm-normal ion-label + .radio-button-normal-wrap,
#docomo .frm-normal ion-label + .checkbox-button-normal-wrap,
#docomo .frm-normal .text-info + .time-input-normal,
#docomo .frm-normal .text-info + .text-calendar-input-normal,
#docomo .frm-normal .text-info + .text-search-input-normal,
#docomo .frm-normal .text-info + .text-selection-input-normal,
#docomo .frm-normal .text-info + .text-area-input-normal,
#docomo .frm-normal .text-info + .text-input-normal,
#docomo .frm-normal .text-info + .frm-normal-input,
#docomo .frm-normal .text-info + .frm-normal-split-wrap,
#docomo .frm-normal .text-info + .radio-button-normal-wrap,
#docomo .frm-normal .text-info + .checkbox-button-normal-wrap,
#docomo .frm-normal .frm-normal-header + .time-input-normal,
#docomo .frm-normal .frm-normal-header + .text-calendar-input-normal,
#docomo .frm-normal .frm-normal-header + .text-search-input-normal,
#docomo .frm-normal .frm-normal-header + .text-selection-input-normal,
#docomo .frm-normal .frm-normal-header + .text-area-input-normal,
#docomo .frm-normal .frm-normal-header + .text-input-normal,
#docomo .frm-normal .frm-normal-header + .frm-normal-input,
#docomo .frm-normal .frm-normal-header + .frm-normal-split-wrap,
#docomo .frm-normal .frm-normal-header + .radio-button-normal-wrap,
#docomo .frm-normal .frm-normal-header + .checkbox-button-normal-wrap,
#docomo .frm-normal .list-dot + .time-input-normal,
#docomo .frm-normal .list-dot + .text-calendar-input-normal,
#docomo .frm-normal .list-dot + .text-search-input-normal,
#docomo .frm-normal .list-dot + .text-selection-input-normal,
#docomo .frm-normal .list-dot + .text-area-input-normal,
#docomo .frm-normal .list-dot + .text-input-normal,
#docomo .frm-normal .list-dot + .frm-normal-input,
#docomo .frm-normal .list-dot + .frm-normal-split-wrap,
#docomo .frm-normal .list-dot + .radio-button-normal-wrap,
#docomo .frm-normal .list-dot + .checkbox-button-normal-wrap,
#docomo .frm-normal .list-example + .time-input-normal,
#docomo .frm-normal .list-example + .text-calendar-input-normal,
#docomo .frm-normal .list-example + .text-search-input-normal,
#docomo .frm-normal .list-example + .text-selection-input-normal,
#docomo .frm-normal .list-example + .text-area-input-normal,
#docomo .frm-normal .list-example + .text-input-normal,
#docomo .frm-normal .list-example + .frm-normal-input,
#docomo .frm-normal .list-example + .frm-normal-split-wrap,
#docomo .frm-normal .list-example + .radio-button-normal-wrap,
#docomo .frm-normal .list-example + .checkbox-button-normal-wrap,
#docomo .frm-normal p + .time-input-normal,
#docomo .frm-normal p + .text-calendar-input-normal,
#docomo .frm-normal p + .text-search-input-normal,
#docomo .frm-normal p + .text-selection-input-normal,
#docomo .frm-normal p + .text-area-input-normal,
#docomo .frm-normal p + .text-input-normal,
#docomo .frm-normal p + .frm-normal-input,
#docomo .frm-normal p + .frm-normal-split-wrap,
#docomo .frm-normal p + .radio-button-normal-wrap,
#docomo .frm-normal p + .checkbox-button-normal-wrap {
  margin-top: var(--space-size-15);
}
#docomo .frm-normal ion-label + .time-input-normal ion-input,
#docomo .frm-normal ion-label + .time-input-normal ion-item:first-child,
#docomo .frm-normal ion-label + .text-calendar-input-normal ion-input,
#docomo .frm-normal ion-label + .text-calendar-input-normal ion-item:first-child,
#docomo .frm-normal ion-label + .text-search-input-normal ion-input,
#docomo .frm-normal ion-label + .text-search-input-normal ion-item:first-child,
#docomo .frm-normal ion-label + .text-selection-input-normal ion-input,
#docomo .frm-normal ion-label + .text-selection-input-normal ion-item:first-child,
#docomo .frm-normal ion-label + .text-area-input-normal ion-input,
#docomo .frm-normal ion-label + .text-area-input-normal ion-item:first-child,
#docomo .frm-normal ion-label + .text-input-normal ion-input,
#docomo .frm-normal ion-label + .text-input-normal ion-item:first-child,
#docomo .frm-normal ion-label + .frm-normal-input ion-input,
#docomo .frm-normal ion-label + .frm-normal-input ion-item:first-child,
#docomo .frm-normal ion-label + .frm-normal-split-wrap ion-input,
#docomo .frm-normal ion-label + .frm-normal-split-wrap ion-item:first-child,
#docomo .frm-normal ion-label + .radio-button-normal-wrap ion-input,
#docomo .frm-normal ion-label + .radio-button-normal-wrap ion-item:first-child,
#docomo .frm-normal ion-label + .checkbox-button-normal-wrap ion-input,
#docomo .frm-normal ion-label + .checkbox-button-normal-wrap ion-item:first-child,
#docomo .frm-normal .text-info + .time-input-normal ion-input,
#docomo .frm-normal .text-info + .time-input-normal ion-item:first-child,
#docomo .frm-normal .text-info + .text-calendar-input-normal ion-input,
#docomo .frm-normal .text-info + .text-calendar-input-normal ion-item:first-child,
#docomo .frm-normal .text-info + .text-search-input-normal ion-input,
#docomo .frm-normal .text-info + .text-search-input-normal ion-item:first-child,
#docomo .frm-normal .text-info + .text-selection-input-normal ion-input,
#docomo .frm-normal .text-info + .text-selection-input-normal ion-item:first-child,
#docomo .frm-normal .text-info + .text-area-input-normal ion-input,
#docomo .frm-normal .text-info + .text-area-input-normal ion-item:first-child,
#docomo .frm-normal .text-info + .text-input-normal ion-input,
#docomo .frm-normal .text-info + .text-input-normal ion-item:first-child,
#docomo .frm-normal .text-info + .frm-normal-input ion-input,
#docomo .frm-normal .text-info + .frm-normal-input ion-item:first-child,
#docomo .frm-normal .text-info + .frm-normal-split-wrap ion-input,
#docomo .frm-normal .text-info + .frm-normal-split-wrap ion-item:first-child,
#docomo .frm-normal .text-info + .radio-button-normal-wrap ion-input,
#docomo .frm-normal .text-info + .radio-button-normal-wrap ion-item:first-child,
#docomo .frm-normal .text-info + .checkbox-button-normal-wrap ion-input,
#docomo .frm-normal .text-info + .checkbox-button-normal-wrap ion-item:first-child,
#docomo .frm-normal .frm-normal-header + .time-input-normal ion-input,
#docomo .frm-normal .frm-normal-header + .time-input-normal ion-item:first-child,
#docomo .frm-normal .frm-normal-header + .text-calendar-input-normal ion-input,
#docomo .frm-normal .frm-normal-header + .text-calendar-input-normal ion-item:first-child,
#docomo .frm-normal .frm-normal-header + .text-search-input-normal ion-input,
#docomo .frm-normal .frm-normal-header + .text-search-input-normal ion-item:first-child,
#docomo .frm-normal .frm-normal-header + .text-selection-input-normal ion-input,
#docomo .frm-normal .frm-normal-header + .text-selection-input-normal ion-item:first-child,
#docomo .frm-normal .frm-normal-header + .text-area-input-normal ion-input,
#docomo .frm-normal .frm-normal-header + .text-area-input-normal ion-item:first-child,
#docomo .frm-normal .frm-normal-header + .text-input-normal ion-input,
#docomo .frm-normal .frm-normal-header + .text-input-normal ion-item:first-child,
#docomo .frm-normal .frm-normal-header + .frm-normal-input ion-input,
#docomo .frm-normal .frm-normal-header + .frm-normal-input ion-item:first-child,
#docomo .frm-normal .frm-normal-header + .frm-normal-split-wrap ion-input,
#docomo .frm-normal .frm-normal-header + .frm-normal-split-wrap ion-item:first-child,
#docomo .frm-normal .frm-normal-header + .radio-button-normal-wrap ion-input,
#docomo .frm-normal .frm-normal-header + .radio-button-normal-wrap ion-item:first-child,
#docomo .frm-normal .frm-normal-header + .checkbox-button-normal-wrap ion-input,
#docomo .frm-normal .frm-normal-header + .checkbox-button-normal-wrap ion-item:first-child,
#docomo .frm-normal .list-dot + .time-input-normal ion-input,
#docomo .frm-normal .list-dot + .time-input-normal ion-item:first-child,
#docomo .frm-normal .list-dot + .text-calendar-input-normal ion-input,
#docomo .frm-normal .list-dot + .text-calendar-input-normal ion-item:first-child,
#docomo .frm-normal .list-dot + .text-search-input-normal ion-input,
#docomo .frm-normal .list-dot + .text-search-input-normal ion-item:first-child,
#docomo .frm-normal .list-dot + .text-selection-input-normal ion-input,
#docomo .frm-normal .list-dot + .text-selection-input-normal ion-item:first-child,
#docomo .frm-normal .list-dot + .text-area-input-normal ion-input,
#docomo .frm-normal .list-dot + .text-area-input-normal ion-item:first-child,
#docomo .frm-normal .list-dot + .text-input-normal ion-input,
#docomo .frm-normal .list-dot + .text-input-normal ion-item:first-child,
#docomo .frm-normal .list-dot + .frm-normal-input ion-input,
#docomo .frm-normal .list-dot + .frm-normal-input ion-item:first-child,
#docomo .frm-normal .list-dot + .frm-normal-split-wrap ion-input,
#docomo .frm-normal .list-dot + .frm-normal-split-wrap ion-item:first-child,
#docomo .frm-normal .list-dot + .radio-button-normal-wrap ion-input,
#docomo .frm-normal .list-dot + .radio-button-normal-wrap ion-item:first-child,
#docomo .frm-normal .list-dot + .checkbox-button-normal-wrap ion-input,
#docomo .frm-normal .list-dot + .checkbox-button-normal-wrap ion-item:first-child,
#docomo .frm-normal .list-example + .time-input-normal ion-input,
#docomo .frm-normal .list-example + .time-input-normal ion-item:first-child,
#docomo .frm-normal .list-example + .text-calendar-input-normal ion-input,
#docomo .frm-normal .list-example + .text-calendar-input-normal ion-item:first-child,
#docomo .frm-normal .list-example + .text-search-input-normal ion-input,
#docomo .frm-normal .list-example + .text-search-input-normal ion-item:first-child,
#docomo .frm-normal .list-example + .text-selection-input-normal ion-input,
#docomo .frm-normal .list-example + .text-selection-input-normal ion-item:first-child,
#docomo .frm-normal .list-example + .text-area-input-normal ion-input,
#docomo .frm-normal .list-example + .text-area-input-normal ion-item:first-child,
#docomo .frm-normal .list-example + .text-input-normal ion-input,
#docomo .frm-normal .list-example + .text-input-normal ion-item:first-child,
#docomo .frm-normal .list-example + .frm-normal-input ion-input,
#docomo .frm-normal .list-example + .frm-normal-input ion-item:first-child,
#docomo .frm-normal .list-example + .frm-normal-split-wrap ion-input,
#docomo .frm-normal .list-example + .frm-normal-split-wrap ion-item:first-child,
#docomo .frm-normal .list-example + .radio-button-normal-wrap ion-input,
#docomo .frm-normal .list-example + .radio-button-normal-wrap ion-item:first-child,
#docomo .frm-normal .list-example + .checkbox-button-normal-wrap ion-input,
#docomo .frm-normal .list-example + .checkbox-button-normal-wrap ion-item:first-child,
#docomo .frm-normal p + .time-input-normal ion-input,
#docomo .frm-normal p + .time-input-normal ion-item:first-child,
#docomo .frm-normal p + .text-calendar-input-normal ion-input,
#docomo .frm-normal p + .text-calendar-input-normal ion-item:first-child,
#docomo .frm-normal p + .text-search-input-normal ion-input,
#docomo .frm-normal p + .text-search-input-normal ion-item:first-child,
#docomo .frm-normal p + .text-selection-input-normal ion-input,
#docomo .frm-normal p + .text-selection-input-normal ion-item:first-child,
#docomo .frm-normal p + .text-area-input-normal ion-input,
#docomo .frm-normal p + .text-area-input-normal ion-item:first-child,
#docomo .frm-normal p + .text-input-normal ion-input,
#docomo .frm-normal p + .text-input-normal ion-item:first-child,
#docomo .frm-normal p + .frm-normal-input ion-input,
#docomo .frm-normal p + .frm-normal-input ion-item:first-child,
#docomo .frm-normal p + .frm-normal-split-wrap ion-input,
#docomo .frm-normal p + .frm-normal-split-wrap ion-item:first-child,
#docomo .frm-normal p + .radio-button-normal-wrap ion-input,
#docomo .frm-normal p + .radio-button-normal-wrap ion-item:first-child,
#docomo .frm-normal p + .checkbox-button-normal-wrap ion-input,
#docomo .frm-normal p + .checkbox-button-normal-wrap ion-item:first-child {
  margin-top: var(--space-size-15);
}
#docomo .frm-normal .text-info,
#docomo .frm-normal .text-label {
  margin: var(--space-size-15) 0 0 0;
}
#docomo .frm-normal .text-info .text-small,
#docomo .frm-normal .text-label .text-small {
  flex-shrink: 0;
  line-height: 1.6;
}
#docomo .frm-normal span ion-icon {
  width: calc(var(--space-size-20) + 4px);
  height: calc(var(--space-size-20) + 4px);
  line-height: 16px;
  vertical-align: -5px;
  cursor: pointer;
  fill: var(--ion-form-icon-color);
}
#docomo .frm-normal[FRM-00] {
  margin-top: var(--space-size-40);
}
#docomo .frm-normal[FRM-07-01] .text-info > .text-normal .confirm-number, #docomo .frm-normal[FRM-07-01] .text-info > .list-sharp-03 .confirm-number, #docomo .frm-normal[FRM-07-01] .text-info > .list-sharp-02 .confirm-number, #docomo .frm-normal[FRM-07-01] .text-info > .list-sharp-02-from4 .confirm-number, #docomo .frm-normal[FRM-07-01] .text-info > .list-sharp-02-from3 .confirm-number, #docomo .frm-normal[FRM-07-01] .text-info > .list-sharp-02-from2 .confirm-number, #docomo .frm-normal[FRM-07-01] .text-info > .list-sharp .confirm-number, #docomo .frm-normal[FRM-07-01] .text-info > .list-example .confirm-number, #docomo .frm-normal[FRM-07-01] .text-info > .list-alphabetical .confirm-number, #docomo .frm-normal[FRM-07-01] .text-info > .list-decimal-04 .confirm-number, #docomo .frm-normal[FRM-07-01] .text-info > .list-decimal-03 .confirm-number, #docomo .frm-normal[FRM-07-01] .text-info > .list-decimal-02 .confirm-number, #docomo .frm-normal[FRM-07-01] .text-info > .list-decimal .confirm-number, #docomo .frm-normal[FRM-07-01] .text-info > .list-dot-6 .confirm-number, #docomo .frm-normal[FRM-07-01] .text-info > .list-dot-5 .confirm-number, #docomo .frm-normal[FRM-07-01] .text-info > .list-dot-3 .confirm-number, #docomo .frm-normal[FRM-07-01] .text-info > .list-dot .confirm-number, #docomo .frm-normal[FRM-07-01] .text-info > .list-base .confirm-number {
  margin-right: var(--space-size-15);
}
#docomo .frm-normal[FRM-07-01] .frm-normal-header .text-normal, #docomo .frm-normal[FRM-07-01] .frm-normal-header .list-sharp-03, #docomo .frm-normal[FRM-07-01] .frm-normal-header .list-sharp-02, #docomo .frm-normal[FRM-07-01] .frm-normal-header .list-sharp-02-from4, #docomo .frm-normal[FRM-07-01] .frm-normal-header .list-sharp-02-from3, #docomo .frm-normal[FRM-07-01] .frm-normal-header .list-sharp-02-from2, #docomo .frm-normal[FRM-07-01] .frm-normal-header .list-sharp, #docomo .frm-normal[FRM-07-01] .frm-normal-header .list-example, #docomo .frm-normal[FRM-07-01] .frm-normal-header .list-alphabetical, #docomo .frm-normal[FRM-07-01] .frm-normal-header .list-decimal-04, #docomo .frm-normal[FRM-07-01] .frm-normal-header .list-decimal-03, #docomo .frm-normal[FRM-07-01] .frm-normal-header .list-decimal-02, #docomo .frm-normal[FRM-07-01] .frm-normal-header .list-decimal, #docomo .frm-normal[FRM-07-01] .frm-normal-header .list-dot-6, #docomo .frm-normal[FRM-07-01] .frm-normal-header .list-dot-5, #docomo .frm-normal[FRM-07-01] .frm-normal-header .list-dot-3, #docomo .frm-normal[FRM-07-01] .frm-normal-header .list-dot, #docomo .frm-normal[FRM-07-01] .frm-normal-header .list-base {
  margin: var(--space-size-10) 0 0 0;
}
#docomo .frm-normal[FRM-07-01] .frm-normal-header .text-normal a ion-icon, #docomo .frm-normal[FRM-07-01] .frm-normal-header .list-sharp-03 a ion-icon, #docomo .frm-normal[FRM-07-01] .frm-normal-header .list-sharp-02 a ion-icon, #docomo .frm-normal[FRM-07-01] .frm-normal-header .list-sharp-02-from4 a ion-icon, #docomo .frm-normal[FRM-07-01] .frm-normal-header .list-sharp-02-from3 a ion-icon, #docomo .frm-normal[FRM-07-01] .frm-normal-header .list-sharp-02-from2 a ion-icon, #docomo .frm-normal[FRM-07-01] .frm-normal-header .list-sharp a ion-icon, #docomo .frm-normal[FRM-07-01] .frm-normal-header .list-example a ion-icon, #docomo .frm-normal[FRM-07-01] .frm-normal-header .list-alphabetical a ion-icon, #docomo .frm-normal[FRM-07-01] .frm-normal-header .list-decimal-04 a ion-icon, #docomo .frm-normal[FRM-07-01] .frm-normal-header .list-decimal-03 a ion-icon, #docomo .frm-normal[FRM-07-01] .frm-normal-header .list-decimal-02 a ion-icon, #docomo .frm-normal[FRM-07-01] .frm-normal-header .list-decimal a ion-icon, #docomo .frm-normal[FRM-07-01] .frm-normal-header .list-dot-6 a ion-icon, #docomo .frm-normal[FRM-07-01] .frm-normal-header .list-dot-5 a ion-icon, #docomo .frm-normal[FRM-07-01] .frm-normal-header .list-dot-3 a ion-icon, #docomo .frm-normal[FRM-07-01] .frm-normal-header .list-dot a ion-icon, #docomo .frm-normal[FRM-07-01] .frm-normal-header .list-base a ion-icon {
  margin-top: -4px;
}
#docomo .frm-normal[FRM-07-01] .frm-normal-header .list-dot {
  margin-top: var(--space-size-10);
}
#docomo .frm-normal[FRM-07-01] .frm-normal-header .list-dot li:last-child {
  margin-bottom: var(--space-size-0);
}
#docomo .frm-normal[FRM-07-01] .frm-normal-header + .list-dot {
  margin: var(--space-size-15) 0 0 0;
}
#docomo .frm-normal[FRM-07-01] .text-info + .list-dot,
#docomo .frm-normal[FRM-07-01] .list-example {
  margin: var(--space-size-10) 0 0 0;
}
#docomo .frm-normal[FRM-07-01] .text-info + .list-dot li:last-child,
#docomo .frm-normal[FRM-07-01] .list-example li:last-child {
  margin-bottom: var(--space-size-0);
}
#docomo .frm-normal .frm-normal-split-wrap {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-column-gap: var(--space-size-15);
  -moz-column-gap: var(--space-size-15);
       column-gap: var(--space-size-15);
}
#docomo .frm-normal .frm-normal-split-wrap .frm-normal-input {
  width: 100%;
}
#docomo .frm-normal .frm-normal-split-wrap .frm-normal-input ion-label {
  width: 100%;
}
#docomo .frm-normal .frm-normal-split-wrap .frm-normal-input .text-input-normal {
  margin-top: var(--space-size-5);
}
#docomo .frm-normal .frm-normal-split-wrap .frm-normal-input + .frm-normal-input {
  margin-top: 0;
}
#docomo .frm-normal .text-selection-input-multiline:first-child {
  margin: var(--space-size-15) 0 0 0;
}
#docomo .frm-map-01 {
  margin: var(--space-size-30) 0 0 0;
}
#docomo .frm-map-01 .text-normal, #docomo .frm-map-01 .list-sharp-03, #docomo .frm-map-01 .list-sharp-02, #docomo .frm-map-01 .list-sharp-02-from4, #docomo .frm-map-01 .list-sharp-02-from3, #docomo .frm-map-01 .list-sharp-02-from2, #docomo .frm-map-01 .list-sharp, #docomo .frm-map-01 .list-example, #docomo .frm-map-01 .list-alphabetical, #docomo .frm-map-01 .list-decimal-04, #docomo .frm-map-01 .list-decimal-03, #docomo .frm-map-01 .list-decimal-02, #docomo .frm-map-01 .list-decimal, #docomo .frm-map-01 .list-dot-6, #docomo .frm-map-01 .list-dot-5, #docomo .frm-map-01 .list-dot-3, #docomo .frm-map-01 .list-dot, #docomo .frm-map-01 .list-base {
  margin: 0;
}
#docomo .frm-map-01 .frm-map-label {
  margin: var(--space-size-15) 0 0 0 !important;
}
#docomo .frm-map-01 .frm-map-input-wrap {
  display: grid;
  grid-template-columns: 1fr 56px;
  margin: var(--space-size-15) 0 0 0;
  grid-column-gap: var(--space-size-10);
  -moz-column-gap: var(--space-size-10);
       column-gap: var(--space-size-10);
}
#docomo .frm-map-01 .frm-map-input-wrap .frm-map-input {
  margin: 0;
}
#docomo .frm-map-01 .frm-map-input-wrap ion-button {
  min-width: 20px;
  margin: 0;
  --border-width: 1px;
  --border-color: var(--ion-color-custom-gold);
  --padding-start: var(--space-size-10);
  --padding-end: var(--space-size-10);
  --padding-top: var(--space-size-10);
  --padding-bottom: var(--space-size-10);
}
#docomo .frm-map-01 .frm-map-input-wrap ion-button ion-icon {
  margin: 0;
  stroke: var(--ion-form-icon-color);
}
#docomo .footer .footer-nav {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 0;
  padding: var(--space-size-15);
  background-color: var(--ion-color-bg-body);
}
#docomo .footer .footer-nav-item {
  flex: 0 0 100%;
  width: 100%;
  min-width: 100%;
  margin-top: 0;
  margin-bottom: 0;
}
#docomo .footer .footer-nav-item.footer-nav-item-half {
  flex-basis: calc(50% - var(--space-size-15) / 2);
  width: calc(50% - var(--space-size-15) / 2);
  min-width: calc(50% - var(--space-size-15) / 2);
}
#docomo .footer .footer-nav-button {
  display: flex;
  flex: 0 0 100%;
  align-items: center;
  width: 100%;
  min-width: 100%;
  min-height: calc(calc(0.75rem + 1.07vw) * 1.7);
  min-height: calc(var(--font-size-medium) * 1.7);
  margin: 0;
  padding-bottom: 0;
  text-decoration: none;
}
#docomo .footer .link-icon {
  padding-bottom: 0;
}
#docomo .footer .link-icon.link-icon-non-stroke {
  stroke: none;
}
#docomo .footer .border-dashed {
  flex: 0 0 100%;
  width: 100%;
  min-width: 100%;
}
#docomo .footer .copyright {
  margin-top: 0;
  color: var(--ion-color-custom-white);
  text-align: center;
}
#docomo #footerArea {
  width: 100%;
  margin: 0 auto;
  padding: 0 15px;
  background-color: var(--ion-color-bg-body);
  font-size: calc(0.625rem + 1.07vw);
  font-size: var(--font-size-small);
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "HiraKakuPro-W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#docomo #footerLinkBlock {
  margin: 0 -15px;
  padding: 30px 5px;
  text-align: center;
  background-color: var(--ion-color-bg-body);
}
#docomo #footerLinkBlock > ul {
  display: inline-block;
  vertical-align: top;
}
#docomo #footerLinkBlock > ul > li {
  float: left;
  margin: 0.7em 0 0 10px;
  padding-left: 10px;
  line-height: 1.2;
  border-left: 1px solid var(--ion-color-line-strong);
}
#docomo #footerLinkBlock > ul > li a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  text-decoration: none;
  vertical-align: baseline;
  background: transparent;
}
#docomo #footerLinkBlock > ul > li:nth-child(2n+1) {
  clear: left;
  margin-left: 0;
  padding-left: 0;
  border-left: none;
}
#docomo #footerLinkBlock > ul > li:nth-child(-n+2) {
  margin-top: 0;
}
#docomo #footerLinkBlock > ul > li > a {
  color: var(--ion-color-txt-basis);
}
#docomo #footerCopyBlock {
  margin: 0 -15px;
  padding: 12px 15px;
  color: var(--ion-color-custom-white);
  font-size: 0.625rem;
  font-size: var(--font-size-10);
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "HiraKakuPro-W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  line-height: 1.6;
  text-align: center;
  background-color: var(--ion-color-custom-red);
}
#docomo .app-page-footer.bg-color-white #footerLinkBlock {
  background-color: #fff;
}
#docomo .app-page-footer.bg-color-beige #footerLinkBlock {
  background-color: #f7f5f3;
}
#docomo .app-page-footer.app-page-footer-responsive #footerArea {
  /* media query version */
}
@media screen and (min-width: 769px) {
  #docomo .app-page-footer.app-page-footer-responsive #footerArea {
    padding: 0;
  }
}
#docomo .app-page-footer.app-page-footer-responsive #footerLinkBlock {
  /* media query version */
}
@media screen and (min-width: 769px) {
  #docomo .app-page-footer.app-page-footer-responsive #footerLinkBlock {
    margin: 0;
    padding: 0;
  }
}
#docomo .app-page-footer.app-page-footer-responsive #footerLinkBlock > ul {
  /* media query version */
}
@media screen and (min-width: 769px) {
  #docomo .app-page-footer.app-page-footer-responsive #footerLinkBlock > ul {
    padding: 30px 0;
    display: flex;
    justify-content: center;
    align-items: center;
  }
}
#docomo .app-page-footer.app-page-footer-responsive #footerLinkBlock > ul > li {
  /* media query version */
}
@media screen and (min-width: 769px) {
  #docomo .app-page-footer.app-page-footer-responsive #footerLinkBlock > ul > li {
    margin-left: 10px;
    margin-top: 0;
  }
  #docomo .app-page-footer.app-page-footer-responsive #footerLinkBlock > ul > li:nth-child(2n+3) {
    clear: none;
    border-left: 1px solid #cccccc;
    margin-left: 10px;
    padding-left: 10px;
  }
}
#docomo .app-page-footer.app-page-footer-responsive .copyright {
  /* media query version */
}
@media screen and (min-width: 769px) {
  #docomo .app-page-footer.app-page-footer-responsive .copyright {
    font-size: 12px;
  }
}
#docomo .header-box ion-toolbar {
  --background: var(--ion-color-docomo-red);
  --border-width: 0 !important;
  --padding-start: var(--space-size-10);
  --padding-end: var(--space-size-10);
  border-bottom: 1px solid var(--ion-color-custom-gray);
}
#docomo .header-box ion-toolbar ion-button {
  --border-radius: 0 !important;
  height: var(--space-size-50);
}
#docomo .header-box ion-toolbar ion-button ion-icon {
  font-size: var(--space-size-25);
}
#docomo .header-box ion-toolbar ion-button button {
  padding: 0;
}
#docomo .header-box ion-toolbar ion-buttons.normal-buttons-logo-wrap {
  margin: 0;
}
#docomo .header-box ion-toolbar ion-buttons.normal-buttons-logo-wrap ion-button {
  margin: 0;
  --padding-start: var(--space-size-5);
  --padding-end: var(--space-size-5);
}
#docomo .header-box ion-toolbar ion-buttons.normal-buttons-logo-wrap ion-button ion-icon {
  width: var(--space-size-75);
  height: var(--space-size-30);
  color: var(--ion-color-custom-black);
  fill: var(--ion-color-custom-black);
}
#docomo .header-box ion-toolbar ion-buttons.simple-buttons-logo-wrap {
  position: absolute;
  margin: 0;
}
#docomo .header-box ion-toolbar ion-buttons.simple-buttons-logo-wrap div {
  --padding-start: var(--space-size-5);
  --padding-end: var(--space-size-5);
  display: block;
  width: 100%;
  height: 100%;
  padding-top: var(--padding-top);
  padding-right: var(--padding-end);
  padding-bottom: var(--padding-bottom);
  padding-left: var(--padding-start);
  line-height: 0;
  background-color: transparent !important;
}
#docomo .header-box ion-toolbar ion-buttons.simple-buttons-logo-wrap div ion-icon {
  width: var(--space-size-75);
  height: var(--space-size-30);
  color: var(--ion-color-custom-black);
  fill: var(--ion-color-custom-black);
}
#docomo .header-box ion-toolbar ion-buttons.simple-buttons-logo-wrap div:hover {
  opacity: 1;
}
#docomo .header-box ion-toolbar ion-buttons.simple-ion-logo-wrap {
  position: relative;
}
#docomo .header-box ion-toolbar ion-buttons.header-buttons-wrap {
  margin: 0;
}
#docomo .header-box ion-toolbar ion-buttons.header-buttons-wrap ion-button {
  margin: 0;
  --padding-start: var(--space-size-5);
  --padding-end: var(--space-size-5);
}
#docomo .header-box ion-toolbar ion-buttons.header-buttons-wrap .header-button-wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin: 0;
}
#docomo .header-box ion-toolbar ion-buttons.header-buttons-wrap .header-button-wrap ion-icon {
  width: var(--space-size-30);
  height: var(--space-size-25);
  padding-bottom: 2px;
  padding-left: var(--space-size-5);
}
#docomo .header-box ion-toolbar ion-buttons.header-buttons-wrap .header-button-wrap ion-icon.fnol-icon, #docomo .header-box ion-toolbar ion-buttons.header-buttons-wrap .header-button-wrap ion-icon.rs-icon {
  width: 17px;
  height: 17px;
  padding-bottom: 5px;
  padding-left: 0;
}
#docomo .header-box ion-toolbar ion-buttons.header-buttons-wrap .header-button-wrap span {
  color: var(--ion-color-custom-white);
}
#docomo .header-box ion-toolbar ion-buttons.header-buttons-wrap.none {
  display: none;
}
#docomo .header-box ion-toolbar ion-title {
  padding: 0px var(--space-size-25) 0 var(--space-size-5);
  color: var(--ion-color-custom-white);
  text-align: left;
  font-weight: bold;
  font-size: calc(0.75rem + 1.07vw);
  font-size: var(--font-size-medium);
  font-family: "Hiragino Sans", "游ゴシック", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Noto Sans CJK JP CJK JP", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#docomo .header-box ion-toolbar.header-simple ion-title {
  padding: 0px var(--space-size-5);
  text-align: center;
}
#docomo .header-box ion-toolbar.header-fnol ion-title {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 0px var(--space-size-40);
  text-align: center;
}
#docomo .header-box ion-toolbar.header-rs ion-title {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 0px var(--space-size-40);
  text-align: center;
}
#docomo .header-box ion-toolbar .header-title-wrap {
  padding: 15px 0;
  white-space: normal;
}
#docomo .header-box.header-box-landing ion-title {
  margin: 0;
  text-align: left;
}
#docomo .header-box.landing-theme {
  padding-left: 0;
}
#docomo .header-box.landing-theme ion-toolbar {
  --background: none;
  --color: white;
  --padding-bottom: 0;
  border: none;
}
#docomo .header-box.landing-theme ion-toolbar ion-title {
  padding: 0px;
  color: var(--ion-color-custom-white);
  text-align: center;
  font-weight: bold;
  font-size: calc(0.75rem + 1.07vw);
  font-size: var(--font-size-medium);
  font-family: "Helvetica Neue", Helvetica, -apple-system, BlinkMacSystemFont, Roboto, "ヒラギノ角ゴ ProN", "HiraKakuProN", "ヒラギノ角ゴ Pro", "HiraKakuPro", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "Hiragino Sans", Roboto, "Noto Sans", "Noto Sans CJK JP", "Noto Sans JP", system-ui, Verdana, "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;
}
@media (min-width: 375px) and (max-width: 450px) {
  #docomo .header-box ion-toolbar.header-simple ion-title.mobile-padding-12 {
    padding-left: 5vw;
  }
  #docomo .header-box ion-toolbar.header-simple ion-title.mobile-padding-13 {
    padding-left: 9vw;
  }
  #docomo .header-box ion-toolbar.header-simple ion-title.mobile-padding-14 {
    padding-left: 13vw;
  }
  #docomo .header-box ion-toolbar.header-simple ion-title.mobile-padding-15 {
    padding-left: 17vw;
  }
  #docomo .header-box ion-toolbar.header-simple ion-title.mobile-padding-16 {
    padding-left: 21vw;
  }
}
#docomo app-maker-selection ion-header,
#docomo app-driver-info ion-header,
#docomo app-license-info ion-header,
#docomo app-prefecture-selection ion-header,
#docomo app-purpose-selection ion-header,
#docomo app-running-distance ion-header,
#docomo app-remind-sign-in ion-header,
#docomo app-remind-sign-in-complete ion-header,
#docomo app-driver-info-bis ion-header,
#docomo app-grade ion-header,
#docomo app-enquete-bis ion-header, #docomo app-approximation-result ion-header,
#docomo app-maker-selection ion-toolbar,
#docomo app-driver-info ion-toolbar,
#docomo app-license-info ion-toolbar,
#docomo app-prefecture-selection ion-toolbar,
#docomo app-purpose-selection ion-toolbar,
#docomo app-running-distance ion-toolbar,
#docomo app-remind-sign-in ion-toolbar,
#docomo app-remind-sign-in-complete ion-toolbar,
#docomo app-driver-info-bis ion-toolbar,
#docomo app-grade ion-toolbar,
#docomo app-enquete-bis ion-toolbar,
#docomo app-approximation-result ion-toolbar,
#docomo app-maker-selection ion-content,
#docomo app-driver-info ion-content,
#docomo app-license-info ion-content,
#docomo app-prefecture-selection ion-content,
#docomo app-purpose-selection ion-content,
#docomo app-running-distance ion-content,
#docomo app-remind-sign-in ion-content,
#docomo app-remind-sign-in-complete ion-content,
#docomo app-driver-info-bis ion-content,
#docomo app-grade ion-content,
#docomo app-enquete-bis ion-content,
#docomo app-approximation-result ion-content {
  --background: none;
}
#docomo app-approximation-result .app-page-content {
  background: url('05_01_2-img001.dcd1eb1eeb54fc2e6df1.png') no-repeat top !important;
  background-color: var(--ion-color-custom-black) !important;
  background-size: 100% auto !important;
}
#docomo app-maker-selection,
#docomo app-driver-info,
#docomo app-license-info,
#docomo app-prefecture-selection,
#docomo app-purpose-selection,
#docomo app-running-distance,
#docomo app-remind-sign-in,
#docomo app-remind-sign-in-complete,
#docomo app-driver-info-bis,
#docomo app-grade,
#docomo app-enquete-bis {
  background: url(https://www.e-design.net/image/illustration/05_01_2/05_01_2-img001.png) no-repeat bottom;
  background-color: var(--ion-color-custom-black);
  background-size: cover;
}
#docomo .loading-circular ion-backdrop {
  --backdrop-opacity: 0.9;
  background-color: var(--ion-color-custom-white);
}
#docomo .loading-circular .loading-wrapper {
  --background: transparent;
  padding: 0px;
}
#docomo .loading-circular .loading-wrapper ion-spinner {
  width: var(--space-size-40);
  height: var(--space-size-40);
  color: var(--ion-color-custom-dark-green);
}
#docomo .loading-edsp ion-backdrop {
  --backdrop-opacity: 0.5;
  background-color: var(--ion-color-custom-white);
}
#docomo .loading-edsp .loading-wrapper {
  width: 100%;
  max-width: 100%;
  height: 100%;
  max-height: 100%;
  padding: 0px;
  background: rgba(255, 0, 0, 0) url('loading_dot.5a605ab67d6eba50f99f.gif') no-repeat center;
  background-size: 280px;
}
#docomo .modal-wrapper {
  --height: 100%;
}
#docomo .modal-wrapper .modal-box {
  justify-content: flex-start;
  padding-top: var(--space-size-30);
  padding-bottom: var(--space-size-30);
  /* modal top close button */
  /* modal scroll box */
  /* modal header */
  /* modal footer */
}
#docomo .modal-wrapper .modal-box ion-content {
  flex: 1 1 auto;
  height: -moz-fit-content;
  height: fit-content;
  min-height: 100%;
  background: var(--background);
  contain: initial;
  -webkit-overflow-scrolling: touch;
}
#docomo .modal-wrapper .modal-box ion-content::part(scroll) {
  position: relative;
  height: auto;
  overflow: hidden;
  background: var(--background);
  -webkit-overflow-scrolling: touch;
}
#docomo .modal-wrapper .modal-box .modal-top-close-button {
  padding: 1px 6px;
  color: var(--ion-color-custom-white);
  font-size: calc(var(--space-size-20) + var(--space-size-5));
  background: none;
  position: absolute;
  top: 0;
  right: calc(var(--space-size-10) * -1);
  bottom: auto;
  left: auto;
}
#docomo .modal-wrapper .modal-box .modal-top-close-button:hover {
  color: var(--ion-color-step-200);
  transition: color 0.5s ease-in;
}
#docomo .modal-wrapper .modal-box .modal-top-close-button:focus, #docomo .modal-wrapper .modal-box .modal-top-close-button:active {
  outline: none;
}
#docomo .modal-wrapper .modal-box .modal-scroll-box {
  height: 100%;
  overflow-y: scroll;
}
#docomo .modal-wrapper .modal-box .modal-header-box {
  position: relative;
  padding-top: 0;
  background: var(--ion-default-bg-color);
}
#docomo .modal-wrapper .modal-box .modal-header-box ion-icon {
  font-size: var(--space-size-30);
  position: absolute;
  top: var(--space-size-30);
  right: auto;
  bottom: auto;
  left: var(--space-size-10);
}
#docomo .modal-wrapper .modal-box .modal-header-box h1 {
  padding: var(--space-size-20) var(--space-size-10);
  color: var(--ion-color-custom-black);
  line-height: 1.5;
  text-align: center;
  font-weight: bold;
  font-size: calc(1em + 1.07vw);
  font-size: var(--font-size-20);
  font-family: "Hiragino Sans", "游ゴシック", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Noto Sans CJK JP CJK JP", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  border-bottom: 2px solid var(--ion-color-custom-red);
}
#docomo .modal-wrapper .modal-box .modal-header-box.landing-theme h1 {
  border-bottom: 2px solid var(--ion-color-custom-dark-green);
}
#docomo .modal-wrapper .modal-box .modal-footer-box {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--space-size-10) 0;
  color: var(--ion-color-custom-white);
}
#docomo .modal-wrapper .modal-box .modal-footer-box .modal-footer-button {
  display: flex;
  align-items: center;
  padding: 0 10px;
  cursor: pointer;
}
#docomo .modal-wrapper .modal-box .modal-footer-box ion-button {
  --padding-start: var(--space-size-10);
  --padding-end: 0;
  --background: none;
  --background-activated: none;
  --background-focused: none;
  --background-hover: none;
  --box-shadow: none;
  color: var(--ion-color-custom-white);
  font-size: calc(0.875em + 1.07vw);
  font-size: var(--font-size-large);
}
#docomo .modal-wrapper .modal-box .modal-footer-box span {
  cursor: pointer;
}
#docomo .modal-wrapper .modal-box:hover .ion-footer span,
#docomo .modal-wrapper .modal-box:hover .ion-footer ion-button {
  color: var(--ion-color-step-200);
  transition: color 0.5s ease-in;
}
#docomo ion-modal:first-of-type:not(:only-of-type) .modal-wrapper .modal-box ion-content {
  flex: 1 1 0%;
  contain: size style;
  height: 100%;
  overflow-y: auto;
  --overflow: auto;
}
#docomo .isVisible {
  display: none !important;
}
#docomo .new-01 .new-01-item.space-wide {
  margin-top: var(--space-size-15);
}
#docomo .new-01 .new-01-item.space-wide:first-child {
  margin-top: var(--space-size-10);
}
#docomo .new-01 .new-01-item.space-narrow {
  margin-top: var(--space-size-5);
}
#docomo .new-01 .new-01-item .text-normal, #docomo .new-01 .new-01-item .list-sharp-03, #docomo .new-01 .new-01-item .list-sharp-02, #docomo .new-01 .new-01-item .list-sharp-02-from4, #docomo .new-01 .new-01-item .list-sharp-02-from3, #docomo .new-01 .new-01-item .list-sharp-02-from2, #docomo .new-01 .new-01-item .list-sharp, #docomo .new-01 .new-01-item .list-example, #docomo .new-01 .new-01-item .list-alphabetical, #docomo .new-01 .new-01-item .list-decimal-04, #docomo .new-01 .new-01-item .list-decimal-03, #docomo .new-01 .new-01-item .list-decimal-02, #docomo .new-01 .new-01-item .list-decimal, #docomo .new-01 .new-01-item .list-dot-6, #docomo .new-01 .new-01-item .list-dot-5, #docomo .new-01 .new-01-item .list-dot-3, #docomo .new-01 .new-01-item .list-dot, #docomo .new-01 .new-01-item .list-base {
  margin: var(--space-size-0);
}
#docomo .new-01 .new-01-item .text-normal .date, #docomo .new-01 .new-01-item .list-sharp-03 .date, #docomo .new-01 .new-01-item .list-sharp-02 .date, #docomo .new-01 .new-01-item .list-sharp-02-from4 .date, #docomo .new-01 .new-01-item .list-sharp-02-from3 .date, #docomo .new-01 .new-01-item .list-sharp-02-from2 .date, #docomo .new-01 .new-01-item .list-sharp .date, #docomo .new-01 .new-01-item .list-example .date, #docomo .new-01 .new-01-item .list-alphabetical .date, #docomo .new-01 .new-01-item .list-decimal-04 .date, #docomo .new-01 .new-01-item .list-decimal-03 .date, #docomo .new-01 .new-01-item .list-decimal-02 .date, #docomo .new-01 .new-01-item .list-decimal .date, #docomo .new-01 .new-01-item .list-dot-6 .date, #docomo .new-01 .new-01-item .list-dot-5 .date, #docomo .new-01 .new-01-item .list-dot-3 .date, #docomo .new-01 .new-01-item .list-dot .date, #docomo .new-01 .new-01-item .list-base .date {
  font-size: calc(0.625rem + 1.07vw);
  font-size: var(--font-size-small);
  font-family: "Hiragino Sans", "游ゴシック", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Noto Sans CJK JP CJK JP", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#docomo .new-01 .new-01-item .text-normal .text-illustration-banner, #docomo .new-01 .new-01-item .list-sharp-03 .text-illustration-banner, #docomo .new-01 .new-01-item .list-sharp-02 .text-illustration-banner, #docomo .new-01 .new-01-item .list-sharp-02-from4 .text-illustration-banner, #docomo .new-01 .new-01-item .list-sharp-02-from3 .text-illustration-banner, #docomo .new-01 .new-01-item .list-sharp-02-from2 .text-illustration-banner, #docomo .new-01 .new-01-item .list-sharp .text-illustration-banner, #docomo .new-01 .new-01-item .list-example .text-illustration-banner, #docomo .new-01 .new-01-item .list-alphabetical .text-illustration-banner, #docomo .new-01 .new-01-item .list-decimal-04 .text-illustration-banner, #docomo .new-01 .new-01-item .list-decimal-03 .text-illustration-banner, #docomo .new-01 .new-01-item .list-decimal-02 .text-illustration-banner, #docomo .new-01 .new-01-item .list-decimal .text-illustration-banner, #docomo .new-01 .new-01-item .list-dot-6 .text-illustration-banner, #docomo .new-01 .new-01-item .list-dot-5 .text-illustration-banner, #docomo .new-01 .new-01-item .list-dot-3 .text-illustration-banner, #docomo .new-01 .new-01-item .list-dot .text-illustration-banner, #docomo .new-01 .new-01-item .list-base .text-illustration-banner {
  min-width: auto;
  margin: 0 0 0 var(--space-size-10);
  vertical-align: 1px;
}
#docomo .new-01 .new-01-item .text-normal .text-illustration-banner.fill-red, #docomo .new-01 .new-01-item .list-sharp-03 .text-illustration-banner.fill-red, #docomo .new-01 .new-01-item .list-sharp-02 .text-illustration-banner.fill-red, #docomo .new-01 .new-01-item .list-sharp-02-from4 .text-illustration-banner.fill-red, #docomo .new-01 .new-01-item .list-sharp-02-from3 .text-illustration-banner.fill-red, #docomo .new-01 .new-01-item .list-sharp-02-from2 .text-illustration-banner.fill-red, #docomo .new-01 .new-01-item .list-sharp .text-illustration-banner.fill-red, #docomo .new-01 .new-01-item .list-example .text-illustration-banner.fill-red, #docomo .new-01 .new-01-item .list-alphabetical .text-illustration-banner.fill-red, #docomo .new-01 .new-01-item .list-decimal-04 .text-illustration-banner.fill-red, #docomo .new-01 .new-01-item .list-decimal-03 .text-illustration-banner.fill-red, #docomo .new-01 .new-01-item .list-decimal-02 .text-illustration-banner.fill-red, #docomo .new-01 .new-01-item .list-decimal .text-illustration-banner.fill-red, #docomo .new-01 .new-01-item .list-dot-6 .text-illustration-banner.fill-red, #docomo .new-01 .new-01-item .list-dot-5 .text-illustration-banner.fill-red, #docomo .new-01 .new-01-item .list-dot-3 .text-illustration-banner.fill-red, #docomo .new-01 .new-01-item .list-dot .text-illustration-banner.fill-red, #docomo .new-01 .new-01-item .list-base .text-illustration-banner.fill-red {
  background-color: var(--ion-color-custom-red);
  -webkit-2px-radius: 4px;
  -moz-2px-radius: 4px;
  -ms-2px-radius: 4px;
  -o-2px-radius: 4px;
  2px-radius: 4px;
}
#docomo .new-01 .new-01-item .text-normal .text-illustration-banner.outline-red, #docomo .new-01 .new-01-item .list-sharp-03 .text-illustration-banner.outline-red, #docomo .new-01 .new-01-item .list-sharp-02 .text-illustration-banner.outline-red, #docomo .new-01 .new-01-item .list-sharp-02-from4 .text-illustration-banner.outline-red, #docomo .new-01 .new-01-item .list-sharp-02-from3 .text-illustration-banner.outline-red, #docomo .new-01 .new-01-item .list-sharp-02-from2 .text-illustration-banner.outline-red, #docomo .new-01 .new-01-item .list-sharp .text-illustration-banner.outline-red, #docomo .new-01 .new-01-item .list-example .text-illustration-banner.outline-red, #docomo .new-01 .new-01-item .list-alphabetical .text-illustration-banner.outline-red, #docomo .new-01 .new-01-item .list-decimal-04 .text-illustration-banner.outline-red, #docomo .new-01 .new-01-item .list-decimal-03 .text-illustration-banner.outline-red, #docomo .new-01 .new-01-item .list-decimal-02 .text-illustration-banner.outline-red, #docomo .new-01 .new-01-item .list-decimal .text-illustration-banner.outline-red, #docomo .new-01 .new-01-item .list-dot-6 .text-illustration-banner.outline-red, #docomo .new-01 .new-01-item .list-dot-5 .text-illustration-banner.outline-red, #docomo .new-01 .new-01-item .list-dot-3 .text-illustration-banner.outline-red, #docomo .new-01 .new-01-item .list-dot .text-illustration-banner.outline-red, #docomo .new-01 .new-01-item .list-base .text-illustration-banner.outline-red {
  border: 1px solid var(--ion-color-custom-red);
  -webkit-2px-radius: 4px;
  -moz-2px-radius: 4px;
  -ms-2px-radius: 4px;
  -o-2px-radius: 4px;
  2px-radius: 4px;
  color: var(--ion-color-custom-red);
  background-color: var(--ion-color-custom-white);
}
#docomo .new-01 .new-01-item .text-normal.text-link, #docomo .new-01 .new-01-item .text-link.list-sharp-03, #docomo .new-01 .new-01-item .text-link.list-sharp-02, #docomo .new-01 .new-01-item .text-link.list-sharp-02-from4, #docomo .new-01 .new-01-item .text-link.list-sharp-02-from3, #docomo .new-01 .new-01-item .text-link.list-sharp-02-from2, #docomo .new-01 .new-01-item .text-link.list-sharp, #docomo .new-01 .new-01-item .text-link.list-example, #docomo .new-01 .new-01-item .text-link.list-alphabetical, #docomo .new-01 .new-01-item .text-link.list-decimal-04, #docomo .new-01 .new-01-item .text-link.list-decimal-03, #docomo .new-01 .new-01-item .text-link.list-decimal-02, #docomo .new-01 .new-01-item .text-link.list-decimal, #docomo .new-01 .new-01-item .text-link.list-dot-6, #docomo .new-01 .new-01-item .text-link.list-dot-5, #docomo .new-01 .new-01-item .text-link.list-dot-3, #docomo .new-01 .new-01-item .text-link.list-dot, #docomo .new-01 .new-01-item .text-link.list-base {
  color: var(--ion-color-link) !important;
}
#docomo .new-01 .new-01-item .text-normal .title, #docomo .new-01 .new-01-item .list-sharp-03 .title, #docomo .new-01 .new-01-item .list-sharp-02 .title, #docomo .new-01 .new-01-item .list-sharp-02-from4 .title, #docomo .new-01 .new-01-item .list-sharp-02-from3 .title, #docomo .new-01 .new-01-item .list-sharp-02-from2 .title, #docomo .new-01 .new-01-item .list-sharp .title, #docomo .new-01 .new-01-item .list-example .title, #docomo .new-01 .new-01-item .list-alphabetical .title, #docomo .new-01 .new-01-item .list-decimal-04 .title, #docomo .new-01 .new-01-item .list-decimal-03 .title, #docomo .new-01 .new-01-item .list-decimal-02 .title, #docomo .new-01 .new-01-item .list-decimal .title, #docomo .new-01 .new-01-item .list-dot-6 .title, #docomo .new-01 .new-01-item .list-dot-5 .title, #docomo .new-01 .new-01-item .list-dot-3 .title, #docomo .new-01 .new-01-item .list-dot .title, #docomo .new-01 .new-01-item .list-base .title {
  display: inline-block;
  margin-top: 3px;
  margin-right: var(--space-size-5);
  line-height: 1.6;
  word-break: break-all;
  overflow-wrap: anywhere;
  cursor: pointer;
}
#docomo .new-01 .new-01-item .text-normal .title.bold, #docomo .new-01 .new-01-item .list-sharp-03 .title.bold, #docomo .new-01 .new-01-item .list-sharp-02 .title.bold, #docomo .new-01 .new-01-item .list-sharp-02-from4 .title.bold, #docomo .new-01 .new-01-item .list-sharp-02-from3 .title.bold, #docomo .new-01 .new-01-item .list-sharp-02-from2 .title.bold, #docomo .new-01 .new-01-item .list-sharp .title.bold, #docomo .new-01 .new-01-item .list-example .title.bold, #docomo .new-01 .new-01-item .list-alphabetical .title.bold, #docomo .new-01 .new-01-item .list-decimal-04 .title.bold, #docomo .new-01 .new-01-item .list-decimal-03 .title.bold, #docomo .new-01 .new-01-item .list-decimal-02 .title.bold, #docomo .new-01 .new-01-item .list-decimal .title.bold, #docomo .new-01 .new-01-item .list-dot-6 .title.bold, #docomo .new-01 .new-01-item .list-dot-5 .title.bold, #docomo .new-01 .new-01-item .list-dot-3 .title.bold, #docomo .new-01 .new-01-item .list-dot .title.bold, #docomo .new-01 .new-01-item .list-base .title.bold {
  font-weight: bold;
  font-family: "Hiragino Sans", "游ゴシック", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Noto Sans CJK JP CJK JP", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#docomo .new-01 .new-01-item .text-normal .title.date-time, #docomo .new-01 .new-01-item .list-sharp-03 .title.date-time, #docomo .new-01 .new-01-item .list-sharp-02 .title.date-time, #docomo .new-01 .new-01-item .list-sharp-02-from4 .title.date-time, #docomo .new-01 .new-01-item .list-sharp-02-from3 .title.date-time, #docomo .new-01 .new-01-item .list-sharp-02-from2 .title.date-time, #docomo .new-01 .new-01-item .list-sharp .title.date-time, #docomo .new-01 .new-01-item .list-example .title.date-time, #docomo .new-01 .new-01-item .list-alphabetical .title.date-time, #docomo .new-01 .new-01-item .list-decimal-04 .title.date-time, #docomo .new-01 .new-01-item .list-decimal-03 .title.date-time, #docomo .new-01 .new-01-item .list-decimal-02 .title.date-time, #docomo .new-01 .new-01-item .list-decimal .title.date-time, #docomo .new-01 .new-01-item .list-dot-6 .title.date-time, #docomo .new-01 .new-01-item .list-dot-5 .title.date-time, #docomo .new-01 .new-01-item .list-dot-3 .title.date-time, #docomo .new-01 .new-01-item .list-dot .title.date-time, #docomo .new-01 .new-01-item .list-base .title.date-time {
  margin-top: var(--space-size-0);
}
#docomo .new-01 .new-01-item ion-item {
  --border-style: none;
  --padding-start: 0;
  --padding-end: 0;
  --inner-padding-end: 0;
}
#docomo .new-01 .border-dashed.space-wide {
  margin: var(--space-size-15) 0 0 0;
}
#docomo .new-01 .border-dashed.space-narrow {
  margin: var(--space-size-5) 0 0 0;
}
#docomo .new-01 ion-icon {
  position: relative;
  width: var(--space-size-25) !important;
  height: var(--space-size-25) !important;
  margin: 0;
  color: var(--ion-color-link) !important;
  cursor: pointer;
  stroke: var(--ion-link-icon-color);
}
#docomo .border-normal {
  border-bottom: 1px solid var(--ion-separator-border-color);
}
#docomo .border-dashed, #docomo .unique-g13-07 .unique-g13-07-list, #docomo .pay-box, #docomo .cnf-normal {
  background-image: linear-gradient(to right, #999 33%, rgba(255, 255, 255, 0) 0%);
  background-repeat: repeat-x;
  background-position: bottom;
  background-size: 3px 1px;
}
#docomo .pay-box {
  margin: var(--space-size-20) 0;
  padding-bottom: var(--space-size-20);
}
#docomo .pay-box span {
  font-family: "Hiragino Sans", "游ゴシック", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Noto Sans CJK JP CJK JP", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#docomo .pay-box:first-child {
  margin-top: 0;
}
#docomo .pay-box:last-child {
  margin-bottom: 0;
}
#docomo .pay-box[noBorder] {
  background-image: none;
  border: none;
}
#docomo .pay-box[noBorder] + .title-h2 {
  margin-top: var(--space-size-20) 0;
}
#docomo .pay-box .pay-box-line {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0;
}
#docomo .pay-box .pay-box-line .pay-box-line-left {
  vertical-align: middle;
  word-break: break-all;
  overflow-wrap: anywhere;
}
#docomo .pay-box .pay-box-line .pay-box-line-left a {
  margin-left: var(--space-size-10);
  vertical-align: middle;
}
#docomo .pay-box .pay-box-line .pay-box-line-left a ion-icon {
  width: calc(var(--space-size-20) + 4px);
  height: calc(var(--space-size-20) + 4px);
  margin-top: -5px;
  vertical-align: middle;
  fill: var(--ion-form-icon-color);
}
.landing-theme #docomo .pay-box .pay-box-line .pay-box-line-left a ion-icon {
  fill: var(--ion-color-custom-dark-green);
}
#docomo .pay-box .pay-box-line .pay-box-line-right {
  flex-shrink: 0;
}
#docomo .pay-box .pay-box-line[textBold] > span:last-child:not(.pay-box-line-right) {
  flex-shrink: 0;
  margin-left: var(--space-size-10);
}
#docomo .pay-box .pay-box-line .font-small, #docomo .pay-box .pay-box-line .text-label-point > span, #docomo .pay-box .pay-box-line .text-label-title, #docomo .pay-box .pay-box-line .text-small-narrow-top-space, #docomo .pay-box .pay-box-line .text-small {
  font-weight: normal;
  font-family: "Hiragino Sans", "游ゴシック", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Noto Sans CJK JP CJK JP", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#docomo .pay-box .pay-box-line.installments-times {
  align-items: flex-start;
}
#docomo .pay-box .pay-box-line.installments-times span {
  display: flex;
  flex-direction: column;
  text-align: right;
}
#docomo .pay-box p:not(.text-red) {
  text-align: right;
}
#docomo .pay-box .text-normal, #docomo .pay-box .list-sharp-03, #docomo .pay-box .list-sharp-02, #docomo .pay-box .list-sharp-02-from4, #docomo .pay-box .list-sharp-02-from3, #docomo .pay-box .list-sharp-02-from2, #docomo .pay-box .list-sharp, #docomo .pay-box .list-example, #docomo .pay-box .list-alphabetical, #docomo .pay-box .list-decimal-04, #docomo .pay-box .list-decimal-03, #docomo .pay-box .list-decimal-02, #docomo .pay-box .list-decimal, #docomo .pay-box .list-dot-6, #docomo .pay-box .list-dot-5, #docomo .pay-box .list-dot-3, #docomo .pay-box .list-dot, #docomo .pay-box .list-base {
  margin: 0;
}
#docomo .pay-box + .list-sharp {
  margin-top: var(--space-size-20);
}
#docomo .cnf-normal + .pay-box .pay-box-line .text-normal, #docomo .cnf-normal + .pay-box .pay-box-line .list-sharp-03, #docomo .cnf-normal + .pay-box .pay-box-line .list-sharp-02, #docomo .cnf-normal + .pay-box .pay-box-line .list-sharp-02-from4, #docomo .cnf-normal + .pay-box .pay-box-line .list-sharp-02-from3, #docomo .cnf-normal + .pay-box .pay-box-line .list-sharp-02-from2, #docomo .cnf-normal + .pay-box .pay-box-line .list-sharp, #docomo .cnf-normal + .pay-box .pay-box-line .list-example, #docomo .cnf-normal + .pay-box .pay-box-line .list-alphabetical, #docomo .cnf-normal + .pay-box .pay-box-line .list-decimal-04, #docomo .cnf-normal + .pay-box .pay-box-line .list-decimal-03, #docomo .cnf-normal + .pay-box .pay-box-line .list-decimal-02, #docomo .cnf-normal + .pay-box .pay-box-line .list-decimal, #docomo .cnf-normal + .pay-box .pay-box-line .list-dot-6, #docomo .cnf-normal + .pay-box .pay-box-line .list-dot-5, #docomo .cnf-normal + .pay-box .pay-box-line .list-dot-3, #docomo .cnf-normal + .pay-box .pay-box-line .list-dot, #docomo .cnf-normal + .pay-box .pay-box-line .list-base {
  text-align: left;
}
#docomo .cnf-normal + .pay-box .pay-box-line span {
  flex-shrink: 0;
  max-width: 60%;
  text-align: right;
  word-break: break-all;
  overflow-wrap: anywhere;
}
#docomo .pay-box-02 {
  padding: 24px;
  text-align: center;
  background-color: var(--ion-color-step-100);
  /* container query version */
}
@container app-page-responsive-content-container (min-width: 769px) {
  #docomo .pay-box-02 {
    padding: 34px 16px 44px;
  }
}
#docomo .pay-box-02 .pay-box-02-text-price-01 {
  color: var(--ion-color-custom-dark-green);
  font-weight: bold;
}
#docomo .pay-box-02 .pay-box-02-text-price-01 span {
  font-size: calc(1.25rem + 1.07vw);
  font-size: var(--font-size-24);
  /* container query version */
}
@container app-page-responsive-content-container (min-width: 769px) {
  #docomo .pay-box-02 .pay-box-02-text-price-01 span {
    font-size: 40px;
  }
}
#docomo .pay-box-02 .pay-box-02-text-price-02 {
  font-weight: bold;
  font-size: var --font-size-medium;
  /* container query version */
}
@container app-page-responsive-content-container (min-width: 769px) {
  #docomo .pay-box-02 .pay-box-02-text-price-02 {
    font-size: var --font-size-20;
  }
}
#docomo .select-box-split-wrap {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  margin: var(--space-size-30) 0 var(--space-size-15) 0;
  grid-column-gap: var(--space-size-15);
  -moz-column-gap: var(--space-size-15);
       column-gap: var(--space-size-15);
  grid-row-gap: var(--space-size-15);
  row-gap: var(--space-size-15);
}
#docomo .select-box-split-wrap:first-child {
  margin-top: 0;
}
#docomo .select-box-split-wrap:last-child {
  margin-bottom: 0;
}
#docomo .select-box-split-wrap .text-selection-input-normal {
  width: 100%;
  margin: 0;
  border-collapse: separate;
}
#docomo .select-box-split-wrap .text-selection-input-normal ion-label {
  width: 100%;
}
#docomo .text-selection-input-multiline {
  border: 1px solid var(--ion-form-border-color);
  border-radius: 4px;
  margin: 0;
  --padding-start: 0;
}
#docomo .text-selection-input-multiline:first-child {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
#docomo .text-selection-input-multiline + #docomo .text-selection-input-multiline {
  border-top: 0;
}
#docomo .text-selection-input-multiline + #docomo .text-selection-input-multiline:not(:last-child) {
  border-radius: 0;
}
#docomo .text-selection-input-multiline:last-child {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
#docomo .text-selection-input-multiline ion-select {
  align-self: self-start;
  min-width: 100%;
}
#docomo .text-selection-input-multiline select {
  align-self: self-start;
  min-width: 100%;
}
#docomo .select-calendar-wrap {
  margin: 32px 0 0;
}
#docomo .select-calendar-wrap:first-child {
  margin-top: 0;
}
#docomo .select-calendar-wrap:last-child {
  margin-bottom: 0;
}
#docomo .select-calendar-wrap .text-info {
  margin-bottom: var(--space-size-15);
}
#docomo .select-calendar-wrap .text-normal, #docomo .select-calendar-wrap .list-sharp-03, #docomo .select-calendar-wrap .list-sharp-02, #docomo .select-calendar-wrap .list-sharp-02-from4, #docomo .select-calendar-wrap .list-sharp-02-from3, #docomo .select-calendar-wrap .list-sharp-02-from2, #docomo .select-calendar-wrap .list-sharp, #docomo .select-calendar-wrap .list-example, #docomo .select-calendar-wrap .list-alphabetical, #docomo .select-calendar-wrap .list-decimal-04, #docomo .select-calendar-wrap .list-decimal-03, #docomo .select-calendar-wrap .list-decimal-02, #docomo .select-calendar-wrap .list-decimal, #docomo .select-calendar-wrap .list-dot-6, #docomo .select-calendar-wrap .list-dot-5, #docomo .select-calendar-wrap .list-dot-3, #docomo .select-calendar-wrap .list-dot, #docomo .select-calendar-wrap .list-base {
  margin-top: var(--space-size-15);
  margin-bottom: 0;
}
#docomo .select-calendar-wrap .select-box-split-wrap {
  margin-top: var(--space-size-15);
}
#docomo .select-calendar-wrap .select-box-split-wrap > ion-label {
  width: 100%;
  margin: 0 0 var(--space-size-10) 0;
}
#docomo .select-calendar-wrap .select-box-split-wrap .select-box-calendar-wrap {
  display: flex;
  flex-basis: 28px;
  flex-grow: 1;
  align-items: center;
}
#docomo .select-calendar-wrap .select-box-split-wrap .select-box-calendar-wrap .text-selection-input-normal {
  width: 100%;
}
#docomo .select-calendar-wrap .select-box-split-wrap .select-box-calendar-wrap:first-of-type {
  flex-basis: 40px;
  flex-grow: 2;
}
#docomo .select-calendar-wrap .select-box-split-wrap .select-box-calendar-wrap.calendar-2column:first-of-type {
  flex-basis: 40px;
  flex-grow: 1;
}
#docomo .select-calendar-wrap .select-box-split-wrap .select-box-calendar-wrap span {
  margin: var(--space-size-10);
}
#docomo .select-calendar-wrap .select-box-split-wrap ion-select {
  min-width: 100%;
}
#docomo .select-calendar-wrap .select-box-split-wrap select {
  min-width: 100%;
}
#docomo .select-calendar-wrap[slc-cal-03] .select-box-split-wrap, #docomo .select-calendar-wrap[slc-cal-06] .select-box-split-wrap {
  display: flex;
  flex-wrap: wrap;
  grid-template-columns: none;
  align-items: center;
  justify-content: space-between;
  grid-column-gap: 0;
  -moz-column-gap: 0;
       column-gap: 0;
  grid-row-gap: 0;
  row-gap: 0;
}
#docomo .select-calendar-wrap[slc-cal-03] .select-box-split-wrap .select-box-calendar-wrap, #docomo .select-calendar-wrap[slc-cal-06] .select-box-split-wrap .select-box-calendar-wrap {
  width: 100%;
  padding-right: var(--space-size-15);
}
#docomo .select-calendar-wrap[slc-cal-03] .select-box-split-wrap .select-box-calendar-wrap ion-label, #docomo .select-calendar-wrap[slc-cal-06] .select-box-split-wrap .select-box-calendar-wrap ion-label {
  width: 100%;
}
#docomo .select-calendar-wrap[slc-cal-03] .select-box-split-wrap .select-box-calendar-wrap:last-child, #docomo .select-calendar-wrap[slc-cal-06] .select-box-split-wrap .select-box-calendar-wrap:last-child {
  padding-right: 0;
}
#docomo .select-calendar-wrap[slc-cal-06] > .text-normal, #docomo .select-calendar-wrap[slc-cal-06] > .list-sharp-03, #docomo .select-calendar-wrap[slc-cal-06] > .list-sharp-02, #docomo .select-calendar-wrap[slc-cal-06] > .list-sharp-02-from4, #docomo .select-calendar-wrap[slc-cal-06] > .list-sharp-02-from3, #docomo .select-calendar-wrap[slc-cal-06] > .list-sharp-02-from2, #docomo .select-calendar-wrap[slc-cal-06] > .list-sharp, #docomo .select-calendar-wrap[slc-cal-06] > .list-example, #docomo .select-calendar-wrap[slc-cal-06] > .list-alphabetical, #docomo .select-calendar-wrap[slc-cal-06] > .list-decimal-04, #docomo .select-calendar-wrap[slc-cal-06] > .list-decimal-03, #docomo .select-calendar-wrap[slc-cal-06] > .list-decimal-02, #docomo .select-calendar-wrap[slc-cal-06] > .list-decimal, #docomo .select-calendar-wrap[slc-cal-06] > .list-dot-6, #docomo .select-calendar-wrap[slc-cal-06] > .list-dot-5, #docomo .select-calendar-wrap[slc-cal-06] > .list-dot-3, #docomo .select-calendar-wrap[slc-cal-06] > .list-dot, #docomo .select-calendar-wrap[slc-cal-06] > .list-base {
  font-weight: bold;
  font-family: -apple-system, BlinkMacSystemFont, "ヒラギノ角ゴ ProN", "HiraKakuProN", "ヒラギノ角ゴ Pro", "HiraKakuPro", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "Hiragino Sans", Roboto, "Noto Sans", "Noto Sans CJK JP", "Noto Sans JP", system-ui, Verdana, "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;
}
#docomo div[class*=" select-box-cell"],
#docomo div[class^=select-box-cell] {
  flex-grow: unset !important;
}
#docomo .select-box-cell-year {
  min-width: calc(var(--space-size-70) * 2);
}
#docomo .select-box-cell-month {
  min-width: calc(var(--space-size-50) * 2);
}
#docomo .select-box-cell-day {
  min-width: calc(var(--space-size-50) * 2);
}
#docomo [SLC-CAL-01] {
  margin-top: var(--space-size-30);
}
#docomo .select-by-letter-box:first-child {
  margin-top: var(--space-size-10);
}
#docomo .select-by-letter-box .select-by-letter-wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: var(--space-size-30) 0;
}
#docomo .select-by-letter-box .select-by-letter-wrap:first-child {
  margin-top: 0;
}
#docomo .select-by-letter-box .select-by-letter-wrap:last-child {
  margin-bottom: 0;
}
#docomo .select-by-letter-box .select-by-letter-wrap ion-button {
  --border-width: 1px;
  --padding-top: calc(var(--space-size-20) - 1px);
  --padding-end: var(--space-size-20);
  --padding-bottom: calc(var(--space-size-20) - 1px);
  --padding-start: var(--space-size-20);
  --border-radius: var(--space-size-8);
  background-color: var(--ion-color-custom-white);
  display: block;
  width: calc(20% - var(--space-size-10));
  height: auto;
  margin: 0 0 var(--space-size-20);
}
#docomo .select-by-letter-box .select-by-letter-wrap ion-button:nth-last-child(1), #docomo .select-by-letter-box .select-by-letter-wrap ion-button:nth-last-child(2), #docomo .select-by-letter-box .select-by-letter-wrap ion-button:nth-last-child(3), #docomo .select-by-letter-box .select-by-letter-wrap ion-button:nth-last-child(4), #docomo .select-by-letter-box .select-by-letter-wrap ion-button:nth-last-child(5) {
  margin: 0;
}
#docomo .select-by-letter-box .select-by-letter-wrap ion-button ion-text {
  color: var(--ion-default-text-color);
  font-size: calc(0.75rem + 1.07vw);
  font-size: var(--font-size-medium);
  font-family: "Hiragino Sans", "游ゴシック", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Noto Sans CJK JP CJK JP", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#docomo .select-by-letter-box .select-by-letter-wrap ion-button.ion-activated ion-text {
  color: var(--ion-color-custom-white);
}
#docomo .select-by-letter-box .select-by-letter-wrap ion-button.hide {
  visibility: hidden;
}
#docomo .select-image-01,
#docomo .select-image-02,
#docomo [slc-img-02] {
  margin: var(--space-size-30) 0 0 0;
}
#docomo .select-image-01 .text-normal, #docomo .select-image-01 .list-sharp-03, #docomo .select-image-01 .list-sharp-02, #docomo .select-image-01 .list-sharp-02-from4, #docomo .select-image-01 .list-sharp-02-from3, #docomo .select-image-01 .list-sharp-02-from2, #docomo .select-image-01 .list-sharp, #docomo .select-image-01 .list-example, #docomo .select-image-01 .list-alphabetical, #docomo .select-image-01 .list-decimal-04, #docomo .select-image-01 .list-decimal-03, #docomo .select-image-01 .list-decimal-02, #docomo .select-image-01 .list-decimal, #docomo .select-image-01 .list-dot-6, #docomo .select-image-01 .list-dot-5, #docomo .select-image-01 .list-dot-3, #docomo .select-image-01 .list-dot, #docomo .select-image-01 .list-base,
#docomo .select-image-02 .text-normal,
#docomo .select-image-02 .list-sharp-03,
#docomo .select-image-02 .list-sharp-02,
#docomo .select-image-02 .list-sharp-02-from4,
#docomo .select-image-02 .list-sharp-02-from3,
#docomo .select-image-02 .list-sharp-02-from2,
#docomo .select-image-02 .list-sharp,
#docomo .select-image-02 .list-example,
#docomo .select-image-02 .list-alphabetical,
#docomo .select-image-02 .list-decimal-04,
#docomo .select-image-02 .list-decimal-03,
#docomo .select-image-02 .list-decimal-02,
#docomo .select-image-02 .list-decimal,
#docomo .select-image-02 .list-dot-6,
#docomo .select-image-02 .list-dot-5,
#docomo .select-image-02 .list-dot-3,
#docomo .select-image-02 .list-dot,
#docomo .select-image-02 .list-base,
#docomo [slc-img-02] .text-normal,
#docomo [slc-img-02] .list-sharp-03,
#docomo [slc-img-02] .list-sharp-02,
#docomo [slc-img-02] .list-sharp-02-from4,
#docomo [slc-img-02] .list-sharp-02-from3,
#docomo [slc-img-02] .list-sharp-02-from2,
#docomo [slc-img-02] .list-sharp,
#docomo [slc-img-02] .list-example,
#docomo [slc-img-02] .list-alphabetical,
#docomo [slc-img-02] .list-decimal-04,
#docomo [slc-img-02] .list-decimal-03,
#docomo [slc-img-02] .list-decimal-02,
#docomo [slc-img-02] .list-decimal,
#docomo [slc-img-02] .list-dot-6,
#docomo [slc-img-02] .list-dot-5,
#docomo [slc-img-02] .list-dot-3,
#docomo [slc-img-02] .list-dot,
#docomo [slc-img-02] .list-base {
  margin: 0 0 var(--space-size-15) 0;
}
#docomo .select-image-01 .text-normal a ion-icon, #docomo .select-image-01 .list-sharp-03 a ion-icon, #docomo .select-image-01 .list-sharp-02 a ion-icon, #docomo .select-image-01 .list-sharp-02-from4 a ion-icon, #docomo .select-image-01 .list-sharp-02-from3 a ion-icon, #docomo .select-image-01 .list-sharp-02-from2 a ion-icon, #docomo .select-image-01 .list-sharp a ion-icon, #docomo .select-image-01 .list-example a ion-icon, #docomo .select-image-01 .list-alphabetical a ion-icon, #docomo .select-image-01 .list-decimal-04 a ion-icon, #docomo .select-image-01 .list-decimal-03 a ion-icon, #docomo .select-image-01 .list-decimal-02 a ion-icon, #docomo .select-image-01 .list-decimal a ion-icon, #docomo .select-image-01 .list-dot-6 a ion-icon, #docomo .select-image-01 .list-dot-5 a ion-icon, #docomo .select-image-01 .list-dot-3 a ion-icon, #docomo .select-image-01 .list-dot a ion-icon, #docomo .select-image-01 .list-base a ion-icon,
#docomo .select-image-02 .text-normal a ion-icon,
#docomo .select-image-02 .list-sharp-03 a ion-icon,
#docomo .select-image-02 .list-sharp-02 a ion-icon,
#docomo .select-image-02 .list-sharp-02-from4 a ion-icon,
#docomo .select-image-02 .list-sharp-02-from3 a ion-icon,
#docomo .select-image-02 .list-sharp-02-from2 a ion-icon,
#docomo .select-image-02 .list-sharp a ion-icon,
#docomo .select-image-02 .list-example a ion-icon,
#docomo .select-image-02 .list-alphabetical a ion-icon,
#docomo .select-image-02 .list-decimal-04 a ion-icon,
#docomo .select-image-02 .list-decimal-03 a ion-icon,
#docomo .select-image-02 .list-decimal-02 a ion-icon,
#docomo .select-image-02 .list-decimal a ion-icon,
#docomo .select-image-02 .list-dot-6 a ion-icon,
#docomo .select-image-02 .list-dot-5 a ion-icon,
#docomo .select-image-02 .list-dot-3 a ion-icon,
#docomo .select-image-02 .list-dot a ion-icon,
#docomo .select-image-02 .list-base a ion-icon,
#docomo [slc-img-02] .text-normal a ion-icon,
#docomo [slc-img-02] .list-sharp-03 a ion-icon,
#docomo [slc-img-02] .list-sharp-02 a ion-icon,
#docomo [slc-img-02] .list-sharp-02-from4 a ion-icon,
#docomo [slc-img-02] .list-sharp-02-from3 a ion-icon,
#docomo [slc-img-02] .list-sharp-02-from2 a ion-icon,
#docomo [slc-img-02] .list-sharp a ion-icon,
#docomo [slc-img-02] .list-example a ion-icon,
#docomo [slc-img-02] .list-alphabetical a ion-icon,
#docomo [slc-img-02] .list-decimal-04 a ion-icon,
#docomo [slc-img-02] .list-decimal-03 a ion-icon,
#docomo [slc-img-02] .list-decimal-02 a ion-icon,
#docomo [slc-img-02] .list-decimal a ion-icon,
#docomo [slc-img-02] .list-dot-6 a ion-icon,
#docomo [slc-img-02] .list-dot-5 a ion-icon,
#docomo [slc-img-02] .list-dot-3 a ion-icon,
#docomo [slc-img-02] .list-dot a ion-icon,
#docomo [slc-img-02] .list-base a ion-icon {
  margin-top: -4px;
}
#docomo .select-image-01 .frm-normal-header,
#docomo .select-image-02 .frm-normal-header,
#docomo [slc-img-02] .frm-normal-header {
  margin: 0 0 var(--space-size-15) 0;
}
#docomo .select-image-01 .frm-normal [FRM-05],
#docomo .select-image-02 .frm-normal [FRM-05],
#docomo [slc-img-02] .frm-normal [FRM-05] {
  margin: var(--space-size-20) 0 0 0;
}
#docomo .select-image-01 .radio-button-split-wrap,
#docomo .select-image-02 .radio-button-split-wrap,
#docomo [slc-img-02] .radio-button-split-wrap {
  margin: var(--space-size-15) 0;
}
#docomo .select-image-01 .radio-button-split-wrap-noflex,
#docomo .select-image-02 .radio-button-split-wrap-noflex,
#docomo [slc-img-02] .radio-button-split-wrap-noflex {
  margin: var(--space-size-15) 0;
}
#docomo .select-image-01 .radio-button-split-wrap-noflex .radio-button-split,
#docomo .select-image-02 .radio-button-split-wrap-noflex .radio-button-split,
#docomo [slc-img-02] .radio-button-split-wrap-noflex .radio-button-split {
  width: 100%;
}
#docomo .select-image-01 .radio-button-split,
#docomo .select-image-02 .radio-button-split,
#docomo [slc-img-02] .radio-button-split {
  --inner-padding-end: 0;
}
#docomo .select-image-01 .radio-button-split ion-thumbnail,
#docomo .select-image-02 .radio-button-split ion-thumbnail,
#docomo [slc-img-02] .radio-button-split ion-thumbnail {
  margin-top: 0;
  padding: var(--space-size-15);
}
#docomo .select-image-01 .radio-button-split .radio-button-split-flex-column,
#docomo .select-image-02 .radio-button-split .radio-button-split-flex-column,
#docomo [slc-img-02] .radio-button-split .radio-button-split-flex-column {
  display: flex;
  flex-direction: column;
  width: 100%;
}
#docomo .select-image-01 .radio-button-split .radio-button-split-flex-column .radio-button-split-thumbnail,
#docomo .select-image-02 .radio-button-split .radio-button-split-flex-column .radio-button-split-thumbnail,
#docomo [slc-img-02] .radio-button-split .radio-button-split-flex-column .radio-button-split-thumbnail {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
#docomo .select-image-01 .radio-button-split .radio-button-split-flex-column .radio-button-split-thumbnail ion-radio,
#docomo .select-image-02 .radio-button-split .radio-button-split-flex-column .radio-button-split-thumbnail ion-radio,
#docomo [slc-img-02] .radio-button-split .radio-button-split-flex-column .radio-button-split-thumbnail ion-radio {
  min-width: 20px;
}
#docomo .select-image-01 .radio-button-split .radio-button-split-flex-column .radio-button-split-flex-label,
#docomo .select-image-02 .radio-button-split .radio-button-split-flex-column .radio-button-split-flex-label,
#docomo [slc-img-02] .radio-button-split .radio-button-split-flex-column .radio-button-split-flex-label {
  display: flex !important;
  flex-direction: row-reverse;
  align-items: center;
  justify-content: flex-end;
  width: 100%;
  margin: 0 !important;
  border: none !important;
}
#docomo .select-image-01 .radio-button-split .radio-button-split-flex-column .radio-button-split-flex-label ion-label,
#docomo .select-image-02 .radio-button-split .radio-button-split-flex-column .radio-button-split-flex-label ion-label,
#docomo [slc-img-02] .radio-button-split .radio-button-split-flex-column .radio-button-split-flex-label ion-label {
  width: 100%;
  white-space: normal !important;
}
#docomo .select-image-01 .radio-button-split .radio-button-split-flex-column .radio-button-split-flex-label ion-radio,
#docomo .select-image-02 .radio-button-split .radio-button-split-flex-column .radio-button-split-flex-label ion-radio,
#docomo [slc-img-02] .radio-button-split .radio-button-split-flex-column .radio-button-split-flex-label ion-radio {
  min-width: 20px;
}
#docomo .select-image-01 .radio-button-split .radio-button-split-flex-column .radio-button-split-flex-label[textMiddle],
#docomo .select-image-02 .radio-button-split .radio-button-split-flex-column .radio-button-split-flex-label[textMiddle],
#docomo [slc-img-02] .radio-button-split .radio-button-split-flex-column .radio-button-split-flex-label[textMiddle] {
  margin-bottom: var(--space-size-15) !important;
  text-align: center;
}
#docomo .select-image-01[UNI-G11-07],
#docomo .select-image-02[UNI-G11-07],
#docomo [slc-img-02][UNI-G11-07] {
  margin-top: var(--space-size-30);
}
#docomo .select-image-01[UNI-G11-07] .radio-button-split-wrap,
#docomo .select-image-02[UNI-G11-07] .radio-button-split-wrap,
#docomo [slc-img-02][UNI-G11-07] .radio-button-split-wrap {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-column-gap: var(--space-size-15);
  -moz-column-gap: var(--space-size-15);
       column-gap: var(--space-size-15);
  grid-row-gap: var(--space-size-15);
  row-gap: var(--space-size-15);
}
#docomo .select-image-01[UNI-G11-07] .radio-button-split-wrap .radio-button-split,
#docomo .select-image-02[UNI-G11-07] .radio-button-split-wrap .radio-button-split,
#docomo [slc-img-02][UNI-G11-07] .radio-button-split-wrap .radio-button-split {
  width: 100%;
}
#docomo .select-image-01[UNI-G11-07] .radio-button-split-flex-column .radio-button-split-flex-label,
#docomo .select-image-02[UNI-G11-07] .radio-button-split-flex-column .radio-button-split-flex-label,
#docomo [slc-img-02][UNI-G11-07] .radio-button-split-flex-column .radio-button-split-flex-label {
  margin-top: var(--space-size-10) !important;
  margin-bottom: var(--space-size-10) !important;
}
#docomo .select-image-01[UNI-G11-07] ion-label,
#docomo .select-image-02[UNI-G11-07] ion-label,
#docomo [slc-img-02][UNI-G11-07] ion-label {
  position: relative;
  bottom: var(--space-size-10);
  padding-right: var(--space-size-15);
}
#docomo .select-image-01[UNI-G11-07] ion-radio,
#docomo .select-image-02[UNI-G11-07] ion-radio,
#docomo [slc-img-02][UNI-G11-07] ion-radio {
  align-self: flex-start !important;
  margin: -6px calc(var(--space-size-20) / 2) var(--space-size-15) var(--space-size-15) !important;
}
#docomo .select-image-01[UNI-G11-07] .frm-normal-header,
#docomo .select-image-02[UNI-G11-07] .frm-normal-header,
#docomo [slc-img-02][UNI-G11-07] .frm-normal-header {
  margin-top: var(--space-size-15);
}
#docomo .select-car-content {
  margin-right: auto;
  font-weight: normal;
  font-size: calc(0.75rem + 1.07vw);
  font-size: var(--font-size-medium);
  font-family: "Hiragino Sans", "游ゴシック", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Noto Sans CJK JP CJK JP", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#docomo .select-car-content .text-normal, #docomo .select-car-content .list-sharp-03, #docomo .select-car-content .list-sharp-02, #docomo .select-car-content .list-sharp-02-from4, #docomo .select-car-content .list-sharp-02-from3, #docomo .select-car-content .list-sharp-02-from2, #docomo .select-car-content .list-sharp, #docomo .select-car-content .list-example, #docomo .select-car-content .list-alphabetical, #docomo .select-car-content .list-decimal-04, #docomo .select-car-content .list-decimal-03, #docomo .select-car-content .list-decimal-02, #docomo .select-car-content .list-decimal, #docomo .select-car-content .list-dot-6, #docomo .select-car-content .list-dot-5, #docomo .select-car-content .list-dot-3, #docomo .select-car-content .list-dot, #docomo .select-car-content .list-base {
  margin: 0;
  margin-bottom: var(--space-size-15);
}
#docomo .select-car-content .select-car-label {
  margin-bottom: var(--space-size-15);
}
#docomo .select-car-content .select-car-content-date {
  margin-top: var(--space-size-10);
}
#docomo .select-car-content .select-car-content-date .text-normal:first-child, #docomo .select-car-content .select-car-content-date .list-sharp-03:first-child, #docomo .select-car-content .select-car-content-date .list-sharp-02:first-child, #docomo .select-car-content .select-car-content-date .list-sharp-02-from4:first-child, #docomo .select-car-content .select-car-content-date .list-sharp-02-from3:first-child, #docomo .select-car-content .select-car-content-date .list-sharp-02-from2:first-child, #docomo .select-car-content .select-car-content-date .list-sharp:first-child, #docomo .select-car-content .select-car-content-date .list-example:first-child, #docomo .select-car-content .select-car-content-date .list-alphabetical:first-child, #docomo .select-car-content .select-car-content-date .list-decimal-04:first-child, #docomo .select-car-content .select-car-content-date .list-decimal-03:first-child, #docomo .select-car-content .select-car-content-date .list-decimal-02:first-child, #docomo .select-car-content .select-car-content-date .list-decimal:first-child, #docomo .select-car-content .select-car-content-date .list-dot-6:first-child, #docomo .select-car-content .select-car-content-date .list-dot-5:first-child, #docomo .select-car-content .select-car-content-date .list-dot-3:first-child, #docomo .select-car-content .select-car-content-date .list-dot:first-child, #docomo .select-car-content .select-car-content-date .list-base:first-child {
  margin-right: var(--space-size-20);
}
#docomo .select-car-content .select-car-content-date .text-normal:only-child, #docomo .select-car-content .select-car-content-date .list-sharp-03:only-child, #docomo .select-car-content .select-car-content-date .list-sharp-02:only-child, #docomo .select-car-content .select-car-content-date .list-sharp-02-from4:only-child, #docomo .select-car-content .select-car-content-date .list-sharp-02-from3:only-child, #docomo .select-car-content .select-car-content-date .list-sharp-02-from2:only-child, #docomo .select-car-content .select-car-content-date .list-sharp:only-child, #docomo .select-car-content .select-car-content-date .list-example:only-child, #docomo .select-car-content .select-car-content-date .list-alphabetical:only-child, #docomo .select-car-content .select-car-content-date .list-decimal-04:only-child, #docomo .select-car-content .select-car-content-date .list-decimal-03:only-child, #docomo .select-car-content .select-car-content-date .list-decimal-02:only-child, #docomo .select-car-content .select-car-content-date .list-decimal:only-child, #docomo .select-car-content .select-car-content-date .list-dot-6:only-child, #docomo .select-car-content .select-car-content-date .list-dot-5:only-child, #docomo .select-car-content .select-car-content-date .list-dot-3:only-child, #docomo .select-car-content .select-car-content-date .list-dot:only-child, #docomo .select-car-content .select-car-content-date .list-base:only-child {
  margin-right: 0;
}
#docomo .select-car-content.period-before-wrap .select-car-label .text-label {
  color: var(--ion-color-custom-red);
  border: 1px solid var(--ion-color-custom-red);
  border-radius: var(--space-size-50);
  font-weight: bold;
  background: transparent;
}
#docomo .select-car-content.period-before-wrap2 .select-car-label .text-label {
  color: var(--ion-color-custom-red);
  border: 1px solid var(--ion-color-custom-red);
  border-radius: var(--space-size-50);
  font-weight: bold;
}
#docomo .select-car-content.period-current-wrap .select-car-label .text-label {
  color: var(--ion-color-custom-white);
  background: var(--ion-color-custom-red);
  border: 1px solid var(--ion-color-custom-red);
  border-radius: var(--space-size-50);
  font-weight: bold;
}
#docomo .select-car-content.period-after-wrap .select-car-label .text-label {
  color: var(--ion-color-custom-white);
  background: var(--ion-color-step-400);
  border: 1px solid var(--ion-color-step-400);
  border-radius: var(--space-size-50);
  font-weight: bold;
}
#docomo .select-car-content.termination-wrap .select-car-label .text-label {
  color: var(--ion-color-custom-white);
  background: var(--ion-color-step-400);
  border: 1px solid var(--ion-color-step-400);
  border-radius: var(--space-size-50);
  font-weight: bold;
}
#docomo .slider-box {
  position: relative;
  padding: 0 var(--space-size-40);
}
#docomo .slider-box ion-slides {
  height: auto;
  min-height: 193px;
  background: var(--ion-default-bg-color);
  --bullet-background: var(--ion-color-step-200);
  --bullet-background-active: var(--ion-color-custom-dark-gold);
}
#docomo .slider-box ion-slides .slider-caption-box {
  width: 100%;
}
#docomo .slider-box ion-slides .slider-caption-box .link-image-1 {
  margin: 0 0 var(--space-size-40);
}
#docomo .slider-box ion-slides .slider-caption-box .link-image-1 p {
  margin-top: var(--space-size-10);
  text-align: left;
  word-break: break-all;
  overflow-wrap: anywhere;
}
#docomo .slider-box.web-top-page-btm-slider {
  padding: 0 var(--space-size-30);
}
#docomo .slider-box.web-top-page-btm-slider .link-normal {
  font-size: calc(0.75rem + 1.07vw);
  font-size: var(--font-size-medium);
  font-family: "Hiragino Sans", "游ゴシック", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Noto Sans CJK JP CJK JP", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  align-self: flex-start;
}
#docomo .slider-box .slider-next-btn, #docomo .slider-box .slider-prev-btn {
  width: var(--space-size-40);
  height: calc(var(--space-size-30) * 7);
  margin: 0;
  --background: none;
  --background-hover: none;
  --background-activated: none;
  --border-radius: 0;
  --box-shadow: none;
}
#docomo .slider-box .slider-next-btn ion-icon, #docomo .slider-box .slider-prev-btn ion-icon {
  min-width: var(--space-size-15);
  fill: var(--ion-carousel-icon-color);
}
#docomo .slider-box .slider-next-btn:hover, #docomo .slider-box .slider-prev-btn:hover {
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=calc(0.5 * 100))";
  filter: alpha(opacity=calc(0.5 * 100));
}
#docomo .slider-box .slider-prev-btn {
  position: absolute;
  top: 0;
  right: auto;
  bottom: 0;
  left: 0;
}
#docomo .slider-box .slider-prev-btn.web-top-page {
  --padding-start: 0;
}
#docomo .slider-box .slider-next-btn {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: auto;
}
#docomo .slider-box .slider-next-btn.web-top-page {
  --padding-end: 0;
}
#docomo .slider-web-top-car-wrap {
  position: relative;
  top: -12px;
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 0;
  padding: 0 var(--space-size-20);
}
#docomo .slider-web-top-car-wrap .slider-prev-btn {
  width: var(--space-size-40);
  margin: 0;
  --background: none;
  --background-hover: none;
  --background-activated: none;
  --border-radius: 0;
  --box-shadow: none;
}
#docomo .slider-web-top-car-wrap .slider-prev-btn ion-icon {
  width: var(--space-size-10);
  fill: var(--ion-carousel-icon-color);
}
#docomo .slider-web-top-car-wrap .slider-prev-btn:hover {
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=calc(0.5 * 100))";
  filter: alpha(opacity=calc(0.5 * 100));
}
#docomo .slider-web-top-car-wrap .slider-next-btn {
  width: var(--space-size-40);
  margin: 0;
  --background: none;
  --background-hover: none;
  --background-activated: none;
  --border-radius: 0;
  --box-shadow: none;
}
#docomo .slider-web-top-car-wrap .slider-next-btn ion-icon {
  width: var(--space-size-10);
  fill: var(--ion-carousel-icon-color);
}
#docomo .slider-web-top-car-wrap .slider-next-btn:hover {
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=calc(0.5 * 100))";
  filter: alpha(opacity=calc(0.5 * 100));
}
#docomo .stepper-box {
  display: flex;
  justify-content: space-between;
  margin-top: var(--space-size-20);
  padding-right: calc(var(--space-size-15) + 11px);
  padding-left: var(--space-size-15);
  list-style: none;
}
#docomo .stepper-box.progressStyle {
  padding-right: var(--space-size-20);
}
#docomo .stepper-box.progressStyle .progress-bar-step:not(.active) .progress {
  display: none;
}
#docomo .stepper-box.progressEnd {
  padding-right: calc(var(--space-size-15) + 11px);
}
#docomo .stepper-box .progress-bar-step {
  position: relative;
  width: 100%;
  height: var(--space-size-35);
}
#docomo .stepper-box .progress-bar-step:before {
  position: absolute;
  top: calc(var(--space-size-25) + 4px);
  width: 100%;
  height: 3px;
  background-color: var(--ion-color-step-200);
  opacity: 0.3;
  content: "";
}
#docomo .stepper-box .progress-bar-step:last-child {
  width: 0px;
}
#docomo .stepper-box .progress-bar-step:last-child:before {
  opacity: 1;
}
#docomo .stepper-box .progress-bar-dot {
  position: absolute;
  display: inline-block;
  background-color: var(--ion-color-disable);
  border-radius: 50%;
}
#docomo .stepper-box .progress-bar-dot.progress {
  top: calc(var(--space-size-25) + 4px);
  width: 3px;
  height: 3px;
}
#docomo .stepper-box .progress-bar-dot.dot {
  top: var(--space-size-25);
  width: 11px;
  height: 11px;
}
#docomo .stepper-box .active .progress-bar-dot {
  background-color: var(--ion-color-custom-red);
  opacity: 1;
}
#docomo .stepper-box .active.progress-bar-step:before {
  background-color: var(--ion-color-custom-red);
  opacity: 1;
}
#docomo .stepper-box .active.landing .progress-bar-dot {
  background-color: var(--ion-color-custom-white);
  opacity: 1;
}
#docomo .stepper-box .active.landing.progress-bar-step:before {
  background-color: var(--ion-color-custom-white);
  opacity: 1;
}
#docomo .stepper-box #currentStep:before {
  background-color: var(--ion-color-step-200);
  opacity: 0.3;
}
#docomo .stepper-box #currentStep .progress-bar-car {
  opacity: 1;
}
#docomo .stepper-box #currentStep .progress {
  top: var(--space-size-25);
  width: 11px;
  height: 11px;
}
#docomo .stepper-box #currentStep .progress-bar-dot {
  background-color: var(--ion-color-custom-white) !important;
  border: 1px solid var(--ion-color-custom-red) !important;
  opacity: 1;
}
#docomo .stepper-box .progress-bar-car {
  position: absolute;
  top: 0px;
  left: -15px;
  display: block;
  width: 43px;
  height: 16px;
  opacity: 0;
}
#docomo .stepper-box .progress-bar-car ion-icon {
  width: 43px;
  height: 16px;
}
#docomo .stepper-box .progress-bar-car ion-icon.none {
  display: none;
}
#docomo tabs .tabs {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  padding-right: var(--space-size-10);
  padding-left: var(--space-size-10);
  border-bottom: 2px solid var(--ion-color-brown);
}
#docomo tabs .tabs:first-child {
  margin-top: 0;
}
#docomo tabs .tabs:last-child {
  margin-bottom: 0;
}
#docomo tabs .tabs .tab-button {
  display: flex;
  flex: 1 1 0;
  justify-content: center;
  min-height: 60px;
  margin: 0 var(--space-size-5) 0 var(--space-size-5);
  text-align: center;
  cursor: pointer;
  border-top: 1px solid var(--ion-form-border-color);
  border-right: 1px solid var(--ion-form-border-color);
  border-left: 1px solid var(--ion-form-border-color);
  -moz-border-top-left-radius: 4px;
  border-top-left-radius: 4px;
  -moz-border-top-right-radius: 4px;
  border-top-right-radius: 4px;
}
#docomo tabs .tabs .tab-button > span {
  padding: var(--space-size-10) var(--space-size-15) var(--space-size-10) var(--space-size-15);
  color: var(--ion-color-custom-black);
}
#docomo tabs .tabs .tab-button.title-top {
  align-items: flex-start;
}
#docomo tabs .tabs .tab-button.title-center {
  align-items: center;
}
#docomo tabs .tabs .tab-button.active {
  background-color: var(--ion-color-brown);
}
#docomo tabs .tabs .tab-button.active span {
  font-weight: bold;
  font-family: "Hiragino Sans", "游ゴシック", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Noto Sans CJK JP CJK JP", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  color: var(--ion-color-custom-white);
}
.tab-wrap-scroll #docomo tabs .tabs {
  overflow-y: scroll;
}
.tab-wrap-scroll #docomo tabs .tabs .tab-button {
  flex: auto;
  flex-shrink: 0;
  width: calc(var(--space-size-60) * 3);
}
#docomo tabs .tab-body {
  margin: var(--space-size-15);
}
#docomo .tgt-01 {
  margin: var(--space-size-30) 0 0 0;
}
#docomo .tgt-01:first-child {
  margin-top: 0;
}
#docomo .tgt-01:last-child {
  margin-bottom: 0;
}
#docomo .tgt-01 .bac-box {
  padding: var(--space-size-30) var(--space-size-15) !important;
}
#docomo .tgt-01 .bac-box .text-info {
  margin-bottom: var(--space-size-15);
}
#docomo .tgt-01 .bac-box .tgt-title {
  color: var(--ion-default-text-color);
}
#docomo .tgt-01 .bac-box .text-normal, #docomo .tgt-01 .bac-box .list-sharp-03, #docomo .tgt-01 .bac-box .list-sharp-02, #docomo .tgt-01 .bac-box .list-sharp-02-from4, #docomo .tgt-01 .bac-box .list-sharp-02-from3, #docomo .tgt-01 .bac-box .list-sharp-02-from2, #docomo .tgt-01 .bac-box .list-sharp, #docomo .tgt-01 .bac-box .list-example, #docomo .tgt-01 .bac-box .list-alphabetical, #docomo .tgt-01 .bac-box .list-decimal-04, #docomo .tgt-01 .bac-box .list-decimal-03, #docomo .tgt-01 .bac-box .list-decimal-02, #docomo .tgt-01 .bac-box .list-decimal, #docomo .tgt-01 .bac-box .list-dot-6, #docomo .tgt-01 .bac-box .list-dot-5, #docomo .tgt-01 .bac-box .list-dot-3, #docomo .tgt-01 .bac-box .list-dot, #docomo .tgt-01 .bac-box .list-base {
  margin: 0;
}
#docomo .tgt-01 .bac-box .text-small {
  margin-bottom: var(--space-size-5);
}
#docomo .tgt-01 .bac-box .tgt-small-content {
  margin-top: var(--space-size-10);
}
#docomo app-approximation-result ion-header, #docomo app-maker-selection ion-header,
#docomo app-driver-info ion-header,
#docomo app-license-info ion-header,
#docomo app-prefecture-selection ion-header,
#docomo app-purpose-selection ion-header,
#docomo app-running-distance ion-header,
#docomo app-remind-sign-in ion-header,
#docomo app-remind-sign-in-complete ion-header,
#docomo app-driver-info-bis ion-header,
#docomo app-grade ion-header,
#docomo app-enquete-bis ion-header,
#docomo app-approximation-result ion-toolbar,
#docomo app-maker-selection ion-toolbar,
#docomo app-driver-info ion-toolbar,
#docomo app-license-info ion-toolbar,
#docomo app-prefecture-selection ion-toolbar,
#docomo app-purpose-selection ion-toolbar,
#docomo app-running-distance ion-toolbar,
#docomo app-remind-sign-in ion-toolbar,
#docomo app-remind-sign-in-complete ion-toolbar,
#docomo app-driver-info-bis ion-toolbar,
#docomo app-grade ion-toolbar,
#docomo app-enquete-bis ion-toolbar,
#docomo app-approximation-result ion-content,
#docomo app-maker-selection ion-content,
#docomo app-driver-info ion-content,
#docomo app-license-info ion-content,
#docomo app-prefecture-selection ion-content,
#docomo app-purpose-selection ion-content,
#docomo app-running-distance ion-content,
#docomo app-remind-sign-in ion-content,
#docomo app-remind-sign-in-complete ion-content,
#docomo app-driver-info-bis ion-content,
#docomo app-grade ion-content,
#docomo app-enquete-bis ion-content {
  --background: none;
}
#docomo app-approximation-result .app-page-content {
  background: url('05_01_2-img001.dcd1eb1eeb54fc2e6df1.png') no-repeat top !important;
  background-color: var(--ion-color-custom-black) !important;
  background-size: 100% auto !important;
}
#docomo app-maker-selection,
#docomo app-driver-info,
#docomo app-license-info,
#docomo app-prefecture-selection,
#docomo app-purpose-selection,
#docomo app-running-distance,
#docomo app-remind-sign-in,
#docomo app-remind-sign-in-complete,
#docomo app-driver-info-bis,
#docomo app-grade,
#docomo app-enquete-bis {
  background: url(https://www.e-design.net/image/illustration/05_01_2/05_01_2-img001.png) no-repeat bottom;
  background-color: var(--ion-color-custom-black);
  background-size: cover;
}
#docomo .unique-box-01 {
  padding: var(--space-size-30) var(--space-size-25) var(--space-size-60);
  text-align: center;
  background: url('landing-arrow-icon.6668b7c271300d29dc2a.png') no-repeat center;
  background-position: bottom var(--space-size-10) right 50%;
  background-size: var(--space-size-35) var(--space-size-20);
}
#docomo .unique-box-01 dt {
  padding-bottom: var(--space-size-10);
  font-weight: bold;
  font-size: calc(1.125em + 1.07vw);
  font-family: "Hiragino Sans", "游ゴシック", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Noto Sans CJK JP CJK JP", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#docomo .unique-box-01 dd {
  font-size: calc(0.625rem + 1.07vw);
  font-size: var(--font-size-small);
  font-family: "Hiragino Sans", "游ゴシック", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Noto Sans CJK JP CJK JP", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.landing-form-box #docomo .unique-box-01 {
  background-position: bottom var(--space-size-20) right 50%;
}
#docomo .unique-box-02 {
  background: var(--ion-default-bg-color);
  border: 2px solid var(--ion-tab-border-color);
  border-radius: 4px;
}
#docomo .unique-box-02 dt {
  margin-bottom: 0;
  padding: var(--space-size-10);
  color: var(--ion-table-header-text-color);
  line-height: 1.5;
  letter-spacing: 0.025rem;
  background: var(--ion-table-header-bg-color);
}
#docomo .unique-box-02 dt span {
  color: var(--ion-table-header-text-color);
}
#docomo .unique-box-02 dd {
  padding: var(--space-size-10);
}
#docomo .unique-box-02 dd p {
  margin-bottom: var(--space-size-15);
}
#docomo .unique-box-02 dd .link-normal {
  text-decoration: underline;
  font-size: calc(0.5rem + 1.07vw);
  font-size: var(--font-size-12);
  font-family: "Hiragino Sans", "游ゴシック", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Noto Sans CJK JP CJK JP", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#docomo .unique-box-07 {
  margin: 0 var(--space-size-15) var(--space-size-30);
  padding: var(--space-size-15);
  background: var(--ion-default-bg-color);
  border-radius: 4px;
}
#docomo .unique-box-07 p {
  margin: 0 0 var(--space-size-15);
  padding: var(--space-size-15);
  text-align: center;
  background: var(--ion-color-custom-super-light-green);
  border: 1px solid var(--ion-color-custom-light-green);
}
#docomo .unique-box-07 p strong {
  color: var(--ion-color-custom-dark-blue);
}
#docomo .unique-box-07 dl {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
}
#docomo .unique-box-07 dl dt {
  font-weight: bold;
  font-size: calc(0.75rem + 1.07vw);
  font-size: var(--font-size-medium);
  font-family: "Hiragino Sans", "游ゴシック", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Noto Sans CJK JP CJK JP", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#docomo .unique-box-07 [displayBlock] {
  display: block;
  margin: 0;
}
#docomo .knobs,
#docomo .layer {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
#docomo .toggle-button {
  position: relative;
  width: calc( var(--space-size-85) * 2 + var(--space-size-10) + var(--space-size-10) / 5 );
  height: var(--space-size-40);
  overflow: hidden;
}
#docomo .toggle-button.b2 {
  border: 1px solid var(--ion-color-success-shade);
  border-radius: 4px;
}
#docomo .checkbox {
  position: relative;
  z-index: 3;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  cursor: pointer;
  opacity: 0;
}
#docomo .knobs {
  z-index: 2;
}
#docomo .layer {
  z-index: 1;
  width: 100%;
  background-color: var(--ion-color-success);
  transition: 0.3s ease all;
}
#docomo #button-10 .knobs:before,
#docomo #button-10 .knobs:after,
#docomo #button-10 .knobs span {
  position: absolute;
  top: 0;
  width: calc(var(--space-size-85) + var(--space-size-5));
  height: var(--space-size-40);
  font-size: 0.625rem;
  font-size: var(--font-size-10);
  line-height: var(--space-size-40);
  text-align: center;
  transition: 0.3s ease all;
}
#docomo #button-10 .knobs:before {
  left: 0;
  background-color: #fff;
  content: "";
}
#docomo #button-10 .knobs:after {
  right: 0;
  color: #fff;
  font-size: calc(0.75rem + 1.07vw);
  font-size: var(--font-size-medium);
  content: "なし";
}
#docomo #button-10 .knobs span {
  left: 0;
  z-index: 1;
  display: inline-block;
  color: var(--ion-color-success);
  font-size: calc(0.75rem + 1.07vw);
  font-size: var(--font-size-medium);
}
#docomo #button-10 .checkbox:checked + .knobs span {
  color: #4e4e4e;
}
#docomo #button-10 .checkbox:checked + .knobs:before {
  left: calc(var(--space-size-85) + var(--space-size-5));
  background-color: #f44336;
}
#docomo #button-10 .checkbox:checked + .knobs:after {
  color: #fff;
}
#docomo #button-10 .checkbox:checked ~ .layer {
  background-color: #fcebeb;
}
#docomo .unique-box-08 {
  position: relative;
  padding: var(--space-size-25) var(--space-size-15) 0 var(--space-size-15);
  background: var(--ion-color-custom-light-green);
}
#docomo .unique-box-08 h2 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin: var(--space-size-20) 0;
  padding: 0;
  text-align: center;
}
#docomo .unique-box-08 h2 span {
  padding: 0 var(--space-size-20);
  font-family: "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "Noto Serif JP", "ヒラギノ角ゴ ProN", "HiraKakuProN", "ヒラギノ角ゴ Pro", "HiraKakuPro", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "Hiragino Sans", -apple-system, BlinkMacSystemFont, Roboto, "Noto Sans", "Noto Sans CJK JP", "Noto Sans JP", system-ui, Verdana, "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;
}
#docomo .unique-box-08 h2:before,
#docomo .unique-box-08 h2:after {
  flex-basis: var(--space-size-20);
  flex-grow: 1;
  flex-shrink: 0;
  width: inherit;
  border-top: 1px solid var(--ion-color-custom-dark-green) !important;
  content: "";
}
#docomo .unique-box-08 .text-normal, #docomo .unique-box-08 .list-sharp-03, #docomo .unique-box-08 .list-sharp-02, #docomo .unique-box-08 .list-sharp-02-from4, #docomo .unique-box-08 .list-sharp-02-from3, #docomo .unique-box-08 .list-sharp-02-from2, #docomo .unique-box-08 .list-sharp, #docomo .unique-box-08 .list-example, #docomo .unique-box-08 .list-alphabetical, #docomo .unique-box-08 .list-decimal-04, #docomo .unique-box-08 .list-decimal-03, #docomo .unique-box-08 .list-decimal-02, #docomo .unique-box-08 .list-decimal, #docomo .unique-box-08 .list-dot-6, #docomo .unique-box-08 .list-dot-5, #docomo .unique-box-08 .list-dot-3, #docomo .unique-box-08 .list-dot, #docomo .unique-box-08 .list-base {
  margin: 0;
}
#docomo .unique-box-08 + .unique-box-08 {
  padding: var(--space-size-40) var(--space-size-15) var(--space-size-50) var(--space-size-15);
}
#docomo .unique-odo-01 {
  margin: var(--space-size-30) 0 0 0;
}
#docomo .unique-odo-01 .unique-input {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: var(--space-size-10);
}
#docomo .unique-odo-01 .unique-input ion-input {
  margin: 0 var(--space-size-15) 0 var(--space-size-15);
}
#docomo .unique-odo-01 .text-info span ion-icon {
  width: calc(var(--space-size-20) + 4px);
  height: calc(var(--space-size-20) + 4px);
  line-height: 16px;
  vertical-align: -5px;
  cursor: pointer;
  fill: var(--ion-form-icon-color);
}
#docomo .unique-nmb-01 {
  margin-top: var(--space-size-30);
}
#docomo .unique-nmb-01 ion-thumbnail {
  width: 100%;
  height: calc(var(--space-size-30) * 7);
}
#docomo .unique-nmb-01 .unique-nmb-input {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  margin-top: var(--space-size-20);
  grid-column-gap: var(--space-size-15);
  -moz-column-gap: var(--space-size-15);
       column-gap: var(--space-size-15);
  grid-row-gap: var(--space-size-15);
  row-gap: var(--space-size-15);
}
#docomo .unique-nmb-01 .unique-nmb-input .text-selection-input-normal,
#docomo .unique-nmb-01 .unique-nmb-input .text-input-normal,
#docomo .unique-nmb-01 .unique-nmb-input .text-normal,
#docomo .unique-nmb-01 .unique-nmb-input .list-sharp-03,
#docomo .unique-nmb-01 .unique-nmb-input .list-sharp-02,
#docomo .unique-nmb-01 .unique-nmb-input .list-sharp-02-from4,
#docomo .unique-nmb-01 .unique-nmb-input .list-sharp-02-from3,
#docomo .unique-nmb-01 .unique-nmb-input .list-sharp-02-from2,
#docomo .unique-nmb-01 .unique-nmb-input .list-sharp,
#docomo .unique-nmb-01 .unique-nmb-input .list-example,
#docomo .unique-nmb-01 .unique-nmb-input .list-alphabetical,
#docomo .unique-nmb-01 .unique-nmb-input .list-decimal-04,
#docomo .unique-nmb-01 .unique-nmb-input .list-decimal-03,
#docomo .unique-nmb-01 .unique-nmb-input .list-decimal-02,
#docomo .unique-nmb-01 .unique-nmb-input .list-decimal,
#docomo .unique-nmb-01 .unique-nmb-input .list-dot-6,
#docomo .unique-nmb-01 .unique-nmb-input .list-dot-5,
#docomo .unique-nmb-01 .unique-nmb-input .list-dot-3,
#docomo .unique-nmb-01 .unique-nmb-input .list-dot,
#docomo .unique-nmb-01 .unique-nmb-input .list-base {
  margin: 0;
}
#docomo .unique-nmb-01 .unique-nmb-input.car-info-input-only ion-select::part(placeholder) {
  font-size: 0.875em !important;
}
#docomo .unique-nmb-01 .unique-nmb-input.car-info-input-only select {
  font-size: 0.875em !important;
}
#docomo .unique-box-10 .bac-box {
  z-index: 10;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-bottom: var(--space-size-10);
}
#docomo .unique-box-10 .bac-box .font-extra-large, #docomo .unique-box-10 .bac-box .text-extra-large {
  color: var(--ion-color-custom-dark-green);
}
#docomo .unique-box-10 .unique-arrow {
  position: relative;
  bottom: 12px;
  width: 0;
  height: 0;
  border-top: 12px solid var(--ion-color-custom-white);
  border-right: 6px solid transparent;
  border-bottom: 0 solid transparent;
  border-left: 6px solid transparent;
}
#docomo .unique-box-10 .unique-arrow.left {
  width: 0;
  height: 0;
  border-top: 12px solid var(--ion-color-custom-white);
  border-right: 10px solid transparent;
  border-bottom: 0 solid transparent;
  border-left: 0 solid transparent;
}
#docomo .unique-box-10 .unique-arrow.right {
  width: 0;
  height: 0;
  border-top: 0 solid transparent;
  border-right: 12px solid var(--ion-color-custom-white);
  border-bottom: 12px solid transparent;
  border-left: 0 solid transparent;
}
#docomo .unique-box-10 .unique-box-ticks {
  position: relative;
  top: 15.8px;
  z-index: 3;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 0;
  margin-right: var(--space-size-reset);
  padding-left: 15px;
  color: #000000;
  list-style-type: disc;
  opacity: 0.3;
}
#docomo .unique-box-10 .unique-box-ticks li:first-child, #docomo .unique-box-10 .unique-box-ticks li:last-child {
  visibility: hidden;
}
#docomo .unique-box-10 ion-range {
  --bar-background: var(--ion-color-step-200);
  --bar-background-active: var(--ion-color-custom-dark-green);
  --knob-background: var(--ion-color-custom-white);
  --knob-size: 24px;
  --bar-height: 5px;
  --pin-background: var(--ion-color-custom-white);
  --pin-color: var(--ion-color-custom-white);
  margin-top: -5px;
  padding: 0;
}
#docomo .unique-box-10 .unique-box-range {
  display: flex;
}
#docomo .unique-box-10 .unique-box-range .unique-box-range-front {
  display: block;
  width: 6.25%;
  height: 5px;
  margin-top: 13.5px;
  padding: 0;
  background-color: var(--ion-color-custom-dark-green);
  border-top-left-radius: 2.5px;
  border-bottom-left-radius: 2.5px;
}
#docomo .unique-box-10 .unique-box-range .unique-box-range-back {
  display: block;
  width: 6.25%;
  height: 5px;
  margin-top: 13.5px;
  padding: 0;
  background-color: var(--ion-color-step-200);
  border-top-right-radius: 2.5px;
  border-bottom-right-radius: 2.5px;
}
#docomo .unique-box-10 .unique-box-label {
  display: flex;
  justify-content: space-between;
  margin-top: var(--space-size-5);
  color: var(--ion-color-custom-white);
  font-size: calc(0.5rem + 1.07vw);
  font-size: var(--font-size-12);
  font-family: "Hiragino Sans", "游ゴシック", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Noto Sans CJK JP CJK JP", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#docomo .unique-box-10 .unique-box-label span:nth-child(2) {
  position: relative;
  right: var(--space-size-5);
}
#docomo .unique-box-10 .unique-box-label span:nth-child(5) {
  position: relative;
  left: var(--space-size-5);
}
#docomo .unique-box-10 .unique-box-label span:nth-last-child(2) {
  position: relative;
  left: var(--space-size-10);
}
#docomo .unique-cnf-05 .bac-box {
  display: flex;
  align-items: center;
  justify-content: space-around;
  margin-bottom: var(--space-size-10);
  padding: var(--space-size-15) !important;
}
#docomo .unique-cnf-05 .bac-box span {
  margin: 0;
}
#docomo .unique-cnf-05 .bac-box .unique-cnf-button,
#docomo .unique-cnf-05 .bac-box .button-normal {
  max-width: 88px;
}
#docomo .unique-cnf-05 .button-split-wrap {
  margin: 0;
}
#docomo .unique-cnf-05 .button-split-wrap ion-button {
  --padding-start: var(--space-size-15);
  --padding-end: var(--space-size-15);
}
@media (min-width: 491px) {
  #docomo .unique-cnf-05 .button-split-wrap ion-text {
    padding: 0 20px;
  }
}
@media (max-width: 490px) {
  #docomo .unique-cnf-05 .button-split-wrap ion-text {
    padding: 0 20px 0 0;
  }
}
#docomo .unique-cnf-05.float {
  position: sticky;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  max-width: 640px;
  padding: 0 var(--space-size-15) var(--space-size-15) var(--space-size-15);
  background-color: var(--ion-color-custom-white);
}
#docomo .unique-cnf-06 .bac-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: var(--space-size-10);
  padding: var(--space-size-5) !important;
}
#docomo .unique-cnf-06 .bac-box span,
#docomo .unique-cnf-06 .bac-box p {
  margin: 0;
}
#docomo .unique-cnf-06 .bac-box .unique-cnf-button,
#docomo .unique-cnf-06 .bac-box .button-normal {
  width: 88px;
  min-width: 88px;
}
#docomo .unique-cnf-06 .button-split-wrap {
  margin: 0;
}
#docomo .unique-cnf-06 .button-split-wrap ion-button {
  --padding-start: var(--space-size-15);
  --padding-end: var(--space-size-15);
}
#docomo .unique-cnf-06.float {
  position: sticky;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  max-width: 640px;
  padding: 0 var(--space-size-15) var(--space-size-15) var(--space-size-15);
  background-color: var(--ion-color-custom-white);
}
#docomo .unique-clc {
  min-height: 20px;
  margin: var(--space-size-15) 0;
}
#docomo .unique-clc .unique-clc-box {
  border: 2px solid var(--ion-color-custom-red);
  padding: var(--space-size-20);
  background: var(--ion-color-custom-white);
}
#docomo .unique-clc .unique-clc-box .uni-clc-title {
  font-weight: bold;
  font-family: -apple-system, BlinkMacSystemFont, "ヒラギノ角ゴ ProN", "HiraKakuProN", "ヒラギノ角ゴ Pro", "HiraKakuPro", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "Hiragino Sans", Roboto, "Noto Sans", "Noto Sans CJK JP", "Noto Sans JP", system-ui, Verdana, "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;
  text-align: center;
}
#docomo .unique-clc .unique-clc-box .unique-clc-inner {
  margin-top: var(--space-size-15);
  padding: var(--space-size-15);
  background: var(--ion-color-bg-cont-light);
}
#docomo .unique-clc .unique-clc-box .unique-clc-inner .unique-clc-inner-line {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#docomo .unique-clc .unique-clc-box .unique-clc-inner .unique-clc-inner-line .unique-clc-inner-line-left {
  display: flex;
  flex-direction: column;
}
#docomo .unique-clc .unique-clc-box .unique-clc-inner .unique-clc-inner-line .unique-clc-inner-line-left p {
  margin: 0;
}
#docomo .unique-clc .unique-clc-box .unique-clc-inner .unique-clc-inner-line .unique-clc-inner-line-right {
  display: flex;
  align-items: flex-end;
  text-align: right;
}
#docomo .unique-clc .unique-clc-box .unique-clc-inner .unique-clc-inner-line .unique-clc-inner-line-right p {
  margin: 0;
}
#docomo .unique-clc .unique-clc-box .unique-clc-inner .button-wrap, #docomo .unique-clc .unique-clc-box .unique-clc-inner .button-wrap-slim {
  margin-top: var(--space-size-15);
}
#docomo .unique-g10-03-wrap {
  margin: var(--space-size-30) 0 0 0;
}
#docomo .unique-g10-03-wrap:first-child {
  margin-top: 0;
}
#docomo .unique-g10-03-wrap:last-child {
  margin-bottom: 0;
}
#docomo .unique-g10-03-wrap .text-info {
  margin-bottom: 0;
}
#docomo .unique-g10-03-wrap .select-box-split-wrap {
  display: grid;
  grid-template-columns: 0.7fr 25px 1fr;
  align-items: center;
  margin-top: var(--space-size-15);
}
#docomo .unique-g10-03-wrap .select-box-split-wrap div {
  margin: 0;
}
#docomo .unique-g10-03-wrap .select-box-split-wrap span {
  margin: 0;
  text-align: center;
}
#docomo .unique-g10-03-wrap .select-box-split-wrap > ion-label {
  width: 100%;
  margin: 0 0 var(--space-size-10) 0;
}
#docomo .unique-g10-03-wrap .select-box-split-wrap ion-select {
  min-width: 100%;
}
#docomo .unique-g10-03-wrap .select-box-split-wrap select {
  min-width: 100%;
}
#docomo .unique-g10-03-wrap .select-box-split-wrap .text-input-normal {
  margin: 0;
}
#docomo .unique-g10-03-wrap .select-box-split-wrap app-error {
  align-self: flex-end;
}
#docomo .unique-g10-03-wrap .list-sharp {
  margin-top: var(--space-size-20);
}
#docomo .unique-g19-04 {
  padding: var(--space-size-20);
}
#docomo .unique-g19-04 .unique-g19-04-header {
  display: flex;
  justify-content: space-between;
  min-height: var(--space-size-45);
}
#docomo .unique-g19-04 .unique-g19-04-header.flex-right {
  justify-content: flex-end;
  margin-bottom: var(--space-size-15);
}
#docomo .unique-g19-04 .unique-g19-04-header .period-before-wrap .text-label {
  padding: 0 var(--space-size-10);
  color: var(--ion-color-custom-white);
  background: var(--ion-color-custom-red);
  border: 1px solid var(--ion-color-custom-red);
  border-radius: var(--space-size-50);
  font-weight: bold;
}
#docomo .unique-g19-04 .unique-g19-04-header .period-before-wrap2 {
  margin-right: auto;
}
#docomo .unique-g19-04 .unique-g19-04-header .period-before-wrap2 .text-label {
  padding: 0 var(--space-size-10);
  color: var(--ion-color-custom-red);
  border: 1px solid var(--ion-color-custom-red);
  border-radius: var(--space-size-50);
  font-weight: bold;
}
#docomo .unique-g19-04 .unique-g19-04-header .period-current-wrap {
  margin-right: auto;
}
#docomo .unique-g19-04 .unique-g19-04-header .period-current-wrap .text-label {
  padding: 0 var(--space-size-10);
  color: var(--ion-color-custom-white);
  background: var(--ion-color-custom-red);
  border: 1px solid var(--ion-color-custom-red);
  border-radius: var(--space-size-50);
  font-weight: bold;
}
#docomo .unique-g19-04 .unique-g19-04-header .period-after-wrap {
  margin-right: auto;
}
#docomo .unique-g19-04 .unique-g19-04-header .period-after-wrap .text-label {
  padding: 0 var(--space-size-10);
  color: var(--ion-color-custom-white);
  background: var(--ion-color-custom-red);
  border: 1px solid var(--ion-color-custom-red);
  border-radius: var(--space-size-50);
  font-weight: bold;
}
#docomo .unique-g19-04 .unique-g19-04-header .termination-wrap {
  margin-right: auto;
}
#docomo .unique-g19-04 .unique-g19-04-header .termination-wrap .text-label {
  padding: 0 var(--space-size-10);
  color: var(--ion-color-custom-white);
  background: var(--ion-color-step-400);
  border: 1px solid var(--ion-color-step-400);
  border-radius: var(--space-size-50);
  font-weight: bold;
}
#docomo .unique-g19-04 .unique-g19-04-header ion-button {
  border: 0 solid var(--ion-color-custom-gold);
  border-radius: 4px;
  min-width: 20px;
  margin: 0;
  --border-width: 0;
  --padding-start: 8px;
  --padding-end: 8px;
  --padding-top: 0;
  --padding-bottom: 0;
  --border-width: 1px;
}
#docomo .unique-g19-04 .unique-g19-04-header ion-button .button-native {
  border-color: var(--ion-color-custom-gold);
}
#docomo .unique-g19-04 .unique-g19-04-header ion-button ion-icon {
  margin: 0;
  stroke: var(--ion-form-icon-color);
}
#docomo .unique-g19-04 .unique-g19-04-header ion-button.button-secondary-little ion-icon {
  position: relative;
  stroke: var(--ion-color-custom-red);
}
#docomo .unique-g19-04 .unique-g19-04-header ion-button:last-child {
  margin-left: var(--space-size-15);
}
#docomo .unique-g19-04 .border-dashed {
  margin: var(--space-size-15) 0;
}
#docomo .unique-g19-04 .unique-g19-content-flex {
  display: flex;
  flex-direction: row;
  margin-bottom: var(--space-size-15);
  line-height: 1.63rem;
}
#docomo .unique-g19-04 .unique-g19-content-flex .unique-g19-content-flex-item .text-normal, #docomo .unique-g19-04 .unique-g19-content-flex .unique-g19-content-flex-item .list-sharp-03, #docomo .unique-g19-04 .unique-g19-content-flex .unique-g19-content-flex-item .list-sharp-02, #docomo .unique-g19-04 .unique-g19-content-flex .unique-g19-content-flex-item .list-sharp-02-from4, #docomo .unique-g19-04 .unique-g19-content-flex .unique-g19-content-flex-item .list-sharp-02-from3, #docomo .unique-g19-04 .unique-g19-content-flex .unique-g19-content-flex-item .list-sharp-02-from2, #docomo .unique-g19-04 .unique-g19-content-flex .unique-g19-content-flex-item .list-sharp, #docomo .unique-g19-04 .unique-g19-content-flex .unique-g19-content-flex-item .list-example, #docomo .unique-g19-04 .unique-g19-content-flex .unique-g19-content-flex-item .list-alphabetical, #docomo .unique-g19-04 .unique-g19-content-flex .unique-g19-content-flex-item .list-decimal-04, #docomo .unique-g19-04 .unique-g19-content-flex .unique-g19-content-flex-item .list-decimal-03, #docomo .unique-g19-04 .unique-g19-content-flex .unique-g19-content-flex-item .list-decimal-02, #docomo .unique-g19-04 .unique-g19-content-flex .unique-g19-content-flex-item .list-decimal, #docomo .unique-g19-04 .unique-g19-content-flex .unique-g19-content-flex-item .list-dot-6, #docomo .unique-g19-04 .unique-g19-content-flex .unique-g19-content-flex-item .list-dot-5, #docomo .unique-g19-04 .unique-g19-content-flex .unique-g19-content-flex-item .list-dot-3, #docomo .unique-g19-04 .unique-g19-content-flex .unique-g19-content-flex-item .list-dot, #docomo .unique-g19-04 .unique-g19-content-flex .unique-g19-content-flex-item .list-base {
  margin: 0;
}
#docomo .unique-g19-04 .unique-g19-content-flex .unique-g19-content-flex-item span {
  font-weight: normal;
  font-family: -apple-system, BlinkMacSystemFont, "ヒラギノ角ゴ ProN", "HiraKakuProN", "ヒラギノ角ゴ Pro", "HiraKakuPro", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "Hiragino Sans", Roboto, "Noto Sans", "Noto Sans CJK JP", "Noto Sans JP", system-ui, Verdana, "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;
}
#docomo .unique-g19-04 .unique-g19-content-flex .unique-g19-content-flex-item:last-child {
  margin-left: var(--space-size-15);
  line-height: 1.63rem;
}
#docomo .unique-g19-04 .unique-g19-content-flex.unique-g19-04-content {
  margin-bottom: 0;
}
#docomo .unique-g19-04 .unique-g19-content-flex.unique-g19-04-content .unique-g19-content-flex-item:last-child {
  margin-left: var(--space-size-15);
  line-height: 1.63rem;
}
#docomo .unique-g19-04 .text-normal, #docomo .unique-g19-04 .list-sharp-03, #docomo .unique-g19-04 .list-sharp-02, #docomo .unique-g19-04 .list-sharp-02-from4, #docomo .unique-g19-04 .list-sharp-02-from3, #docomo .unique-g19-04 .list-sharp-02-from2, #docomo .unique-g19-04 .list-sharp, #docomo .unique-g19-04 .list-example, #docomo .unique-g19-04 .list-alphabetical, #docomo .unique-g19-04 .list-decimal-04, #docomo .unique-g19-04 .list-decimal-03, #docomo .unique-g19-04 .list-decimal-02, #docomo .unique-g19-04 .list-decimal, #docomo .unique-g19-04 .list-dot-6, #docomo .unique-g19-04 .list-dot-5, #docomo .unique-g19-04 .list-dot-3, #docomo .unique-g19-04 .list-dot, #docomo .unique-g19-04 .list-base {
  margin: 0;
}
#docomo .unique-g19-04 .list-dot + .frm-normal {
  margin: var(--space-size-25) 0 var(--space-size-30) 0;
}
#docomo .unique-g19-04 .button-wrap, #docomo .unique-g19-04 .button-wrap-slim {
  margin-top: var(--space-size-20);
}
#docomo .unique-g19-04[UNI-CHG-02] .unique-g19-content-flex {
  line-height: 1.63rem;
}
#docomo .unique-g19-04[UNI-CHG-02] .unique-g19-content-flex + p[textBold] + .text-normal, #docomo .unique-g19-04[UNI-CHG-02] .unique-g19-content-flex + p[textBold] + .list-sharp-03, #docomo .unique-g19-04[UNI-CHG-02] .unique-g19-content-flex + p[textBold] + .list-sharp-02, #docomo .unique-g19-04[UNI-CHG-02] .unique-g19-content-flex + p[textBold] + .list-sharp-02-from4, #docomo .unique-g19-04[UNI-CHG-02] .unique-g19-content-flex + p[textBold] + .list-sharp-02-from3, #docomo .unique-g19-04[UNI-CHG-02] .unique-g19-content-flex + p[textBold] + .list-sharp-02-from2, #docomo .unique-g19-04[UNI-CHG-02] .unique-g19-content-flex + p[textBold] + .list-sharp, #docomo .unique-g19-04[UNI-CHG-02] .unique-g19-content-flex + p[textBold] + .list-example, #docomo .unique-g19-04[UNI-CHG-02] .unique-g19-content-flex + p[textBold] + .list-alphabetical, #docomo .unique-g19-04[UNI-CHG-02] .unique-g19-content-flex + p[textBold] + .list-decimal-04, #docomo .unique-g19-04[UNI-CHG-02] .unique-g19-content-flex + p[textBold] + .list-decimal-03, #docomo .unique-g19-04[UNI-CHG-02] .unique-g19-content-flex + p[textBold] + .list-decimal-02, #docomo .unique-g19-04[UNI-CHG-02] .unique-g19-content-flex + p[textBold] + .list-decimal, #docomo .unique-g19-04[UNI-CHG-02] .unique-g19-content-flex + p[textBold] + .list-dot-6, #docomo .unique-g19-04[UNI-CHG-02] .unique-g19-content-flex + p[textBold] + .list-dot-5, #docomo .unique-g19-04[UNI-CHG-02] .unique-g19-content-flex + p[textBold] + .list-dot-3, #docomo .unique-g19-04[UNI-CHG-02] .unique-g19-content-flex + p[textBold] + .list-dot, #docomo .unique-g19-04[UNI-CHG-02] .unique-g19-content-flex + p[textBold] + .list-base {
  margin-top: 0;
}
#docomo .unique-g19-04[UNI-G19-04] .unique-g19-04-header + p[textBold] + .text-normal, #docomo .unique-g19-04[UNI-G19-04] .unique-g19-04-header + p[textBold] + .list-sharp-03, #docomo .unique-g19-04[UNI-G19-04] .unique-g19-04-header + p[textBold] + .list-sharp-02, #docomo .unique-g19-04[UNI-G19-04] .unique-g19-04-header + p[textBold] + .list-sharp-02-from4, #docomo .unique-g19-04[UNI-G19-04] .unique-g19-04-header + p[textBold] + .list-sharp-02-from3, #docomo .unique-g19-04[UNI-G19-04] .unique-g19-04-header + p[textBold] + .list-sharp-02-from2, #docomo .unique-g19-04[UNI-G19-04] .unique-g19-04-header + p[textBold] + .list-sharp, #docomo .unique-g19-04[UNI-G19-04] .unique-g19-04-header + p[textBold] + .list-example, #docomo .unique-g19-04[UNI-G19-04] .unique-g19-04-header + p[textBold] + .list-alphabetical, #docomo .unique-g19-04[UNI-G19-04] .unique-g19-04-header + p[textBold] + .list-decimal-04, #docomo .unique-g19-04[UNI-G19-04] .unique-g19-04-header + p[textBold] + .list-decimal-03, #docomo .unique-g19-04[UNI-G19-04] .unique-g19-04-header + p[textBold] + .list-decimal-02, #docomo .unique-g19-04[UNI-G19-04] .unique-g19-04-header + p[textBold] + .list-decimal, #docomo .unique-g19-04[UNI-G19-04] .unique-g19-04-header + p[textBold] + .list-dot-6, #docomo .unique-g19-04[UNI-G19-04] .unique-g19-04-header + p[textBold] + .list-dot-5, #docomo .unique-g19-04[UNI-G19-04] .unique-g19-04-header + p[textBold] + .list-dot-3, #docomo .unique-g19-04[UNI-G19-04] .unique-g19-04-header + p[textBold] + .list-dot, #docomo .unique-g19-04[UNI-G19-04] .unique-g19-04-header + p[textBold] + .list-base {
  margin-top: 0;
}
.box + #docomo .unique-g19-05 {
  margin-top: var(--space-size-30);
}
#docomo .unique-g19-05 .unique-g19-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: var(--space-size-10);
}
#docomo .unique-g19-05 .unique-g19-content .unique-g19-left {
  width: 45%;
  max-width: 200px;
}
#docomo .unique-g19-05 .unique-g19-content .unique-g19-left .received .text-label {
  min-width: 80px;
  padding: 0;
  color: var(--ion-color-custom-white);
  text-align: center;
  background: var(--ion-color-step-400);
  border-radius: var(--space-size-50);
  border: 1px solid var(--ion-color-step-400);
}
#docomo .unique-g19-05 .unique-g19-content .unique-g19-left .unpaid .text-label {
  min-width: 80px;
  padding: 0;
  color: var(--ion-color-custom-white);
  text-align: center;
  background: var(--ion-color-warning);
  border-radius: var(--space-size-50);
  border: 1px solid var(--ion-color-warning);
}
#docomo .unique-g19-05 .unique-g19-content .unique-g19-left .prior-to-billing .text-label {
  min-width: 80px;
  padding: 0;
  color: var(--ion-color-step-650);
  text-align: center;
  border: 1px solid var(--ion-color-step-400);
}
#docomo .unique-g19-05 .unique-g19-content .unique-g19-left .unique-g19-left-text {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-top: var(--space-size-10);
}
#docomo .unique-g19-05 .unique-g19-content .unique-g19-left .unique-g19-left-text span {
  margin-bottom: 0;
}
#docomo .unique-g19-05 .unique-g19-content .unique-g19-right .button-wrap, #docomo .unique-g19-05 .unique-g19-content .unique-g19-right .button-wrap-slim {
  padding-right: 0;
}
#docomo .unique-g19-01 {
  margin: var(--space-size-30) 0 0 0;
  padding-top: 0;
}
#docomo .unique-g19-01:first-child {
  margin-top: 0;
}
#docomo .unique-g19-01:last-child {
  margin-bottom: 0;
}
#docomo .unique-g19-01 .unique-g19-item {
  padding: var(--space-size-15) 0;
  cursor: pointer;
  border-bottom: 1px solid var(--ion-color-line-strong);
  /* web-top-page専用CSS */
}
#docomo .unique-g19-01 .unique-g19-item.unique-webtop-border {
  padding-top: var(--space-size-15);
  border-top: 1px solid var(--ion-color-line-strong);
}
#docomo .unique-g19-01 .unique-g19-item ion-item {
  --inner-padding-end: 0;
  --border-style: none;
}
#docomo .unique-g19-01 .unique-g19-item ion-icon:first-of-type {
  width: var(--space-size-40);
  height: var(--space-size-40);
  margin-right: var(--space-size-20);
}
#docomo .unique-g19-01 .unique-g19-item ion-icon[name=chevron-forward-outline] {
  margin: 0;
}
#docomo .unique-g19-01 .unique-g19-item .select-unique-g19 .text-normal, #docomo .unique-g19-01 .unique-g19-item .select-unique-g19 .list-sharp-03, #docomo .unique-g19-01 .unique-g19-item .select-unique-g19 .list-sharp-02, #docomo .unique-g19-01 .unique-g19-item .select-unique-g19 .list-sharp-02-from4, #docomo .unique-g19-01 .unique-g19-item .select-unique-g19 .list-sharp-02-from3, #docomo .unique-g19-01 .unique-g19-item .select-unique-g19 .list-sharp-02-from2, #docomo .unique-g19-01 .unique-g19-item .select-unique-g19 .list-sharp, #docomo .unique-g19-01 .unique-g19-item .select-unique-g19 .list-example, #docomo .unique-g19-01 .unique-g19-item .select-unique-g19 .list-alphabetical, #docomo .unique-g19-01 .unique-g19-item .select-unique-g19 .list-decimal-04, #docomo .unique-g19-01 .unique-g19-item .select-unique-g19 .list-decimal-03, #docomo .unique-g19-01 .unique-g19-item .select-unique-g19 .list-decimal-02, #docomo .unique-g19-01 .unique-g19-item .select-unique-g19 .list-decimal, #docomo .unique-g19-01 .unique-g19-item .select-unique-g19 .list-dot-6, #docomo .unique-g19-01 .unique-g19-item .select-unique-g19 .list-dot-5, #docomo .unique-g19-01 .unique-g19-item .select-unique-g19 .list-dot-3, #docomo .unique-g19-01 .unique-g19-item .select-unique-g19 .list-dot, #docomo .unique-g19-01 .unique-g19-item .select-unique-g19 .list-base {
  margin-right: var(--space-size-10);
}
#docomo .unique-g19-01 .unique-g19-item .select-unique-g19 .text-normal:first-child, #docomo .unique-g19-01 .unique-g19-item .select-unique-g19 .list-sharp-03:first-child, #docomo .unique-g19-01 .unique-g19-item .select-unique-g19 .list-sharp-02:first-child, #docomo .unique-g19-01 .unique-g19-item .select-unique-g19 .list-sharp-02-from4:first-child, #docomo .unique-g19-01 .unique-g19-item .select-unique-g19 .list-sharp-02-from3:first-child, #docomo .unique-g19-01 .unique-g19-item .select-unique-g19 .list-sharp-02-from2:first-child, #docomo .unique-g19-01 .unique-g19-item .select-unique-g19 .list-sharp:first-child, #docomo .unique-g19-01 .unique-g19-item .select-unique-g19 .list-example:first-child, #docomo .unique-g19-01 .unique-g19-item .select-unique-g19 .list-alphabetical:first-child, #docomo .unique-g19-01 .unique-g19-item .select-unique-g19 .list-decimal-04:first-child, #docomo .unique-g19-01 .unique-g19-item .select-unique-g19 .list-decimal-03:first-child, #docomo .unique-g19-01 .unique-g19-item .select-unique-g19 .list-decimal-02:first-child, #docomo .unique-g19-01 .unique-g19-item .select-unique-g19 .list-decimal:first-child, #docomo .unique-g19-01 .unique-g19-item .select-unique-g19 .list-dot-6:first-child, #docomo .unique-g19-01 .unique-g19-item .select-unique-g19 .list-dot-5:first-child, #docomo .unique-g19-01 .unique-g19-item .select-unique-g19 .list-dot-3:first-child, #docomo .unique-g19-01 .unique-g19-item .select-unique-g19 .list-dot:first-child, #docomo .unique-g19-01 .unique-g19-item .select-unique-g19 .list-base:first-child {
  margin-bottom: var(--space-size-10);
}
#docomo .unique-g19-01 .unique-g19-item .select-unique-g19 .text-normal:not([textbold]), #docomo .unique-g19-01 .unique-g19-item .select-unique-g19 .list-sharp-03:not([textbold]), #docomo .unique-g19-01 .unique-g19-item .select-unique-g19 .list-sharp-02:not([textbold]), #docomo .unique-g19-01 .unique-g19-item .select-unique-g19 .list-sharp-02-from4:not([textbold]), #docomo .unique-g19-01 .unique-g19-item .select-unique-g19 .list-sharp-02-from3:not([textbold]), #docomo .unique-g19-01 .unique-g19-item .select-unique-g19 .list-sharp-02-from2:not([textbold]), #docomo .unique-g19-01 .unique-g19-item .select-unique-g19 .list-sharp:not([textbold]), #docomo .unique-g19-01 .unique-g19-item .select-unique-g19 .list-example:not([textbold]), #docomo .unique-g19-01 .unique-g19-item .select-unique-g19 .list-alphabetical:not([textbold]), #docomo .unique-g19-01 .unique-g19-item .select-unique-g19 .list-decimal-04:not([textbold]), #docomo .unique-g19-01 .unique-g19-item .select-unique-g19 .list-decimal-03:not([textbold]), #docomo .unique-g19-01 .unique-g19-item .select-unique-g19 .list-decimal-02:not([textbold]), #docomo .unique-g19-01 .unique-g19-item .select-unique-g19 .list-decimal:not([textbold]), #docomo .unique-g19-01 .unique-g19-item .select-unique-g19 .list-dot-6:not([textbold]), #docomo .unique-g19-01 .unique-g19-item .select-unique-g19 .list-dot-5:not([textbold]), #docomo .unique-g19-01 .unique-g19-item .select-unique-g19 .list-dot-3:not([textbold]), #docomo .unique-g19-01 .unique-g19-item .select-unique-g19 .list-dot:not([textbold]), #docomo .unique-g19-01 .unique-g19-item .select-unique-g19 .list-base:not([textbold]) {
  font-size: calc(0.625rem + 1.07vw);
  font-size: var(--font-size-small);
  font-family: -apple-system, BlinkMacSystemFont, "ヒラギノ角ゴ ProN", "HiraKakuProN", "ヒラギノ角ゴ Pro", "HiraKakuPro", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "Hiragino Sans", Roboto, "Noto Sans", "Noto Sans CJK JP", "Noto Sans JP", system-ui, Verdana, "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;
}
#docomo .unique-g19-01 .unique-g19-item .select-unique-g19 p {
  word-break: break-all;
  overflow-wrap: anywhere;
}
#docomo .unique-g19-01 .unique-g19-item.web-top-page {
  border: 1px none var(--ion-color-step-150);
  padding: var(--space-size-5) 0 0 0;
}
#docomo .unique-g19-01 .unique-g19-item.web-top-page ion-item {
  --padding-start: 0;
  --padding-end: 0;
}
#docomo .unique-g19-01 .unique-g19-item.web-top-page ion-icon {
  position: relative;
  right: -20px;
  width: var(--space-size-25);
  height: var(--space-size-25);
  margin: 0;
}
#docomo .unique-g19-01 .unique-g19-item .web-top-cm-btn {
  --padding-start: var(--space-size-5);
}
#docomo .unique-g19-01 .unique-g19-item .web-top-cm-btn ion-icon:first-child {
  margin-right: var(--space-size-15);
}
#docomo .unique-g19-01 .unique-g19-item .web-top-cm-btn ion-icon:last-child {
  margin-right: 0;
}
#docomo .unique-g19-02 .unique-g19-item {
  padding: var(--space-size-15) 0;
}
#docomo .unique-g19-02 .unique-g19-item ion-item {
  --inner-padding-end: var(--space-size-15);
  --border-style: none;
  --padding-start: 0;
  --padding-end: var(--space-size-5);
}
#docomo .unique-g19-02 .unique-g19-item .text-small {
  margin-top: var(--space-size-5);
}
#docomo .unique-g19-02 .unique-g19-item .select-unique-g19 .text-normal:first-child, #docomo .unique-g19-02 .unique-g19-item .select-unique-g19 .list-sharp-03:first-child, #docomo .unique-g19-02 .unique-g19-item .select-unique-g19 .list-sharp-02:first-child, #docomo .unique-g19-02 .unique-g19-item .select-unique-g19 .list-sharp-02-from4:first-child, #docomo .unique-g19-02 .unique-g19-item .select-unique-g19 .list-sharp-02-from3:first-child, #docomo .unique-g19-02 .unique-g19-item .select-unique-g19 .list-sharp-02-from2:first-child, #docomo .unique-g19-02 .unique-g19-item .select-unique-g19 .list-sharp:first-child, #docomo .unique-g19-02 .unique-g19-item .select-unique-g19 .list-example:first-child, #docomo .unique-g19-02 .unique-g19-item .select-unique-g19 .list-alphabetical:first-child, #docomo .unique-g19-02 .unique-g19-item .select-unique-g19 .list-decimal-04:first-child, #docomo .unique-g19-02 .unique-g19-item .select-unique-g19 .list-decimal-03:first-child, #docomo .unique-g19-02 .unique-g19-item .select-unique-g19 .list-decimal-02:first-child, #docomo .unique-g19-02 .unique-g19-item .select-unique-g19 .list-decimal:first-child, #docomo .unique-g19-02 .unique-g19-item .select-unique-g19 .list-dot-6:first-child, #docomo .unique-g19-02 .unique-g19-item .select-unique-g19 .list-dot-5:first-child, #docomo .unique-g19-02 .unique-g19-item .select-unique-g19 .list-dot-3:first-child, #docomo .unique-g19-02 .unique-g19-item .select-unique-g19 .list-dot:first-child, #docomo .unique-g19-02 .unique-g19-item .select-unique-g19 .list-base:first-child {
  margin-bottom: var(--space-size-10);
}
#docomo .unique-g19-02 .unique-g19-item .select-unique-g19 .text-normal, #docomo .unique-g19-02 .unique-g19-item .select-unique-g19 .list-sharp-03, #docomo .unique-g19-02 .unique-g19-item .select-unique-g19 .list-sharp-02, #docomo .unique-g19-02 .unique-g19-item .select-unique-g19 .list-sharp-02-from4, #docomo .unique-g19-02 .unique-g19-item .select-unique-g19 .list-sharp-02-from3, #docomo .unique-g19-02 .unique-g19-item .select-unique-g19 .list-sharp-02-from2, #docomo .unique-g19-02 .unique-g19-item .select-unique-g19 .list-sharp, #docomo .unique-g19-02 .unique-g19-item .select-unique-g19 .list-example, #docomo .unique-g19-02 .unique-g19-item .select-unique-g19 .list-alphabetical, #docomo .unique-g19-02 .unique-g19-item .select-unique-g19 .list-decimal-04, #docomo .unique-g19-02 .unique-g19-item .select-unique-g19 .list-decimal-03, #docomo .unique-g19-02 .unique-g19-item .select-unique-g19 .list-decimal-02, #docomo .unique-g19-02 .unique-g19-item .select-unique-g19 .list-decimal, #docomo .unique-g19-02 .unique-g19-item .select-unique-g19 .list-dot-6, #docomo .unique-g19-02 .unique-g19-item .select-unique-g19 .list-dot-5, #docomo .unique-g19-02 .unique-g19-item .select-unique-g19 .list-dot-3, #docomo .unique-g19-02 .unique-g19-item .select-unique-g19 .list-dot, #docomo .unique-g19-02 .unique-g19-item .select-unique-g19 .list-base {
  margin-bottom: 0 !important;
}
#docomo .unique-g19-02 ion-icon {
  position: relative;
  right: -20px;
  width: var(--space-size-25) !important;
  height: var(--space-size-25) !important;
  margin: 0;
}
#docomo .unique-g19-01 + .unique-g19-02 {
  margin-top: 0;
}
#docomo .title-h2 + .unique-g19-01 {
  margin: 0;
}
#docomo .title-h2 + .unique-g19-01 .unique-g19-item:first-child {
  padding-top: 0;
}
#docomo .text-normal + .unique-g19-01, #docomo .list-sharp-03 + .unique-g19-01, #docomo .list-sharp-02 + .unique-g19-01, #docomo .list-sharp-02-from4 + .unique-g19-01, #docomo .list-sharp-02-from3 + .unique-g19-01, #docomo .list-sharp-02-from2 + .unique-g19-01, #docomo .list-sharp + .unique-g19-01, #docomo .list-example + .unique-g19-01, #docomo .list-alphabetical + .unique-g19-01, #docomo .list-decimal-04 + .unique-g19-01, #docomo .list-decimal-03 + .unique-g19-01, #docomo .list-decimal-02 + .unique-g19-01, #docomo .list-decimal + .unique-g19-01, #docomo .list-dot-6 + .unique-g19-01, #docomo .list-dot-5 + .unique-g19-01, #docomo .list-dot-3 + .unique-g19-01, #docomo .list-dot + .unique-g19-01, #docomo .list-base + .unique-g19-01 {
  padding-bottom: 0;
}
#docomo .text-normal + .unique-g19-01 .unique-g19-item:first-child, #docomo .list-sharp-03 + .unique-g19-01 .unique-g19-item:first-child, #docomo .list-sharp-02 + .unique-g19-01 .unique-g19-item:first-child, #docomo .list-sharp-02-from4 + .unique-g19-01 .unique-g19-item:first-child, #docomo .list-sharp-02-from3 + .unique-g19-01 .unique-g19-item:first-child, #docomo .list-sharp-02-from2 + .unique-g19-01 .unique-g19-item:first-child, #docomo .list-sharp + .unique-g19-01 .unique-g19-item:first-child, #docomo .list-example + .unique-g19-01 .unique-g19-item:first-child, #docomo .list-alphabetical + .unique-g19-01 .unique-g19-item:first-child, #docomo .list-decimal-04 + .unique-g19-01 .unique-g19-item:first-child, #docomo .list-decimal-03 + .unique-g19-01 .unique-g19-item:first-child, #docomo .list-decimal-02 + .unique-g19-01 .unique-g19-item:first-child, #docomo .list-decimal + .unique-g19-01 .unique-g19-item:first-child, #docomo .list-dot-6 + .unique-g19-01 .unique-g19-item:first-child, #docomo .list-dot-5 + .unique-g19-01 .unique-g19-item:first-child, #docomo .list-dot-3 + .unique-g19-01 .unique-g19-item:first-child, #docomo .list-dot + .unique-g19-01 .unique-g19-item:first-child, #docomo .list-base + .unique-g19-01 .unique-g19-item:first-child {
  border-top: 1px solid var(--ion-color-custom-gold);
}
#docomo .unique-g13-03 {
  margin-top: var(--space-size-30);
}
#docomo .unique-g13-03 .text-normal, #docomo .unique-g13-03 .list-sharp-03, #docomo .unique-g13-03 .list-sharp-02, #docomo .unique-g13-03 .list-sharp-02-from4, #docomo .unique-g13-03 .list-sharp-02-from3, #docomo .unique-g13-03 .list-sharp-02-from2, #docomo .unique-g13-03 .list-sharp, #docomo .unique-g13-03 .list-example, #docomo .unique-g13-03 .list-alphabetical, #docomo .unique-g13-03 .list-decimal-04, #docomo .unique-g13-03 .list-decimal-03, #docomo .unique-g13-03 .list-decimal-02, #docomo .unique-g13-03 .list-decimal, #docomo .unique-g13-03 .list-dot-6, #docomo .unique-g13-03 .list-dot-5, #docomo .unique-g13-03 .list-dot-3, #docomo .unique-g13-03 .list-dot, #docomo .unique-g13-03 .list-base {
  margin: 0;
}
#docomo .unique-g13-03 .unique-g13-03-icon {
  display: flex;
  align-items: center;
  justify-content: space-around;
  margin-top: var(--space-size-15);
  padding: 0 var(--space-size-45);
}
.modal-box #docomo .unique-g13-03 .unique-g13-03-icon {
  padding: 0 var(--space-size-15);
}
#docomo .unique-g13-03 .unique-g13-03-icon .unique-g13-03-icon-circle {
  width: var(--space-size-40);
  height: var(--space-size-40);
  line-height: 2.5;
  text-align: center;
  border-radius: 50%;
}
#docomo .unique-g13-03 .unique-g13-03-icon .unique-g13-03-icon-circle span {
  color: var(--ion-table-header-text-color);
}
#docomo .unique-g13-03 .unique-g13-03-icon .unique-g13-03-icon-circle.after {
  background: var(--ion-form-icon-color);
  opacity: 0.4;
}
#docomo .unique-g13-03 .unique-g13-03-icon .unique-g13-03-icon-circle.current {
  background: var(--ion-form-icon-color);
}
#docomo .unique-g13-03 .unique-g13-03-icon .unique-g13-03-icon-circle.before {
  border: 1px solid var(--ion-form-icon-color);
}
#docomo .unique-g13-03 .unique-g13-03-icon .unique-g13-03-icon-circle.before span {
  color: var(--ion-form-icon-color);
}
#docomo .unique-g13-03 .unique-g13-03-icon .unique-g13-03-icon-border {
  flex: 1;
  border-bottom: 1px solid var(--ion-form-icon-color);
}
#docomo .unique-g13-03 .unique-g13-03-icon .unique-g13-03-icon-border.after {
  opacity: 0.4;
}
#docomo .unique-g13-03 .unique-g13-03-label {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin-top: var(--space-size-10);
  padding: 0 var(--space-size-30);
}
.modal-box #docomo .unique-g13-03 .unique-g13-03-label {
  padding: 0;
}
#docomo .unique-g13-03 .unique-g13-03-label p {
  font-size: calc(0.5rem + 1.07vw);
  font-size: var(--font-size-12);
  font-family: -apple-system, BlinkMacSystemFont, "ヒラギノ角ゴ ProN", "HiraKakuProN", "ヒラギノ角ゴ Pro", "HiraKakuPro", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "Hiragino Sans", Roboto, "Noto Sans", "Noto Sans CJK JP", "Noto Sans JP", system-ui, Verdana, "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;
  width: 100%;
  min-width: 48px;
  max-width: 72px;
  text-align: center;
}
#docomo .unique-g13-03 .unique-g13-03-label p.before {
  opacity: 0.4;
}
#docomo .unique-g13-02 {
  z-index: 1000;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: var(--space-size-85);
  height: var(--space-size-85);
  text-align: center;
  background-color: var(--ion-color-custom-dark-green);
  cursor: pointer;
  border-radius: 50%;
}
#docomo .unique-g13-02 ion-icon {
  width: var(--space-size-25);
  height: var(--space-size-25);
}
#docomo .unique-g13-02 p {
  margin-top: var(--space-size-5);
  color: var(--ion-color-custom-white);
  line-height: 1.25;
}
#docomo .unique-g13-02.float-btn {
  position: fixed;
  right: var(--space-size-30);
  bottom: var(--space-size-30);
}
#docomo .unique-g11-01 {
  margin-top: var(--space-size-30);
}
#docomo .unique-g11-01 p {
  text-align: center;
  font-weight: bold;
  font-size: calc(1em + 1.07vw);
  font-size: var(--font-size-20);
  font-family: "Hiragino Sans", "游ゴシック", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Noto Sans CJK JP CJK JP", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#docomo .unique-img-select {
  margin: var(--space-size-30) 0 var(--space-size-20) 0;
}
#docomo .unique-img-select .text-normal, #docomo .unique-img-select .list-sharp-03, #docomo .unique-img-select .list-sharp-02, #docomo .unique-img-select .list-sharp-02-from4, #docomo .unique-img-select .list-sharp-02-from3, #docomo .unique-img-select .list-sharp-02-from2, #docomo .unique-img-select .list-sharp, #docomo .unique-img-select .list-example, #docomo .unique-img-select .list-alphabetical, #docomo .unique-img-select .list-decimal-04, #docomo .unique-img-select .list-decimal-03, #docomo .unique-img-select .list-decimal-02, #docomo .unique-img-select .list-decimal, #docomo .unique-img-select .list-dot-6, #docomo .unique-img-select .list-dot-5, #docomo .unique-img-select .list-dot-3, #docomo .unique-img-select .list-dot, #docomo .unique-img-select .list-base {
  margin: 0;
}
#docomo .unique-img-select .text-normal:nth-of-type(2), #docomo .unique-img-select .list-sharp-03:nth-of-type(2), #docomo .unique-img-select .list-sharp-02:nth-of-type(2), #docomo .unique-img-select .list-sharp-02-from4:nth-of-type(2), #docomo .unique-img-select .list-sharp-02-from3:nth-of-type(2), #docomo .unique-img-select .list-sharp-02-from2:nth-of-type(2), #docomo .unique-img-select .list-sharp:nth-of-type(2), #docomo .unique-img-select .list-example:nth-of-type(2), #docomo .unique-img-select .list-alphabetical:nth-of-type(2), #docomo .unique-img-select .list-decimal-04:nth-of-type(2), #docomo .unique-img-select .list-decimal-03:nth-of-type(2), #docomo .unique-img-select .list-decimal-02:nth-of-type(2), #docomo .unique-img-select .list-decimal:nth-of-type(2), #docomo .unique-img-select .list-dot-6:nth-of-type(2), #docomo .unique-img-select .list-dot-5:nth-of-type(2), #docomo .unique-img-select .list-dot-3:nth-of-type(2), #docomo .unique-img-select .list-dot:nth-of-type(2), #docomo .unique-img-select .list-base:nth-of-type(2) {
  margin-top: var(--space-size-15);
}
#docomo .unique-img-select .checkbox-button-normal {
  margin-top: var(--space-size-15);
  margin-bottom: var(--space-size-20);
}
#docomo .unique-img-select .unique-img-select-tire-back {
  display: flex;
  justify-content: center;
  margin-top: var(--space-size-20);
}
#docomo .unique-img-select .unique-img-select-tire {
  background: url('select-car-background.4cd29e028d7128803b1b.svg') no-repeat bottom;
  background-color: var(--ion-color-custom-black);
  background-size: cover;
  width: 100%;
  max-width: 360px;
  height: 100vh;
  max-height: 420px;
  background-color: rgba(255, 255, 255, 0.1);
  background-size: auto;
}
#docomo .unique-img-select .unique-img-select-tire.car-only {
  background: url('select-car-only-background.4223331caf2b1d5ede00.svg') no-repeat bottom;
  background-color: var(--ion-color-custom-black);
  background-size: cover;
  background-color: rgba(255, 255, 255, 0.1);
  background-size: auto;
}
#docomo .unique-img-select .unique-img-select-tire.car-only .unique-img-select-tire-wrap .checked {
  --background: rgba(198, 164, 101, 0.5);
}
#docomo .unique-img-select .unique-img-select-tire.car-only .unique-img-select-tire-wrap .checked .unique-img-select-wrap {
  padding-bottom: 0;
}
#docomo .unique-img-select .unique-img-select-tire.car-only .unique-img-select-tire-wrap .unchecked {
  background-color: rgba(255, 255, 255, 0.1);
}
#docomo .unique-img-select .unique-img-select-tire.car-only .unique-img-select-tire-wrap .unchecked .unique-img-select-wrap {
  padding-bottom: 0;
}
#docomo .unique-img-select .unique-img-select-tire.bike {
  background: url('select-bike-background.15afb49bb841a556ba81.svg') no-repeat bottom;
  background-color: var(--ion-color-custom-black);
  background-size: cover;
  background-color: rgba(255, 255, 255, 0.1);
  background-size: auto;
}
#docomo .unique-img-select .unique-img-select-tire.bike .unique-img-select-tire-wrap .checked {
  --background: rgba(198, 164, 101, 0.5);
}
#docomo .unique-img-select .unique-img-select-tire.bike .unique-img-select-tire-wrap .checked .unique-img-select-wrap {
  padding-bottom: 0;
}
#docomo .unique-img-select .unique-img-select-tire.bike .unique-img-select-tire-wrap .unchecked {
  background-color: rgba(255, 255, 255, 0.1);
}
#docomo .unique-img-select .unique-img-select-tire.bike .unique-img-select-tire-wrap .unchecked .unique-img-select-wrap {
  padding-bottom: 0;
}
#docomo .unique-img-select .unique-img-select-tire.bicycle {
  background: url('select-bicycle-background.1c05a0e1c177522afe7f.svg') no-repeat bottom;
  background-color: var(--ion-color-custom-black);
  background-size: cover;
  background-color: rgba(255, 255, 255, 0.1);
  background-size: auto;
}
#docomo .unique-img-select .unique-img-select-tire.bicycle .unique-img-select-tire-wrap .checked {
  --background: rgba(198, 164, 101, 0.5);
}
#docomo .unique-img-select .unique-img-select-tire.bicycle .unique-img-select-tire-wrap .checked .unique-img-select-wrap {
  padding-bottom: 0;
}
#docomo .unique-img-select .unique-img-select-tire.bicycle .unique-img-select-tire-wrap .unchecked {
  background-color: rgba(255, 255, 255, 0.1);
}
#docomo .unique-img-select .unique-img-select-tire.bicycle .unique-img-select-tire-wrap .unchecked .unique-img-select-wrap {
  padding-bottom: 0;
}
#docomo .unique-img-select .unique-img-select-tire-wrap {
  display: grid;
  grid-template-rows: 48% 52%;
  grid-template-columns: repeat(3, 1fr);
  height: 100%;
}
#docomo .unique-img-select .unique-img-select-tire-wrap.rows-auto {
  display: grid;
  grid-template-rows: auto;
  grid-template-columns: repeat(3, 1fr);
  height: 100%;
}
#docomo .unique-img-select .unique-img-select-tire-wrap .unique-img-select-tire-split {
  border: 1px solid var(--ion-form-border-color);
  display: flex;
  width: 100%;
  background-color: rgba(198, 164, 101, 0.1);
  --background: transparent;
  /* 入力済み state */
}
#docomo .unique-img-select .unique-img-select-tire-wrap .unique-img-select-tire-split ion-checkbox {
  --background-checked: var(--ion-color-custom-white);
  --checkmark-color: var(--ion-color-custom-dark-gold);
  --border-width: 1px;
  --border-color: var(--ion-color-step-200);
  --border-color-checked: transparent;
  margin-bottom: var(--space-size-10);
}
#docomo .unique-img-select .unique-img-select-tire-wrap .unique-img-select-tire-split.white {
  background-color: rgba(255, 255, 255, 0.1);
}
#docomo .unique-img-select .unique-img-select-tire-wrap .unique-img-select-tire-split.checked {
  --background: rgba(198, 164, 101, 0.5);
}
#docomo .unique-img-select .unique-img-select-tire-wrap .unique-img-select-tire-split.checked .unique-img-select-wrap {
  padding-bottom: var(--space-size-30);
}
#docomo .unique-img-select .unique-img-select-tire-wrap .unique-img-select-tire-split.unchecked {
  background-color: rgba(255, 255, 255, 0.1);
}
#docomo .unique-img-select .unique-img-select-tire-wrap .unique-img-select-tire-split.unchecked .unique-img-select-wrap {
  padding-bottom: var(--space-size-30);
}
#docomo .unique-img-select .unique-img-select-tire-wrap .unique-img-select-tire-split.top {
  border-bottom: 1px none var(--ion-color-step-150);
  -moz-border-top-left-radius: 4px;
  border-top-left-radius: 4px;
  -moz-border-top-right-radius: 4px;
  border-top-right-radius: 4px;
}
#docomo .unique-img-select .unique-img-select-tire-wrap .unique-img-select-tire-split.bottom {
  -moz-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
  -moz-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
#docomo .unique-img-select .unique-img-select-tire-wrap .unique-img-select-tire-split.item-checkbox-checked {
  --background: rgba(198, 164, 101, 0.5);
}
#docomo .unique-img-select .unique-img-select-tire-wrap .unique-img-select-tire-split.front-middle {
  grid-row: 1/1;
  grid-column: 2;
}
#docomo .unique-img-select .unique-img-select-tire-wrap .unique-img-select-tire-split.front-left {
  grid-row: 2/3;
  grid-column: 1;
}
#docomo .unique-img-select .unique-img-select-tire-wrap .unique-img-select-tire-split.front-right {
  grid-row: 2/3;
  grid-column: 3;
}
#docomo .unique-img-select .unique-img-select-tire-wrap .unique-img-select-tire-split.rear-left {
  grid-row: 3/4;
  grid-column: 1;
}
#docomo .unique-img-select .unique-img-select-tire-wrap .unique-img-select-tire-split.rear-right {
  grid-row: 3/4;
  grid-column: 3;
}
#docomo .unique-img-select .unique-img-select-tire-wrap .unique-img-select-tire-split.rear-middle {
  grid-row: 4/5;
  grid-column: 2;
}
#docomo .unique-img-select .unique-img-select-tire-wrap .unique-img-select-tire-split.car-only-loop {
  border: 1px none var(--ion-color-step-150);
  border-left: 1px solid var(--ion-form-border-color);
  border-right: 1px solid var(--ion-form-border-color);
  grid-row: 2/4;
  grid-column: 2;
}
#docomo .unique-img-select .unique-img-select-tire-wrap .unique-img-select-tire-split.border {
  border: 1px solid var(--ion-form-border-color);
}
#docomo .unique-img-select .unique-img-select-tire-wrap .unique-img-select-tire-split.border-top-left-bottom {
  border: 1px none var(--ion-color-step-150);
  border-top: 1px solid var(--ion-form-border-color);
  border-left: 1px solid var(--ion-form-border-color);
  border-bottom: 1px solid var(--ion-form-border-color);
}
#docomo .unique-img-select .unique-img-select-tire-wrap .unique-img-select-tire-split.border-top-right-bottom {
  border: 1px none var(--ion-color-step-150);
  border-top: 1px solid var(--ion-form-border-color);
  border-right: 1px solid var(--ion-form-border-color);
  border-bottom: 1px solid var(--ion-form-border-color);
}
#docomo .unique-img-select .unique-img-select-tire-wrap .unique-img-select-tire-split.border-left-right-bottom {
  border: 1px none var(--ion-color-step-150);
  border-left: 1px solid var(--ion-form-border-color);
  border-right: 1px solid var(--ion-form-border-color);
  border-bottom: 1px solid var(--ion-form-border-color);
}
#docomo .unique-img-select .unique-img-select-tire-wrap .unique-img-select-tire-split.border-top-bottom {
  border: 1px none var(--ion-color-step-150);
  border-top: 1px solid var(--ion-form-border-color);
  border-bottom: 1px solid var(--ion-form-border-color);
}
#docomo .unique-img-select .unique-img-select-tire-wrap .unique-img-select-tire-split.border-left-bottom {
  border: 1px none var(--ion-color-step-150);
  border-left: 1px solid var(--ion-form-border-color);
  border-bottom: 1px solid var(--ion-form-border-color);
}
#docomo .unique-img-select .unique-img-select-tire-wrap .unique-img-select-tire-split.border-right-bottom {
  border: 1px none var(--ion-color-step-150);
  border-right: 1px solid var(--ion-form-border-color);
  border-bottom: 1px solid var(--ion-form-border-color);
}
#docomo .unique-img-select .unique-img-select-tire-wrap .unique-img-select-wrap {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  width: 100%;
  height: 100%;
  padding-bottom: var(--space-size-10);
}
#docomo .unique-img-select .unique-img-select-tire-wrap .unique-img-select-wrap.align-center {
  align-items: center;
}
#docomo .unique-img-select .unique-img-select-tire-wrap .unique-img-select-tire-select {
  display: flex;
  flex-direction: column-reverse;
  align-items: center;
}
#docomo .unique-img-select .unique-img-select-tire-wrap .unique-img-select-tire-select ion-label {
  font-weight: bold;
  font-size: calc(0.5rem + 1.07vw);
  font-size: var(--font-size-12);
  font-family: "hiraginoKakuGothicPro-W3";
}
#docomo .unique-g12-03 .unique-g12-box {
  margin-top: var(--space-size-15);
  border: 1px solid var(--ion-color-custom-gold);
  border-radius: 4px;
}
#docomo .unique-g12-03 .unique-g12-box .unique-g12-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: var(--space-size-20) var(--space-size-15);
  background: var(--ion-color-custom-light-gold);
  border-bottom: 1px solid var(--ion-color-custom-gold);
}
#docomo .unique-g12-03 .unique-g12-box .unique-g12-item:first-child {
  border-radius: 4px 4px 0 0;
}
#docomo .unique-g12-03 .unique-g12-box .unique-g12-item:last-child {
  border: none;
  border-radius: 0 0 4px 4px;
}
#docomo .unique-g12-03 .unique-g12-box .unique-g12-label {
  width: 50%;
}
#docomo .unique-g12-03 .unique-g12-box .unique-g12-control {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: 50%;
}
#docomo .unique-g12-03 .unique-g12-box .unique-g12-control ion-button {
  width: 36px;
  height: 36px;
  margin: 0;
  background: var(--ion-color-custom-white);
  --border-color: var(--ion-color-custom-gold);
  --border-width: 1px;
  --padding-bottom: 0;
  --padding-top: 0;
  --padding-start: 0;
  --padding-end: 0;
}
#docomo .unique-g12-03 .unique-g12-box .unique-g12-control ion-input {
  min-width: 64px;
  max-width: 64px;
  height: 36px;
  margin: 0 var(--space-size-10);
  text-align: right;
  background: var(--ion-color-custom-white);
  --padding-bottom: 0;
  --padding-end: var(--space-size-10);
  --padding-start: 0;
  --padding-top: 0;
}
#docomo .unique-g12-03 .unique-g12-box .unique-g12-control .unique-g12-label-box {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  min-width: 64px;
  height: 36px;
  margin: 0 var(--space-size-10);
  padding-right: var(--space-size-10);
  padding-left: var(--space-size-10);
  text-align: right;
  background: var(--ion-color-custom-white);
  border: 1px solid var(--ion-form-border-color);
  border-radius: var(--space-size-5);
}
#docomo .unique-g12-03 .unique-g12-box .unique-g12-control .unique-g12-label-box .text-normal, #docomo .unique-g12-03 .unique-g12-box .unique-g12-control .unique-g12-label-box .list-sharp-03, #docomo .unique-g12-03 .unique-g12-box .unique-g12-control .unique-g12-label-box .list-sharp-02, #docomo .unique-g12-03 .unique-g12-box .unique-g12-control .unique-g12-label-box .list-sharp-02-from4, #docomo .unique-g12-03 .unique-g12-box .unique-g12-control .unique-g12-label-box .list-sharp-02-from3, #docomo .unique-g12-03 .unique-g12-box .unique-g12-control .unique-g12-label-box .list-sharp-02-from2, #docomo .unique-g12-03 .unique-g12-box .unique-g12-control .unique-g12-label-box .list-sharp, #docomo .unique-g12-03 .unique-g12-box .unique-g12-control .unique-g12-label-box .list-example, #docomo .unique-g12-03 .unique-g12-box .unique-g12-control .unique-g12-label-box .list-alphabetical, #docomo .unique-g12-03 .unique-g12-box .unique-g12-control .unique-g12-label-box .list-decimal-04, #docomo .unique-g12-03 .unique-g12-box .unique-g12-control .unique-g12-label-box .list-decimal-03, #docomo .unique-g12-03 .unique-g12-box .unique-g12-control .unique-g12-label-box .list-decimal-02, #docomo .unique-g12-03 .unique-g12-box .unique-g12-control .unique-g12-label-box .list-decimal, #docomo .unique-g12-03 .unique-g12-box .unique-g12-control .unique-g12-label-box .list-dot-6, #docomo .unique-g12-03 .unique-g12-box .unique-g12-control .unique-g12-label-box .list-dot-5, #docomo .unique-g12-03 .unique-g12-box .unique-g12-control .unique-g12-label-box .list-dot-3, #docomo .unique-g12-03 .unique-g12-box .unique-g12-control .unique-g12-label-box .list-dot, #docomo .unique-g12-03 .unique-g12-box .unique-g12-control .unique-g12-label-box .list-base {
  margin: 0;
}
#docomo .unique-g13-06 {
  border: 1px solid var(--ion-form-border-color);
  border-radius: 4px;
  /* select-unique-13 */
}
#docomo .unique-g13-06 ion-item {
  --padding-start: 0;
  --padding-end: 0;
  --padding-top: var(--space-size-20);
  --padding-bottom: var(--space-size-20);
  --inner-padding-end: 0;
}
#docomo .unique-g13-06 .select-unique-g13-06 {
  display: flex;
  flex-direction: column;
  width: 100%;
}
#docomo .unique-g13-06 .select-unique-g13-06 .text-info {
  display: flex;
  justify-content: space-between;
  width: 100%;
  margin-bottom: var(--space-size-25);
}
#docomo .unique-g13-06 .select-unique-g13-06 .text-content p {
  font-weight: normal;
}
#docomo .unique-g13-06 .select-unique-g13-06 .text-content p:first-child {
  margin-bottom: var(--space-size-20);
}
#docomo .unique-g13-06 .select-unique-g13-06 .text-tag {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  margin-top: var(--space-size-10);
}
#docomo .unique-g13-06 .select-unique-g13-06 .text-tag .text-label {
  margin: 0 var(--space-size-5) var(--space-size-5) 0;
  font-weight: normal;
}
#docomo .unique-g13-07 .frm-normal-tag {
  margin-bottom: var(--space-size-25);
}
#docomo .unique-g13-07 .frm-normal-tag .text-label {
  min-width: -moz-fit-content;
  min-width: fit-content;
  margin-right: var(--space-size-5);
  margin-bottom: var(--space-size-5);
}
#docomo .unique-g13-07 .unique-g13-07-list {
  margin: var(--space-size-20) 0;
  padding-bottom: var(--space-size-10);
}
#docomo .unique-g13-07 .unique-g13-07-list:first-child {
  margin-top: 0;
}
#docomo .unique-g13-07 .unique-g13-07-list:last-child {
  margin-bottom: 0;
}
#docomo .unique-g13-07 .unique-g13-07-list[noBorder] {
  background-image: none;
  border: none;
}
#docomo .unique-g13-07 .unique-g13-07-list .unique-g13-07-list-line {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0;
}
#docomo .unique-g13-07 .unique-g13-07-list p:not(.text-red) {
  text-align: right;
}
#docomo .unique-ccn-01 .frm-normal {
  margin-bottom: 0;
}
#docomo .unique-ccn-01 .text-normal, #docomo .unique-ccn-01 .list-sharp-03, #docomo .unique-ccn-01 .list-sharp-02, #docomo .unique-ccn-01 .list-sharp-02-from4, #docomo .unique-ccn-01 .list-sharp-02-from3, #docomo .unique-ccn-01 .list-sharp-02-from2, #docomo .unique-ccn-01 .list-sharp, #docomo .unique-ccn-01 .list-example, #docomo .unique-ccn-01 .list-alphabetical, #docomo .unique-ccn-01 .list-decimal-04, #docomo .unique-ccn-01 .list-decimal-03, #docomo .unique-ccn-01 .list-decimal-02, #docomo .unique-ccn-01 .list-decimal, #docomo .unique-ccn-01 .list-dot-6, #docomo .unique-ccn-01 .list-dot-5, #docomo .unique-ccn-01 .list-dot-3, #docomo .unique-ccn-01 .list-dot, #docomo .unique-ccn-01 .list-base {
  margin: var(--space-size-20) 0 0 0;
}
#docomo .unique-ccn-01 .image-wrap {
  margin: var(--space-size-15) 0 0 0;
}
#docomo .unique-g2-02 {
  margin: var(--space-size-30) 0 0 0;
}
#docomo .unique-g2-02:first-child {
  margin-top: 0;
}
#docomo .unique-g2-02:last-child {
  margin-bottom: 0;
}
#docomo .unique-g2-02 .text-normal, #docomo .unique-g2-02 .list-sharp-03, #docomo .unique-g2-02 .list-sharp-02, #docomo .unique-g2-02 .list-sharp-02-from4, #docomo .unique-g2-02 .list-sharp-02-from3, #docomo .unique-g2-02 .list-sharp-02-from2, #docomo .unique-g2-02 .list-sharp, #docomo .unique-g2-02 .list-example, #docomo .unique-g2-02 .list-alphabetical, #docomo .unique-g2-02 .list-decimal-04, #docomo .unique-g2-02 .list-decimal-03, #docomo .unique-g2-02 .list-decimal-02, #docomo .unique-g2-02 .list-decimal, #docomo .unique-g2-02 .list-dot-6, #docomo .unique-g2-02 .list-dot-5, #docomo .unique-g2-02 .list-dot-3, #docomo .unique-g2-02 .list-dot, #docomo .unique-g2-02 .list-base,
#docomo .unique-g2-02 .text-small {
  margin: 0;
}
#docomo .unique-g2-02 ion-list {
  padding: 1px;
}
#docomo .unique-g2-02 .unique-g2-02-table {
  margin-top: var(--space-size-15) !important;
}
#docomo .unique-g2-02 .unique-g2-02-table tbody th {
  padding: var(--space-size-0);
  font-weight: bold;
  text-align: left;
  vertical-align: middle;
}
#docomo .unique-box-reg-01 {
  margin: var(--space-size-30) 0 0 0;
}
#docomo .unique-box-reg-01:first-child {
  margin-top: 0;
}
#docomo .unique-box-reg-01:last-child {
  margin-bottom: 0;
}
#docomo .unique-box-reg-01:first-child {
  margin: 0 0;
}
#docomo .unique-box-reg-01 .text-normal, #docomo .unique-box-reg-01 .list-sharp-03, #docomo .unique-box-reg-01 .list-sharp-02, #docomo .unique-box-reg-01 .list-sharp-02-from4, #docomo .unique-box-reg-01 .list-sharp-02-from3, #docomo .unique-box-reg-01 .list-sharp-02-from2, #docomo .unique-box-reg-01 .list-sharp, #docomo .unique-box-reg-01 .list-example, #docomo .unique-box-reg-01 .list-alphabetical, #docomo .unique-box-reg-01 .list-decimal-04, #docomo .unique-box-reg-01 .list-decimal-03, #docomo .unique-box-reg-01 .list-decimal-02, #docomo .unique-box-reg-01 .list-decimal, #docomo .unique-box-reg-01 .list-dot-6, #docomo .unique-box-reg-01 .list-dot-5, #docomo .unique-box-reg-01 .list-dot-3, #docomo .unique-box-reg-01 .list-dot, #docomo .unique-box-reg-01 .list-base {
  margin: var(--space-size-15) 0;
}
#docomo .unique-box-reg-01 .frm-normal-input {
  margin: var(--space-size-20) 0 var(--space-size-30) 0;
}
#docomo .unique-box-reg-01 .font-extra-large, #docomo .unique-box-reg-01 .text-extra-large {
  margin-top: var(--space-size-20);
}
#docomo .unique-g14-004-wrap {
  margin: var(--space-size-30) 0;
}
#docomo .unique-g14-004-wrap:first-child {
  margin-top: 0;
}
#docomo .unique-g14-004-wrap:last-child {
  margin-bottom: 0;
}
#docomo .unique-g14-004-wrap .unique-g14-004 {
  border: 1px solid var(--ion-color-custom-dark-gold);
  border-radius: 4px;
  margin: var(--space-size-20) 0;
  padding: var(--space-size-20);
  line-height: 1;
}
#docomo .unique-g14-004-wrap .unique-g14-004:first-child {
  margin-top: 0;
}
#docomo .unique-g14-004-wrap .unique-g14-004:last-child {
  margin-bottom: 0;
}
#docomo .uni-g13-09 {
  margin: var(--space-size-30) 0;
}
#docomo ion-toggle.reverse-bgcolor {
  --background: var(--ion-color-custom-dark-green);
  --background-checked: var(--ion-color-custom-gray);
  --handle-background: var(--ion-color-custom-white);
  --handle-background-checked: var(--ion-color-custom-gray);
}
#docomo .unique-box-11 {
  border: 1px solid var(--ion-form-border-color);
  border-radius: 5px;
  text-align: center;
  margin: var(--space-size-15) 0 0 0;
  padding: var(--space-size-20);
  background: var(--ion-table-form-bg-color);
}
#docomo .unique-line {
  margin: auto auto;
  background-color: #2a2a2a;
  width: 20px;
  height: 1px;
}
#docomo .unique-nmb-input02 {
  display: grid;
  grid-template-columns: 2fr 0.5fr 2fr;
  margin-top: var(--space-size-20);
  grid-row-gap: var(--space-size-15);
  row-gap: var(--space-size-15);
}
#docomo .unique-nmb-input02 .text-selection-input-normal,
#docomo .unique-nmb-input02 .text-input-normal,
#docomo .unique-nmb-input02 .text-normal,
#docomo .unique-nmb-input02 .list-sharp-03,
#docomo .unique-nmb-input02 .list-sharp-02,
#docomo .unique-nmb-input02 .list-sharp-02-from4,
#docomo .unique-nmb-input02 .list-sharp-02-from3,
#docomo .unique-nmb-input02 .list-sharp-02-from2,
#docomo .unique-nmb-input02 .list-sharp,
#docomo .unique-nmb-input02 .list-example,
#docomo .unique-nmb-input02 .list-alphabetical,
#docomo .unique-nmb-input02 .list-decimal-04,
#docomo .unique-nmb-input02 .list-decimal-03,
#docomo .unique-nmb-input02 .list-decimal-02,
#docomo .unique-nmb-input02 .list-decimal,
#docomo .unique-nmb-input02 .list-dot-6,
#docomo .unique-nmb-input02 .list-dot-5,
#docomo .unique-nmb-input02 .list-dot-3,
#docomo .unique-nmb-input02 .list-dot,
#docomo .unique-nmb-input02 .list-base {
  margin: 0;
}
#docomo .unique-nmb-02 {
  margin-top: var(--space-size-30);
}
#docomo .unique-nmb-02 ion-thumbnail {
  width: 100%;
  height: calc(var(--space-size-30) * 7);
}
#docomo .unique-nmb-02 .unique-nmb-input {
  display: grid;
  grid-template-columns: 2fr 0.5fr 2fr;
  margin-top: var(--space-size-20);
  grid-column-gap: var(--space-size-15);
  -moz-column-gap: var(--space-size-15);
       column-gap: var(--space-size-15);
  grid-row-gap: var(--space-size-15);
  row-gap: var(--space-size-15);
}
#docomo .unique-nmb-02 .unique-nmb-input .text-selection-input-normal,
#docomo .unique-nmb-02 .unique-nmb-input .text-input-normal,
#docomo .unique-nmb-02 .unique-nmb-input .text-normal,
#docomo .unique-nmb-02 .unique-nmb-input .list-sharp-03,
#docomo .unique-nmb-02 .unique-nmb-input .list-sharp-02,
#docomo .unique-nmb-02 .unique-nmb-input .list-sharp-02-from4,
#docomo .unique-nmb-02 .unique-nmb-input .list-sharp-02-from3,
#docomo .unique-nmb-02 .unique-nmb-input .list-sharp-02-from2,
#docomo .unique-nmb-02 .unique-nmb-input .list-sharp,
#docomo .unique-nmb-02 .unique-nmb-input .list-example,
#docomo .unique-nmb-02 .unique-nmb-input .list-alphabetical,
#docomo .unique-nmb-02 .unique-nmb-input .list-decimal-04,
#docomo .unique-nmb-02 .unique-nmb-input .list-decimal-03,
#docomo .unique-nmb-02 .unique-nmb-input .list-decimal-02,
#docomo .unique-nmb-02 .unique-nmb-input .list-decimal,
#docomo .unique-nmb-02 .unique-nmb-input .list-dot-6,
#docomo .unique-nmb-02 .unique-nmb-input .list-dot-5,
#docomo .unique-nmb-02 .unique-nmb-input .list-dot-3,
#docomo .unique-nmb-02 .unique-nmb-input .list-dot,
#docomo .unique-nmb-02 .unique-nmb-input .list-base {
  margin: 0;
}
#docomo .unique-nmb-02 .unique-nmb-input.car-info-input-only ion-select::part(placeholder) {
  font-size: 0.875em !important;
}
#docomo .unique-nmb-02 .unique-nmb-input.car-info-input-only select {
  font-size: 0.875em !important;
}
#docomo .unique-box-target-range {
  padding: 16px 12px;
  background: #fff;
  border-radius: 10px;
}
#docomo .unique-box-target-range .box-balloon {
  position: relative;
  display: inline-block;
  margin: 0 0 6px 10px;
  padding: 6px 10px 5px;
  background: #cb1f03;
}
#docomo .unique-box-target-range .box-balloon p {
  font-weight: bold;
  font-size: 16px;
  line-height: 1;
  color: #fff;
}
#docomo .unique-box-target-range .box-balloon::before {
  content: "";
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  left: 20px;
  bottom: -5px;
  border-top: 5px solid #cb1f03;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
}
#docomo .unique-box-target-range .box-target-range {
  position: relative;
  min-height: 202px;
  /* media query version */
}
@media screen and (min-width: 769px) {
  #docomo .unique-box-target-range .box-target-range {
    min-height: 202px;
  }
}
#docomo .unique-box-target-range .box-target-range .target-inner {
  position: relative;
}
#docomo .unique-box-target-range .box-target-range .target-number {
  position: absolute;
  left: 0;
  top: 6px;
  font-weight: bold;
  opacity: 0.8;
  font-size: 10px;
  /* media query version */
}
@media screen and (min-width: 769px) {
  #docomo .unique-box-target-range .box-target-range .target-number {
    top: 9px;
    font-size: 14px;
  }
}
#docomo .unique-box-target-range .box-target-range .target-friend {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  border: dotted #d8d8d8;
  border-width: 2px;
  padding-bottom: 6px;
  width: 100%;
  height: 100%;
  /* media query version */
}
@media screen and (min-width: 769px) {
  #docomo .unique-box-target-range .box-target-range .target-friend {
    height: 100%;
  }
}
#docomo .unique-box-target-range .box-target-range .target-unmarried {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  border-style: dotted;
  border-color: transparent #d8d8d8 #d8d8d8 transparent;
  border-width: 2px;
  padding-bottom: 6px;
  width: 80%;
  height: calc(100% - 8px);
  /* media query version */
}
@media screen and (min-width: 769px) {
  #docomo .unique-box-target-range .box-target-range .target-unmarried {
    height: calc(100% - 8px);
  }
}
#docomo .unique-box-target-range .box-target-range .target-together {
  position: absolute;
  z-index: 3;
  top: 0;
  left: 0;
  border-style: dotted;
  border-color: transparent #d8d8d8 #d8d8d8 transparent;
  border-width: 2px;
  padding-bottom: 6px;
  width: 60%;
  height: calc(100% - 16px);
  /* media query version */
}
@media screen and (min-width: 769px) {
  #docomo .unique-box-target-range .box-target-range .target-together {
    height: calc(100% - 16px);
  }
}
#docomo .unique-box-target-range .box-target-range .target-spouse {
  position: absolute;
  z-index: 4;
  top: 0;
  left: 0;
  border-style: dotted;
  border-color: transparent #d8d8d8 #d8d8d8 transparent;
  border-width: 2px;
  padding-bottom: 6px;
  width: 40%;
  height: calc(100% - 24px);
  /* media query version */
}
@media screen and (min-width: 769px) {
  #docomo .unique-box-target-range .box-target-range .target-spouse {
    height: calc(100% - 24px);
  }
}
#docomo .unique-box-target-range .box-target-range .target-person {
  position: absolute;
  z-index: 5;
  top: 0;
  left: 0;
  border-style: dotted;
  border-color: transparent #d8d8d8 #d8d8d8 transparent;
  border-width: 2px;
  padding-bottom: 6px;
  width: 20%;
  height: calc(100% - 32px);
  /* media query version */
}
@media screen and (min-width: 769px) {
  #docomo .unique-box-target-range .box-target-range .target-person {
    height: calc(100% - 32px);
  }
}
#docomo .unique-box-target-range .box-target-range.current-1 .target-person {
  background-color: #fae6e6;
  border-color: #cb1f03;
  border-style: solid;
}
#docomo .unique-box-target-range .box-target-range.current-1 .target-person .target-block-inner {
  opacity: 1;
}
#docomo .unique-box-target-range .box-target-range.current-2 .target-person .target-block-inner {
  opacity: 1;
}
#docomo .unique-box-target-range .box-target-range.current-2 .target-spouse {
  background-color: #fae6e6;
  border-color: #cb1f03;
  border-style: solid;
}
#docomo .unique-box-target-range .box-target-range.current-2 .target-spouse .target-block-inner {
  opacity: 1;
}
#docomo .unique-box-target-range .box-target-range.current-3 .target-person .target-block-inner {
  opacity: 1;
}
#docomo .unique-box-target-range .box-target-range.current-3 .target-together .target-block-inner {
  opacity: 1;
}
#docomo .unique-box-target-range .box-target-range.current-3 .target-spouse .target-block-inner {
  opacity: 1;
}
#docomo .unique-box-target-range .box-target-range.current-3 .target-unmarried {
  background-color: #fae6e6;
  border-color: #cb1f03;
  border-style: solid;
}
#docomo .unique-box-target-range .box-target-range.current-3 .target-unmarried .target-block-inner {
  opacity: 1;
}
#docomo .unique-box-target-range .box-target-range.current-4 .target-person .target-block-inner {
  opacity: 1;
}
#docomo .unique-box-target-range .box-target-range.current-4 .target-together .target-block-inner {
  opacity: 1;
}
#docomo .unique-box-target-range .box-target-range.current-4 .target-spouse .target-block-inner {
  opacity: 1;
}
#docomo .unique-box-target-range .box-target-range.current-4 .target-unmarried .target-block-inner {
  opacity: 1;
}
#docomo .unique-box-target-range .box-target-range.current-4 .target-friend {
  background-color: #fae6e6;
  border-color: #cb1f03;
  border-style: solid;
}
#docomo .unique-box-target-range .box-target-range.current-4 .target-friend .target-block-inner {
  opacity: 1;
}
#docomo .unique-box-target-range .box-target-range .target-block {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
#docomo .unique-box-target-range .box-target-range .target-block.target-block-spouse {
  padding-left: 50%;
}
#docomo .unique-box-target-range .box-target-range .target-block.target-block-together {
  padding-left: calc(100% - (100% / 3));
}
#docomo .unique-box-target-range .box-target-range .target-block.target-block-unmarried {
  padding-left: 75%;
}
#docomo .unique-box-target-range .box-target-range .target-block.target-block-friend {
  padding-left: 80%;
}
#docomo .unique-box-target-range .box-target-range .target-block .target-block-inner {
  display: flex;
  align-items: center;
  flex-direction: column;
  padding: 16px 2px 0;
  position: relative;
  opacity: 0.6;
}
#docomo .unique-box-target-range .box-target-range .target-block .target-block-text {
  margin-top: 4px;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  line-height: 1.5;
  /* media query version */
}
@media screen and (min-width: 769px) {
  #docomo .unique-box-target-range .box-target-range .target-block .target-block-text {
    font-size: 16px;
  }
}
#docomo .unique-box-target-range .box-target-range .target-block .target-block-text-span {
  font-size: 11px;
}
#docomo .unique-box-target-range .box-arrow-exp {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  margin-top: 8px;
}
#docomo .unique-box-target-range .box-arrow-exp .box-txt {
  font-size: 17px;
  font-weight: bold;
  width: 50px;
  color: #111;
}
#docomo .unique-box-target-range .box-arrow-exp .box-txt.txt-l {
  padding-right: 4px;
  text-align: right;
}
#docomo .unique-box-target-range .box-arrow-exp .box-txt.txt-r {
  padding-left: 4px;
  text-align: left;
}
#docomo .unique-box-target-range .box-arrow-exp .box-arrow {
  position: relative;
  width: 100%;
}
#docomo .unique-box-target-range .box-arrow-exp .box-arrow:before {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  display: block;
  width: 98%;
  height: 2px;
  background: #de7776;
  transform: translate(-50%, -50%);
  content: "";
}
#docomo .unique-box-target-range .box-arrow-exp .box-arrow .box-arrow-inner {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
#docomo .unique-box-target-range .box-arrow-exp .box-arrow .box-arrow-inner::before {
  content: "";
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  left: 0px;
  top: 50%;
  border-right: 7px solid #de7776;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
  transform: translateY(-50%);
}
#docomo .unique-box-target-range .box-arrow-exp .box-arrow .box-arrow-inner::after {
  content: "";
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  right: 0px;
  top: 50%;
  border-left: 7px solid #de7776;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
  transform: translateY(-50%);
}
#docomo .unique-box-target-range .box-arrow-exp .box-arrow .box-arrow-inner p {
  display: inline-block;
  padding: 2px 5px;
  background: #fff;
  font-size: 17px;
  font-weight: bold;
  z-index: 1;
  line-height: 1;
}
#docomo .input-mask {
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 999;
  display: none;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
  opacity: 0.6;
  filter: alpha(opacity=60);
}
#docomo .compare-site-message {
  text-align: left;
}
#docomo .compare-site-temporary-setting {
  width: 100%;
  padding-right: var(--space-size-10);
}
#docomo .compare-site-temporary-setting .text-info {
  margin: 0 0 var(--space-size-15) 0 !important;
}
#docomo .compare-site-temporary-setting .text-info ion-icon {
  width: 18px;
  height: 18px;
  padding-top: 1px;
  vertical-align: middle;
  fill: var(--ion-form-icon-color);
}
.landing-theme #docomo .compare-site-temporary-setting .text-info ion-icon {
  fill: var(--ion-color-custom-dark-green);
}
#docomo .compare-site-temporary-setting .text-info span {
  margin-left: var(--space-size-5);
  color: red;
}
#docomo .bac-box {
  position: relative;
  min-height: 20px;
  margin: var(--space-size-15) 0;
  padding: var(--space-size-10);
  background-color: var(--ion-emphasis-bg-color);
}
#docomo .bac-box:first-child {
  margin-top: 0;
}
#docomo .bac-box:last-child {
  margin-bottom: 0;
}
#docomo .bac-box p {
  font-family: "Hiragino Sans", "游ゴシック", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Noto Sans CJK JP CJK JP", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#docomo .bac-box dl {
  text-align: center;
}
#docomo .bac-box dl dt {
  color: var(--ion-color-custom-dark-green);
  font-weight: bold;
  font-size: calc(0.875em + 1.07vw);
  font-size: var(--font-size-large);
  font-family: "Hiragino Sans", "游ゴシック", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Noto Sans CJK JP CJK JP", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#docomo .bac-box dl dt[black] {
  color: var(--ion-color-custom-black);
}
#docomo .bac-box dl dt[sizeMedium] {
  font-size: calc(0.75rem + 1.07vw);
  font-size: var(--font-size-medium);
}
#docomo .bac-box dl dd span {
  color: var(--ion-color-custom-black) !important;
  font-size: calc(0.625rem + 1.07vw);
  font-size: var(--font-size-small);
  font-family: "Hiragino Sans", "游ゴシック", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Noto Sans CJK JP CJK JP", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#docomo .bac-box [textmiddle] {
  margin-bottom: var(--space-size-15);
}
#docomo .bac-box .unique-box-07 {
  margin-top: var(--space-size-15);
}
#docomo .bac-box ion-item:not(.item-has-placeholder) {
  background: var(--ion-table-form-bg-color);
}
#docomo .bac-box .checkbox-button-normal.item-checkbox-checked {
  --background: var(--ion-table-form-bg-color);
  background: var(--ion-table-form-bg-color);
}
#docomo .bac-box > .box {
  margin-top: 0;
}
#docomo .bac-box > .text-normal ion-icon, #docomo .bac-box > .list-sharp-03 ion-icon, #docomo .bac-box > .list-sharp-02 ion-icon, #docomo .bac-box > .list-sharp-02-from4 ion-icon, #docomo .bac-box > .list-sharp-02-from3 ion-icon, #docomo .bac-box > .list-sharp-02-from2 ion-icon, #docomo .bac-box > .list-sharp ion-icon, #docomo .bac-box > .list-example ion-icon, #docomo .bac-box > .list-alphabetical ion-icon, #docomo .bac-box > .list-decimal-04 ion-icon, #docomo .bac-box > .list-decimal-03 ion-icon, #docomo .bac-box > .list-decimal-02 ion-icon, #docomo .bac-box > .list-decimal ion-icon, #docomo .bac-box > .list-dot-6 ion-icon, #docomo .bac-box > .list-dot-5 ion-icon, #docomo .bac-box > .list-dot-3 ion-icon, #docomo .bac-box > .list-dot ion-icon, #docomo .bac-box > .list-base ion-icon {
  width: calc(var(--space-size-20) + 4px);
  height: calc(var(--space-size-20) + 4px);
  line-height: 16px;
  vertical-align: -5px;
  cursor: pointer;
  fill: var(--ion-form-icon-color);
}
#docomo .bac-box[marginXReset] {
  padding: var(--space-size-20) var(--space-size-15);
}
#docomo .bac-box[arrow] {
  margin-top: var(--space-size-15);
  background-color: var(--ion-color-step-115);
}
#docomo .bac-box[arrow]:after {
  display: block;
  content: "";
  position: absolute;
  top: calc(var(--space-size-10) * -1);
  right: auto;
  bottom: auto;
  left: var(--space-size-10);
  border-top: 0 solid transparent;
  border-right: var(--space-size-10) solid transparent;
  border-bottom: var(--space-size-10) solid var(--ion-color-step-115);
  border-left: var(--space-size-10) solid transparent;
}
#docomo .bac-box[arrow]:after[center] {
  position: absolute;
  top: calc(var(--space-size-10) * -1);
  right: auto;
  bottom: auto;
  left: calc(50% - calc(var(--space-size-10) / 2));
}
#docomo .bac-box[arrow] > [FRM-02-01] {
  margin-top: var(--space-top-0);
}
#docomo .bac-box[black] {
  background-color: var(--ion-color-custom-black);
}
#docomo .bac-box[gold] {
  background-color: var(--ion-color-bg-cont-light);
}
#docomo .bac-box[blue] {
  background-color: var(--ion-color-blue);
}
#docomo .bac-box[white] {
  background-color: var(--ion-color-custom-white);
  border-radius: 4px;
}
#docomo .bac-box[white][arrow]:after {
  position: absolute;
  top: auto;
  right: auto;
  bottom: -8px;
  left: calc(50% - var(--space-size-10));
  border-top: var(--space-size-10) solid var(--ion-color-custom-white);
  border-right: var(--space-size-5) solid transparent;
  border-bottom: 0 solid transparent;
  border-left: var(--space-size-5) solid transparent;
}
#docomo .bac-box[textMiddle] {
  text-align: center;
}
#docomo .bac-box[borderGold] {
  border: 1px solid var(--ion-color-gold);
}
#docomo .content-box > [UNI-CMP-01]:first-child {
  margin-top: var(--space-size-40);
}
#docomo [UNI-CMP-01] .bac-box [textmiddle] {
  font-weight: bold;
  font-size: calc(0.875em + 1.07vw);
  font-size: var(--font-size-large);
  font-family: -apple-system, BlinkMacSystemFont, "ヒラギノ角ゴ ProN", "HiraKakuProN", "ヒラギノ角ゴ Pro", "HiraKakuPro", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "Hiragino Sans", Roboto, "Noto Sans", "Noto Sans CJK JP", "Noto Sans JP", system-ui, Verdana, "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;
}
#docomo .button-split, #docomo .button-right, #docomo .button-center, #docomo .button-left, #docomo .button-link, #docomo .button-slim-thin-arrow-down, #docomo .button-slim-thin, #docomo .button-slim, #docomo .button-slc-car, #docomo .button-normal-secondary, #docomo .button-normal, #docomo .button-landing-big, #docomo .button-landing-normal {
  --padding-top: var(--space-size-15);
  --padding-end: var(--space-size-20);
  --padding-bottom: var(--space-size-15);
  --padding-start: var(--space-size-20);
  --border-radius: 4px;
  --background-activated: none;
  --background-focused: none;
  display: block;
  height: auto;
  margin: var(--space-size-20) 0;
  font-weight: bold;
  font-size: calc(0.75rem + 1.07vw);
  font-size: var(--font-size-medium);
  font-family: "Hiragino Sans", "游ゴシック", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Noto Sans CJK JP CJK JP", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#docomo .button-split [type=file], #docomo .button-right [type=file], #docomo .button-center [type=file], #docomo .button-left [type=file], #docomo .button-link [type=file], #docomo .button-slim-thin-arrow-down [type=file], #docomo .button-slim-thin [type=file], #docomo .button-slim [type=file], #docomo .button-slc-car [type=file], #docomo .button-normal-secondary [type=file], #docomo .button-normal [type=file], #docomo .button-landing-big [type=file], #docomo .button-landing-normal [type=file] {
  width: 0;
  height: 0;
  overflow: hidden;
}
#docomo .button-split:first-child, #docomo .button-right:first-child, #docomo .button-center:first-child, #docomo .button-left:first-child, #docomo .button-link:first-child, #docomo .button-slim-thin-arrow-down:first-child, #docomo .button-slim-thin:first-child, #docomo .button-slim:first-child, #docomo .button-slc-car:first-child, #docomo .button-normal-secondary:first-child, #docomo .button-normal:first-child, #docomo .button-landing-big:first-child, #docomo .button-landing-normal:first-child {
  margin-top: 0;
}
#docomo .button-split:last-child, #docomo .button-right:last-child, #docomo .button-center:last-child, #docomo .button-left:last-child, #docomo .button-link:last-child, #docomo .button-slim-thin-arrow-down:last-child, #docomo .button-slim-thin:last-child, #docomo .button-slim:last-child, #docomo .button-slc-car:last-child, #docomo .button-normal-secondary:last-child, #docomo .button-normal:last-child, #docomo .button-landing-big:last-child, #docomo .button-landing-normal:last-child {
  margin-bottom: 0;
}
#docomo [fill=outline].button-split, #docomo [fill=outline].button-right, #docomo [fill=outline].button-center, #docomo [fill=outline].button-left, #docomo [fill=outline].button-link, #docomo [fill=outline].button-slim-thin-arrow-down, #docomo [fill=outline].button-slim-thin, #docomo [fill=outline].button-slim, #docomo [fill=outline].button-slc-car, #docomo [fill=outline].button-normal-secondary, #docomo [fill=outline].button-normal, #docomo [fill=outline].button-landing-big, #docomo [fill=outline].button-landing-normal {
  --border-width: 2px;
}
#docomo [iconSlotStart].button-split, #docomo [iconSlotStart].button-right, #docomo [iconSlotStart].button-center, #docomo [iconSlotStart].button-left, #docomo [iconSlotStart].button-link, #docomo [iconSlotStart].button-slim-thin-arrow-down, #docomo [iconSlotStart].button-slim-thin, #docomo [iconSlotStart].button-slim, #docomo [iconSlotStart].button-slc-car, #docomo [iconSlotStart].button-normal-secondary, #docomo [iconSlotStart].button-normal, #docomo [iconSlotStart].button-landing-big, #docomo [iconSlotStart].button-landing-normal {
  --padding-start: var(--space-size-50);
}
#docomo [iconSlotStart].button-split ion-icon, #docomo [iconSlotStart].button-right ion-icon, #docomo [iconSlotStart].button-center ion-icon, #docomo [iconSlotStart].button-left ion-icon, #docomo [iconSlotStart].button-link ion-icon, #docomo [iconSlotStart].button-slim-thin-arrow-down ion-icon, #docomo [iconSlotStart].button-slim-thin ion-icon, #docomo [iconSlotStart].button-slim ion-icon, #docomo [iconSlotStart].button-slc-car ion-icon, #docomo [iconSlotStart].button-normal-secondary ion-icon, #docomo [iconSlotStart].button-normal ion-icon, #docomo [iconSlotStart].button-landing-big ion-icon, #docomo [iconSlotStart].button-landing-normal ion-icon {
  font-size: var(--space-size-20);
  stroke: var(--ion-color-ui-tool);
  position: absolute;
  top: auto;
  right: auto;
  bottom: auto;
  left: -28px;
}
#docomo [iconSlotEnd].button-split, #docomo [iconSlotEnd].button-right, #docomo [iconSlotEnd].button-center, #docomo [iconSlotEnd].button-left, #docomo [iconSlotEnd].button-link, #docomo [iconSlotEnd].button-slim-thin-arrow-down, #docomo [iconSlotEnd].button-slim-thin, #docomo [iconSlotEnd].button-slim, #docomo [iconSlotEnd].button-slc-car, #docomo [iconSlotEnd].button-normal-secondary, #docomo [iconSlotEnd].button-normal, #docomo [iconSlotEnd].button-landing-big, #docomo [iconSlotEnd].button-landing-normal {
  --padding-end: var(--space-size-50);
  --padding-start: var(--space-size-50);
}
#docomo [iconSlotEnd].button-split ion-icon, #docomo [iconSlotEnd].button-right ion-icon, #docomo [iconSlotEnd].button-center ion-icon, #docomo [iconSlotEnd].button-left ion-icon, #docomo [iconSlotEnd].button-link ion-icon, #docomo [iconSlotEnd].button-slim-thin-arrow-down ion-icon, #docomo [iconSlotEnd].button-slim-thin ion-icon, #docomo [iconSlotEnd].button-slim ion-icon, #docomo [iconSlotEnd].button-slc-car ion-icon, #docomo [iconSlotEnd].button-normal-secondary ion-icon, #docomo [iconSlotEnd].button-normal ion-icon, #docomo [iconSlotEnd].button-landing-big ion-icon, #docomo [iconSlotEnd].button-landing-normal ion-icon {
  width: var(--space-size-25);
  height: var(--space-size-25);
  font-size: var(--space-size-30);
  stroke: var(--ion-color-txt-moderate-light);
  position: absolute;
  top: auto;
  right: -28px;
  bottom: auto;
  left: auto;
}
#docomo [iconSlotEnd].button-split ion-icon.strok-red, #docomo [iconSlotEnd].button-right ion-icon.strok-red, #docomo [iconSlotEnd].button-center ion-icon.strok-red, #docomo [iconSlotEnd].button-left ion-icon.strok-red, #docomo [iconSlotEnd].button-link ion-icon.strok-red, #docomo [iconSlotEnd].button-slim-thin-arrow-down ion-icon.strok-red, #docomo [iconSlotEnd].button-slim-thin ion-icon.strok-red, #docomo [iconSlotEnd].button-slim ion-icon.strok-red, #docomo [iconSlotEnd].button-slc-car ion-icon.strok-red, #docomo [iconSlotEnd].button-normal-secondary ion-icon.strok-red, #docomo [iconSlotEnd].button-normal ion-icon.strok-red, #docomo [iconSlotEnd].button-landing-big ion-icon.strok-red, #docomo [iconSlotEnd].button-landing-normal ion-icon.strok-red {
  stroke: var(--ion-color-custom-red);
}
#docomo .button-split ion-text, #docomo .button-right ion-text, #docomo .button-center ion-text, #docomo .button-left ion-text, #docomo .button-link ion-text, #docomo .button-slim-thin-arrow-down ion-text, #docomo .button-slim-thin ion-text, #docomo .button-slim ion-text, #docomo .button-slc-car ion-text, #docomo .button-normal-secondary ion-text, #docomo .button-normal ion-text, #docomo .button-landing-big ion-text, #docomo .button-landing-normal ion-text {
  line-height: 1.5;
  white-space: normal;
  word-break: break-all;
}
@media (min-width: 390px) and (max-width: 768px) {
  #docomo .button-split ion-text, #docomo .button-right ion-text, #docomo .button-center ion-text, #docomo .button-left ion-text, #docomo .button-link ion-text, #docomo .button-slim-thin-arrow-down ion-text, #docomo .button-slim-thin ion-text, #docomo .button-slim ion-text, #docomo .button-slc-car ion-text, #docomo .button-normal-secondary ion-text, #docomo .button-normal ion-text, #docomo .button-landing-big ion-text, #docomo .button-landing-normal ion-text {
    font-size: calc(0.625rem + 1.07vw);
    font-size: var(--font-size-small);
  }
}
@media (min-width: 340px) and (max-width: 389px) {
  #docomo .button-split ion-text, #docomo .button-right ion-text, #docomo .button-center ion-text, #docomo .button-left ion-text, #docomo .button-link ion-text, #docomo .button-slim-thin-arrow-down ion-text, #docomo .button-slim-thin ion-text, #docomo .button-slim ion-text, #docomo .button-slc-car ion-text, #docomo .button-normal-secondary ion-text, #docomo .button-normal ion-text, #docomo .button-landing-big ion-text, #docomo .button-landing-normal ion-text {
    font-size: calc(0.5rem + 1.07vw);
    font-size: var(--font-size-12);
  }
}
@media (max-width: 339px) {
  #docomo .button-split ion-text, #docomo .button-right ion-text, #docomo .button-center ion-text, #docomo .button-left ion-text, #docomo .button-link ion-text, #docomo .button-slim-thin-arrow-down ion-text, #docomo .button-slim-thin ion-text, #docomo .button-slim ion-text, #docomo .button-slc-car ion-text, #docomo .button-normal-secondary ion-text, #docomo .button-normal ion-text, #docomo .button-landing-big ion-text, #docomo .button-landing-normal ion-text {
    font-size: 0.625rem;
    font-size: var(--font-size-10);
  }
}
#docomo .action-sheet-group-cancel {
  display: none;
}
#docomo .button-landing-normal {
  --border-radius: var(--space-size-5);
  font-size: calc(0.75rem + 1.07vw);
  font-size: var(--font-size-medium);
  font-family: "Hiragino Sans", "游ゴシック", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Noto Sans CJK JP CJK JP", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  --padding-end: var(--space-size-25);
  --padding-start: var(--space-size-25);
}
#docomo .button-landing-normal.button-split {
  margin: 0 0 var(--space-size-20) !important;
  background-color: var(--ion-color-custom-white);
}
.modal-box .content-box #docomo .button-landing-normal.button-split:nth-last-child(1), .modal-box .content-box #docomo .button-landing-normal.button-split:nth-last-child(2) {
  margin: 0 0 0 !important;
}
#docomo .button-landing-normal[fill=outline] {
  --border-width: 2px;
}
#docomo .button-landing-big {
  --border-radius: var(--space-size-15);
  font-size: calc(0.75rem + 1.07vw);
  font-size: var(--font-size-medium);
  font-family: "Hiragino Sans", "游ゴシック", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Noto Sans CJK JP CJK JP", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  margin: var(--space-size-10);
  --padding-bottom: var(--space-size-30);
  --padding-end: var(--space-size-25);
  --padding-start: var(--space-size-25);
  --padding-top: var(--space-size-30);
}
#docomo .button-landing-big.button-split {
  margin: 0 0 var(--space-size-20) !important;
}
#docomo .button-landing-big[fill=outline] {
  --border-width: 1px;
}
#docomo .button-wrap, #docomo .button-wrap-slim {
  /* container query version */
  margin: var(--space-size-30) 0 !important;
  padding: 0 var(--space-size-20);
}
@container app-page-responsive-content-container (min-width: 769px) {
  #docomo .button-wrap, #docomo .button-wrap-slim {
    margin-left: auto !important;
    margin-right: auto !important;
    max-width: 744px;
    padding-left: 0;
    padding-right: 0;
    width: 100%;
  }
}
#docomo .button-wrap.button-wrap-responsive, #docomo .button-wrap-responsive.button-wrap-slim {
  /* media query version */
}
@media screen and (min-width: 769px) {
  #docomo .button-wrap.button-wrap-responsive, #docomo .button-wrap-responsive.button-wrap-slim {
    margin-left: auto !important;
    margin-right: auto !important;
    max-width: 744px;
    padding-left: 0;
    padding-right: 0;
    width: 100%;
  }
}
#docomo .button-wrap:first-child, #docomo .button-wrap-slim:first-child {
  margin-top: 0;
}
#docomo .button-wrap:last-child, #docomo .button-wrap-slim:last-child {
  margin-bottom: 0;
}
#docomo .button-wrap[SLC-CAR-01-01], #docomo [SLC-CAR-01-01].button-wrap-slim, #docomo .button-wrap[SLC-CAR-01-02], #docomo [SLC-CAR-01-02].button-wrap-slim, #docomo .button-wrap[UNI-G13-01], #docomo [UNI-G13-01].button-wrap-slim {
  padding: 0;
}
#docomo .button-wrap[BTN-IUP-01-04] label, #docomo [BTN-IUP-01-04].button-wrap-slim label {
  align-items: center;
  display: flex;
}
#docomo .button-wrap[BTN-IUP-01-04] ion-icon, #docomo [BTN-IUP-01-04].button-wrap-slim ion-icon {
  height: var(--space-size-25);
  padding-left: var(--space-size-10);
  width: var(--space-size-25);
}
#docomo .button-wrap[SLC-CAR-01-01] .select-car-content, #docomo [SLC-CAR-01-01].button-wrap-slim .select-car-content, #docomo .button-wrap[SLC-CAR-01-02] .select-car-content, #docomo [SLC-CAR-01-02].button-wrap-slim .select-car-content {
  overflow: hidden;
  width: 100%;
}
#docomo .button-wrap[SLC-CAR-01-01] .select-car-content .select-car-label .text-label, #docomo [SLC-CAR-01-01].button-wrap-slim .select-car-content .select-car-label .text-label, #docomo .button-wrap[SLC-CAR-01-02] .select-car-content .select-car-label .text-label, #docomo [SLC-CAR-01-02].button-wrap-slim .select-car-content .select-car-label .text-label {
  min-width: 80px;
}
#docomo .button-wrap[SLC-CAR-01-01] .select-car-content .text-normal, #docomo .button-wrap[SLC-CAR-01-01] .select-car-content .list-sharp-03, #docomo .button-wrap[SLC-CAR-01-01] .select-car-content .list-sharp-02, #docomo .button-wrap[SLC-CAR-01-01] .select-car-content .list-sharp-02-from4, #docomo .button-wrap[SLC-CAR-01-01] .select-car-content .list-sharp-02-from3, #docomo .button-wrap[SLC-CAR-01-01] .select-car-content .list-sharp-02-from2, #docomo .button-wrap[SLC-CAR-01-01] .select-car-content .list-sharp, #docomo .button-wrap[SLC-CAR-01-01] .select-car-content .list-example, #docomo .button-wrap[SLC-CAR-01-01] .select-car-content .list-alphabetical, #docomo .button-wrap[SLC-CAR-01-01] .select-car-content .list-decimal-04, #docomo .button-wrap[SLC-CAR-01-01] .select-car-content .list-decimal-03, #docomo .button-wrap[SLC-CAR-01-01] .select-car-content .list-decimal-02, #docomo .button-wrap[SLC-CAR-01-01] .select-car-content .list-decimal, #docomo .button-wrap[SLC-CAR-01-01] .select-car-content .list-dot-6, #docomo .button-wrap[SLC-CAR-01-01] .select-car-content .list-dot-5, #docomo .button-wrap[SLC-CAR-01-01] .select-car-content .list-dot-3, #docomo .button-wrap[SLC-CAR-01-01] .select-car-content .list-dot, #docomo .button-wrap[SLC-CAR-01-01] .select-car-content .list-base, #docomo [SLC-CAR-01-01].button-wrap-slim .select-car-content .text-normal, #docomo [SLC-CAR-01-01].button-wrap-slim .select-car-content .list-sharp-03, #docomo [SLC-CAR-01-01].button-wrap-slim .select-car-content .list-sharp-02, #docomo [SLC-CAR-01-01].button-wrap-slim .select-car-content .list-sharp-02-from4, #docomo [SLC-CAR-01-01].button-wrap-slim .select-car-content .list-sharp-02-from3, #docomo [SLC-CAR-01-01].button-wrap-slim .select-car-content .list-sharp-02-from2, #docomo [SLC-CAR-01-01].button-wrap-slim .select-car-content .list-sharp, #docomo [SLC-CAR-01-01].button-wrap-slim .select-car-content .list-example, #docomo [SLC-CAR-01-01].button-wrap-slim .select-car-content .list-alphabetical, #docomo [SLC-CAR-01-01].button-wrap-slim .select-car-content .list-decimal-04, #docomo [SLC-CAR-01-01].button-wrap-slim .select-car-content .list-decimal-03, #docomo [SLC-CAR-01-01].button-wrap-slim .select-car-content .list-decimal-02, #docomo [SLC-CAR-01-01].button-wrap-slim .select-car-content .list-decimal, #docomo [SLC-CAR-01-01].button-wrap-slim .select-car-content .list-dot-6, #docomo [SLC-CAR-01-01].button-wrap-slim .select-car-content .list-dot-5, #docomo [SLC-CAR-01-01].button-wrap-slim .select-car-content .list-dot-3, #docomo [SLC-CAR-01-01].button-wrap-slim .select-car-content .list-dot, #docomo [SLC-CAR-01-01].button-wrap-slim .select-car-content .list-base, #docomo .button-wrap[SLC-CAR-01-02] .select-car-content .text-normal, #docomo .button-wrap[SLC-CAR-01-02] .select-car-content .list-sharp-03, #docomo .button-wrap[SLC-CAR-01-02] .select-car-content .list-sharp-02, #docomo .button-wrap[SLC-CAR-01-02] .select-car-content .list-sharp-02-from4, #docomo .button-wrap[SLC-CAR-01-02] .select-car-content .list-sharp-02-from3, #docomo .button-wrap[SLC-CAR-01-02] .select-car-content .list-sharp-02-from2, #docomo .button-wrap[SLC-CAR-01-02] .select-car-content .list-sharp, #docomo .button-wrap[SLC-CAR-01-02] .select-car-content .list-example, #docomo .button-wrap[SLC-CAR-01-02] .select-car-content .list-alphabetical, #docomo .button-wrap[SLC-CAR-01-02] .select-car-content .list-decimal-04, #docomo .button-wrap[SLC-CAR-01-02] .select-car-content .list-decimal-03, #docomo .button-wrap[SLC-CAR-01-02] .select-car-content .list-decimal-02, #docomo .button-wrap[SLC-CAR-01-02] .select-car-content .list-decimal, #docomo .button-wrap[SLC-CAR-01-02] .select-car-content .list-dot-6, #docomo .button-wrap[SLC-CAR-01-02] .select-car-content .list-dot-5, #docomo .button-wrap[SLC-CAR-01-02] .select-car-content .list-dot-3, #docomo .button-wrap[SLC-CAR-01-02] .select-car-content .list-dot, #docomo .button-wrap[SLC-CAR-01-02] .select-car-content .list-base, #docomo [SLC-CAR-01-02].button-wrap-slim .select-car-content .text-normal, #docomo [SLC-CAR-01-02].button-wrap-slim .select-car-content .list-sharp-03, #docomo [SLC-CAR-01-02].button-wrap-slim .select-car-content .list-sharp-02, #docomo [SLC-CAR-01-02].button-wrap-slim .select-car-content .list-sharp-02-from4, #docomo [SLC-CAR-01-02].button-wrap-slim .select-car-content .list-sharp-02-from3, #docomo [SLC-CAR-01-02].button-wrap-slim .select-car-content .list-sharp-02-from2, #docomo [SLC-CAR-01-02].button-wrap-slim .select-car-content .list-sharp, #docomo [SLC-CAR-01-02].button-wrap-slim .select-car-content .list-example, #docomo [SLC-CAR-01-02].button-wrap-slim .select-car-content .list-alphabetical, #docomo [SLC-CAR-01-02].button-wrap-slim .select-car-content .list-decimal-04, #docomo [SLC-CAR-01-02].button-wrap-slim .select-car-content .list-decimal-03, #docomo [SLC-CAR-01-02].button-wrap-slim .select-car-content .list-decimal-02, #docomo [SLC-CAR-01-02].button-wrap-slim .select-car-content .list-decimal, #docomo [SLC-CAR-01-02].button-wrap-slim .select-car-content .list-dot-6, #docomo [SLC-CAR-01-02].button-wrap-slim .select-car-content .list-dot-5, #docomo [SLC-CAR-01-02].button-wrap-slim .select-car-content .list-dot-3, #docomo [SLC-CAR-01-02].button-wrap-slim .select-car-content .list-dot, #docomo [SLC-CAR-01-02].button-wrap-slim .select-car-content .list-base {
  white-space: normal;
}
#docomo .button-wrap[UNI-G13-01] .select-car-content, #docomo [UNI-G13-01].button-wrap-slim .select-car-content {
  overflow: hidden;
  width: 100%;
}
#docomo .button-wrap[UNI-G13-01] .select-car-content p, #docomo [UNI-G13-01].button-wrap-slim .select-car-content p {
  display: flex;
  line-height: 1.4rem;
  margin-bottom: var(--space-size-15);
}
#docomo .button-wrap[UNI-G13-01] .select-car-content p:last-child, #docomo [UNI-G13-01].button-wrap-slim .select-car-content p:last-child {
  margin-bottom: 0;
}
#docomo .button-wrap[UNI-G13-01] .select-car-content p span, #docomo [UNI-G13-01].button-wrap-slim .select-car-content p span {
  margin-bottom: 0;
}
#docomo .button-wrap[UNI-G13-01] .select-car-content p span:last-child, #docomo [UNI-G13-01].button-wrap-slim .select-car-content p span:last-child {
  white-space: normal;
}
#docomo .button-wrap[BTN-more-01] ion-icon, #docomo [BTN-more-01].button-wrap-slim ion-icon {
  height: calc(var(--space-size-20) + 3px);
  width: calc(var(--space-size-20) + 3px);
}
.modal-box .content-box #docomo .button-wrap, .modal-box .content-box #docomo .button-wrap-slim {
  padding: 0;
}
@media (max-width: 490px) {
  #docomo .button-wrap ion-text, #docomo .button-wrap-slim ion-text {
    padding: 0 20px;
  }
}
#docomo .button-wrap-slim {
  margin: var(--space-size-5) 0 !important;
}
#docomo .button-normal {
  --border-radius: var(--space-size-50);
  border-radius: var(--space-size-50);
  min-width: calc( var(--space-size-70) + var(--space-size-70) + var(--space-size-30) );
  position: relative;
}
#docomo .button-normal.button-normal-primary-responsive {
  /* container query version */
}
@container app-page-responsive-content-container (min-width: 769px) {
  #docomo .button-normal.button-normal-primary-responsive {
    font-size: calc(0.875em + 1.07vw);
    font-size: var(--font-size-large);
    height: 88px;
  }
}
#docomo .button-normal.button-normal-secondary-responsive {
  /* container query version */
}
@container app-page-responsive-content-container (min-width: 769px) {
  #docomo .button-normal.button-normal-secondary-responsive {
    height: 88px;
    font-size: calc(0.875em + 1.07vw);
    font-size: var(--font-size-large);
  }
}
#docomo .button-normal.button-normal-primary-modal-responsive {
  /* media query version */
}
@media screen and (min-width: 769px) {
  #docomo .button-normal.button-normal-primary-modal-responsive {
    height: 88px;
    font-size: calc(0.875em + 1.07vw);
    font-size: var(--font-size-large);
  }
}
#docomo .button-normal ion-icon {
  position: absolute;
  right: 0;
}
#docomo .button-normal-secondary {
  background: var(--ion-color-bg-btn-normal);
  --border-color: var(--ion-color-line-btn-normal);
  --border-min-width: calc(
    var(--space-size-70) + var(--space-size-70) + var(--space-size-30)
  );
  border-radius: var(--space-size-50);
  --border-radius: var(--space-size-50);
  color: var(--ion-color-txt-basis);
  min-width: calc( var(--space-size-70) + var(--space-size-70) + var(--space-size-30) );
  position: relative;
}
#docomo .button-normal-secondary ion-icon {
  position: absolute;
  right: 0;
}
#docomo .button-normal-secondary[icon=right] ion-icon {
  position: absolute;
  right: 0;
}
#docomo .button-normal-secondary[icon=left] ion-icon {
  left: 0;
  position: absolute;
}
#docomo .button-normal-secondary[pattern=modal] {
  --border-radius: 4px;
  border-radius: 4px;
}
#docomo .button-secondary-little {
  border-radius: 4px;
  --border-radius: 4px;
}
#docomo .button-slc-car {
  min-width: calc( var(--space-size-70) + var(--space-size-70) + var(--space-size-30) );
  --padding-bottom: var(--space-size-20);
  --padding-top: var(--space-size-20);
}
#docomo .button-slc-car[iconSlotEnd] {
  --padding-end: var(--space-size-40);
  --padding-start: var(--space-size-20);
}
#docomo .button-slc-car[fill=outline] {
  --border-width: 1px;
}
#docomo .button-slim {
  font-size: calc(0.75rem + 1.07vw);
  font-size: var(--font-size-medium);
  font-family: "Hiragino Sans", "游ゴシック", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Noto Sans CJK JP CJK JP", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  --padding-bottom: var(--space-size-10);
  --padding-end: var(--space-size-20);
  --padding-start: var(--space-size-20);
  --padding-top: var(--space-size-10);
}
#docomo .button-slim-thin {
  font-size: calc(0.625rem + 1.07vw);
  font-size: var(--font-size-small);
  font-family: "ヒラギノ角ゴ ProN", "HiraKakuProN", "ヒラギノ角ゴ Pro", "HiraKakuPro", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "Hiragino Sans", Roboto, "Noto Sans", "Noto Sans CJK JP", "Noto Sans JP", system-ui, Verdana, "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;
  --padding-bottom: var(--space-size-10);
  --padding-end: var(--space-size-20);
  --padding-start: var(--space-size-20);
  --padding-top: var(--space-size-10);
}
#docomo .button-slim-thin[fill=outline] {
  --border-width: 1px;
}
#docomo .button-slim-thin-arrow-down {
  font-size: calc(0.625rem + 1.07vw);
  font-size: var(--font-size-small);
  font-family: "ヒラギノ角ゴ ProN", "HiraKakuProN", "ヒラギノ角ゴ Pro", "HiraKakuPro", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "Hiragino Sans", Roboto, "Noto Sans", "Noto Sans CJK JP", "Noto Sans JP", system-ui, Verdana, "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;
  --padding-bottom: var(--space-size-10);
  --padding-end: var(--space-size-20);
  --padding-start: var(--space-size-20);
  --padding-top: var(--space-size-10);
  position: relative;
}
#docomo .button-slim-thin-arrow-down[fill=outline] {
  --border-width: 1px;
}
#docomo .button-slim-thin-arrow-down::after {
  border: 0;
  border-right: solid 2px #0099ff;
  border-top: solid 2px #0099ff;
  content: "";
  display: inline-block;
  height: 10px;
  margin-top: -3px;
  /* 矢印アイコンの位置を設定 */
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%) rotate(135deg);
  width: 10px;
}
#docomo .button-link {
  font-size: calc(0.75rem + 1.07vw);
  font-size: var(--font-size-medium);
  font-family: "Hiragino Sans", "游ゴシック", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Noto Sans CJK JP CJK JP", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  --padding-bottom: var(--space-size-10);
  --padding-end: var(--space-size-5);
  --padding-start: var(--space-size-5);
  --padding-top: var(--space-size-10);
}
#docomo .button-link ion-icon {
  stroke: var(--ion-default-icon-color);
}
#docomo .button-left-wrap {
  display: flex;
  justify-content: flex-start;
  margin: var(--space-size-30) 0;
}
#docomo .button-left-wrap:first-child {
  margin-top: 0;
}
#docomo .button-left-wrap:last-child {
  margin-bottom: 0;
}
#docomo .button-center-wrap {
  display: flex;
  justify-content: center;
  margin: var(--space-size-30) 0;
}
#docomo .button-center-wrap:first-child {
  margin-top: 0;
}
#docomo .button-center-wrap:last-child {
  margin-bottom: 0;
}
#docomo .button-right-wrap {
  display: flex;
  justify-content: flex-end;
  margin: var(--space-size-30) 0;
}
#docomo .button-right-wrap:first-child {
  margin-top: 0;
}
#docomo .button-right-wrap:last-child {
  margin-bottom: 0;
}
#docomo .button-split-wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: var(--space-size-30) 0;
}
#docomo .button-split-wrap:first-child {
  margin-top: 0;
}
#docomo .button-split-wrap:last-child {
  margin-bottom: 0;
}
#docomo .button-split-wrap[uni-g11-02] ion-button {
  --padding-bottom: var(--space-size-25);
  --padding-end: var(--space-size-15);
  --padding-start: var(--space-size-15);
  --padding-top: var(--space-size-25);
}
#docomo .button-split {
  margin: 0 !important;
  width: calc(50% - var(--space-size-10));
}
#docomo .button-icon-box {
  align-items: center;
  color: var(--ion-default-text-color) !important;
  display: flex;
  border: 1px solid var(--ion-form-border-color);
  border-radius: var(--space-size-15);
  margin: var(--space-size-20) 0;
  padding: var(--space-size-15) var(--space-size-30) var(--space-size-15) var(--space-size-30);
  text-decoration: none;
}
#docomo .button-icon-box:first-child {
  margin-top: 0;
}
#docomo .button-icon-box:last-child {
  margin-bottom: 0;
}
#docomo .button-icon-box span {
  display: block;
  flex-grow: 1;
  margin: 0;
  padding-right: var(--space-size-10);
}
#docomo .button-icon-box ion-thumbnail {
  flex-shrink: 0;
  height: var(--space-size-70);
  width: calc(var(--space-size-50) + var(--space-size-60));
}
#docomo .button-icon-1-wrap {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  grid-column-gap: var(--space-size-15);
  -moz-column-gap: var(--space-size-15);
       column-gap: var(--space-size-15);
  grid-row-gap: var(--space-size-15);
  row-gap: var(--space-size-15);
  margin: var(--space-size-30) 0;
}
#docomo .button-icon-1-wrap [type=file] {
  width: 0;
  height: 0;
  overflow: hidden;
}
#docomo .button-icon-1-wrap > div {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: var(--space-size-15);
  border: 1px solid var(--ion-form-border-color);
  border-radius: 4px;
}
#docomo .button-icon-1-wrap > div ion-thumbnail {
  width: 100%;
  min-height: 118px;
  margin-bottom: var(--space-size-10);
}
#docomo .button-icon-1-wrap:first-child {
  margin-top: 0;
}
#docomo .button-icon-1-wrap:last-child {
  margin-bottom: 0;
}
#docomo .button-icon-1-wrap .link-normal {
  font-size: calc(0.625rem + 1.07vw);
  font-size: var(--font-size-small);
  font-family: -apple-system, BlinkMacSystemFont, "ヒラギノ角ゴ ProN", "HiraKakuProN", "ヒラギノ角ゴ Pro", "HiraKakuPro", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "Hiragino Sans", Roboto, "Noto Sans", "Noto Sans CJK JP", "Noto Sans JP", system-ui, Verdana, "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;
  margin: 0 !important;
}
#docomo .button-icon-2-wrap {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-column-gap: var(--space-size-15);
  -moz-column-gap: var(--space-size-15);
       column-gap: var(--space-size-15);
  grid-row-gap: var(--space-size-15);
  row-gap: var(--space-size-15);
  margin: var(--space-size-30) 0;
}
#docomo .button-icon-2-wrap [type=file] {
  width: 0;
  height: 0;
  overflow: hidden;
}
#docomo .button-icon-2-wrap > div {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: var(--space-size-15);
  border: 1px solid var(--ion-form-border-color);
  border-radius: 4px;
}
#docomo .button-icon-2-wrap > div ion-thumbnail {
  width: 100%;
  min-height: 118px;
  margin-bottom: var(--space-size-10);
}
#docomo .button-icon-2-wrap:first-child {
  margin-top: 0;
}
#docomo .button-icon-2-wrap:last-child {
  margin-bottom: 0;
}
#docomo .button-icon-2-wrap .link-normal {
  font-size: calc(0.625rem + 1.07vw);
  font-size: var(--font-size-small);
  font-family: -apple-system, BlinkMacSystemFont, "ヒラギノ角ゴ ProN", "HiraKakuProN", "ヒラギノ角ゴ Pro", "HiraKakuPro", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "Hiragino Sans", Roboto, "Noto Sans", "Noto Sans CJK JP", "Noto Sans JP", system-ui, Verdana, "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;
  margin: 0 !important;
}
#docomo .button-icon-3-wrap {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-column-gap: var(--space-size-15);
  -moz-column-gap: var(--space-size-15);
       column-gap: var(--space-size-15);
  grid-row-gap: var(--space-size-15);
  row-gap: var(--space-size-15);
  margin: var(--space-size-30) 0;
}
#docomo .button-icon-3-wrap [type=file] {
  width: 0;
  height: 0;
  overflow: hidden;
}
#docomo .button-icon-3-wrap > div {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: var(--space-size-15);
  border: 1px solid var(--ion-form-border-color);
  border-radius: 4px;
}
#docomo .button-icon-3-wrap > div ion-thumbnail {
  width: 100%;
  min-height: 118px;
  margin-bottom: var(--space-size-10);
}
#docomo .button-icon-3-wrap:first-child {
  margin-top: 0;
}
#docomo .button-icon-3-wrap:last-child {
  margin-bottom: 0;
}
#docomo .button-icon-3-wrap .link-normal {
  font-size: calc(0.625rem + 1.07vw);
  font-size: var(--font-size-small);
  font-family: -apple-system, BlinkMacSystemFont, "ヒラギノ角ゴ ProN", "HiraKakuProN", "ヒラギノ角ゴ Pro", "HiraKakuPro", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "Hiragino Sans", Roboto, "Noto Sans", "Noto Sans CJK JP", "Noto Sans JP", system-ui, Verdana, "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;
  margin: 0 !important;
}
#docomo .button-iup-1-wrap {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  grid-column-gap: var(--space-size-15);
  -moz-column-gap: var(--space-size-15);
       column-gap: var(--space-size-15);
  grid-row-gap: var(--space-size-15);
  row-gap: var(--space-size-15);
  margin: var(--space-size-30) 0;
}
#docomo .button-iup-1-wrap [type=file] {
  width: 0;
  height: 0;
  overflow: hidden;
}
#docomo .button-iup-1-wrap .button-iup-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: calc(var(--space-size-80) * 2);
  margin-top: var(--space-size-10);
  padding: var(--space-size-20);
  border: 1px solid var(--ion-form-border-color);
  border-radius: 4px;
}
#docomo .button-iup-1-wrap .button-iup-box ion-thumbnail {
  width: 100%;
  min-height: 118px;
}
#docomo .button-iup-1-wrap .button-iup-box .text-normal, #docomo .button-iup-1-wrap .button-iup-box .list-sharp-03, #docomo .button-iup-1-wrap .button-iup-box .list-sharp-02, #docomo .button-iup-1-wrap .button-iup-box .list-sharp-02-from4, #docomo .button-iup-1-wrap .button-iup-box .list-sharp-02-from3, #docomo .button-iup-1-wrap .button-iup-box .list-sharp-02-from2, #docomo .button-iup-1-wrap .button-iup-box .list-sharp, #docomo .button-iup-1-wrap .button-iup-box .list-example, #docomo .button-iup-1-wrap .button-iup-box .list-alphabetical, #docomo .button-iup-1-wrap .button-iup-box .list-decimal-04, #docomo .button-iup-1-wrap .button-iup-box .list-decimal-03, #docomo .button-iup-1-wrap .button-iup-box .list-decimal-02, #docomo .button-iup-1-wrap .button-iup-box .list-decimal, #docomo .button-iup-1-wrap .button-iup-box .list-dot-6, #docomo .button-iup-1-wrap .button-iup-box .list-dot-5, #docomo .button-iup-1-wrap .button-iup-box .list-dot-3, #docomo .button-iup-1-wrap .button-iup-box .list-dot, #docomo .button-iup-1-wrap .button-iup-box .list-base {
  margin-top: var(--space-size-20);
}
#docomo .button-iup-1-wrap .button-iup-footer {
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--ion-color-custom-black);
}
#docomo .button-iup-1-wrap .button-iup-footer span {
  cursor: pointer;
}
#docomo .button-iup-1-wrap .button-iup-footer ion-button {
  --padding-start: var(--space-size-10);
  --padding-end: 0;
  --background: none;
  --background-activated: none;
  --background-focused: none;
  --background-hover: none;
  --box-shadow: none;
  color: var(--ion-color-custom-black);
  font-size: calc(0.875em + 1.07vw);
  font-size: var(--font-size-large);
}
#docomo .button-iup-1-wrap:hover .ion-footer span,
#docomo .button-iup-1-wrap:hover .ion-footer ion-button {
  color: var(--ion-color-step-200);
  transition: color 0.5s ease-in;
}
#docomo .button-iup-1-wrap .button-iup-icon {
  display: flex;
  align-items: center;
  padding: var(--space-size-15);
  border: 1px dashed var(--ion-color-step-250);
  border-radius: 4px;
}
#docomo .button-iup-1-wrap .button-iup-icon ion-icon {
  width: var(--space-size-30);
  height: var(--space-size-30);
  stroke: var(--ion-color-txt-moderate-light);
}
#docomo .button-iup-1-wrap:first-child {
  margin-top: 0;
}
#docomo .button-iup-1-wrap:last-child {
  margin-bottom: 0;
}
#docomo .button-iup-1-wrap .button-iup-element {
  min-width: calc(var(--space-size-10) * 28 / 1);
}
#docomo .button-iup-1-wrap .button-iup-footer {
  margin: 0 auto var(--space-size-reset) auto;
}
#docomo .button-iup-1-wrap .button-iup-box .text-normal, #docomo .button-iup-1-wrap .button-iup-box .list-sharp-03, #docomo .button-iup-1-wrap .button-iup-box .list-sharp-02, #docomo .button-iup-1-wrap .button-iup-box .list-sharp-02-from4, #docomo .button-iup-1-wrap .button-iup-box .list-sharp-02-from3, #docomo .button-iup-1-wrap .button-iup-box .list-sharp-02-from2, #docomo .button-iup-1-wrap .button-iup-box .list-sharp, #docomo .button-iup-1-wrap .button-iup-box .list-example, #docomo .button-iup-1-wrap .button-iup-box .list-alphabetical, #docomo .button-iup-1-wrap .button-iup-box .list-decimal-04, #docomo .button-iup-1-wrap .button-iup-box .list-decimal-03, #docomo .button-iup-1-wrap .button-iup-box .list-decimal-02, #docomo .button-iup-1-wrap .button-iup-box .list-decimal, #docomo .button-iup-1-wrap .button-iup-box .list-dot-6, #docomo .button-iup-1-wrap .button-iup-box .list-dot-5, #docomo .button-iup-1-wrap .button-iup-box .list-dot-3, #docomo .button-iup-1-wrap .button-iup-box .list-dot, #docomo .button-iup-1-wrap .button-iup-box .list-base {
  text-align: center;
}
#docomo .button-iup-2-wrap {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-column-gap: var(--space-size-15);
  -moz-column-gap: var(--space-size-15);
       column-gap: var(--space-size-15);
  grid-row-gap: var(--space-size-15);
  row-gap: var(--space-size-15);
  margin: var(--space-size-30) 0;
}
#docomo .button-iup-2-wrap [type=file] {
  width: 0;
  height: 0;
  overflow: hidden;
}
#docomo .button-iup-2-wrap .button-iup-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: calc(var(--space-size-80) * 2);
  margin-top: var(--space-size-10);
  padding: var(--space-size-20);
  border: 1px solid var(--ion-form-border-color);
  border-radius: 4px;
}
#docomo .button-iup-2-wrap .button-iup-box ion-thumbnail {
  width: 100%;
  min-height: 118px;
}
#docomo .button-iup-2-wrap .button-iup-box .text-normal, #docomo .button-iup-2-wrap .button-iup-box .list-sharp-03, #docomo .button-iup-2-wrap .button-iup-box .list-sharp-02, #docomo .button-iup-2-wrap .button-iup-box .list-sharp-02-from4, #docomo .button-iup-2-wrap .button-iup-box .list-sharp-02-from3, #docomo .button-iup-2-wrap .button-iup-box .list-sharp-02-from2, #docomo .button-iup-2-wrap .button-iup-box .list-sharp, #docomo .button-iup-2-wrap .button-iup-box .list-example, #docomo .button-iup-2-wrap .button-iup-box .list-alphabetical, #docomo .button-iup-2-wrap .button-iup-box .list-decimal-04, #docomo .button-iup-2-wrap .button-iup-box .list-decimal-03, #docomo .button-iup-2-wrap .button-iup-box .list-decimal-02, #docomo .button-iup-2-wrap .button-iup-box .list-decimal, #docomo .button-iup-2-wrap .button-iup-box .list-dot-6, #docomo .button-iup-2-wrap .button-iup-box .list-dot-5, #docomo .button-iup-2-wrap .button-iup-box .list-dot-3, #docomo .button-iup-2-wrap .button-iup-box .list-dot, #docomo .button-iup-2-wrap .button-iup-box .list-base {
  margin-top: var(--space-size-20);
}
#docomo .button-iup-2-wrap .button-iup-footer {
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--ion-color-custom-black);
}
#docomo .button-iup-2-wrap .button-iup-footer span {
  cursor: pointer;
}
#docomo .button-iup-2-wrap .button-iup-footer ion-button {
  --padding-start: var(--space-size-10);
  --padding-end: 0;
  --background: none;
  --background-activated: none;
  --background-focused: none;
  --background-hover: none;
  --box-shadow: none;
  color: var(--ion-color-custom-black);
  font-size: calc(0.875em + 1.07vw);
  font-size: var(--font-size-large);
}
#docomo .button-iup-2-wrap:hover .ion-footer span,
#docomo .button-iup-2-wrap:hover .ion-footer ion-button {
  color: var(--ion-color-step-200);
  transition: color 0.5s ease-in;
}
#docomo .button-iup-2-wrap .button-iup-icon {
  display: flex;
  align-items: center;
  padding: var(--space-size-15);
  border: 1px dashed var(--ion-color-step-250);
  border-radius: 4px;
}
#docomo .button-iup-2-wrap .button-iup-icon ion-icon {
  width: var(--space-size-30);
  height: var(--space-size-30);
  stroke: var(--ion-color-txt-moderate-light);
}
#docomo .button-iup-2-wrap:first-child {
  margin-top: 0;
}
#docomo .button-iup-2-wrap:last-child {
  margin-bottom: 0;
}
#docomo .button-iup-2-wrap .button-iup-element {
  min-width: calc(var(--space-size-10) * 28 / 2);
}
#docomo .button-iup-2-wrap .button-iup-footer {
  margin: 0 auto var(--space-size-reset) auto;
}
#docomo .button-iup-2-wrap .button-iup-box .text-normal, #docomo .button-iup-2-wrap .button-iup-box .list-sharp-03, #docomo .button-iup-2-wrap .button-iup-box .list-sharp-02, #docomo .button-iup-2-wrap .button-iup-box .list-sharp-02-from4, #docomo .button-iup-2-wrap .button-iup-box .list-sharp-02-from3, #docomo .button-iup-2-wrap .button-iup-box .list-sharp-02-from2, #docomo .button-iup-2-wrap .button-iup-box .list-sharp, #docomo .button-iup-2-wrap .button-iup-box .list-example, #docomo .button-iup-2-wrap .button-iup-box .list-alphabetical, #docomo .button-iup-2-wrap .button-iup-box .list-decimal-04, #docomo .button-iup-2-wrap .button-iup-box .list-decimal-03, #docomo .button-iup-2-wrap .button-iup-box .list-decimal-02, #docomo .button-iup-2-wrap .button-iup-box .list-decimal, #docomo .button-iup-2-wrap .button-iup-box .list-dot-6, #docomo .button-iup-2-wrap .button-iup-box .list-dot-5, #docomo .button-iup-2-wrap .button-iup-box .list-dot-3, #docomo .button-iup-2-wrap .button-iup-box .list-dot, #docomo .button-iup-2-wrap .button-iup-box .list-base {
  text-align: center;
}
#docomo .button-iup-3-wrap {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-column-gap: var(--space-size-15);
  -moz-column-gap: var(--space-size-15);
       column-gap: var(--space-size-15);
  grid-row-gap: var(--space-size-15);
  row-gap: var(--space-size-15);
  margin: var(--space-size-30) 0;
}
#docomo .button-iup-3-wrap [type=file] {
  width: 0;
  height: 0;
  overflow: hidden;
}
#docomo .button-iup-3-wrap .button-iup-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: calc(var(--space-size-80) * 2);
  margin-top: var(--space-size-10);
  padding: var(--space-size-20);
  border: 1px solid var(--ion-form-border-color);
  border-radius: 4px;
}
#docomo .button-iup-3-wrap .button-iup-box ion-thumbnail {
  width: 100%;
  min-height: 118px;
}
#docomo .button-iup-3-wrap .button-iup-box .text-normal, #docomo .button-iup-3-wrap .button-iup-box .list-sharp-03, #docomo .button-iup-3-wrap .button-iup-box .list-sharp-02, #docomo .button-iup-3-wrap .button-iup-box .list-sharp-02-from4, #docomo .button-iup-3-wrap .button-iup-box .list-sharp-02-from3, #docomo .button-iup-3-wrap .button-iup-box .list-sharp-02-from2, #docomo .button-iup-3-wrap .button-iup-box .list-sharp, #docomo .button-iup-3-wrap .button-iup-box .list-example, #docomo .button-iup-3-wrap .button-iup-box .list-alphabetical, #docomo .button-iup-3-wrap .button-iup-box .list-decimal-04, #docomo .button-iup-3-wrap .button-iup-box .list-decimal-03, #docomo .button-iup-3-wrap .button-iup-box .list-decimal-02, #docomo .button-iup-3-wrap .button-iup-box .list-decimal, #docomo .button-iup-3-wrap .button-iup-box .list-dot-6, #docomo .button-iup-3-wrap .button-iup-box .list-dot-5, #docomo .button-iup-3-wrap .button-iup-box .list-dot-3, #docomo .button-iup-3-wrap .button-iup-box .list-dot, #docomo .button-iup-3-wrap .button-iup-box .list-base {
  margin-top: var(--space-size-20);
}
#docomo .button-iup-3-wrap .button-iup-footer {
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--ion-color-custom-black);
}
#docomo .button-iup-3-wrap .button-iup-footer span {
  cursor: pointer;
}
#docomo .button-iup-3-wrap .button-iup-footer ion-button {
  --padding-start: var(--space-size-10);
  --padding-end: 0;
  --background: none;
  --background-activated: none;
  --background-focused: none;
  --background-hover: none;
  --box-shadow: none;
  color: var(--ion-color-custom-black);
  font-size: calc(0.875em + 1.07vw);
  font-size: var(--font-size-large);
}
#docomo .button-iup-3-wrap:hover .ion-footer span,
#docomo .button-iup-3-wrap:hover .ion-footer ion-button {
  color: var(--ion-color-step-200);
  transition: color 0.5s ease-in;
}
#docomo .button-iup-3-wrap .button-iup-icon {
  display: flex;
  align-items: center;
  padding: var(--space-size-15);
  border: 1px dashed var(--ion-color-step-250);
  border-radius: 4px;
}
#docomo .button-iup-3-wrap .button-iup-icon ion-icon {
  width: var(--space-size-30);
  height: var(--space-size-30);
  stroke: var(--ion-color-txt-moderate-light);
}
#docomo .button-iup-3-wrap:first-child {
  margin-top: 0;
}
#docomo .button-iup-3-wrap:last-child {
  margin-bottom: 0;
}
#docomo .button-iup-3-wrap .button-iup-element {
  min-width: calc(var(--space-size-10) * 28 / 3);
}
#docomo .button-iup-3-wrap .button-iup-footer {
  margin: 0 auto var(--space-size-reset) auto;
}
#docomo .button-iup-3-wrap .button-iup-box .text-normal, #docomo .button-iup-3-wrap .button-iup-box .list-sharp-03, #docomo .button-iup-3-wrap .button-iup-box .list-sharp-02, #docomo .button-iup-3-wrap .button-iup-box .list-sharp-02-from4, #docomo .button-iup-3-wrap .button-iup-box .list-sharp-02-from3, #docomo .button-iup-3-wrap .button-iup-box .list-sharp-02-from2, #docomo .button-iup-3-wrap .button-iup-box .list-sharp, #docomo .button-iup-3-wrap .button-iup-box .list-example, #docomo .button-iup-3-wrap .button-iup-box .list-alphabetical, #docomo .button-iup-3-wrap .button-iup-box .list-decimal-04, #docomo .button-iup-3-wrap .button-iup-box .list-decimal-03, #docomo .button-iup-3-wrap .button-iup-box .list-decimal-02, #docomo .button-iup-3-wrap .button-iup-box .list-decimal, #docomo .button-iup-3-wrap .button-iup-box .list-dot-6, #docomo .button-iup-3-wrap .button-iup-box .list-dot-5, #docomo .button-iup-3-wrap .button-iup-box .list-dot-3, #docomo .button-iup-3-wrap .button-iup-box .list-dot, #docomo .button-iup-3-wrap .button-iup-box .list-base {
  text-align: center;
}
#docomo .button-iup-2-wrap > .button-iup-element {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  min-height: calc(var(--space-size-80) * 2);
}
#docomo .button-iup-2-wrap > .button-iup-element ion-thumbnail {
  height: calc( var(--space-size-50) + var(--space-size-50) + var(--space-size-10) );
  width: 100%;
}
#docomo .button-iup-2-wrap > .button-iup-element .div-align-height {
  height: var(--space-size-60);
}
#docomo .button-iup-2-wrap > .button-iup-element .text-normal, #docomo .button-iup-2-wrap > .button-iup-element .list-sharp-03, #docomo .button-iup-2-wrap > .button-iup-element .list-sharp-02, #docomo .button-iup-2-wrap > .button-iup-element .list-sharp-02-from4, #docomo .button-iup-2-wrap > .button-iup-element .list-sharp-02-from3, #docomo .button-iup-2-wrap > .button-iup-element .list-sharp-02-from2, #docomo .button-iup-2-wrap > .button-iup-element .list-sharp, #docomo .button-iup-2-wrap > .button-iup-element .list-example, #docomo .button-iup-2-wrap > .button-iup-element .list-alphabetical, #docomo .button-iup-2-wrap > .button-iup-element .list-decimal-04, #docomo .button-iup-2-wrap > .button-iup-element .list-decimal-03, #docomo .button-iup-2-wrap > .button-iup-element .list-decimal-02, #docomo .button-iup-2-wrap > .button-iup-element .list-decimal, #docomo .button-iup-2-wrap > .button-iup-element .list-dot-6, #docomo .button-iup-2-wrap > .button-iup-element .list-dot-5, #docomo .button-iup-2-wrap > .button-iup-element .list-dot-3, #docomo .button-iup-2-wrap > .button-iup-element .list-dot, #docomo .button-iup-2-wrap > .button-iup-element .list-base {
  margin-bottom: var(--space-size-5);
}
#docomo .button-iup-2-wrap .button-iup-box {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-top: 0;
  min-height: calc(var(--space-size-80) * 2);
  padding: var(--space-size-20);
  width: 100%;
}
#docomo .button-iup-2-wrap .btn-iup-thumbnail {
  align-items: center;
  display: flex;
  flex-direction: column;
  border: 1px solid var(--ion-color-step-150);
  justify-content: center;
  min-height: calc(var(--space-size-80) * 2);
  width: 100%;
}
#docomo .button-iup-2-wrap .btn-iup-thumbnail ion-thumbnail {
  margin-bottom: 0;
}
#docomo .button-iup-2-wrap .link-normal {
  margin-top: var(--space-size-10);
}
#docomo .button-iup-2-wrap .link-normal a {
  font-size: calc(0.75rem + 1.07vw);
  font-size: var(--font-size-medium);
  font-family: "Hiragino Sans", "游ゴシック", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Noto Sans CJK JP CJK JP", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#docomo .button-iup-2-wrap .link-normal a ion-icon {
  height: var(--space-size-20);
  padding-left: var(--space-size-5);
  stroke: var(--ion-color-link);
  width: var(--space-size-20);
}
#docomo .button-iup-2-wrap .link-normal a.red {
  color: var(--ion-color-custom-red);
}
#docomo .button-iup-2-wrap .link-normal a.red ion-icon {
  stroke: var(--ion-color-custom-red);
}
#docomo .button-iup-2-wrap.long-label {
  grid-column-gap: revert;
  -moz-column-gap: revert;
       column-gap: revert;
  display: flex;
  flex-direction: column;
  grid-template-columns: revert;
  grid-row-gap: revert;
  row-gap: revert;
}
#docomo .button-iup-2-wrap.long-label .button-iup-element-flex {
  display: flex;
  justify-content: space-between;
}
#docomo .button-iup-2-wrap.long-label .button-iup-element-flex:last-child {
  margin-top: var(--space-size-5);
}
#docomo .button-iup-2-wrap.long-label .button-iup-element-flex .text-normal, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-sharp-03, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-sharp-02, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-sharp-02-from4, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-sharp-02-from3, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-sharp-02-from2, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-sharp, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-example, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-alphabetical, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-decimal-04, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-decimal-03, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-decimal-02, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-decimal, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-dot-6, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-dot-5, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-dot-3, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-dot, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-base,
#docomo .button-iup-2-wrap.long-label .button-iup-element-flex .button-iup-box {
  flex-basis: calc(50% - 7.5px);
  margin-bottom: 0;
}
#docomo .button-iup-2-wrap.long-label .button-iup-element-flex .text-normal .text-normal, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-sharp-03 .text-normal, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-sharp-02 .text-normal, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-sharp-02-from4 .text-normal, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-sharp-02-from3 .text-normal, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-sharp-02-from2 .text-normal, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-sharp .text-normal, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-example .text-normal, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-alphabetical .text-normal, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-decimal-04 .text-normal, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-decimal-03 .text-normal, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-decimal-02 .text-normal, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-decimal .text-normal, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-dot-6 .text-normal, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-dot-5 .text-normal, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-dot-3 .text-normal, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-dot .text-normal, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .text-normal .list-sharp-03, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .text-normal .list-sharp-02, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .text-normal .list-sharp-02-from4, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .text-normal .list-sharp-02-from3, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .text-normal .list-sharp-02-from2, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .text-normal .list-sharp, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .text-normal .list-example, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .text-normal .list-alphabetical, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .text-normal .list-decimal-04, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .text-normal .list-decimal-03, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .text-normal .list-decimal-02, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .text-normal .list-decimal, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .text-normal .list-dot-6, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .text-normal .list-dot-5, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .text-normal .list-dot-3, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .text-normal .list-dot, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-sharp-03 .list-sharp-03, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-sharp-02 .list-sharp-03, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-sharp-02-from4 .list-sharp-03, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-sharp-02-from3 .list-sharp-03, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-sharp-02-from2 .list-sharp-03, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-sharp-03 .list-sharp-02, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-sharp-03 .list-sharp-02-from4, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-sharp-03 .list-sharp-02-from3, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-sharp-03 .list-sharp-02-from2, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-sharp-02 .list-sharp-02, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-sharp-02-from4 .list-sharp-02, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-sharp-02 .list-sharp-02-from4, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-sharp-02-from4 .list-sharp-02-from4, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-sharp-02-from3 .list-sharp-02, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-sharp-02-from3 .list-sharp-02-from4, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-sharp-02 .list-sharp-02-from3, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-sharp-02-from4 .list-sharp-02-from3, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-sharp-02-from3 .list-sharp-02-from3, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-sharp-02-from2 .list-sharp-02, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-sharp-02-from2 .list-sharp-02-from4, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-sharp-02-from2 .list-sharp-02-from3, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-sharp-02 .list-sharp-02-from2, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-sharp-02-from4 .list-sharp-02-from2, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-sharp-02-from3 .list-sharp-02-from2, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-sharp-02-from2 .list-sharp-02-from2, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-sharp .list-sharp-03, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-sharp .list-sharp-02, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-sharp .list-sharp-02-from4, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-sharp .list-sharp-02-from3, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-sharp .list-sharp-02-from2, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-sharp-03 .list-sharp, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-sharp-02 .list-sharp, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-sharp-02-from4 .list-sharp, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-sharp-02-from3 .list-sharp, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-sharp-02-from2 .list-sharp, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-sharp .list-sharp, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-example .list-sharp-03, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-example .list-sharp-02, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-example .list-sharp-02-from4, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-example .list-sharp-02-from3, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-example .list-sharp-02-from2, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-example .list-sharp, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-sharp-03 .list-example, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-sharp-02 .list-example, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-sharp-02-from4 .list-example, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-sharp-02-from3 .list-example, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-sharp-02-from2 .list-example, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-sharp .list-example, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-example .list-example, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-alphabetical .list-sharp-03, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-alphabetical .list-sharp-02, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-alphabetical .list-sharp-02-from4, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-alphabetical .list-sharp-02-from3, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-alphabetical .list-sharp-02-from2, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-alphabetical .list-sharp, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-alphabetical .list-example, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-sharp-03 .list-alphabetical, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-sharp-02 .list-alphabetical, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-sharp-02-from4 .list-alphabetical, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-sharp-02-from3 .list-alphabetical, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-sharp-02-from2 .list-alphabetical, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-sharp .list-alphabetical, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-example .list-alphabetical, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-alphabetical .list-alphabetical, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-decimal-04 .list-sharp-03, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-decimal-04 .list-sharp-02, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-decimal-04 .list-sharp-02-from4, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-decimal-04 .list-sharp-02-from3, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-decimal-04 .list-sharp-02-from2, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-decimal-04 .list-sharp, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-decimal-04 .list-example, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-decimal-04 .list-alphabetical, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-sharp-03 .list-decimal-04, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-sharp-02 .list-decimal-04, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-sharp-02-from4 .list-decimal-04, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-sharp-02-from3 .list-decimal-04, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-sharp-02-from2 .list-decimal-04, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-sharp .list-decimal-04, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-example .list-decimal-04, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-alphabetical .list-decimal-04, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-decimal-04 .list-decimal-04, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-decimal-03 .list-sharp-03, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-decimal-03 .list-sharp-02, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-decimal-03 .list-sharp-02-from4, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-decimal-03 .list-sharp-02-from3, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-decimal-03 .list-sharp-02-from2, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-decimal-03 .list-sharp, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-decimal-03 .list-example, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-decimal-03 .list-alphabetical, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-decimal-03 .list-decimal-04, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-sharp-03 .list-decimal-03, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-sharp-02 .list-decimal-03, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-sharp-02-from4 .list-decimal-03, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-sharp-02-from3 .list-decimal-03, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-sharp-02-from2 .list-decimal-03, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-sharp .list-decimal-03, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-example .list-decimal-03, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-alphabetical .list-decimal-03, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-decimal-04 .list-decimal-03, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-decimal-03 .list-decimal-03, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-decimal-02 .list-sharp-03, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-decimal-02 .list-sharp-02, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-decimal-02 .list-sharp-02-from4, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-decimal-02 .list-sharp-02-from3, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-decimal-02 .list-sharp-02-from2, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-decimal-02 .list-sharp, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-decimal-02 .list-example, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-decimal-02 .list-alphabetical, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-decimal-02 .list-decimal-04, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-decimal-02 .list-decimal-03, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-sharp-03 .list-decimal-02, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-sharp-02 .list-decimal-02, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-sharp-02-from4 .list-decimal-02, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-sharp-02-from3 .list-decimal-02, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-sharp-02-from2 .list-decimal-02, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-sharp .list-decimal-02, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-example .list-decimal-02, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-alphabetical .list-decimal-02, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-decimal-04 .list-decimal-02, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-decimal-03 .list-decimal-02, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-decimal-02 .list-decimal-02, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-decimal .list-sharp-03, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-decimal .list-sharp-02, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-decimal .list-sharp-02-from4, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-decimal .list-sharp-02-from3, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-decimal .list-sharp-02-from2, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-decimal .list-sharp, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-decimal .list-example, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-decimal .list-alphabetical, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-decimal .list-decimal-04, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-decimal .list-decimal-03, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-decimal .list-decimal-02, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-sharp-03 .list-decimal, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-sharp-02 .list-decimal, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-sharp-02-from4 .list-decimal, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-sharp-02-from3 .list-decimal, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-sharp-02-from2 .list-decimal, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-sharp .list-decimal, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-example .list-decimal, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-alphabetical .list-decimal, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-decimal-04 .list-decimal, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-decimal-03 .list-decimal, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-decimal-02 .list-decimal, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-decimal .list-decimal, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-dot-6 .list-sharp-03, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-dot-6 .list-sharp-02, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-dot-6 .list-sharp-02-from4, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-dot-6 .list-sharp-02-from3, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-dot-6 .list-sharp-02-from2, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-dot-6 .list-sharp, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-dot-6 .list-example, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-dot-6 .list-alphabetical, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-dot-6 .list-decimal-04, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-dot-6 .list-decimal-03, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-dot-6 .list-decimal-02, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-dot-6 .list-decimal, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-sharp-03 .list-dot-6, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-sharp-02 .list-dot-6, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-sharp-02-from4 .list-dot-6, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-sharp-02-from3 .list-dot-6, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-sharp-02-from2 .list-dot-6, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-sharp .list-dot-6, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-example .list-dot-6, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-alphabetical .list-dot-6, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-decimal-04 .list-dot-6, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-decimal-03 .list-dot-6, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-decimal-02 .list-dot-6, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-decimal .list-dot-6, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-dot-6 .list-dot-6, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-dot-5 .list-sharp-03, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-dot-5 .list-sharp-02, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-dot-5 .list-sharp-02-from4, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-dot-5 .list-sharp-02-from3, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-dot-5 .list-sharp-02-from2, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-dot-5 .list-sharp, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-dot-5 .list-example, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-dot-5 .list-alphabetical, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-dot-5 .list-decimal-04, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-dot-5 .list-decimal-03, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-dot-5 .list-decimal-02, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-dot-5 .list-decimal, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-dot-5 .list-dot-6, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-sharp-03 .list-dot-5, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-sharp-02 .list-dot-5, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-sharp-02-from4 .list-dot-5, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-sharp-02-from3 .list-dot-5, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-sharp-02-from2 .list-dot-5, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-sharp .list-dot-5, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-example .list-dot-5, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-alphabetical .list-dot-5, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-decimal-04 .list-dot-5, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-decimal-03 .list-dot-5, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-decimal-02 .list-dot-5, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-decimal .list-dot-5, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-dot-6 .list-dot-5, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-dot-5 .list-dot-5, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-dot-3 .list-sharp-03, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-dot-3 .list-sharp-02, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-dot-3 .list-sharp-02-from4, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-dot-3 .list-sharp-02-from3, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-dot-3 .list-sharp-02-from2, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-dot-3 .list-sharp, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-dot-3 .list-example, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-dot-3 .list-alphabetical, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-dot-3 .list-decimal-04, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-dot-3 .list-decimal-03, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-dot-3 .list-decimal-02, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-dot-3 .list-decimal, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-dot-3 .list-dot-6, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-dot-3 .list-dot-5, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-sharp-03 .list-dot-3, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-sharp-02 .list-dot-3, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-sharp-02-from4 .list-dot-3, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-sharp-02-from3 .list-dot-3, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-sharp-02-from2 .list-dot-3, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-sharp .list-dot-3, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-example .list-dot-3, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-alphabetical .list-dot-3, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-decimal-04 .list-dot-3, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-decimal-03 .list-dot-3, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-decimal-02 .list-dot-3, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-decimal .list-dot-3, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-dot-6 .list-dot-3, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-dot-5 .list-dot-3, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-dot-3 .list-dot-3, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-dot .list-sharp-03, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-dot .list-sharp-02, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-dot .list-sharp-02-from4, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-dot .list-sharp-02-from3, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-dot .list-sharp-02-from2, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-dot .list-sharp, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-dot .list-example, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-dot .list-alphabetical, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-dot .list-decimal-04, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-dot .list-decimal-03, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-dot .list-decimal-02, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-dot .list-decimal, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-dot .list-dot-6, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-dot .list-dot-5, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-dot .list-dot-3, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-sharp-03 .list-dot, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-sharp-02 .list-dot, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-sharp-02-from4 .list-dot, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-sharp-02-from3 .list-dot, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-sharp-02-from2 .list-dot, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-sharp .list-dot, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-example .list-dot, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-alphabetical .list-dot, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-decimal-04 .list-dot, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-decimal-03 .list-dot, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-decimal-02 .list-dot, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-decimal .list-dot, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-dot-6 .list-dot, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-dot-5 .list-dot, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-dot-3 .list-dot, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-dot .list-dot, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-base .text-normal, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-base .list-sharp-03, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-base .list-sharp-02, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-base .list-sharp-02-from4, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-base .list-sharp-02-from3, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-base .list-sharp-02-from2, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-base .list-sharp, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-base .list-example, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-base .list-alphabetical, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-base .list-decimal-04, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-base .list-decimal-03, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-base .list-decimal-02, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-base .list-decimal, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-base .list-dot-6, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-base .list-dot-5, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-base .list-dot-3, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-base .list-dot, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .text-normal .list-base, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-sharp-03 .list-base, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-sharp-02 .list-base, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-sharp-02-from4 .list-base, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-sharp-02-from3 .list-base, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-sharp-02-from2 .list-base, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-sharp .list-base, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-example .list-base, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-alphabetical .list-base, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-decimal-04 .list-base, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-decimal-03 .list-base, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-decimal-02 .list-base, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-decimal .list-base, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-dot-6 .list-base, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-dot-5 .list-base, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-dot-3 .list-base, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-dot .list-base, #docomo .button-iup-2-wrap.long-label .button-iup-element-flex .list-base .list-base,
#docomo .button-iup-2-wrap.long-label .button-iup-element-flex .button-iup-box .text-normal,
#docomo .button-iup-2-wrap.long-label .button-iup-element-flex .button-iup-box .list-sharp-03,
#docomo .button-iup-2-wrap.long-label .button-iup-element-flex .button-iup-box .list-sharp-02,
#docomo .button-iup-2-wrap.long-label .button-iup-element-flex .button-iup-box .list-sharp-02-from4,
#docomo .button-iup-2-wrap.long-label .button-iup-element-flex .button-iup-box .list-sharp-02-from3,
#docomo .button-iup-2-wrap.long-label .button-iup-element-flex .button-iup-box .list-sharp-02-from2,
#docomo .button-iup-2-wrap.long-label .button-iup-element-flex .button-iup-box .list-sharp,
#docomo .button-iup-2-wrap.long-label .button-iup-element-flex .button-iup-box .list-example,
#docomo .button-iup-2-wrap.long-label .button-iup-element-flex .button-iup-box .list-alphabetical,
#docomo .button-iup-2-wrap.long-label .button-iup-element-flex .button-iup-box .list-decimal-04,
#docomo .button-iup-2-wrap.long-label .button-iup-element-flex .button-iup-box .list-decimal-03,
#docomo .button-iup-2-wrap.long-label .button-iup-element-flex .button-iup-box .list-decimal-02,
#docomo .button-iup-2-wrap.long-label .button-iup-element-flex .button-iup-box .list-decimal,
#docomo .button-iup-2-wrap.long-label .button-iup-element-flex .button-iup-box .list-dot-6,
#docomo .button-iup-2-wrap.long-label .button-iup-element-flex .button-iup-box .list-dot-5,
#docomo .button-iup-2-wrap.long-label .button-iup-element-flex .button-iup-box .list-dot-3,
#docomo .button-iup-2-wrap.long-label .button-iup-element-flex .button-iup-box .list-dot,
#docomo .button-iup-2-wrap.long-label .button-iup-element-flex .button-iup-box .list-base {
  margin-left: 0;
}
#docomo .button-iup-2-wrap.long-label .button-iup-element-flex .button-iup-element {
  align-items: flex-start;
  display: flex;
  flex-basis: calc(50% - 7.5px);
  flex-direction: column;
  min-height: calc(var(--space-size-80) * 2);
}
#docomo .button-iup-2-wrap.long-label .button-iup-element-flex .button-iup-element ion-thumbnail {
  height: calc( var(--space-size-50) + var(--space-size-50) + var(--space-size-10) );
  width: 100%;
}
#docomo .button-iup-2-wrap.headered-button-header {
  margin-bottom: 0;
}
#docomo .button-iup-2-wrap.headered-button-button {
  margin-top: 0;
}
#docomo ion-button[fill=outline][color=blue].ion-activated {
  background: var(--ion-color-blue);
  border-radius: 4px;
}
#docomo ion-button[fill=outline][color=brown].ion-activated {
  background: var(--ion-color-brown);
  border-radius: 4px;
}
#docomo ion-button:not([fill])[color=blue].ion-activated, #docomo ion-button:not([fill])[color=brown].ion-activated {
  opacity: 0.3;
}
#docomo .border-normal {
  border-bottom: 1px solid var(--ion-separator-border-color);
}
#docomo .border-dashed, #docomo .cnf-normal, #docomo .pay-box, #docomo .unique-g13-07 .unique-g13-07-list {
  background-image: linear-gradient(to right, #999 33%, rgba(255, 255, 255, 0) 0%);
  background-repeat: repeat-x;
  background-position: bottom;
  background-size: 3px 1px;
}
#docomo .border-normal {
  margin: var(--space-size-40) 0;
}
#docomo .unique-g13-03 + .link-normal + .border-normal {
  margin: var(--space-size-25) 0;
}
#docomo .border-bottom-line {
  border-bottom: 3px solid var(--ion-default-border-color);
}
#docomo .checkbox-button-multiline, #docomo .checkbox-button-split, #docomo .checkbox-button-split-wrap, #docomo .bac-box .checkbox-button-normal {
  display: block;
  margin: var(--space-size-15) 0;
  --background: var(--ion-table-form-bg-color);
  --background-hover: var(--ion-table-form-bg-color);
  --min-height: 1px;
  --padding-start: 0;
  --min-height: auto;
  --inner-padding-end: 0;
  border: 1px solid var(--ion-form-border-color);
  border-radius: var(--space-size-8);
  /* 入力済み state */
  /* 非活性 state */
  /* 任意項目 */
  /* エラー state */
}
#docomo .checkbox-button-multiline ion-label.sc-ion-label-md-h, #docomo .checkbox-button-split ion-label.sc-ion-label-md-h, #docomo .checkbox-button-split-wrap ion-label.sc-ion-label-md-h, #docomo .bac-box .checkbox-button-normal ion-label.sc-ion-label-md-h {
  margin: 0;
  color: var(--ion-default-text-color);
  font-size: calc(0.75rem + 1.07vw);
  font-size: var(--font-size-medium);
  font-family: "Hiragino Sans", "游ゴシック", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Noto Sans CJK JP CJK JP", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#docomo .checkbox-button-multiline ion-checkbox, #docomo .checkbox-button-split ion-checkbox, #docomo .checkbox-button-split-wrap ion-checkbox, #docomo .bac-box .checkbox-button-normal ion-checkbox {
  align-self: end;
  margin: var(--space-size-20) calc(var(--space-size-20) / 2) var(--space-size-20) var(--space-size-15);
  ---size: var(--space-size-20);
}
#docomo .checkbox-button-multiline ion-checkbox:not(.checkbox-checked)::part(container), #docomo .checkbox-button-split ion-checkbox:not(.checkbox-checked)::part(container), #docomo .checkbox-button-split-wrap ion-checkbox:not(.checkbox-checked)::part(container), #docomo .bac-box .checkbox-button-normal ion-checkbox:not(.checkbox-checked)::part(container) {
  border: 1px solid var(--ion-color-ui-tool);
  background-color: var(--ion-color-ui-tool);
}
#docomo .checkbox-button-multiline ion-checkbox:not(.checkbox-checked)::part(mark), #docomo .checkbox-button-split ion-checkbox:not(.checkbox-checked)::part(mark), #docomo .checkbox-button-split-wrap ion-checkbox:not(.checkbox-checked)::part(mark), #docomo .bac-box .checkbox-button-normal ion-checkbox:not(.checkbox-checked)::part(mark) {
  opacity: 1;
  stroke-dasharray: none;
}
#docomo .item-checkbox-checked.checkbox-button-multiline, #docomo .item-checkbox-checked.checkbox-button-split, #docomo .item-checkbox-checked.checkbox-button-split-wrap, #docomo .bac-box .item-checkbox-checked.checkbox-button-normal {
  --background: var(--ion-table-form-bg-color);
}
#docomo .item-checkbox-other-checked.checkbox-button-multiline, #docomo .item-checkbox-other-checked.checkbox-button-split, #docomo .item-checkbox-other-checked.checkbox-button-split-wrap, #docomo .bac-box .item-checkbox-other-checked.checkbox-button-normal {
  --background: var(--ion-table-form-bg-color);
}
#docomo [disabled].checkbox-button-multiline, #docomo [disabled].checkbox-button-split, #docomo [disabled].checkbox-button-split-wrap, #docomo .bac-box [disabled].checkbox-button-normal {
  color: var(--ion-default-text-color);
}
[optional] #docomo .checkbox-button-multiline, [optional] #docomo .checkbox-button-split, [optional] #docomo .checkbox-button-split-wrap, [optional] #docomo .bac-box .checkbox-button-normal, #docomo [optional].checkbox-button-multiline, #docomo [optional].checkbox-button-split, #docomo [optional].checkbox-button-split-wrap, #docomo .bac-box [optional].checkbox-button-normal {
  --background: transparent;
}
#docomo [invalid].checkbox-button-multiline, #docomo [invalid].checkbox-button-split, #docomo [invalid].checkbox-button-split-wrap, #docomo .bac-box [invalid].checkbox-button-normal {
  --background: var(--ion-form-error-bg-color);
}
.landing-theme #docomo .checkbox-button-multiline, .landing-theme #docomo .checkbox-button-split, .landing-theme #docomo .checkbox-button-split-wrap, .landing-theme #docomo .bac-box .checkbox-button-normal {
  --padding-top: var(--space-size-25);
  --padding-bottom: var(--space-size-25);
  --padding-start: var(--space-size-10);
  --background: transparent;
  border: 1px solid var(--ion-color-custom-white);
  border-radius: var(--space-size-15);
}
.landing-theme #docomo .checkbox-button-multiline ion-checkbox, .landing-theme #docomo .checkbox-button-split ion-checkbox, .landing-theme #docomo .checkbox-button-split-wrap ion-checkbox, .landing-theme #docomo .bac-box .checkbox-button-normal ion-checkbox {
  align-self: center;
  margin: 0 var(--space-size-10) 0 0;
  --background: none;
  --border-color: var(--ion-color-step-200);
  --border-radius: 1px;
  --border-width: 4px;
  --size: 22px;
}
.landing-theme #docomo .checkbox-button-multiline ion-checkbox:not(.checkbox-checked)::part(container), .landing-theme #docomo .checkbox-button-split ion-checkbox:not(.checkbox-checked)::part(container), .landing-theme #docomo .checkbox-button-split-wrap ion-checkbox:not(.checkbox-checked)::part(container), .landing-theme #docomo .bac-box .checkbox-button-normal ion-checkbox:not(.checkbox-checked)::part(container) {
  border: 1px solid var(--ion-color-step-200);
  background-color: transparent;
}
.landing-theme #docomo .checkbox-button-multiline ion-checkbox:after, .landing-theme #docomo .checkbox-button-split ion-checkbox:after, .landing-theme #docomo .checkbox-button-split-wrap ion-checkbox:after, .landing-theme #docomo .bac-box .checkbox-button-normal ion-checkbox:after {
  border-color: var(--ion-color-step-200) !important;
}
.landing-theme #docomo .item-checkbox-checked.checkbox-button-multiline, .landing-theme #docomo .item-checkbox-checked.checkbox-button-split, .landing-theme #docomo .item-checkbox-checked.checkbox-button-split-wrap, .landing-theme #docomo .bac-box .item-checkbox-checked.checkbox-button-normal, .landing-theme #docomo [disabled].checkbox-button-multiline, .landing-theme #docomo [disabled].checkbox-button-split, .landing-theme #docomo [disabled].checkbox-button-split-wrap, .landing-theme #docomo .bac-box [disabled].checkbox-button-normal, .landing-theme #docomo [invalid].checkbox-button-multiline, .landing-theme #docomo [invalid].checkbox-button-split, .landing-theme #docomo [invalid].checkbox-button-split-wrap, .landing-theme #docomo .bac-box [invalid].checkbox-button-normal {
  --background: transparent;
}
#docomo .checkbox-button-normal-wrap {
  margin: var(--space-size-20) 0 0 0;
}
#docomo .checkbox-button-normal-wrap:first-child {
  margin-top: 0;
}
#docomo .checkbox-button-normal-wrap:last-child {
  margin-bottom: 0;
}
#docomo .checkbox-button-normal {
  margin-top: var(--space-size-15);
  --padding-top: 0;
  --padding-end: 0;
  --padding-bottom: 0;
  --padding-start: 0;
  --ripple-color: transparent;
  --min-height: 1px;
  --background: none;
}
#docomo .checkbox-button-normal ion-label {
  --color: var(--ion-default-text-color) !important;
  margin: 0;
  line-height: 1.5;
  white-space: normal !important;
}
#docomo .checkbox-button-normal ion-checkbox {
  margin: 0 var(--space-size-10) 0 0;
  --size: var(--space-size-20);
  --border-radius: var(--space-size-50);
}
#docomo .checkbox-button-normal ion-checkbox:not(.checkbox-checked)::part(container) {
  border: 1px solid var(--ion-color-ui-tool);
  background-color: var(--ion-color-ui-tool);
}
#docomo .checkbox-button-normal ion-checkbox:not(.checkbox-checked)::part(mark) {
  opacity: 1;
  stroke-dasharray: none;
}
#docomo .checkbox-button-normal ion-checkbox[mini] {
  --size: var(--space-size-13);
}
#docomo .checkbox-button-normal[noBorder] {
  border: none !important;
}
#docomo .checkbox-button-normal.item-checkbox-checked {
  --background: none;
  background: none;
}
.landing-theme #docomo .checkbox-button-normal {
  --padding-top: 0;
  --padding-end: 0;
  --padding-bottom: 0;
  --padding-start: 0;
  --background: transparent;
  border: 1px solid var(--ion-color-custom-white);
}
.landing-theme #docomo .checkbox-button-normal ion-checkbox {
  align-self: center;
  margin: 0 var(--space-size-10) 0 0;
  --background: none;
  --border-color: var(--ion-color-step-200);
  --border-radius: 1px;
  --border-width: 4px;
  --size: 22px;
}
.landing-theme #docomo .checkbox-button-normal ion-checkbox:not(.checkbox-checked)::part(container) {
  border: 1px solid var(--ion-color-step-200);
  background-color: transparent;
}
.landing-theme #docomo .checkbox-button-normal ion-checkbox:after {
  border-color: var(--ion-color-step-200) !important;
}
.landing-theme #docomo .checkbox-button-normal.item-checkbox-checked, .landing-theme #docomo .checkbox-button-normal[disabled], .landing-theme #docomo .checkbox-button-normal[invalid] {
  --background: transparent;
}
.landing-theme > #docomo .checkbox-button-normal {
  margin-top: var(--space-size-40);
  margin-bottom: var(--space-size-60);
}
#docomo .checkbox-button-split-wrap {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  margin: var(--space-size-15) 0 0 0;
  grid-column-gap: var(--space-size-15);
  -moz-column-gap: var(--space-size-15);
       column-gap: var(--space-size-15);
}
#docomo .checkbox-button-split-wrap:first-child {
  margin-top: 0;
}
#docomo .checkbox-button-split-wrap:last-child {
  margin-bottom: 0;
}
#docomo .checkbox-button-split-wrap + .checkbox-button-split-wrap {
  margin-top: var(--space-size-15);
}
#docomo .checkbox-button-split {
  width: 100%;
  margin: 0;
}
#docomo .checkbox-button-multiline {
  margin: 4px 0;
  padding: 0;
}
#docomo .checkbox-button-multiline ion-checkbox {
  align-self: end;
  margin: var(--space-size-20) var(--space-size-10) var(--space-size-20) var(--space-size-15);
  --size: var(--space-size-20);
  --border-radius: var(--space-size-50);
  /* container query version */
}
@container app-page-responsive-content-container (min-width: 769px) {
  #docomo .checkbox-button-multiline ion-checkbox {
    align-self: center;
  }
}
#docomo .checkbox-button-multiline .checkbox-button-multiline-wrap {
  padding: var(--space-size-15) var(--space-size-15) var(--space-size-15) 0;
  /* container query version */
}
@container app-page-responsive-content-container (min-width: 769px) {
  #docomo .checkbox-button-multiline .checkbox-button-multiline-wrap {
    display: flex;
    align-items: center;
    min-height: 80px;
  }
}
#docomo .checkbox-button-multiline .checkbox-button-multiline-wrap div ion-label.sc-ion-label-md-h {
  white-space: normal;
  word-break: break-all;
}
#docomo .checkbox-button-multiline .checkbox-button-multiline-wrap div ion-label.sc-ion-label-md-h + p {
  padding-top: var(--space-size-10);
  color: var(--ion-color-step-650);
  font-size: var(--font-size-14);
  font-family: "Hiragino Sans", "游ゴシック", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Noto Sans CJK JP CJK JP", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#docomo .checkbox-button-multiline .checkbox-button-multiline-wrap div:nth-child(2) {
  flex-shrink: 0;
  text-align: right;
}
#docomo .checkbox-button-multiline .checkbox-button-multiline-wrap ion-label {
  white-space: normal;
  word-break: break-all;
}
#docomo .checkbox-button-multiline .checkbox-button-multiline-wrap.flex-box,
#docomo .checkbox-button-multiline .checkbox-button-multiline-wrap .flex-box {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  width: 100%;
}
#docomo .controller-box {
  margin: var(--space-size-30) 0;
}
#docomo .controller-box ion-col {
  border: 1px solid var(--ion-color-custom-white);
  --ion-grid-column-padding: 0;
}
#docomo .controller-box ion-col.controller-box-rewind, #docomo .controller-box ion-col.controller-box-forward {
  max-width: calc(var(--space-size-45) * 2) !important;
}
#docomo .controller-box ion-col.controller-box-rewind ion-button ion-icon, #docomo .controller-box ion-col.controller-box-forward ion-button ion-icon {
  width: var(--space-size-30);
  fill: var(--ion-color-custom-dark-gold);
  stroke: none;
}
#docomo .controller-box ion-col.controller-box-rewind ion-button ion-text, #docomo .controller-box ion-col.controller-box-forward ion-button ion-text {
  margin: 0 var(--space-size-10) 0;
  font-weight: normal;
  font-size: calc(0.625rem + 1.07vw);
  font-size: var(--font-size-small);
  font-family: -apple-system, BlinkMacSystemFont, "ヒラギノ角ゴ ProN", "HiraKakuProN", "ヒラギノ角ゴ Pro", "HiraKakuPro", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "Hiragino Sans", Roboto, "Noto Sans", "Noto Sans CJK JP", "Noto Sans JP", system-ui, Verdana, "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;
}
#docomo .controller-box ion-col.controller-box-rewind ion-button.ion-activated ion-icon, #docomo .controller-box ion-col.controller-box-forward ion-button.ion-activated ion-icon {
  fill: var(--ion-color-custom-white);
}
#docomo .controller-box ion-col.controller-box-rewind ion-button.ion-activated ion-text, #docomo .controller-box ion-col.controller-box-forward ion-button.ion-activated ion-text {
  color: var(--ion-color-custom-white);
}
#docomo .controller-box ion-col.controller-box-previous, #docomo .controller-box ion-col.controller-box-next {
  max-width: var(--space-size-40) !important;
}
#docomo .controller-box ion-col.controller-box-previous ion-button ion-icon, #docomo .controller-box ion-col.controller-box-next ion-button ion-icon {
  fill: var(--ion-color-custom-dark-gold);
  stroke: var(--ion-color-custom-dark-gold);
}
#docomo .controller-box ion-col.controller-box-previous ion-button.ion-activated ion-icon, #docomo .controller-box ion-col.controller-box-next ion-button.ion-activated ion-icon {
  fill: var(--ion-color-custom-white);
  stroke: var(--ion-color-custom-white);
}
#docomo .controller-box ion-col p {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--space-size-5) 0 0 0;
}
#docomo .image-wrap {
  margin: var(--space-size-20) 0;
}
#docomo .image-wrap:first-child {
  margin-top: 0;
}
#docomo .image-wrap:last-child {
  margin-bottom: 0;
}
#docomo .image-box {
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
  text-align: center;
  background-size: 40vw auto;
  animation: illustration-opacity-fade 0.2s ease-out 0s;
  animation-fill-mode: both;
}
#docomo .image-box * {
  width: auto;
  max-width: 100%;
  height: auto;
  max-height: 100%;
  margin: auto;
}
#docomo .image-box.bg-trans {
  background: transparent;
}
@keyframes illustration-opacity-fade {
  0% {
    transform: scale(0.5, 0.5);
    opacity: 0;
  }
  100% {
    transform: scale(1, 1);
    opacity: 1;
  }
}
#docomo .image-text-1, #docomo .image-text-4 {
  margin: 0 var(--space-size-15);
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  margin-top: var(--space-size-15);
  grid-column-gap: var(--space-size-10);
  -moz-column-gap: var(--space-size-10);
       column-gap: var(--space-size-10);
  grid-row-gap: var(--space-size-10);
  row-gap: var(--space-size-10);
}
#docomo .image-text-1 > div, #docomo .image-text-4 > div {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
#docomo .image-text-1 > div ion-thumbnail, #docomo .image-text-4 > div ion-thumbnail {
  width: 100%;
  margin-bottom: var(--space-size-15);
}
#docomo .image-text-1 > div a, #docomo .image-text-4 > div a {
  color: var(--ion-default-text-color);
  font-size: calc(0.625rem + 1.07vw);
  font-size: var(--font-size-small);
  text-align: left;
}
.landing-theme #docomo .image-text-1 > div, .landing-theme #docomo .image-text-4 > div {
  padding: var(--space-size-10);
  border: 1px solid var(--ion-form-border-color);
  border-radius: var(--space-size-15);
}
#docomo .image-text-1 ion-thumbnail, #docomo .image-text-4 ion-thumbnail {
  height: calc(var(--space-size-30) * 7);
}
#docomo .image-text-1 p, #docomo .image-text-4 p {
  margin-bottom: var(--space-size-10);
}
#docomo .image-text-1 p:nth-of-type(1), #docomo .image-text-4 p:nth-of-type(1) {
  margin-bottom: var(--space-size-15);
}
#docomo .image-text-2 div {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  margin-bottom: var(--space-size-15);
}
#docomo .image-text-2 ion-thumbnail {
  min-width: 100px;
  min-height: 100px;
  margin-right: var(--space-size-20);
}
#docomo .image-text-3 div {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  margin-bottom: var(--space-size-15);
}
#docomo .image-text-3 ion-thumbnail {
  margin-right: var(--space-size-20);
}
#docomo .image-text-3 .image-box {
  min-width: 50px;
}
#docomo .image-text-3 .title {
  margin-top: auto;
  margin-bottom: auto;
}
#docomo .image-text-4 {
  margin-top: var(--space-size-20);
}
#docomo .image-text-4 ion-thumbnail {
  height: auto;
}
#docomo .image-text-4 .text-small {
  width: 100%;
  margin-top: auto;
  text-align: center;
}
#docomo .text-calendar-time-input-normal, #docomo .time-input-normal, #docomo .text-calendar-input-normal, #docomo .text-search-input-normal, #docomo .text-selection-input-normal, #docomo .text-area-input-normal, #docomo .text-input-normal {
  margin: var(--space-size-15) 0 0 0;
  padding: var(--space-size-5);
  color: var(--ion-default-text-color);
  font-size: calc(0.75rem + 1.07vw);
  font-size: var(--font-size-medium);
  font-family: "Hiragino Sans", "游ゴシック", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Noto Sans CJK JP CJK JP", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  border: 1px solid var(--ion-form-border-color);
  border-radius: var(--space-size-8);
  --background: var(--ion-table-form-bg-color);
  background: var(--ion-table-form-bg-color);
  position: relative;
  /* container query version */
  /* 未入力 state */
  /* Set the icon color and opacity */
  /* 入力済み state */
  /* 非活性 state */
  /* 任意項目 */
  /* エラー state */
}
@container app-page-responsive-content-container (min-width: 769px) {
  #docomo .text-calendar-time-input-normal, #docomo .time-input-normal, #docomo .text-calendar-input-normal, #docomo .text-search-input-normal, #docomo .text-selection-input-normal, #docomo .text-area-input-normal, #docomo .text-input-normal {
    min-height: 80px;
  }
}
#docomo .item-has-placeholder.text-calendar-time-input-normal, #docomo .item-has-placeholder.time-input-normal, #docomo .item-has-placeholder.text-calendar-input-normal, #docomo .item-has-placeholder.text-search-input-normal, #docomo .item-has-placeholder.text-selection-input-normal, #docomo .item-has-placeholder.text-area-input-normal, #docomo .item-has-placeholder.text-input-normal {
  --placeholder-color: var(--ion-color-txt-moderate-light);
}
#docomo .item-has-placeholder.text-calendar-time-input-normal ion-select, #docomo .item-has-placeholder.time-input-normal ion-select, #docomo .item-has-placeholder.text-calendar-input-normal ion-select, #docomo .item-has-placeholder.text-search-input-normal ion-select, #docomo .item-has-placeholder.text-selection-input-normal ion-select, #docomo .item-has-placeholder.text-area-input-normal ion-select, #docomo .item-has-placeholder.text-input-normal ion-select {
  --padding-start: calc(var(--space-size-20) / 2);
  align-items: center;
}
#docomo .item-has-placeholder.text-calendar-time-input-normal select, #docomo .item-has-placeholder.time-input-normal select, #docomo .item-has-placeholder.text-calendar-input-normal select, #docomo .item-has-placeholder.text-search-input-normal select, #docomo .item-has-placeholder.text-selection-input-normal select, #docomo .item-has-placeholder.text-area-input-normal select, #docomo .item-has-placeholder.text-input-normal select {
  --padding-start: calc(var(--space-size-20) / 2);
  align-items: center;
}
#docomo .text-calendar-time-input-normal .down-icon, #docomo .time-input-normal .down-icon, #docomo .text-calendar-input-normal .down-icon, #docomo .text-search-input-normal .down-icon, #docomo .text-selection-input-normal .down-icon, #docomo .text-area-input-normal .down-icon, #docomo .text-input-normal .down-icon,
#docomo .text-calendar-time-input-normal ion-select::part(icon),
#docomo .time-input-normal ion-select::part(icon),
#docomo .text-calendar-input-normal ion-select::part(icon),
#docomo .text-search-input-normal ion-select::part(icon),
#docomo .text-selection-input-normal ion-select::part(icon),
#docomo .text-area-input-normal ion-select::part(icon),
#docomo .text-input-normal ion-select::part(icon) {
  width: 17px;
  height: 10px;
  color: transparent;
  background-color: var(--ion-color-txt-moderate-light);
  opacity: 1;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  transform: translateY(-50%);
  position: absolute;
  top: 50%;
  right: var(--space-size-10);
  bottom: auto;
  left: auto;
  -webkit-mask-image: url('ios-select-icon.64eb2a359368ccc93a9e.svg');
  -moz-mask-image: url('ios-select-icon.64eb2a359368ccc93a9e.svg');
  -ms-mask-image: url('ios-select-icon.64eb2a359368ccc93a9e.svg');
  -o-mask-image: url('ios-select-icon.64eb2a359368ccc93a9e.svg');
  mask-image: url('ios-select-icon.64eb2a359368ccc93a9e.svg');
}
.landing-theme #docomo .text-calendar-time-input-normal .down-icon, .landing-theme #docomo .time-input-normal .down-icon, .landing-theme #docomo .text-calendar-input-normal .down-icon, .landing-theme #docomo .text-search-input-normal .down-icon, .landing-theme #docomo .text-selection-input-normal .down-icon, .landing-theme #docomo .text-area-input-normal .down-icon, .landing-theme #docomo .text-input-normal .down-icon,
.landing-theme #docomo .text-calendar-time-input-normal ion-select::part(icon),
.landing-theme #docomo .time-input-normal ion-select::part(icon),
.landing-theme #docomo .text-calendar-input-normal ion-select::part(icon),
.landing-theme #docomo .text-search-input-normal ion-select::part(icon),
.landing-theme #docomo .text-selection-input-normal ion-select::part(icon),
.landing-theme #docomo .text-area-input-normal ion-select::part(icon),
.landing-theme #docomo .text-input-normal ion-select::part(icon) {
  background-color: var(--ion-color-custom-white);
}
#docomo .text-calendar-time-input-normal .down-icon, #docomo .time-input-normal .down-icon, #docomo .text-calendar-input-normal .down-icon, #docomo .text-search-input-normal .down-icon, #docomo .text-selection-input-normal .down-icon, #docomo .text-area-input-normal .down-icon, #docomo .text-input-normal .down-icon {
  z-index: -1;
}
#docomo .text-calendar-time-input-normal select, #docomo .time-input-normal select, #docomo .text-calendar-input-normal select, #docomo .text-search-input-normal select, #docomo .text-selection-input-normal select, #docomo .text-area-input-normal select, #docomo .text-input-normal select {
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  appearance: none;
}
#docomo .has-value.text-calendar-time-input-normal, #docomo .has-value.time-input-normal, #docomo .has-value.text-calendar-input-normal, #docomo .has-value.text-search-input-normal, #docomo .has-value.text-selection-input-normal, #docomo .has-value.text-area-input-normal, #docomo .has-value.text-input-normal, #docomo .item-has-value.text-calendar-time-input-normal, #docomo .item-has-value.time-input-normal, #docomo .item-has-value.text-calendar-input-normal, #docomo .item-has-value.text-search-input-normal, #docomo .item-has-value.text-selection-input-normal, #docomo .item-has-value.text-area-input-normal, #docomo .item-has-value.text-input-normal {
  --background: var(--ion-table-form-bg-color);
  background: var(--ion-table-form-bg-color);
}
#docomo .has-value.text-calendar-time-input-normal ion-select, #docomo .has-value.time-input-normal ion-select, #docomo .has-value.text-calendar-input-normal ion-select, #docomo .has-value.text-search-input-normal ion-select, #docomo .has-value.text-selection-input-normal ion-select, #docomo .has-value.text-area-input-normal ion-select, #docomo .has-value.text-input-normal ion-select, #docomo .item-has-value.text-calendar-time-input-normal ion-select, #docomo .item-has-value.time-input-normal ion-select, #docomo .item-has-value.text-calendar-input-normal ion-select, #docomo .item-has-value.text-search-input-normal ion-select, #docomo .item-has-value.text-selection-input-normal ion-select, #docomo .item-has-value.text-area-input-normal ion-select, #docomo .item-has-value.text-input-normal ion-select {
  --placeholder-color: var(--ion-default-text-color);
}
#docomo .has-value.text-calendar-time-input-normal select, #docomo .has-value.time-input-normal select, #docomo .has-value.text-calendar-input-normal select, #docomo .has-value.text-search-input-normal select, #docomo .has-value.text-selection-input-normal select, #docomo .has-value.text-area-input-normal select, #docomo .has-value.text-input-normal select, #docomo .item-has-value.text-calendar-time-input-normal select, #docomo .item-has-value.time-input-normal select, #docomo .item-has-value.text-calendar-input-normal select, #docomo .item-has-value.text-search-input-normal select, #docomo .item-has-value.text-selection-input-normal select, #docomo .item-has-value.text-area-input-normal select, #docomo .item-has-value.text-input-normal select {
  --placeholder-color: var(--ion-default-text-color);
}
#docomo [disabled].text-calendar-time-input-normal, #docomo [disabled].time-input-normal, #docomo [disabled].text-calendar-input-normal, #docomo [disabled].text-search-input-normal, #docomo [disabled].text-selection-input-normal, #docomo [disabled].text-area-input-normal, #docomo [disabled].text-input-normal {
  --background: var(--ion-color-gry-ultralightGry);
  background: var(--ion-color-gry-ultralightGry);
}
#docomo [disabled].text-calendar-time-input-normal ion-select, #docomo [disabled].time-input-normal ion-select, #docomo [disabled].text-calendar-input-normal ion-select, #docomo [disabled].text-search-input-normal ion-select, #docomo [disabled].text-selection-input-normal ion-select, #docomo [disabled].text-area-input-normal ion-select, #docomo [disabled].text-input-normal ion-select {
  --placeholder-color: var(--ion-default-text-color);
  --placeholder-opacity: 0.6;
}
#docomo [disabled].text-calendar-time-input-normal select, #docomo [disabled].time-input-normal select, #docomo [disabled].text-calendar-input-normal select, #docomo [disabled].text-search-input-normal select, #docomo [disabled].text-selection-input-normal select, #docomo [disabled].text-area-input-normal select, #docomo [disabled].text-input-normal select {
  --placeholder-color: var(--ion-default-text-color);
  --placeholder-opacity: 0.6;
}
#docomo [optional].text-calendar-time-input-normal, #docomo [optional].time-input-normal, #docomo [optional].text-calendar-input-normal, #docomo [optional].text-search-input-normal, #docomo [optional].text-selection-input-normal, #docomo [optional].text-area-input-normal, #docomo [optional].text-input-normal, [optional] #docomo .text-calendar-time-input-normal, [optional] #docomo .time-input-normal, [optional] #docomo .text-calendar-input-normal, [optional] #docomo .text-search-input-normal, [optional] #docomo .text-selection-input-normal, [optional] #docomo .text-area-input-normal, [optional] #docomo .text-input-normal {
  --background: var(--ion-table-form-bg-color);
  background: var(--ion-table-form-bg-color);
}
#docomo [invalid].text-calendar-time-input-normal, #docomo [invalid].time-input-normal, #docomo [invalid].text-calendar-input-normal, #docomo [invalid].text-search-input-normal, #docomo [invalid].text-selection-input-normal, #docomo [invalid].text-area-input-normal, #docomo [invalid].text-input-normal {
  --background: var(--ion-form-error-bg-color);
  background: var(--ion-form-error-bg-color);
}
#docomo [invalid].text-calendar-time-input-normal ion-select, #docomo [invalid].time-input-normal ion-select, #docomo [invalid].text-calendar-input-normal ion-select, #docomo [invalid].text-search-input-normal ion-select, #docomo [invalid].text-selection-input-normal ion-select, #docomo [invalid].text-area-input-normal ion-select, #docomo [invalid].text-input-normal ion-select {
  --placeholder-color: var(--ion-default-text-color);
  --placeholder-opacity: 1;
}
#docomo [invalid].text-calendar-time-input-normal select, #docomo [invalid].time-input-normal select, #docomo [invalid].text-calendar-input-normal select, #docomo [invalid].text-search-input-normal select, #docomo [invalid].text-selection-input-normal select, #docomo [invalid].text-area-input-normal select, #docomo [invalid].text-input-normal select {
  --placeholder-color: var(--ion-default-text-color);
  --placeholder-opacity: 1;
}
.landing-theme #docomo .text-calendar-time-input-normal, .landing-theme #docomo .time-input-normal, .landing-theme #docomo .text-calendar-input-normal, .landing-theme #docomo .text-search-input-normal, .landing-theme #docomo .text-selection-input-normal, .landing-theme #docomo .text-area-input-normal, .landing-theme #docomo .text-input-normal {
  --background: none;
  background: none;
}
.landing-theme #docomo .text-calendar-time-input-normal ion-select, .landing-theme #docomo .time-input-normal ion-select, .landing-theme #docomo .text-calendar-input-normal ion-select, .landing-theme #docomo .text-search-input-normal ion-select, .landing-theme #docomo .text-selection-input-normal ion-select, .landing-theme #docomo .text-area-input-normal ion-select, .landing-theme #docomo .text-input-normal ion-select {
  --placeholder-color: var(--ion-color-custom-white);
  --placeholder-opacity: 1;
}
.landing-theme #docomo .text-calendar-time-input-normal select, .landing-theme #docomo .time-input-normal select, .landing-theme #docomo .text-calendar-input-normal select, .landing-theme #docomo .text-search-input-normal select, .landing-theme #docomo .text-selection-input-normal select, .landing-theme #docomo .text-area-input-normal select, .landing-theme #docomo .text-input-normal select {
  --placeholder-color: var(--ion-color-custom-white);
  --placeholder-opacity: 1;
}
#docomo .text-input-normal {
  --padding-top: var(--space-size-15);
  --padding-end: var(--space-size-15);
  --padding-bottom: var(--space-size-15);
  --padding-start: var(--space-size-15);
  /* container query version */
}
@container app-page-responsive-content-container (min-width: 769px) {
  #docomo .text-input-normal {
    min-height: 80px;
  }
}
#docomo .text-input-normal.text-input-normal-card-code {
  width: calc(var(--space-size-60) * 2);
}
#docomo .text-input-normal.text-input-normal-postal-code {
  width: calc(var(--space-size-50) * 2);
}
#docomo .text-input-normal.text-input-normal-undercarriage-number.sc-ion-input-ios-h {
  font-size: calc(0.75rem + 1.07vw);
  font-size: var(--font-size-medium);
  font-family: Avenir, -apple-system, BlinkMacSystemFont, "ヒラギノ角ゴ ProN", "HiraKakuProN", "ヒラギノ角ゴ Pro", "HiraKakuPro", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "Hiragino Sans", Roboto, "Noto Sans", "Noto Sans CJK JP", "Noto Sans JP", system-ui, Verdana, "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;
}
#docomo .text-selection-input-normal {
  --padding-start: 0;
  /* container query version */
}
@container app-page-responsive-content-container (min-width: 769px) {
  #docomo .text-selection-input-normal {
    display: flex;
    align-items: center;
    padding-top: 0;
    padding-bottom: 0;
  }
}
#docomo .text-selection-input-normal ion-select {
  min-width: 100%;
}
#docomo .text-selection-input-normal select {
  min-width: 100%;
  /* container query version */
}
@container app-page-responsive-content-container (min-width: 769px) {
  #docomo .text-selection-input-normal select {
    min-height: 78px;
  }
}
#docomo .text-calendar-input-normal {
  --padding-top: var(--space-size-20);
  --padding-end: var(--space-size-15);
  --padding-bottom: var(--space-size-20);
  --padding-start: var(--space-size-15);
  position: relative;
  display: block;
  width: 100%;
  margin: var(--space-size-20) 0;
  text-align: left;
  background: var(--ion-table-form-bg-color);
  /* container query version */
}
#docomo .text-calendar-input-normal:after {
  display: block;
  width: var(--space-size-25);
  height: var(--space-size-25);
  background: url('ios-calendar-icon.c4bae0081dd2ad5da7f7.svg') no-repeat 0 0;
  background-size: var(--space-size-25) var(--space-size-25);
  content: "";
  position: absolute;
  top: calc(50% - 12px);
  right: var(--space-size-15);
  bottom: auto;
  left: auto;
}
@container app-page-responsive-content-container (min-width: 769px) {
  #docomo .text-calendar-input-normal {
    display: flex;
    align-items: center;
    min-height: 80px;
  }
}
#docomo .time-input-normal {
  --padding-top: var(--space-size-15);
  --padding-end: var(--space-size-15);
  --padding-bottom: var(--space-size-15);
  --padding-start: var(--space-size-15);
  position: relative;
  display: block;
  width: 100%;
  line-height: 2.2em;
  text-align: left;
  background: var(--ion-color-custom-white);
}
#docomo .time-input-normal:after {
  display: block;
  width: 17px;
  height: 10px;
  color: transparent;
  background-color: var(--ion-color-custom-dark-gold);
  opacity: 1;
  content: "";
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-image: url('ios-select-icon.64eb2a359368ccc93a9e.svg');
  -moz-mask-image: url('ios-select-icon.64eb2a359368ccc93a9e.svg');
  -ms-mask-image: url('ios-select-icon.64eb2a359368ccc93a9e.svg');
  -o-mask-image: url('ios-select-icon.64eb2a359368ccc93a9e.svg');
  mask-image: url('ios-select-icon.64eb2a359368ccc93a9e.svg');
  position: absolute;
  top: calc(50% - 5px);
  right: var(--space-size-15);
  bottom: auto;
  left: auto;
}
#docomo .time-input-normal input[type=time]::-webkit-calendar-picker-indicator {
  z-index: 1;
  width: 25px;
  height: 25px;
  color: rgba(0, 0, 0, 0);
  opacity: 0;
  position: absolute;
  top: calc(50% - 15px);
  right: var(--space-size-10);
  bottom: auto;
  left: auto;
}
#docomo .text-calendar-time-input-normal {
  --padding-top: var(--space-size-20);
  --padding-end: var(--space-size-15);
  --padding-bottom: var(--space-size-20);
  --padding-start: var(--space-size-15);
  position: relative;
  display: block;
  width: 100%;
  margin: var(--space-size-20) 0;
  text-align: left;
  background: var(--ion-table-form-bg-color);
}
#docomo .text-calendar-time-input-normal:after {
  display: block;
  width: var(--space-size-25);
  height: var(--space-size-25);
  background: no-repeat 0 0;
  background-size: var(--space-size-25) var(--space-size-25);
  content: "";
  position: absolute;
  top: calc(50% - 12px);
  right: var(--space-size-15);
  bottom: auto;
  left: auto;
}
#docomo .link-icon, #docomo .link-inline, #docomo .link-large, #docomo .text-in-sentence, #docomo .text-normal-link, #docomo .link-normal {
  margin: var(--space-size-20) 0;
}
#docomo .link-icon:first-child, #docomo .link-inline:first-child, #docomo .link-large:first-child, #docomo .text-in-sentence:first-child, #docomo .text-normal-link:first-child, #docomo .link-normal:first-child {
  margin-top: 0;
}
#docomo .link-icon:last-child, #docomo .link-inline:last-child, #docomo .link-large:last-child, #docomo .text-in-sentence:last-child, #docomo .text-normal-link:last-child, #docomo .link-normal:last-child {
  margin-bottom: 0;
}
#docomo .link-icon a, #docomo .link-inline a, #docomo .link-large a, #docomo .text-in-sentence a, #docomo .text-normal-link a, #docomo .link-normal a {
  color: var(--ion-link-text-color) !important;
  text-decoration: none;
}
#docomo .link-icon a:link, #docomo .link-inline a:link, #docomo .link-large a:link, #docomo .text-in-sentence a:link, #docomo .text-normal-link a:link, #docomo .link-normal a:link, #docomo .link-icon a:visited, #docomo .link-inline a:visited, #docomo .link-large a:visited, #docomo .text-in-sentence a:visited, #docomo .text-normal-link a:visited, #docomo .link-normal a:visited, #docomo .link-icon a:hover, #docomo .link-inline a:hover, #docomo .link-large a:hover, #docomo .text-in-sentence a:hover, #docomo .text-normal-link a:hover, #docomo .link-normal a:hover, #docomo .link-icon a:active, #docomo .link-inline a:active, #docomo .link-large a:active, #docomo .text-in-sentence a:active, #docomo .text-normal-link a:active, #docomo .link-normal a:active {
  color: var(--ion-link-text-color);
}
#docomo .link-icon a ion-icon, #docomo .link-inline a ion-icon, #docomo .link-large a ion-icon, #docomo .text-in-sentence a ion-icon, #docomo .text-normal-link a ion-icon, #docomo .link-normal a ion-icon {
  flex-shrink: 0;
}
#docomo .link-icon a.red, #docomo .link-inline a.red, #docomo .link-large a.red, #docomo .text-in-sentence a.red, #docomo .text-normal-link a.red, #docomo .link-normal a.red {
  color: var(--ion-color-custom-red) !important;
}
.landing-theme #docomo .link-icon a, .landing-theme #docomo .link-inline a, .landing-theme #docomo .link-large a, .landing-theme #docomo .text-in-sentence a, .landing-theme #docomo .text-normal-link a, .landing-theme #docomo .link-normal a {
  color: var(--ion-default-text-color) !important;
}
.landing-theme #docomo .link-icon a ion-icon, .landing-theme #docomo .link-inline a ion-icon, .landing-theme #docomo .link-large a ion-icon, .landing-theme #docomo .text-in-sentence a ion-icon, .landing-theme #docomo .text-normal-link a ion-icon, .landing-theme #docomo .link-normal a ion-icon {
  stroke: var(--ion-color-custom-dark-green);
}
#docomo [link-green].link-icon a, #docomo [link-green].link-inline a, #docomo [link-green].link-large a, #docomo [link-green].text-in-sentence a, #docomo [link-green].text-normal-link a, #docomo [link-green].link-normal a {
  color: var(--ion-default-text-color) !important;
}
#docomo [link-green].link-icon a ion-icon, #docomo [link-green].link-inline a ion-icon, #docomo [link-green].link-large a ion-icon, #docomo [link-green].text-in-sentence a ion-icon, #docomo [link-green].text-normal-link a ion-icon, #docomo [link-green].link-normal a ion-icon {
  stroke: var(--ion-color-custom-dark-green);
}
#docomo [linkMiddle].link-icon, #docomo [linkMiddle].link-inline, #docomo [linkMiddle].link-large, #docomo [linkMiddle].text-in-sentence, #docomo [linkMiddle].text-normal-link, #docomo [linkMiddle].link-normal,
#docomo .link-icon [linkMiddle],
#docomo .link-inline [linkMiddle],
#docomo .link-large [linkMiddle],
#docomo .text-in-sentence [linkMiddle],
#docomo .text-normal-link [linkMiddle],
#docomo .link-normal [linkMiddle] {
  text-align: center;
}
#docomo [linkRight].link-icon, #docomo [linkRight].link-inline, #docomo [linkRight].link-large, #docomo [linkRight].text-in-sentence, #docomo [linkRight].text-normal-link, #docomo [linkRight].link-normal,
#docomo .link-icon [linkRight],
#docomo .link-inline [linkRight],
#docomo .link-large [linkRight],
#docomo .text-in-sentence [linkRight],
#docomo .text-normal-link [linkRight],
#docomo .link-normal [linkRight] {
  text-align: right;
}
#docomo .link-normal ion-icon {
  padding-bottom: calc(var(--space-size-5) / 2);
  line-height: 1;
  vertical-align: middle;
  stroke: var(--ion-link-icon-color);
}
.landing-theme #docomo .link-normal ion-icon {
  stroke: var(--ion-default-text-color) !important;
}
#docomo .text-normal-link:first-child {
  margin-top: 0;
}
#docomo .text-normal-link:last-child {
  margin-bottom: 0;
}
#docomo .text-normal-link a,
#docomo .text-normal-link span {
  margin: 0 !important;
}
#docomo .text-normal-link a ion-icon,
#docomo .text-normal-link span ion-icon {
  stroke: var(--ion-link-icon-color);
}
#docomo .text-normal-link[UNI-G19-07] a {
  text-decoration: underline;
}
#docomo .text-in-sentence {
  line-height: 1.6;
}
#docomo .text-in-sentence:first-child {
  margin-top: 0;
}
#docomo .text-in-sentence:last-child {
  margin-bottom: 0;
}
#docomo .text-in-sentence .text-normal, #docomo .text-in-sentence .list-sharp-03, #docomo .text-in-sentence .list-sharp-02, #docomo .text-in-sentence .list-sharp-02-from4, #docomo .text-in-sentence .list-sharp-02-from3, #docomo .text-in-sentence .list-sharp-02-from2, #docomo .text-in-sentence .list-sharp, #docomo .text-in-sentence .list-example, #docomo .text-in-sentence .list-alphabetical, #docomo .text-in-sentence .list-decimal-04, #docomo .text-in-sentence .list-decimal-03, #docomo .text-in-sentence .list-decimal-02, #docomo .text-in-sentence .list-decimal, #docomo .text-in-sentence .list-dot-6, #docomo .text-in-sentence .list-dot-5, #docomo .text-in-sentence .list-dot-3, #docomo .text-in-sentence .list-dot, #docomo .text-in-sentence .list-base {
  margin: 0;
  vertical-align: middle;
}
#docomo .text-in-sentence a {
  margin: 0 !important;
  line-height: normal;
  line-height: initial;
}
#docomo .text-in-sentence a span {
  vertical-align: middle;
}
#docomo .text-in-sentence a ion-icon {
  margin: 0;
  padding-left: 2px;
  vertical-align: middle;
  stroke: var(--ion-link-icon-color);
}
#docomo .link-inline {
  display: inline-block;
  margin: var(--space-size-20) 0;
}
#docomo .link-inline.unique-g19-07 {
  display: flex;
  align-items: center;
}
#docomo .link-inline.unique-g19-07 a,
#docomo .link-inline.unique-g19-07 span {
  margin: 0 !important;
}
#docomo .link-inline:first-child {
  margin-top: 0;
}
#docomo .link-inline:last-child {
  margin-bottom: 0;
}
#docomo .link-inline a,
#docomo .link-inline span {
  display: flex;
  align-items: center;
  margin: 0 var(--space-size-20) 0 0 !important;
}
#docomo .link-inline ion-icon {
  padding-bottom: calc(var(--space-size-5) / 3);
  line-height: 1;
  vertical-align: middle;
  stroke: var(--ion-link-icon-color);
}
#docomo .link-icon {
  padding: 0 0 0 5px;
}
#docomo .link-image-1 {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  margin-top: var(--space-size-30);
  grid-column-gap: var(--space-size-15);
  -moz-column-gap: var(--space-size-15);
       column-gap: var(--space-size-15);
  grid-row-gap: var(--space-size-30);
  row-gap: var(--space-size-30);
}
#docomo .link-image-1 > div {
  display: flex;
  flex-direction: column;
  align-items: center;
}
#docomo .link-image-1 > div ion-thumbnail {
  width: 100%;
  margin-bottom: var(--space-size-15);
}
#docomo .link-image-1 > div a {
  color: var(--ion-default-text-color);
  font-size: calc(0.625rem + 1.07vw);
  font-size: var(--font-size-small);
  text-align: left;
  word-break: break-all;
  overflow-wrap: anywhere;
}
.landing-theme #docomo .link-image-1 > div {
  padding: var(--space-size-10);
  border: 1px solid var(--ion-form-border-color);
  border-radius: var(--space-size-15);
}
#docomo .link-image-1 ion-thumbnail {
  height: calc(var(--space-size-30) * 7);
  margin: 0;
}
#docomo .link-image-1 .link-normal {
  margin: 0;
  color: var(--ion-link-text-color) !important;
}
#docomo .link-image-1 .text-normal, #docomo .link-image-1 .list-sharp-03, #docomo .link-image-1 .list-sharp-02, #docomo .link-image-1 .list-sharp-02-from4, #docomo .link-image-1 .list-sharp-02-from3, #docomo .link-image-1 .list-sharp-02-from2, #docomo .link-image-1 .list-sharp, #docomo .link-image-1 .list-example, #docomo .link-image-1 .list-alphabetical, #docomo .link-image-1 .list-decimal-04, #docomo .link-image-1 .list-decimal-03, #docomo .link-image-1 .list-decimal-02, #docomo .link-image-1 .list-decimal, #docomo .link-image-1 .list-dot-6, #docomo .link-image-1 .list-dot-5, #docomo .link-image-1 .list-dot-3, #docomo .link-image-1 .list-dot, #docomo .link-image-1 .list-base {
  margin: var(--space-size-10) 0 0 0;
}
#docomo .link-image-2 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  margin-top: var(--space-size-30);
  grid-column-gap: var(--space-size-15);
  -moz-column-gap: var(--space-size-15);
       column-gap: var(--space-size-15);
  grid-row-gap: var(--space-size-30);
  row-gap: var(--space-size-30);
}
#docomo .link-image-2 > div {
  display: flex;
  flex-direction: column;
  align-items: center;
}
#docomo .link-image-2 > div ion-thumbnail {
  width: 100%;
  margin-bottom: var(--space-size-15);
}
#docomo .link-image-2 > div a {
  color: var(--ion-default-text-color);
  font-size: calc(0.625rem + 1.07vw);
  font-size: var(--font-size-small);
  text-align: left;
  word-break: break-all;
  overflow-wrap: anywhere;
}
.landing-theme #docomo .link-image-2 > div {
  padding: var(--space-size-10);
  border: 1px solid var(--ion-form-border-color);
  border-radius: var(--space-size-15);
}
#docomo .link-image-2 ion-thumbnail {
  height: calc( var(--space-size-50) + var(--space-size-50) + var(--space-size-10) );
}
#docomo .link-image-2 a {
  margin: 0;
}
#docomo .link-image-2.text-center .link-normal {
  text-align: center;
}
#docomo .link-image-2[UNI-G11-13] a {
  width: 100%;
  text-align: left !important;
  font-size: calc(0.75rem + 1.07vw);
  font-size: var(--font-size-medium);
  font-family: "Hiragino Sans", "游ゴシック", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Noto Sans CJK JP CJK JP", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.unique-box-02 #docomo .link-image-2 {
  margin-top: var(--space-size-15);
}
#docomo .link-image-3-unique {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  margin-top: var(--space-size-30);
  grid-column-gap: var(--space-size-15);
  -moz-column-gap: var(--space-size-15);
       column-gap: var(--space-size-15);
  grid-row-gap: var(--space-size-30);
  row-gap: var(--space-size-30);
  margin-bottom: var(--space-size-15);
}
#docomo .link-image-3-unique > div {
  display: flex;
  flex-direction: column;
  align-items: center;
}
#docomo .link-image-3-unique > div ion-thumbnail {
  width: 100%;
  margin-bottom: var(--space-size-15);
}
#docomo .link-image-3-unique > div a {
  color: var(--ion-default-text-color);
  font-size: calc(0.625rem + 1.07vw);
  font-size: var(--font-size-small);
  text-align: left;
  word-break: break-all;
  overflow-wrap: anywhere;
}
.landing-theme #docomo .link-image-3-unique > div {
  padding: var(--space-size-10);
  border: 1px solid var(--ion-form-border-color);
  border-radius: var(--space-size-15);
}
#docomo .link-image-3-unique ion-thumbnail {
  height: calc( var(--space-size-50) + var(--space-size-50) + var(--space-size-10) );
}
#docomo .link-image-3-unique > div {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--ion-color-step-150);
  min-height: calc(var(--space-size-20) * 6);
}
#docomo .link-image-3-unique > div ion-thumbnail {
  margin-bottom: 0;
}
#docomo .link-image-3-unique a {
  margin: 0;
}
#docomo .link-image-3-unique-file {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  margin-top: var(--space-size-30);
  grid-column-gap: var(--space-size-15);
  -moz-column-gap: var(--space-size-15);
       column-gap: var(--space-size-15);
  grid-row-gap: var(--space-size-30);
  row-gap: var(--space-size-30);
}
#docomo .link-image-3-unique-file > div {
  display: flex;
  flex-direction: column;
  align-items: center;
}
#docomo .link-image-3-unique-file > div ion-thumbnail {
  width: 100%;
  margin-bottom: var(--space-size-15);
}
#docomo .link-image-3-unique-file > div a {
  color: var(--ion-default-text-color);
  font-size: calc(0.625rem + 1.07vw);
  font-size: var(--font-size-small);
  text-align: left;
  word-break: break-all;
  overflow-wrap: anywhere;
}
.landing-theme #docomo .link-image-3-unique-file > div {
  padding: var(--space-size-10);
  border: 1px solid var(--ion-form-border-color);
  border-radius: var(--space-size-15);
}
#docomo .link-image-3-unique-file [type=file] {
  width: 0;
  max-width: 0;
  height: 0;
  overflow: hidden;
}
#docomo .link-image-3-unique-file ion-thumbnail {
  height: calc( var(--space-size-50) + var(--space-size-50) + var(--space-size-10) );
}
#docomo .link-image-3-unique-file ion-icon {
  stroke: var(--ion-color-custom-dark-gold);
}
#docomo .link-image-3-unique-file > div {
  align-items: flex-start;
  min-height: 140px;
}
#docomo .link-image-3-unique-file > div label:not(.button-iup-box):not(.btn-iup-thumbnail) {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--ion-form-border-color);
  min-height: 140px;
}
#docomo .link-image-3-unique-file > div label:not(.button-iup-box):not(.btn-iup-thumbnail) ion-thumbnail {
  margin-bottom: 0;
}
#docomo .link-image-3-unique-file .btn-iup-thumbnail {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 100%;
  border: 1px solid var(--ion-color-step-150);
  min-height: 140px;
}
#docomo .link-image-3-unique-file .btn-iup-thumbnail ion-thumbnail {
  margin-bottom: 0;
}
#docomo .link-image-3-unique-file a {
  margin: 0;
}
#docomo .link-image-3-unique-file .link-normal {
  margin-top: var(--space-size-10);
}
#docomo .link-image-3-unique-file .link-normal a {
  font-size: calc(0.75rem + 1.07vw);
  font-size: var(--font-size-medium);
  font-family: "Hiragino Sans", "游ゴシック", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Noto Sans CJK JP CJK JP", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#docomo .link-image-3-unique-file .link-normal a ion-icon {
  width: var(--space-size-20);
  height: var(--space-size-20);
  padding-left: var(--space-size-5);
  stroke: var(--ion-color-link);
}
#docomo .link-image-3-unique-file .link-image-3-unique-file-before {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: var(--space-size-20) var(--space-size-20) var(--space-size-15) var(--space-size-20);
  border: 1px solid var(--ion-form-border-color);
  border-radius: 4px;
}
#docomo .link-image-3-unique-file .link-image-3-unique-file-before .button-iup-box {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--space-size-10);
  border: 1px dashed var(--ion-color-step-200);
  border-radius: 4px;
}
#docomo .link-image-3-unique-file .link-image-3-unique-file-before .button-iup-box ion-icon {
  width: var(--space-size-30);
  height: var(--space-size-30);
}
#docomo .link-image-3-unique-file .link-image-3-unique-file-before .text-normal, #docomo .link-image-3-unique-file .link-image-3-unique-file-before .list-sharp-03, #docomo .link-image-3-unique-file .link-image-3-unique-file-before .list-sharp-02, #docomo .link-image-3-unique-file .link-image-3-unique-file-before .list-sharp-02-from4, #docomo .link-image-3-unique-file .link-image-3-unique-file-before .list-sharp-02-from3, #docomo .link-image-3-unique-file .link-image-3-unique-file-before .list-sharp-02-from2, #docomo .link-image-3-unique-file .link-image-3-unique-file-before .list-sharp, #docomo .link-image-3-unique-file .link-image-3-unique-file-before .list-example, #docomo .link-image-3-unique-file .link-image-3-unique-file-before .list-alphabetical, #docomo .link-image-3-unique-file .link-image-3-unique-file-before .list-decimal-04, #docomo .link-image-3-unique-file .link-image-3-unique-file-before .list-decimal-03, #docomo .link-image-3-unique-file .link-image-3-unique-file-before .list-decimal-02, #docomo .link-image-3-unique-file .link-image-3-unique-file-before .list-decimal, #docomo .link-image-3-unique-file .link-image-3-unique-file-before .list-dot-6, #docomo .link-image-3-unique-file .link-image-3-unique-file-before .list-dot-5, #docomo .link-image-3-unique-file .link-image-3-unique-file-before .list-dot-3, #docomo .link-image-3-unique-file .link-image-3-unique-file-before .list-dot, #docomo .link-image-3-unique-file .link-image-3-unique-file-before .list-base {
  margin-top: var(--space-size-15);
  margin-right: var(--space-size-reset);
  margin-left: var(--space-size-reset);
}
#docomo .link-image-3 div {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  margin-bottom: var(--space-size-15);
}
#docomo .link-image-3 .text-normal, #docomo .link-image-3 .list-sharp-03, #docomo .link-image-3 .list-sharp-02, #docomo .link-image-3 .list-sharp-02-from4, #docomo .link-image-3 .list-sharp-02-from3, #docomo .link-image-3 .list-sharp-02-from2, #docomo .link-image-3 .list-sharp, #docomo .link-image-3 .list-example, #docomo .link-image-3 .list-alphabetical, #docomo .link-image-3 .list-decimal-04, #docomo .link-image-3 .list-decimal-03, #docomo .link-image-3 .list-decimal-02, #docomo .link-image-3 .list-decimal, #docomo .link-image-3 .list-dot-6, #docomo .link-image-3 .list-dot-5, #docomo .link-image-3 .list-dot-3, #docomo .link-image-3 .list-dot, #docomo .link-image-3 .list-base {
  margin: 0;
}
#docomo .link-image-3 .link-normal a {
  word-break: break-all;
  overflow-wrap: anywhere;
}
#docomo .link-image-3 ion-thumbnail {
  min-width: 100px;
  min-height: 100px;
  margin-right: var(--space-size-20);
}
#docomo .link-image-2-unique-file {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  margin-top: var(--space-size-30);
  grid-column-gap: var(--space-size-15);
  -moz-column-gap: var(--space-size-15);
       column-gap: var(--space-size-15);
  grid-row-gap: var(--space-size-30);
  row-gap: var(--space-size-30);
}
#docomo .link-image-2-unique-file > div {
  display: flex;
  flex-direction: column;
  align-items: center;
}
#docomo .link-image-2-unique-file > div ion-thumbnail {
  width: 100%;
  margin-bottom: var(--space-size-15);
}
#docomo .link-image-2-unique-file > div a {
  color: var(--ion-default-text-color);
  font-size: calc(0.625rem + 1.07vw);
  font-size: var(--font-size-small);
  text-align: left;
  word-break: break-all;
  overflow-wrap: anywhere;
}
.landing-theme #docomo .link-image-2-unique-file > div {
  padding: var(--space-size-10);
  border: 1px solid var(--ion-form-border-color);
  border-radius: var(--space-size-15);
}
#docomo .link-image-2-unique-file [type=file] {
  width: 0;
  max-width: 0;
  height: 0;
  overflow: hidden;
}
#docomo .link-image-2-unique-file ion-thumbnail {
  height: calc( var(--space-size-50) + var(--space-size-50) + var(--space-size-10) );
}
#docomo .link-image-2-unique-file ion-icon {
  stroke: var(--ion-color-custom-dark-gold);
}
#docomo .link-image-2-unique-file > div {
  align-items: flex-start;
  min-height: calc(var(--space-size-80) * 2);
}
#docomo .link-image-2-unique-file .btn-iup-thumbnail {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: calc(var(--space-size-80) * 2);
  border: 1px solid var(--ion-color-step-150);
}
#docomo .link-image-2-unique-file .btn-iup-thumbnail ion-thumbnail {
  margin-bottom: 0;
}
#docomo .link-image-2-unique-file a {
  margin: 0;
}
#docomo .link-image-2-unique-file .link-normal {
  margin-top: var(--space-size-10);
}
#docomo .link-image-2-unique-file .link-normal a {
  font-size: calc(0.75rem + 1.07vw);
  font-size: var(--font-size-medium);
  font-family: "Hiragino Sans", "游ゴシック", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Noto Sans CJK JP CJK JP", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#docomo .link-image-2-unique-file .link-normal a ion-icon {
  width: var(--space-size-20);
  height: var(--space-size-20);
  padding-left: var(--space-size-5);
  stroke: var(--ion-color-link);
}
#docomo .link-image-2-unique-file .button-iup-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: calc(var(--space-size-80) * 2);
  padding: var(--space-size-20);
  border: 1px solid var(--ion-form-border-color);
  border-radius: 4px;
}
#docomo .link-image-2-unique-file .button-iup-box ion-thumbnail {
  width: 100%;
  min-height: 118px;
}
#docomo .link-image-2-unique-file .button-iup-box .text-normal, #docomo .link-image-2-unique-file .button-iup-box .list-sharp-03, #docomo .link-image-2-unique-file .button-iup-box .list-sharp-02, #docomo .link-image-2-unique-file .button-iup-box .list-sharp-02-from4, #docomo .link-image-2-unique-file .button-iup-box .list-sharp-02-from3, #docomo .link-image-2-unique-file .button-iup-box .list-sharp-02-from2, #docomo .link-image-2-unique-file .button-iup-box .list-sharp, #docomo .link-image-2-unique-file .button-iup-box .list-example, #docomo .link-image-2-unique-file .button-iup-box .list-alphabetical, #docomo .link-image-2-unique-file .button-iup-box .list-decimal-04, #docomo .link-image-2-unique-file .button-iup-box .list-decimal-03, #docomo .link-image-2-unique-file .button-iup-box .list-decimal-02, #docomo .link-image-2-unique-file .button-iup-box .list-decimal, #docomo .link-image-2-unique-file .button-iup-box .list-dot-6, #docomo .link-image-2-unique-file .button-iup-box .list-dot-5, #docomo .link-image-2-unique-file .button-iup-box .list-dot-3, #docomo .link-image-2-unique-file .button-iup-box .list-dot, #docomo .link-image-2-unique-file .button-iup-box .list-base {
  margin-top: var(--space-size-20);
  font-size: calc(0.75rem + 1.07vw);
  font-size: var(--font-size-medium);
}
#docomo .link-image-2-unique-file .button-iup-box .button-iup-icon {
  display: flex;
  align-items: center;
  padding: var(--space-size-15);
  border: 1px dashed var(--ion-color-step-250);
  border-radius: 4px;
}
#docomo .link-image-2-unique-file .button-iup-box .button-iup-icon ion-icon {
  width: var(--space-size-30);
  height: var(--space-size-30);
  stroke: var(--ion-color-custom-dark-gold);
}
#docomo .link-youtube {
  position: relative;
  display: flex;
  flex: 0 1 auto;
  justify-content: center;
  width: 100%;
  min-width: 1px;
  margin: 10px 0 30px 0;
  padding-top: 56.25%;
}
#docomo .link-youtube > iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#docomo .link-in-text {
  color: var(--ion-link-text-color) !important;
  text-decoration: none;
}
@media only screen and (max-width: 545px) {
  #docomo .upload-image-text {
    height: 50px;
  }
}
#docomo .list-base {
  margin: var(--space-size-30) 0 0 0;
  list-style: none;
}
#docomo .list-base > li {
  position: relative;
  margin: 0 0 var(--space-size-15) var(--space-size-25);
}
#docomo .list-base > li:first-child {
  margin-top: 0;
}
#docomo .list-base > li:last-child {
  margin-bottom: 0;
}
#docomo .list-base > li > ul > li {
  margin-left: var(--space-size-30);
}
#docomo .list-base > li > ul > li:first-child {
  margin-top: var(--space-size-15);
}
#docomo .list-sharp-03, #docomo .list-sharp-02, #docomo .list-sharp-02-from4, #docomo .list-sharp-02-from3, #docomo .list-sharp-02-from2, #docomo .list-sharp, #docomo .list-example, #docomo .list-alphabetical, #docomo .list-decimal-04, #docomo .list-decimal-03, #docomo .list-decimal-02, #docomo .list-decimal, #docomo .list-dot-6, #docomo .list-dot-5, #docomo .list-dot-3, #docomo .list-dot {
  margin: var(--space-size-30) 0 0 0;
  list-style: none;
}
#docomo .list-sharp-03 > li, #docomo .list-sharp-02 > li, #docomo .list-sharp-02-from4 > li, #docomo .list-sharp-02-from3 > li, #docomo .list-sharp-02-from2 > li, #docomo .list-sharp > li, #docomo .list-example > li, #docomo .list-alphabetical > li, #docomo .list-decimal-04 > li, #docomo .list-decimal-03 > li, #docomo .list-decimal-02 > li, #docomo .list-decimal > li, #docomo .list-dot-6 > li, #docomo .list-dot-5 > li, #docomo .list-dot-3 > li, #docomo .list-dot > li {
  position: relative;
  margin: 0 0 var(--space-size-15) var(--space-size-25);
}
#docomo .list-sharp-03 > li:first-child, #docomo .list-sharp-02 > li:first-child, #docomo .list-sharp-02-from4 > li:first-child, #docomo .list-sharp-02-from3 > li:first-child, #docomo .list-sharp-02-from2 > li:first-child, #docomo .list-sharp > li:first-child, #docomo .list-example > li:first-child, #docomo .list-alphabetical > li:first-child, #docomo .list-decimal-04 > li:first-child, #docomo .list-decimal-03 > li:first-child, #docomo .list-decimal-02 > li:first-child, #docomo .list-decimal > li:first-child, #docomo .list-dot-6 > li:first-child, #docomo .list-dot-5 > li:first-child, #docomo .list-dot-3 > li:first-child, #docomo .list-dot > li:first-child {
  margin-top: 0;
}
#docomo .list-sharp-03 > li:last-child, #docomo .list-sharp-02 > li:last-child, #docomo .list-sharp-02-from4 > li:last-child, #docomo .list-sharp-02-from3 > li:last-child, #docomo .list-sharp-02-from2 > li:last-child, #docomo .list-sharp > li:last-child, #docomo .list-example > li:last-child, #docomo .list-alphabetical > li:last-child, #docomo .list-decimal-04 > li:last-child, #docomo .list-decimal-03 > li:last-child, #docomo .list-decimal-02 > li:last-child, #docomo .list-decimal > li:last-child, #docomo .list-dot-6 > li:last-child, #docomo .list-dot-5 > li:last-child, #docomo .list-dot-3 > li:last-child, #docomo .list-dot > li:last-child {
  margin-bottom: 0;
}
#docomo .list-sharp-03 > li > ul > li, #docomo .list-sharp-02 > li > ul > li, #docomo .list-sharp-02-from4 > li > ul > li, #docomo .list-sharp-02-from3 > li > ul > li, #docomo .list-sharp-02-from2 > li > ul > li, #docomo .list-sharp > li > ul > li, #docomo .list-example > li > ul > li, #docomo .list-alphabetical > li > ul > li, #docomo .list-decimal-04 > li > ul > li, #docomo .list-decimal-03 > li > ul > li, #docomo .list-decimal-02 > li > ul > li, #docomo .list-decimal > li > ul > li, #docomo .list-dot-6 > li > ul > li, #docomo .list-dot-5 > li > ul > li, #docomo .list-dot-3 > li > ul > li, #docomo .list-dot > li > ul > li {
  margin-left: var(--space-size-30);
}
#docomo .list-sharp-03 > li > ul > li:first-child, #docomo .list-sharp-02 > li > ul > li:first-child, #docomo .list-sharp-02-from4 > li > ul > li:first-child, #docomo .list-sharp-02-from3 > li > ul > li:first-child, #docomo .list-sharp-02-from2 > li > ul > li:first-child, #docomo .list-sharp > li > ul > li:first-child, #docomo .list-example > li > ul > li:first-child, #docomo .list-alphabetical > li > ul > li:first-child, #docomo .list-decimal-04 > li > ul > li:first-child, #docomo .list-decimal-03 > li > ul > li:first-child, #docomo .list-decimal-02 > li > ul > li:first-child, #docomo .list-decimal > li > ul > li:first-child, #docomo .list-dot-6 > li > ul > li:first-child, #docomo .list-dot-5 > li > ul > li:first-child, #docomo .list-dot-3 > li > ul > li:first-child, #docomo .list-dot > li > ul > li:first-child {
  margin-top: var(--space-size-15);
}
#docomo .list-dot {
  margin: var(--space-size-30) 0;
}
#docomo .list-dot:first-child {
  margin-top: 0;
}
#docomo .list-dot:last-child {
  margin-bottom: 0;
}
#docomo .list-dot > li {
  margin-left: 16px !important;
  line-height: 1.75rem;
  text-indent: -8px;
}
#docomo .list-dot > li::before {
  display: inline-block;
  padding-right: 8px;
  line-height: 0;
  vertical-align: middle;
  content: url('list-dot-icon.31922761392b5a914db6.svg');
  counter-increment: step;
}
#docomo .list-dot > li[li-text-small] {
  font-size: calc(0.625rem + 1.07vw);
  font-size: var(--font-size-small);
}
[small] #docomo .list-dot > li {
  margin: var(--space-size-10) 0;
}
#docomo .list-dot > li span {
  vertical-align: middle;
}
#docomo .list-dot > li.list-icon span {
  margin-left: -5px;
  vertical-align: bottom;
}
#docomo .list-dot > li ion-icon {
  display: inline-block;
  width: calc(var(--space-size-20) + 4px);
  height: calc(var(--space-size-20) + 4px);
  margin-top: -4px;
  margin-left: 5px;
  vertical-align: middle;
  cursor: pointer;
  fill: var(--ion-form-icon-color);
}
#docomo .list-dot .list-decimal-04 {
  margin: var(--space-size-15) 0 0 var(--space-size-20);
}
#docomo .list-dot .list-decimal-04 > li {
  margin-left: 16px;
  line-height: 1.75rem;
}
#docomo .list-dot .list-sharp > li:first-child {
  margin-top: var(--space-size-5);
}
#docomo .list-dot-2 li {
  margin-bottom: var(--space-size-5);
  margin-left: 16px !important;
  line-height: 1.75rem;
  text-indent: -8px;
}
#docomo .list-dot-2 li::before {
  display: inline-block;
  padding-right: 8px;
  line-height: 0;
  vertical-align: middle;
  content: url('list-dot-icon.31922761392b5a914db6.svg');
  counter-increment: step;
}
#docomo .list-dot-3 {
  margin: var(--space-size-30) 0;
}
#docomo .list-dot-3:first-child {
  margin-top: 0;
}
#docomo .list-dot-3:last-child {
  margin-bottom: 0;
}
#docomo .list-dot-3 > li {
  margin-left: 16px !important;
  line-height: 1.75rem;
  text-indent: -8px;
}
#docomo .list-dot-3 > li::before {
  display: inline-block;
  padding-right: 8px;
  line-height: 0;
  vertical-align: middle;
  content: url('list-dot-icon.31922761392b5a914db6.svg');
  counter-increment: step;
}
[small] #docomo .list-dot-3 > li {
  margin: var(--space-size-10) 0;
}
#docomo .list-dot-3 > li span {
  vertical-align: middle;
}
#docomo .list-dot-3 > li.list-icon span {
  margin-left: -5px;
  vertical-align: bottom;
}
#docomo .list-dot-3 > li ion-icon {
  display: inline-block;
  margin-top: -4px;
  vertical-align: middle;
  cursor: pointer;
  stroke: var(--ion-link-icon-color);
}
#docomo .list-dot-3 .list-decimal-04 {
  margin: var(--space-size-15) 0 0 var(--space-size-20);
}
#docomo .list-dot-3 .list-decimal-04 > li {
  margin-left: 16px;
  line-height: 1.75rem;
}
#docomo .list-dot-3 .list-sharp > li:first-child {
  margin-top: var(--space-size-5);
}
#docomo .list-dot-4 li {
  margin-bottom: var(--space-size-5);
  margin-left: 16px !important;
  color: var(--ion-link-text-color) !important;
  line-height: 1.75rem;
  text-indent: -8px;
}
#docomo .list-dot-4 li::before {
  display: inline-block;
  padding-right: 8px;
  line-height: 0;
  vertical-align: middle;
  content: url('list-dot-icon.31922761392b5a914db6.svg');
  counter-increment: step;
}
#docomo .list-dot-5 {
  margin: var(--space-size-10) 0 var(--space-size-30);
}
#docomo .list-dot-5:first-child {
  margin-top: 0;
}
#docomo .list-dot-5:last-child {
  margin-bottom: 0;
}
#docomo .list-dot-5 .list-decimal-04 {
  margin: var(--space-size-15) 0 0 var(--space-size-20);
}
#docomo .list-dot-5 .list-decimal-04 > li {
  margin-left: 16px;
  line-height: 1.75rem;
}
#docomo .list-dot-5 .list-sharp > li:first-child {
  margin-top: var(--space-size-5);
}
#docomo .list-dot-5 .indent {
  margin-left: 4%;
}
#docomo .list-dot-5 > li {
  margin-left: 1.5em !important;
  line-height: 1.75rem;
}
#docomo .list-dot-5 > li::before {
  display: inline-block;
  padding-right: 8px;
  line-height: 0;
  vertical-align: middle;
  content: url('list-dot-icon.31922761392b5a914db6.svg');
  counter-increment: step;
}
#docomo .list-dot-5 > li span {
  vertical-align: middle;
}
#docomo .list-dot-5 > li.list-icon span {
  margin-left: -5px;
  vertical-align: bottom;
}
#docomo .list-dot-5 > li ion-icon {
  width: calc(var(--space-size-20) + 4px);
  height: calc(var(--space-size-20) + 4px);
  margin-top: -4px;
  padding-top: 1px;
  vertical-align: middle;
  fill: var(--ion-form-icon-color);
}
#docomo [small] .list-dot-5 > li {
  margin: var(--space-size-10) 0;
}
#docomo .list-dot-6 {
  margin: var(--space-size-10) 0 var(--space-size-10) 0 !important;
}
#docomo .list-dot-6:first-child {
  margin-top: 0;
}
#docomo .list-dot-6:last-child {
  margin-bottom: 0;
}
#docomo .list-dot-6 > li {
  margin-left: 16px !important;
  line-height: 1.75rem;
  text-indent: -8px;
}
#docomo .list-dot-6 > li::before {
  display: inline-block;
  padding-right: 8px;
  line-height: 0;
  vertical-align: middle;
  content: url('list-dot-icon.31922761392b5a914db6.svg');
  counter-increment: step;
}
#docomo .list-dot-6 > li[li-text-small] {
  font-size: calc(0.625rem + 1.07vw);
  font-size: var(--font-size-small);
  margin: var(--space-size-4) 0 var(--space-size-4);
}
[small] #docomo .list-dot-6 > li {
  margin: var(--space-size-10) 0;
}
#docomo .list-dot-6 > li span {
  vertical-align: middle;
}
#docomo .list-dot-6 > li.list-icon span {
  margin-left: -5px;
  vertical-align: bottom;
}
#docomo .list-dot-6 > li ion-icon {
  display: inline-block;
  width: calc(var(--space-size-20) + 4px);
  height: calc(var(--space-size-20) + 4px);
  margin-top: -4px;
  margin-left: 5px;
  vertical-align: middle;
  cursor: pointer;
  fill: var(--ion-form-icon-color);
}
#docomo .list-dot-6 .list-decimal-04 {
  margin: var(--space-size-15) 0 0 var(--space-size-20);
}
#docomo .list-dot-6 .list-decimal-04 > li {
  margin-left: 16px;
  line-height: 1.75rem;
}
#docomo .list-dot-6 .list-sharp > li:first-child {
  margin-top: var(--space-size-5);
}
#docomo .list-decimal {
  margin-left: var(--space-size-15);
  list-style: decimal;
}
#docomo .list-decimal[indentNone] {
  text-indent: 0;
}
#docomo .list-decimal-02 {
  counter-reset: step;
}
#docomo .list-decimal-02 > li {
  padding-left: var(--space-size-10);
}
#docomo .list-decimal-02 > li::before {
  content: "(" counter(step) ")";
  counter-increment: step;
  position: absolute;
  top: auto;
  right: auto;
  bottom: auto;
  left: -24px;
}
#docomo .list-decimal-03 {
  counter-reset: step;
}
#docomo .list-decimal-03.long-contents > dl > dt {
  margin: 0 0 var(--space-size-20) var(--space-size-10);
}
#docomo .list-decimal-03.long-contents > dl > dt .list-decimal-03-num {
  width: var(--space-size-25);
  height: var(--space-size-25);
  margin-left: var(--space-size-15);
  color: var(--ion-table-header-text-color);
  line-height: var(--space-size-25);
  text-align: center;
  background: var(--ion-form-icon-color);
  position: absolute;
  top: auto;
  right: auto;
  bottom: auto;
  left: calc(-1 * var(--space-size-25));
  font-weight: bold;
  font-size: calc(0.5rem + 1.07vw);
  font-size: var(--font-size-12);
  font-family: "Hiragino Sans", "游ゴシック", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Noto Sans CJK JP CJK JP", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  border-radius: 50%;
}
#docomo .list-decimal-03.long-contents > dl > dt dd .button-wrap, #docomo .list-decimal-03.long-contents > dl > dt dd .button-wrap-slim {
  margin: var(--space-size-20) 0 !important;
}
#docomo .list-decimal-03.long-contents > dl > dt::before {
  display: none;
}
#docomo .list-decimal-03 .button-iup-1-wrap input {
  display: none;
}
#docomo .list-decimal-03 .button-iup-1-wrap .button-iup-box {
  margin-top: 0;
}
#docomo .list-decimal-03 > dl > dt {
  position: relative;
  display: flex;
  margin: 0 0 var(--space-size-5) var(--space-size-25);
  padding-left: var(--space-size-10);
}
#docomo .list-decimal-03 > dl > dt::before {
  width: var(--space-size-25);
  height: var(--space-size-25);
  color: var(--ion-table-header-text-color);
  line-height: var(--space-size-25);
  text-align: center;
  background: var(--ion-color-custom-red);
  content: counter(step);
  counter-increment: step;
  position: absolute;
  top: auto;
  right: auto;
  bottom: auto;
  left: calc(-1 * var(--space-size-25));
  font-weight: bold;
  font-size: calc(0.5rem + 1.07vw);
  font-size: var(--font-size-12);
  font-family: "Hiragino Sans", "游ゴシック", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Noto Sans CJK JP CJK JP", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  border-radius: 50%;
}
#docomo .list-decimal-03 > dl > dd p {
  margin-left: var(--space-size-35);
}
#docomo .modal-box .list-decimal-03 > dl > dt {
  padding-right: var(--space-size-15);
  padding-left: var(--space-size-25);
}
#docomo .modal-box .list-decimal-03 > dl > dd > p {
  margin: 0;
}
#docomo .list-decimal-04 > li::before {
  position: absolute;
  top: auto;
  right: auto;
  bottom: auto;
  left: -24px;
}
#docomo .list-decimal-04 > li:nth-of-type(1):before {
  content: "①";
}
#docomo .list-decimal-04 > li:nth-of-type(2):before {
  content: "②";
}
#docomo .list-decimal-04 > li:nth-of-type(3):before {
  content: "③";
}
#docomo .list-decimal-04 > li:nth-of-type(4):before {
  content: "④";
}
#docomo .list-decimal-04 > li:nth-of-type(5):before {
  content: "⑤";
}
#docomo .list-decimal-04 > li:nth-of-type(6):before {
  content: "⑥";
}
#docomo .list-decimal-04 > li:nth-of-type(7):before {
  content: "⑦";
}
#docomo .list-decimal-04 > li:nth-of-type(8):before {
  content: "⑧";
}
#docomo .list-decimal-04 > li:nth-of-type(9):before {
  content: "⑨";
}
#docomo .list-decimal-04 > li:nth-of-type(10):before {
  content: "⑩";
}
#docomo .list-decimal-04 > li:nth-of-type(11):before {
  content: "⑪";
}
#docomo .list-decimal-04 > li:nth-of-type(12):before {
  content: "⑫";
}
#docomo .list-decimal-04 > li:nth-of-type(13):before {
  content: "⑬";
}
#docomo .list-decimal-04 > li:nth-of-type(14):before {
  content: "⑭";
}
#docomo .list-decimal-04 > li:nth-of-type(15):before {
  content: "⑮";
}
#docomo .list-decimal-04 > li:nth-of-type(16):before {
  content: "⑯";
}
#docomo .list-decimal-04 > li:nth-of-type(17):before {
  content: "⑰";
}
#docomo .list-decimal-04 > li:nth-of-type(18):before {
  content: "⑱";
}
#docomo .list-decimal-04 > li:nth-of-type(19):before {
  content: "⑲";
}
#docomo .list-decimal-04 > li:nth-of-type(20):before {
  content: "⑳";
}
#docomo .list-alphabetical {
  margin: var(--space-size-30) 0;
  counter-reset: step;
}
#docomo .list-alphabetical:first-child {
  margin-top: 0;
}
#docomo .list-alphabetical:last-child {
  margin-bottom: 0;
}
#docomo .list-alphabetical > li::before {
  position: absolute;
  top: auto;
  right: auto;
  bottom: auto;
  left: -24px;
  content: counter(step, upper-alpha) ")";
  counter-increment: step;
}
#docomo .list-example {
  margin: var(--space-size-30) 0;
  counter-reset: step;
}
#docomo .list-example:first-child {
  margin-top: 0;
}
#docomo .list-example:last-child {
  margin-bottom: 0;
}
#docomo .list-example > li {
  padding-left: var(--space-size-10);
}
#docomo .list-example > li::before {
  position: absolute;
  top: auto;
  right: auto;
  bottom: auto;
  left: -24px;
  content: "(例)";
  counter-increment: step;
}
#docomo .list-sharp {
  margin: var(--space-size-30) 0;
  counter-reset: step;
}
#docomo .list-sharp:first-child {
  margin-top: 0;
}
#docomo .list-sharp:last-child {
  margin-bottom: 0;
}
#docomo .list-sharp > li {
  margin: 0 0 var(--space-size-5) var(--space-size-25);
  font-size: calc(0.625rem + 1.07vw);
  font-size: var(--font-size-small);
}
#docomo .list-sharp > li::before {
  position: absolute;
  top: auto;
  right: auto;
  bottom: auto;
  left: -24px;
  content: "※";
  counter-increment: step;
}
#docomo .list-sharp-02, #docomo .list-sharp-02-from4, #docomo .list-sharp-02-from3, #docomo .list-sharp-02-from2 {
  margin: var(--space-size-30) 0;
  counter-reset: step;
}
#docomo .list-sharp-02:first-child, #docomo .list-sharp-02-from4:first-child, #docomo .list-sharp-02-from3:first-child, #docomo .list-sharp-02-from2:first-child {
  margin-top: 0;
}
#docomo .list-sharp-02:last-child, #docomo .list-sharp-02-from4:last-child, #docomo .list-sharp-02-from3:last-child, #docomo .list-sharp-02-from2:last-child {
  margin-bottom: 0;
}
#docomo .list-sharp-02 > li, #docomo .list-sharp-02-from4 > li, #docomo .list-sharp-02-from3 > li, #docomo .list-sharp-02-from2 > li {
  margin: 0 0 var(--space-size-5) var(--space-size-25);
  padding-left: var(--space-size-10);
  font-size: calc(0.625rem + 1.07vw);
  font-size: var(--font-size-small);
}
#docomo .list-sharp-02 > li::before, #docomo .list-sharp-02-from4 > li::before, #docomo .list-sharp-02-from3 > li::before, #docomo .list-sharp-02-from2 > li::before {
  content: "※" counter(step);
  counter-increment: step;
  position: absolute;
  top: auto;
  right: auto;
  bottom: auto;
  left: -24px;
}
#docomo .list-sharp-03 {
  margin: var(--space-size-30) 0;
  counter-reset: step;
}
#docomo .list-sharp-03:first-child {
  margin-top: 0;
}
#docomo .list-sharp-03:last-child {
  margin-bottom: 0;
}
#docomo .list-sharp-03 > li {
  margin: 0 0 var(--space-size-5) var(--space-size-25);
  padding-left: var(--space-size-10);
  font-size: calc(0.75rem + 1.07vw);
  font-size: var(--font-size-medium);
}
#docomo .list-sharp-03 > li::before {
  content: "（" counter(step) "） ";
  counter-increment: step;
  position: absolute;
  top: auto;
  right: auto;
  bottom: auto;
  left: -24px;
}
#docomo .list-sharp-02-from2 {
  counter-reset: step 1;
}
#docomo .list-sharp-02-from3 {
  counter-reset: step 2;
}
#docomo .list-sharp-02-from4 {
  counter-reset: step 3;
}
#docomo .paragraph-explanation {
  margin: var(--space-size-30) 0;
}
#docomo .paragraph-explanation:first-child {
  margin-top: 0;
}
#docomo .paragraph-explanation:last-child {
  margin-bottom: 0;
}
#docomo .paragraph-explanation dt {
  margin-bottom: var(--space-size-15);
}
#docomo .paragraph-explanation dd {
  margin-bottom: var(--space-size-25);
}
#docomo .paragraph-explanation dd:last-child {
  margin-bottom: 0;
}
#docomo .paragraph-explanation[textLeft] {
  text-align: left;
}
#docomo .list-selection-button-multiline, #docomo .list-selection-button-normal {
  margin: var(--space-size-10) 0;
  cursor: pointer;
  --background: transparent;
  --background-hover: transparent;
  --min-height: 1px;
  --padding-start: var(--space-size-15);
  --min-height: auto;
  --inner-padding-end: var(--space-size-10);
  border: 1px solid var(--ion-form-border-color);
}
#docomo .list-selection-button-multiline ion-label.sc-ion-label-md-h, #docomo .list-selection-button-normal ion-label.sc-ion-label-md-h {
  margin: 0;
  color: var(--ion-default-text-color);
  font-size: calc(0.75rem + 1.07vw);
  font-size: var(--font-size-medium);
  font-family: "Hiragino Sans", "游ゴシック", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Noto Sans CJK JP CJK JP", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#docomo .list-selection-button-multiline:hover, #docomo .list-selection-button-normal:hover {
  --background: var(--ion-color-step-50);
}
.landing-theme #docomo .list-selection-button-multiline, .landing-theme #docomo .list-selection-button-normal {
  --padding-top: var(--space-size-15);
  --padding-bottom: var(--space-size-15);
  border: 1px solid var(--ion-color-custom-white);
  border-radius: var(--space-size-15);
}
#docomo .list-selection-button-normal-wrap {
  margin: var(--space-size-30) 0 0 0;
  padding: 0;
}
#docomo .list-selection-button-normal-wrap:first-child {
  margin: var(--space-size-15) 0 0 0;
}
#docomo .list-selection-button-normal-wrap ion-list-header {
  min-height: 1rem;
  padding-bottom: var(--space-size-10);
  padding-left: 0;
}
#docomo .list-selection-button-normal-wrap ion-list-header ion-label {
  margin: 0;
  font-weight: bold;
  font-size: calc(0.75rem + 1.07vw);
  font-size: var(--font-size-medium);
  font-family: "Hiragino Sans", "游ゴシック", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Noto Sans CJK JP CJK JP", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#docomo .list-selection-button-normal-wrap ion-item {
  --inner-padding-top: calc(var(--space-size-15) / 2);
  --inner-padding-bottom: calc(var(--space-size-15) / 2);
  background-color: var(--ion-color-custom-white);
}
#docomo .list-selection-button-normal-wrap ion-item ion-label {
  overflow: visible !important;
  white-space: normal !important;
  -ms-text-overflow: clip !important;
  text-overflow: clip !important;
}
#docomo .list-selection-button-normal-wrap ion-item ion-icon {
  margin-top: var(--space-size-5);
  margin-bottom: var(--space-size-5);
}
#docomo .list-selection-button-normal-wrap[UNI-05] ion-list-header + .text-normal, #docomo .list-selection-button-normal-wrap[UNI-05] ion-list-header + .list-base, #docomo .list-selection-button-normal-wrap[UNI-05] ion-list-header + .list-dot, #docomo .list-selection-button-normal-wrap[UNI-05] ion-list-header + .list-dot-3, #docomo .list-selection-button-normal-wrap[UNI-05] ion-list-header + .list-dot-5, #docomo .list-selection-button-normal-wrap[UNI-05] ion-list-header + .list-dot-6, #docomo .list-selection-button-normal-wrap[UNI-05] ion-list-header + .list-decimal, #docomo .list-selection-button-normal-wrap[UNI-05] ion-list-header + .list-decimal-02, #docomo .list-selection-button-normal-wrap[UNI-05] ion-list-header + .list-decimal-03, #docomo .list-selection-button-normal-wrap[UNI-05] ion-list-header + .list-decimal-04, #docomo .list-selection-button-normal-wrap[UNI-05] ion-list-header + .list-alphabetical, #docomo .list-selection-button-normal-wrap[UNI-05] ion-list-header + .list-example, #docomo .list-selection-button-normal-wrap[UNI-05] ion-list-header + .list-sharp, #docomo .list-selection-button-normal-wrap[UNI-05] ion-list-header + .list-sharp-02, #docomo .list-selection-button-normal-wrap[UNI-05] ion-list-header + .list-sharp-03, #docomo .list-selection-button-normal-wrap[UNI-05] ion-list-header + .list-sharp-02-from2, #docomo .list-selection-button-normal-wrap[UNI-05] ion-list-header + .list-sharp-02-from3, #docomo .list-selection-button-normal-wrap[UNI-05] ion-list-header + .list-sharp-02-from4 {
  margin-top: 0;
}
#docomo .list-selection-button-multiline {
  margin: 0;
}
#docomo .list-selection-button-multiline:first-of-type {
  -moz-border-top-right-radius: 4px;
  border-top-right-radius: 4px;
  -moz-border-top-left-radius: 4px;
  border-top-left-radius: 4px;
}
#docomo .list-selection-button-multiline ion-list-header {
  padding-left: 0;
  font-weight: bold;
  font-size: calc(0.75rem + 1.07vw);
  font-size: var(--font-size-medium);
  font-family: "Hiragino Sans", "游ゴシック", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Noto Sans CJK JP CJK JP", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: bold;
  font-size: calc(0.75rem + 1.07vw);
  font-size: var(--font-size-medium);
  font-family: "Hiragino Sans", "游ゴシック", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Noto Sans CJK JP CJK JP", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#docomo .list-selection-button-multiline ion-list-header ion-label {
  font-size: calc(0.75rem + 1.07vw);
  font-size: var(--font-size-medium);
  font-family: "Hiragino Sans", "游ゴシック", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Noto Sans CJK JP CJK JP", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#docomo .list-selection-button-multiline + #docomo .list-selection-button-multiline {
  border-top: 0 !important;
}
#docomo .list-selection-button-multiline:last-of-type {
  -moz-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
  -moz-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
ion-list.list-brown #docomo .list-selection-button-multiline {
  border: 1px solid var(--ion-form-border-color);
}
ion-list.list-brown #docomo .list-selection-button-multiline:hover {
  --background: var(--ion-table-form-bg-color);
}
#docomo [marginXReset] {
  margin-right: var(--space-size-reset) !important;
  margin-left: var(--space-size-reset) !important;
}
#docomo [marginYReset] {
  margin-top: var(--space-size-reset) !important;
  margin-bottom: var(--space-size-reset) !important;
}
#docomo [marginTopReset] {
  margin-top: var(--space-size-reset) !important;
}
#docomo [marginBottomReset] {
  margin-bottom: var(--space-size-reset) !important;
}
#docomo [topSpace60] {
  margin-top: var(--space-size-60) !important;
}
#docomo [topSpace55] {
  margin-top: var(--space-size-55) !important;
}
#docomo [topSpace50] {
  margin-top: var(--space-size-50) !important;
}
#docomo [topSpace45] {
  margin-top: var(--space-size-45) !important;
}
#docomo [topSpace40] {
  margin-top: var(--space-size-40) !important;
}
#docomo [topSpace35] {
  margin-top: var(--space-size-35) !important;
}
#docomo [topSpace30] {
  margin-top: var(--space-size-30) !important;
}
#docomo [topSpace25] {
  margin-top: var(--space-size-25) !important;
}
#docomo [topSpace20] {
  margin-top: var(--space-size-20) !important;
}
#docomo [topSpace15] {
  margin-top: var(--space-size-15) !important;
}
#docomo [topSpace10] {
  margin-top: var(--space-size-10) !important;
}
#docomo [topSpace5] {
  margin-top: var(--space-size-5) !important;
}
#docomo [btmSpace5] {
  margin-bottom: var(--space-size-5) !important;
}
#docomo [btmSpace10] {
  margin-bottom: var(--space-size-10) !important;
}
#docomo [btmSpace15] {
  margin-bottom: var(--space-size-15) !important;
}
#docomo [btmSpace20] {
  margin-bottom: var(--space-size-20) !important;
}
#docomo [btmSpace25] {
  margin-bottom: var(--space-size-25) !important;
}
#docomo [btmSpace30] {
  margin-bottom: var(--space-size-30) !important;
}
#docomo [btmSpace35] {
  margin-bottom: var(--space-size-35) !important;
}
#docomo [btmSpace40] {
  margin-bottom: var(--space-size-40) !important;
}
#docomo [btmSpace45] {
  margin-bottom: var(--space-size-45) !important;
}
#docomo [btmSpace190px] {
  margin-bottom: calc(var(--space-size-10) * 19) !important;
}
#docomo [btmSpace210px] {
  margin-bottom: calc(var(--space-size-10) * 21) !important;
}
#docomo [leftSpace5] {
  margin-left: var(--space-size-5) !important;
}
#docomo [leftSpace10] {
  margin-left: var(--space-size-10) !important;
}
#docomo [leftSpace15] {
  margin-left: var(--space-size-15) !important;
}
#docomo [leftSpace20] {
  margin-left: var(--space-size-20) !important;
}
#docomo [rightSpace5] {
  margin-right: var(--space-size-5) !important;
}
#docomo [rightSpace10] {
  margin-right: var(--space-size-10) !important;
}
#docomo [rightSpace15] {
  margin-right: var(--space-size-15) !important;
}
#docomo [rightSpace20] {
  margin-right: var(--space-size-20) !important;
}
#docomo [topSpace0] {
  margin-top: var(--space-size-0) !important;
}
#docomo [btmSpace-40] {
  margin-bottom: var(--space-size--40) !important;
}
#docomo [paddingReset] {
  padding: var(--space-size-0) !important;
}
#docomo [topPadding40] {
  padding-top: var(--space-size-40) !important;
}
#docomo [marginRest] {
  margin: var(--space-size-0) !important;
}
#docomo [res-topSpace0] {
  /* media query version */
}
@media screen and (min-width: 769px) {
  #docomo [res-topSpace0] {
    margin-top: var(--space-size-0) !important;
  }
}
#docomo [res-bottomSpace0] {
  /* media query version */
}
@media screen and (min-width: 769px) {
  #docomo [res-bottomSpace0] {
    margin-bottom: var(--space-size-0) !important;
  }
}
#docomo [res-topSpace24] {
  /* media query version */
}
@media screen and (min-width: 769px) {
  #docomo [res-topSpace24] {
    margin-top: 24px !important;
  }
}
#docomo [res-topSpace30] {
  /* media query version */
}
@media screen and (min-width: 769px) {
  #docomo [res-topSpace30] {
    margin-top: 30px !important;
  }
}
#docomo [res-bottomSpace16] {
  /* media query version */
}
@media screen and (min-width: 769px) {
  #docomo [res-bottomSpace16] {
    margin-bottom: 16px !important;
  }
}
#docomo [res-bottomSpace30] {
  /* media query version */
}
@media screen and (min-width: 769px) {
  #docomo [res-bottomSpace30] {
    margin-bottom: 30px !important;
  }
}
#docomo [res-padding0] {
  /* media query version */
}
@media screen and (min-width: 769px) {
  #docomo [res-padding0] {
    padding: var(--space-size-0) !important;
  }
}
#docomo [res-bottomPadding0] {
  /* media query version */
}
@media screen and (min-width: 769px) {
  #docomo [res-bottomPadding0] {
    padding-bottom: var(--space-size-0) !important;
  }
}
#docomo [res-topPadding20] {
  /* media query version */
}
@media screen and (min-width: 769px) {
  #docomo [res-topPadding20] {
    padding-top: var(--space-size-20) !important;
  }
}
#docomo .radio-button-multiline, #docomo .radio-button-split, #docomo .table-radio-button, #docomo .radio-button-normal, #docomo .select-image-01 .radio-button-split .radio-button-split-flex-column .radio-button-split-flex-label,
#docomo .select-image-02 .radio-button-split .radio-button-split-flex-column .radio-button-split-flex-label,
#docomo [slc-img-02] .radio-button-split .radio-button-split-flex-column .radio-button-split-flex-label {
  --background: var(--ion-table-form-bg-color);
  --background-hover: var(--ion-table-form-bg-color);
  --min-height: 100%;
  display: block;
  height: 100%;
  margin: var(--space-size-10) 0;
  color: var(--ion-default-text-color);
  --inner-padding-end: 0;
  --padding-start: 0;
  border: 1px solid var(--ion-form-border-color);
  border-radius: var(--space-size-8);
  /* 入力済み state */
  /* グループの内どれでも入力された場合 */
  /* 非活性 state */
  /* 任意項目 */
  /* エラー state */
}
#docomo .radio-button-multiline ion-label.sc-ion-label-md-h, #docomo .radio-button-split ion-label.sc-ion-label-md-h, #docomo .table-radio-button ion-label.sc-ion-label-md-h, #docomo .radio-button-normal ion-label.sc-ion-label-md-h, #docomo .select-image-01 .radio-button-split .radio-button-split-flex-column .radio-button-split-flex-label ion-label.sc-ion-label-md-h,
#docomo .select-image-02 .radio-button-split .radio-button-split-flex-column .radio-button-split-flex-label ion-label.sc-ion-label-md-h,
#docomo [slc-img-02] .radio-button-split .radio-button-split-flex-column .radio-button-split-flex-label ion-label.sc-ion-label-md-h {
  margin: 0;
  font-size: calc(0.75rem + 1.07vw);
  font-size: var(--font-size-medium);
  font-family: "Hiragino Sans", "游ゴシック", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Noto Sans CJK JP CJK JP", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#docomo .radio-button-multiline ion-radio, #docomo .radio-button-split ion-radio, #docomo .table-radio-button ion-radio, #docomo .radio-button-normal ion-radio, #docomo .select-image-01 .radio-button-split .radio-button-split-flex-column .radio-button-split-flex-label ion-radio,
#docomo .select-image-02 .radio-button-split .radio-button-split-flex-column .radio-button-split-flex-label ion-radio,
#docomo [slc-img-02] .radio-button-split .radio-button-split-flex-column .radio-button-split-flex-label ion-radio {
  align-self: center;
  margin: var(--space-size-15) var(--space-size-10);
}
#docomo .radio-button-multiline ion-radio:not(.radio-checked)::part(container), #docomo .radio-button-split ion-radio:not(.radio-checked)::part(container), #docomo .table-radio-button ion-radio:not(.radio-checked)::part(container), #docomo .radio-button-normal ion-radio:not(.radio-checked)::part(container), #docomo .select-image-01 .radio-button-split .radio-button-split-flex-column .radio-button-split-flex-label ion-radio:not(.radio-checked)::part(container),
#docomo .select-image-02 .radio-button-split .radio-button-split-flex-column .radio-button-split-flex-label ion-radio:not(.radio-checked)::part(container),
#docomo [slc-img-02] .radio-button-split .radio-button-split-flex-column .radio-button-split-flex-label ion-radio:not(.radio-checked)::part(container) {
  border: 2px solid var(--ion-color-ui-tool);
  background-color: var(--ion-color-custom-white);
}
#docomo .radio-button-multiline ion-radio:not(.radio-checked)::part(mark), #docomo .radio-button-split ion-radio:not(.radio-checked)::part(mark), #docomo .table-radio-button ion-radio:not(.radio-checked)::part(mark), #docomo .radio-button-normal ion-radio:not(.radio-checked)::part(mark), #docomo .select-image-01 .radio-button-split .radio-button-split-flex-column .radio-button-split-flex-label ion-radio:not(.radio-checked)::part(mark),
#docomo .select-image-02 .radio-button-split .radio-button-split-flex-column .radio-button-split-flex-label ion-radio:not(.radio-checked)::part(mark),
#docomo [slc-img-02] .radio-button-split .radio-button-split-flex-column .radio-button-split-flex-label ion-radio:not(.radio-checked)::part(mark) {
  background-color: var(--ion-color-ui-tool);
  transform: none;
  width: var(--space-size-8);
  height: var(--space-size-8);
}
#docomo .radio-button-multiline ion-radio.radio-checked::part(container), #docomo .radio-button-split ion-radio.radio-checked::part(container), #docomo .table-radio-button ion-radio.radio-checked::part(container), #docomo .radio-button-normal ion-radio.radio-checked::part(container), #docomo .select-image-01 .radio-button-split .radio-button-split-flex-column .radio-button-split-flex-label ion-radio.radio-checked::part(container),
#docomo .select-image-02 .radio-button-split .radio-button-split-flex-column .radio-button-split-flex-label ion-radio.radio-checked::part(container),
#docomo [slc-img-02] .radio-button-split .radio-button-split-flex-column .radio-button-split-flex-label ion-radio.radio-checked::part(container) {
  background-color: var(--ion-color-custom-white);
  border-color: var(--ion-color-custom-red);
}
#docomo .radio-button-multiline ion-radio.radio-checked::part(mark), #docomo .radio-button-split ion-radio.radio-checked::part(mark), #docomo .table-radio-button ion-radio.radio-checked::part(mark), #docomo .radio-button-normal ion-radio.radio-checked::part(mark), #docomo .select-image-01 .radio-button-split .radio-button-split-flex-column .radio-button-split-flex-label ion-radio.radio-checked::part(mark),
#docomo .select-image-02 .radio-button-split .radio-button-split-flex-column .radio-button-split-flex-label ion-radio.radio-checked::part(mark),
#docomo [slc-img-02] .radio-button-split .radio-button-split-flex-column .radio-button-split-flex-label ion-radio.radio-checked::part(mark) {
  --border-width: 0px;
  background-color: var(--ion-color-custom-red);
  width: var(--space-size-8);
  height: var(--space-size-8);
}
#docomo .item-radio-checked.radio-button-multiline, #docomo .item-radio-checked.radio-button-split, #docomo .item-radio-checked.table-radio-button, #docomo .item-radio-checked.radio-button-normal, #docomo .select-image-01 .radio-button-split .radio-button-split-flex-column .item-radio-checked.radio-button-split-flex-label,
#docomo .select-image-02 .radio-button-split .radio-button-split-flex-column .item-radio-checked.radio-button-split-flex-label,
#docomo [slc-img-02] .radio-button-split .radio-button-split-flex-column .item-radio-checked.radio-button-split-flex-label {
  --background: var(--ion-table-form-bg-color);
}
#docomo .item-radio-other-checked.radio-button-multiline, #docomo .item-radio-other-checked.radio-button-split, #docomo .item-radio-other-checked.table-radio-button, #docomo .item-radio-other-checked.radio-button-normal, #docomo .select-image-01 .radio-button-split .radio-button-split-flex-column .item-radio-other-checked.radio-button-split-flex-label,
#docomo .select-image-02 .radio-button-split .radio-button-split-flex-column .item-radio-other-checked.radio-button-split-flex-label,
#docomo [slc-img-02] .radio-button-split .radio-button-split-flex-column .item-radio-other-checked.radio-button-split-flex-label {
  --background: var(--ion-table-form-bg-color);
}
#docomo [disabled].radio-button-multiline, #docomo [disabled].radio-button-split, #docomo [disabled].table-radio-button, #docomo [disabled].radio-button-normal, #docomo .select-image-01 .radio-button-split .radio-button-split-flex-column [disabled].radio-button-split-flex-label,
#docomo .select-image-02 .radio-button-split .radio-button-split-flex-column [disabled].radio-button-split-flex-label,
#docomo [slc-img-02] .radio-button-split .radio-button-split-flex-column [disabled].radio-button-split-flex-label {
  color: var(--ion-default-text-color);
}
[optional] #docomo .radio-button-multiline, [optional] #docomo .radio-button-split, [optional] #docomo .table-radio-button, [optional] #docomo .radio-button-normal, [optional] #docomo .select-image-01 .radio-button-split .radio-button-split-flex-column .radio-button-split-flex-label,
[optional] #docomo .select-image-02 .radio-button-split .radio-button-split-flex-column .radio-button-split-flex-label,
[optional] #docomo [slc-img-02] .radio-button-split .radio-button-split-flex-column .radio-button-split-flex-label {
  --background: transparent;
}
#docomo [invalid].radio-button-multiline, #docomo [invalid].radio-button-split, #docomo [invalid].table-radio-button, #docomo [invalid].radio-button-normal, #docomo .select-image-01 .radio-button-split .radio-button-split-flex-column [invalid].radio-button-split-flex-label,
#docomo .select-image-02 .radio-button-split .radio-button-split-flex-column [invalid].radio-button-split-flex-label,
#docomo [slc-img-02] .radio-button-split .radio-button-split-flex-column [invalid].radio-button-split-flex-label {
  --background: var(--ion-form-error-bg-color);
}
.landing-theme #docomo .radio-button-multiline, .landing-theme #docomo .radio-button-split, .landing-theme #docomo .table-radio-button, .landing-theme #docomo .radio-button-normal, .landing-theme #docomo .select-image-01 .radio-button-split .radio-button-split-flex-column .radio-button-split-flex-label,
.landing-theme #docomo .select-image-02 .radio-button-split .radio-button-split-flex-column .radio-button-split-flex-label,
.landing-theme #docomo [slc-img-02] .radio-button-split .radio-button-split-flex-column .radio-button-split-flex-label {
  --padding-top: var(--space-size-10);
  --padding-bottom: var(--space-size-10);
  --background: transparent;
  border: 1px solid var(--ion-color-custom-white);
  border-radius: var(--space-size-15);
}
.landing-theme #docomo .radio-button-multiline ion-radio, .landing-theme #docomo .radio-button-split ion-radio, .landing-theme #docomo .table-radio-button ion-radio, .landing-theme #docomo .radio-button-normal ion-radio, .landing-theme #docomo .select-image-01 .radio-button-split .radio-button-split-flex-column .radio-button-split-flex-label ion-radio,
.landing-theme #docomo .select-image-02 .radio-button-split .radio-button-split-flex-column .radio-button-split-flex-label ion-radio,
.landing-theme #docomo [slc-img-02] .radio-button-split .radio-button-split-flex-column .radio-button-split-flex-label ion-radio {
  --border-width: 1px;
  --background: none;
}
.landing-theme #docomo .radio-button-multiline ion-radio:not(.radio-checked)::part(container), .landing-theme #docomo .radio-button-split ion-radio:not(.radio-checked)::part(container), .landing-theme #docomo .table-radio-button ion-radio:not(.radio-checked)::part(container), .landing-theme #docomo .radio-button-normal ion-radio:not(.radio-checked)::part(container), .landing-theme #docomo .select-image-01 .radio-button-split .radio-button-split-flex-column .radio-button-split-flex-label ion-radio:not(.radio-checked)::part(container),
.landing-theme #docomo .select-image-02 .radio-button-split .radio-button-split-flex-column .radio-button-split-flex-label ion-radio:not(.radio-checked)::part(container),
.landing-theme #docomo [slc-img-02] .radio-button-split .radio-button-split-flex-column .radio-button-split-flex-label ion-radio:not(.radio-checked)::part(container) {
  border: 1px solid var(--ion-color-custom-white);
  background-color: transparent;
}
.landing-theme #docomo .radio-button-multiline ion-radio.radio-checked::part(container), .landing-theme #docomo .radio-button-split ion-radio.radio-checked::part(container), .landing-theme #docomo .table-radio-button ion-radio.radio-checked::part(container), .landing-theme #docomo .radio-button-normal ion-radio.radio-checked::part(container), .landing-theme #docomo .select-image-01 .radio-button-split .radio-button-split-flex-column .radio-button-split-flex-label ion-radio.radio-checked::part(container),
.landing-theme #docomo .select-image-02 .radio-button-split .radio-button-split-flex-column .radio-button-split-flex-label ion-radio.radio-checked::part(container),
.landing-theme #docomo [slc-img-02] .radio-button-split .radio-button-split-flex-column .radio-button-split-flex-label ion-radio.radio-checked::part(container) {
  background-color: transparent;
}
.landing-theme #docomo .radio-button-multiline ion-radio.radio-checked::part(mark), .landing-theme #docomo .radio-button-split ion-radio.radio-checked::part(mark), .landing-theme #docomo .table-radio-button ion-radio.radio-checked::part(mark), .landing-theme #docomo .radio-button-normal ion-radio.radio-checked::part(mark), .landing-theme #docomo .select-image-01 .radio-button-split .radio-button-split-flex-column .radio-button-split-flex-label ion-radio.radio-checked::part(mark),
.landing-theme #docomo .select-image-02 .radio-button-split .radio-button-split-flex-column .radio-button-split-flex-label ion-radio.radio-checked::part(mark),
.landing-theme #docomo [slc-img-02] .radio-button-split .radio-button-split-flex-column .radio-button-split-flex-label ion-radio.radio-checked::part(mark) {
  --border-width: 0px;
  background-color: var(--ion-color-success);
}
.landing-theme #docomo .item-radio-checked.radio-button-multiline, .landing-theme #docomo .item-radio-checked.radio-button-split, .landing-theme #docomo .item-radio-checked.table-radio-button, .landing-theme #docomo .item-radio-checked.radio-button-normal, .landing-theme #docomo .select-image-01 .radio-button-split .radio-button-split-flex-column .item-radio-checked.radio-button-split-flex-label,
.landing-theme #docomo .select-image-02 .radio-button-split .radio-button-split-flex-column .item-radio-checked.radio-button-split-flex-label,
.landing-theme #docomo [slc-img-02] .radio-button-split .radio-button-split-flex-column .item-radio-checked.radio-button-split-flex-label, .landing-theme #docomo [disabled].radio-button-multiline, .landing-theme #docomo [disabled].radio-button-split, .landing-theme #docomo [disabled].table-radio-button, .landing-theme #docomo [disabled].radio-button-normal, .landing-theme #docomo .select-image-01 .radio-button-split .radio-button-split-flex-column [disabled].radio-button-split-flex-label,
.landing-theme #docomo .select-image-02 .radio-button-split .radio-button-split-flex-column [disabled].radio-button-split-flex-label,
.landing-theme #docomo [slc-img-02] .radio-button-split .radio-button-split-flex-column [disabled].radio-button-split-flex-label, .landing-theme #docomo [invalid].radio-button-multiline, .landing-theme #docomo [invalid].radio-button-split, .landing-theme #docomo [invalid].table-radio-button, .landing-theme #docomo [invalid].radio-button-normal, .landing-theme #docomo .select-image-01 .radio-button-split .radio-button-split-flex-column [invalid].radio-button-split-flex-label,
.landing-theme #docomo .select-image-02 .radio-button-split .radio-button-split-flex-column [invalid].radio-button-split-flex-label,
.landing-theme #docomo [slc-img-02] .radio-button-split .radio-button-split-flex-column [invalid].radio-button-split-flex-label {
  --background: transparent;
}
#docomo .radio-button-inline + label {
  display: inline-block;
  padding-left: var(--space-size-10);
  cursor: pointer;
}
#docomo .radio-button-normal-wrap {
  margin: var(--space-size-15) 0 0 0;
}
#docomo .radio-button-normal-wrap:first-child {
  margin-top: 0;
}
#docomo .radio-button-normal-wrap:last-child {
  margin-bottom: 0;
}
#docomo ion-radio-group {
  /* container query version */
}
@container app-page-responsive-content-container (min-width: 769px) {
  #docomo ion-radio-group {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
  }
}
#docomo .radio-button-normal[noBorder] {
  border: none !important;
}
#docomo .table-radio-button {
  --background: transparent;
  margin: 0;
  color: var(--ion-default-text-color);
  border: none;
}
#docomo .table-radio-button ion-label.sc-ion-label-md-h {
  margin: 0;
  font-weight: bold;
  font-size: calc(0.625rem + 1.07vw);
  font-size: var(--font-size-small);
  font-family: hiraginoKakuGothicPro-W3, Roboto-W3, NotoSans-W3, system-ui, Verdana, "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;
}
#docomo .table-radio-button ion-radio {
  align-self: center;
  margin: var(--space-size-15) var(--space-size-10);
}
#docomo .table-radio-button ion-radio .radio-icon {
  background-color: var(--ion-color-custom-white) !important;
}
#docomo .radio-button-split-wrap {
  --background: var(--ion-table-form-bg-color);
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-column-gap: var(--space-size-15);
  -moz-column-gap: var(--space-size-15);
       column-gap: var(--space-size-15);
}
#docomo .radio-button-split-wrap ion-label.sc-ion-label-ios-h,
#docomo .radio-button-split-wrap ion-label.sc-ion-label-md-h {
  white-space: normal;
  word-break: break-all;
}
#docomo .radio-button-split-wrap:not(:first-child) {
  margin-top: var(--space-size-15);
}
#docomo .radio-button-split {
  width: 100%;
  margin: 0;
}
#docomo .radio-button-split-unique-g11-03 {
  border: 1px solid var(--ion-form-border-color);
  border-radius: 4px;
  width: 100%;
  min-height: var(--space-size-75);
  margin: var(--space-size-30) 0 0 0;
  /* 入力済み state */
  /* グループの内どれでも入力された場合 */
  /* 非活性 state */
  /* エラー state */
}
#docomo .radio-button-split-unique-g11-03 ion-radio {
  align-self: self-start;
  align-self: center;
  margin: var(--space-size-25) var(--space-size-15) var(--space-size-25) 0;
}
#docomo .radio-button-split-unique-g11-03 ion-radio:not(.radio-checked)::part(container) {
  border: 1px solid var(--ion-color-step-200);
  background-color: var(--ion-color-custom-white);
}
#docomo .radio-button-split-unique-g11-03 ion-radio.radio-checked::part(container) {
  background-color: var(--ion-color-brown);
}
#docomo .radio-button-split-unique-g11-03 ion-radio.radio-checked::part(mark) {
  --border-width: 0px;
  background-color: var(--ion-color-custom-white);
}
#docomo .radio-button-split-unique-g11-03.item-radio-checked {
  --background: var(--ion-table-form-bg-color);
}
#docomo .radio-button-split-unique-g11-03.item-radio-other-checked {
  --background: var(--ion-table-form-bg-color);
}
#docomo .radio-button-split-unique-g11-03[disabled] {
  color: var(--ion-default-text-color);
}
#docomo .radio-button-split-unique-g11-03[invalid] {
  --background: var(--ion-form-error-bg-color);
}
#docomo .radio-button-split-srt {
  --background-hover: var(--ion-form-border-color);
  --border-color: var(--ion-form-border-color);
  --border-radius: 24px;
  --border-style: solid;
  --border-width: 1px;
  width: 100%;
  /* 入力済み state */
}
#docomo .radio-button-split-srt ion-label {
  text-align: center;
  font-weight: bold;
  font-size: calc(0.625rem + 1.07vw) !important;
  font-size: var(--font-size-small) !important;
  font-family: "Hiragino Sans", "游ゴシック", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Noto Sans CJK JP CJK JP", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#docomo .radio-button-split-srt ion-radio {
  width: 0;
  height: 0;
  margin: 0;
  overflow: hidden !important;
}
#docomo .radio-button-split-srt.item-radio-checked {
  --border-color: var(--ion-color-custom-dark-gold);
  --background: var(--ion-color-custom-dark-gold);
  --color: var(--ion-color-custom-white);
}
#docomo .radio-button-split-srt.item-radio-checked:hover {
  --color: var(--ion-color-custom-white);
}
#docomo .radio-button-multiline-parent {
  /* container query version */
}
@container app-page-responsive-content-container (min-width: 769px) {
  #docomo .radio-button-multiline-parent {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    width: 100%;
  }
}
#docomo .radio-button-multiline {
  margin: 4px 0;
  overflow: auto;
  /* container query version */
}
@container app-page-responsive-content-container (min-width: 769px) {
  #docomo .radio-button-multiline {
    width: 100%;
    height: auto;
    margin: 16px 0 0;
    border: 1px solid var(--ion-form-border-color) !important;
  }
  #docomo .radio-button-multiline:first-child {
    margin-top: 0 !important;
  }
}
#docomo .radio-button-multiline.nomargin {
  /* container query version */
}
@container app-page-responsive-content-container (min-width: 769px) {
  #docomo .radio-button-multiline.nomargin {
    margin: 0 !important;
  }
}
#docomo .radio-button-multiline.slim {
  /* container query version */
}
@container app-page-responsive-content-container (min-width: 769px) {
  #docomo .radio-button-multiline.slim {
    height: 52px !important;
    border-radius: 0px !important;
  }
}
#docomo .radio-button-multiline-col2 {
  /* container query version */
}
@container app-page-responsive-content-container (min-width: 769px) {
  #docomo .radio-button-multiline-col2 {
    width: calc(50% - 8px);
    margin-top: 0 !important;
    margin-right: 8px;
    margin-left: 8px;
  }
  #docomo .radio-button-multiline-col2:nth-child(2n+1) {
    margin-left: 0;
  }
  #docomo .radio-button-multiline-col2:nth-child(2n+2) {
    margin-right: 0;
  }
  #docomo .radio-button-multiline-col2:nth-child(n+3) {
    margin-top: 16px !important;
  }
}
#docomo .radio-button-multiline-col3 {
  /* container query version */
}
@container app-page-responsive-content-container (min-width: 769px) {
  #docomo .radio-button-multiline-col3 {
    width: calc(100% / 3 - 11px);
    margin-top: 0 !important;
    margin-right: 8px;
    margin-left: 8px;
  }
  #docomo .radio-button-multiline-col3:nth-child(3n+1) {
    margin-left: 0;
  }
  #docomo .radio-button-multiline-col3:nth-child(3n+3) {
    margin-right: 0;
  }
  #docomo .radio-button-multiline-col3:nth-child(n+4) {
    margin-top: 16px !important;
  }
}
#docomo .radio-button-multiline-col4 {
  /* container query version */
}
@container app-page-responsive-content-container (min-width: 769px) {
  #docomo .radio-button-multiline-col4 {
    width: calc(100% / 4 - 12px);
    margin-top: 0 !important;
    margin-right: 8px;
    margin-left: 8px;
  }
  #docomo .radio-button-multiline-col4:nth-child(4n+1) {
    margin-left: 0;
  }
  #docomo .radio-button-multiline-col4:nth-child(4n+4) {
    margin-right: 0;
  }
  #docomo .radio-button-multiline-col4:nth-child(n+5) {
    margin-top: 16px !important;
  }
}
#docomo .radio-button-multiline + #docomo .radio-button-multiline {
  border-top: 0;
}
#docomo .radio-button-multiline + #docomo .radio-button-multiline:not(:last-child) {
  border-radius: 0;
}
#docomo .radio-button-multiline ion-radio {
  align-self: self-start;
  border-radius: 4px;
  /* container query version */
}
@container app-page-responsive-content-container (min-width: 769px) {
  #docomo .radio-button-multiline ion-radio {
    align-self: center;
  }
}
#docomo .radio-button-multiline .radio-button-multiline-wrap {
  padding: var(--space-size-10) var(--space-size-15) var(--space-size-10) 0;
  /* container query version */
}
#docomo .radio-button-multiline .radio-button-multiline-wrap ion-label.sc-ion-label-ios-h,
#docomo .radio-button-multiline .radio-button-multiline-wrap ion-label.sc-ion-label-md-h {
  white-space: normal;
  word-break: break-all;
}
#docomo .radio-button-multiline .radio-button-multiline-wrap div ion-label.sc-ion-label-ios-h + p,
#docomo .radio-button-multiline .radio-button-multiline-wrap div ion-label.sc-ion-label-md-h + p {
  padding-top: var(--space-size-10);
  color: var(--ion-color-step-650);
  font-size: var(--font-size-14);
  font-family: "Hiragino Sans", "游ゴシック", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Noto Sans CJK JP CJK JP", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#docomo .radio-button-multiline .radio-button-multiline-wrap div:nth-child(2) {
  flex-shrink: 0;
  text-align: right;
}
#docomo .radio-button-multiline .radio-button-multiline-wrap.flex-box,
#docomo .radio-button-multiline .radio-button-multiline-wrap .flex-box {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  width: 100%;
}
#docomo .radio-button-multiline .radio-button-multiline-wrap.flex-box-row-responsive {
  /* container query version */
}
@container app-page-responsive-content-container (min-width: 769px) {
  #docomo .radio-button-multiline .radio-button-multiline-wrap.flex-box-row-responsive {
    flex-direction: row;
    align-items: center;
  }
}
@container app-page-responsive-content-container (min-width: 769px) {
  #docomo .radio-button-multiline .radio-button-multiline-wrap {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    min-height: 80px;
  }
}
#docomo .radio-button-multiline .radio-button-multiline-wrap.slim {
  /* container query version */
}
@container app-page-responsive-content-container (min-width: 769px) {
  #docomo .radio-button-multiline .radio-button-multiline-wrap.slim {
    min-height: 52px !important;
  }
}
[slc-img-02] #docomo .radio-button-multiline ion-radio {
  align-self: center;
}
[slc-img-02] #docomo .radio-button-multiline ion-thumbnail {
  width: calc(var(--space-size-60) * 2);
  margin: var(--space-size-20) var(--space-size-10);
  text-align: right;
}
[slc-img-02] #docomo .radio-button-multiline ion-thumbnail img {
  width: auto;
  max-width: 100%;
  height: auto;
  max-height: 100%;
}
#docomo [slc-img-02] .radio-button-multiline ion-radio {
  align-self: center;
}
#docomo [slc-img-02] .radio-button-multiline ion-thumbnail {
  width: calc(var(--space-size-60) * 2);
  margin: var(--space-size-20) var(--space-size-10);
  text-align: right;
}
#docomo [slc-img-02] .radio-button-multiline ion-thumbnail img {
  width: auto;
  max-width: 100%;
  height: auto;
  max-height: 100%;
}
#docomo .radio-button-multiline-unique ion-radio {
  align-self: center;
  margin: var(--space-size-15) var(--space-size-10);
}
#docomo .radio-button-multiline-unique ion-radio:not(.radio-checked)::part(container) {
  border: 1px solid var(--ion-color-ui-tool);
  background-color: var(--ion-color-custom-white);
}
#docomo .radio-button-multiline-unique ion-radio:not(.radio-checked)::part(mark) {
  background-color: var(--ion-color-ui-tool);
  transform: none;
  width: var(--space-size-8);
  height: var(--space-size-8);
}
#docomo .radio-button-multiline-unique ion-radio.radio-checked::part(container) {
  background-color: var(--ion-color-custom-white);
  border-color: var(--ion-color-custom-red);
}
#docomo .radio-button-multiline-unique ion-radio.radio-checked::part(mark) {
  --border-width: 0px;
  background-color: var(--ion-color-custom-red);
  width: var(--space-size-8);
  height: var(--space-size-8);
}
#docomo .radio-button-multiline-unique .radio-button-multiline-wrap {
  padding: var(--space-size-10) var(--space-size-15) var(--space-size-10) 0;
}
#docomo .radio-button-multiline-unique .radio-button-multiline-wrap ion-label.sc-ion-label-ios-h,
#docomo .radio-button-multiline-unique .radio-button-multiline-wrap ion-label.sc-ion-label-md-h {
  white-space: normal;
  word-break: break-all;
}
#docomo .radio-button-multiline-unique .radio-button-multiline-wrap div ion-label.sc-ion-label-ios-h + p,
#docomo .radio-button-multiline-unique .radio-button-multiline-wrap div ion-label.sc-ion-label-md-h + p {
  padding-top: var(--space-size-10);
  color: var(--ion-color-step-650);
  font-size: var(--font-size-14);
  font-family: "Hiragino Sans", "游ゴシック", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Noto Sans CJK JP CJK JP", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#docomo .radio-button-multiline-unique .radio-button-multiline-wrap div:nth-child(2) {
  flex-shrink: 0;
  text-align: right;
}
#docomo .radio-button-multiline-unique .radio-button-multiline-wrap.flex-box,
#docomo .radio-button-multiline-unique .radio-button-multiline-wrap .flex-box {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  width: 100%;
}
#docomo .table-fixed, #docomo .table-normal {
  width: 100%;
  height: 100%;
  margin: var(--space-size-30) 0;
  border-collapse: collapse;
  font-size: calc(0.75rem + 1.07vw);
  font-size: var(--font-size-medium);
  font-family: "Hiragino Sans", "游ゴシック", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Noto Sans CJK JP CJK JP", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  border: 1px hidden var(--ion-color-step-150);
  border-radius: 4px;
  box-shadow: 0 0 0 1px var(--ion-form-border-color);
}
#docomo .table-fixed:first-child, #docomo .table-normal:first-child {
  margin-top: 0;
}
#docomo .table-fixed:last-child, #docomo .table-normal:last-child {
  margin-bottom: 0;
}
#docomo .table-fixed th, #docomo .table-normal th,
#docomo .table-fixed td,
#docomo .table-normal td {
  border: 1px solid var(--ion-form-border-color);
  padding: var(--space-size-10);
  vertical-align: top;
}
#docomo .table-fixed thead th, #docomo .table-normal thead th {
  color: var(--ion-table-header-text-color);
  background-color: var(--ion-table-header-bg-color);
}
#docomo .table-fixed thead th:first-child, #docomo .table-normal thead th:first-child {
  border-top-left-radius: 4px;
}
#docomo .table-fixed thead th:last-child, #docomo .table-normal thead th:last-child {
  border-top-right-radius: 4px;
}
#docomo .table-fixed tbody[center], #docomo .table-normal tbody[center] {
  text-align: center;
}
#docomo .table-fixed tbody th, #docomo .table-normal tbody th {
  padding: var(--space-size-10);
  background-color: var(--ion-table-form-bg-color);
  font-weight: normal;
  font-family: -apple-system, BlinkMacSystemFont, "ヒラギノ角ゴ ProN", "HiraKakuProN", "ヒラギノ角ゴ Pro", "HiraKakuPro", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "Hiragino Sans", Roboto, "Noto Sans", "Noto Sans CJK JP", "Noto Sans JP", system-ui, Verdana, "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;
}
#docomo .table-fixed tbody th .link-normal, #docomo .table-normal tbody th .link-normal {
  margin: var(--space-size-10) 0;
}
#docomo .table-fixed tr[left], #docomo .table-normal tr[left],
#docomo .table-fixed td[left],
#docomo .table-normal td[left] {
  text-align: left;
}
#docomo .table-fixed tr[center], #docomo .table-normal tr[center],
#docomo .table-fixed td[center],
#docomo .table-normal td[center] {
  text-align: center;
  vertical-align: middle;
  background-color: var(--ion-table-form-bg-color);
}
#docomo .table-fixed tr[right], #docomo .table-normal tr[right],
#docomo .table-fixed td[right],
#docomo .table-normal td[right] {
  text-align: right;
}
#docomo .table-fixed tbody tr:last-child th, #docomo .table-normal tbody tr:last-child th {
  border-bottom-left-radius: 4px;
}
[tbl-01] #docomo .table-fixed thead:not(:first-child) th, [tbl-01] #docomo .table-normal thead:not(:first-child) th {
  padding: var(--space-size-10);
  border-radius: 0;
}
#docomo .table-fixed table, #docomo .table-normal table,
#docomo .table-fixed tbody,
#docomo .table-normal tbody,
#docomo .table-fixed tr,
#docomo .table-normal tr,
#docomo .table-fixed th,
#docomo .table-normal th {
  height: 100%;
}
#docomo .table-normal tbody th {
  min-width: 125px;
  font-weight: bold;
}
#docomo .table-normal tbody td {
  font-size: calc(0.625rem + 1.07vw);
  font-size: var(--font-size-small);
  font-weight: bold;
  background-color: var(--ion-color-bg-btn-normal);
}
#docomo [tbl-01],
#docomo [tbl-04] {
  padding: 1px;
}
#docomo [tbl-02] .table-normal,
#docomo [tbl-03] .table-normal {
  margin-top: var(--space-size-30);
}
#docomo [tbl-02] .table-normal tbody td,
#docomo [tbl-03] .table-normal tbody td {
  width: 50%;
}
#docomo [tbl-03] {
  padding: 1px;
}
#docomo [tbl-03] .table-normal {
  margin-top: var(--space-size-30);
}
#docomo .modal-box .content-box > [tbl-02] .table-normal {
  margin-top: 0;
}
#docomo .table-fixed thead th:not(:first-child) {
  min-width: 212px;
}
#docomo .table-fixed tbody th {
  min-width: 180px;
}
#docomo .table-scroll-box {
  margin: var(--space-size-15) 0;
  overflow-x: scroll;
}
#docomo .table-scroll-box:first-child {
  margin-top: 0;
}
#docomo .table-scroll-box:last-child {
  margin-bottom: 0;
}
#docomo .text-illustration-banner2, #docomo .text-illustration-banner, #docomo .text-info, #docomo .text-label-point > span, #docomo .text-label-title, #docomo .text-label, #docomo .text-bottom, #docomo .text-top, #docomo .text-medium-large, #docomo .text-large, #docomo .text-extra-large, #docomo .text-extra-small, #docomo .text-small-narrow-top-space, #docomo .text-small, #docomo .text-normal, #docomo .list-base, #docomo .list-dot, #docomo .list-dot-3, #docomo .list-dot-5, #docomo .list-dot-6, #docomo .list-decimal, #docomo .list-decimal-02, #docomo .list-decimal-03, #docomo .list-decimal-04, #docomo .list-alphabetical, #docomo .list-example, #docomo .list-sharp, #docomo .list-sharp-02, #docomo .list-sharp-03, #docomo .list-sharp-02-from2, #docomo .list-sharp-02-from3, #docomo .list-sharp-02-from4, #docomo .link-normal a, #docomo .text-normal-link a, #docomo .text-in-sentence a, #docomo .link-large a, #docomo .link-inline a, #docomo .link-icon a {
  margin: var(--space-size-30) 0 var(--space-size-15) 0;
  color: var(--ion-default-text-color);
  font-size: calc(0.75rem + 1.07vw);
  font-size: var(--font-size-medium);
  font-family: "Hiragino Sans", "游ゴシック", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Noto Sans CJK JP CJK JP", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#docomo .text-illustration-banner2:first-child, #docomo .text-illustration-banner:first-child, #docomo .text-info:first-child, #docomo .text-label-point > span:first-child, #docomo .text-label-title:first-child, #docomo .text-label:first-child, #docomo .text-bottom:first-child, #docomo .text-top:first-child, #docomo .text-medium-large:first-child, #docomo .text-large:first-child, #docomo .text-extra-large:first-child, #docomo .text-extra-small:first-child, #docomo .text-small-narrow-top-space:first-child, #docomo .text-small:first-child, #docomo .text-normal:first-child, #docomo .list-base:first-child, #docomo .list-dot:first-child, #docomo .list-dot-3:first-child, #docomo .list-dot-5:first-child, #docomo .list-dot-6:first-child, #docomo .list-decimal:first-child, #docomo .list-decimal-02:first-child, #docomo .list-decimal-03:first-child, #docomo .list-decimal-04:first-child, #docomo .list-alphabetical:first-child, #docomo .list-example:first-child, #docomo .list-sharp:first-child, #docomo .list-sharp-02:first-child, #docomo .list-sharp-03:first-child, #docomo .list-sharp-02-from2:first-child, #docomo .list-sharp-02-from3:first-child, #docomo .list-sharp-02-from4:first-child, #docomo .link-normal a:first-child, #docomo .text-normal-link a:first-child, #docomo .text-in-sentence a:first-child, #docomo .link-large a:first-child, #docomo .link-inline a:first-child, #docomo .link-icon a:first-child {
  margin-top: 0;
}
#docomo .text-illustration-banner2:last-child, #docomo .text-illustration-banner:last-child, #docomo .text-info:last-child, #docomo .text-label-point > span:last-child, #docomo .text-label-title:last-child, #docomo .text-label:last-child, #docomo .text-bottom:last-child, #docomo .text-top:last-child, #docomo .text-medium-large:last-child, #docomo .text-large:last-child, #docomo .text-extra-large:last-child, #docomo .text-extra-small:last-child, #docomo .text-small-narrow-top-space:last-child, #docomo .text-small:last-child, #docomo .text-normal:last-child, #docomo .list-base:last-child, #docomo .list-dot:last-child, #docomo .list-dot-3:last-child, #docomo .list-dot-5:last-child, #docomo .list-dot-6:last-child, #docomo .list-decimal:last-child, #docomo .list-decimal-02:last-child, #docomo .list-decimal-03:last-child, #docomo .list-decimal-04:last-child, #docomo .list-alphabetical:last-child, #docomo .list-example:last-child, #docomo .list-sharp:last-child, #docomo .list-sharp-02:last-child, #docomo .list-sharp-03:last-child, #docomo .list-sharp-02-from2:last-child, #docomo .list-sharp-02-from3:last-child, #docomo .list-sharp-02-from4:last-child, #docomo .link-normal a:last-child, #docomo .text-normal-link a:last-child, #docomo .text-in-sentence a:last-child, #docomo .link-large a:last-child, #docomo .link-inline a:last-child, #docomo .link-icon a:last-child {
  margin-bottom: 0;
}
ion-icon + #docomo .text-illustration-banner2, ion-icon + #docomo .text-illustration-banner, ion-icon + #docomo .text-info, ion-icon + #docomo .text-label-point > span, ion-icon + #docomo .text-label-title, ion-icon + #docomo .text-label, ion-icon + #docomo .text-bottom, ion-icon + #docomo .text-top, ion-icon + #docomo .text-medium-large, ion-icon + #docomo .text-large, ion-icon + #docomo .text-extra-large, ion-icon + #docomo .text-extra-small, ion-icon + #docomo .text-small-narrow-top-space, ion-icon + #docomo .text-small, ion-icon + #docomo .text-normal, ion-icon + #docomo .list-base, ion-icon + #docomo .list-dot, ion-icon + #docomo .list-dot-3, ion-icon + #docomo .list-dot-5, ion-icon + #docomo .list-dot-6, ion-icon + #docomo .list-decimal, ion-icon + #docomo .list-decimal-02, ion-icon + #docomo .list-decimal-03, ion-icon + #docomo .list-decimal-04, ion-icon + #docomo .list-alphabetical, ion-icon + #docomo .list-example, ion-icon + #docomo .list-sharp, ion-icon + #docomo .list-sharp-02, ion-icon + #docomo .list-sharp-03, ion-icon + #docomo .list-sharp-02-from2, ion-icon + #docomo .list-sharp-02-from3, ion-icon + #docomo .list-sharp-02-from4, ion-icon + #docomo .link-normal a, ion-icon + #docomo .text-normal-link a, ion-icon + #docomo .text-in-sentence a, ion-icon + #docomo .link-large a, ion-icon + #docomo .link-inline a, ion-icon + #docomo .link-icon a {
  margin-top: 0;
}
#docomo [textMiddle].text-illustration-banner2, #docomo [textMiddle].text-illustration-banner, #docomo [textMiddle].text-info, #docomo .text-label-point > span[textMiddle], #docomo [textMiddle].text-label-title, #docomo [textMiddle].text-label, #docomo [textMiddle].text-bottom, #docomo [textMiddle].text-top, #docomo [textMiddle].text-medium-large, #docomo [textMiddle].text-large, #docomo [textMiddle].text-extra-large, #docomo [textMiddle].text-extra-small, #docomo [textMiddle].text-small-narrow-top-space, #docomo [textMiddle].text-small, #docomo [textMiddle].text-normal, #docomo [textMiddle].list-base, #docomo [textMiddle].list-dot, #docomo [textMiddle].list-dot-3, #docomo [textMiddle].list-dot-5, #docomo [textMiddle].list-dot-6, #docomo [textMiddle].list-decimal, #docomo [textMiddle].list-decimal-02, #docomo [textMiddle].list-decimal-03, #docomo [textMiddle].list-decimal-04, #docomo [textMiddle].list-alphabetical, #docomo [textMiddle].list-example, #docomo [textMiddle].list-sharp, #docomo [textMiddle].list-sharp-02, #docomo [textMiddle].list-sharp-03, #docomo [textMiddle].list-sharp-02-from2, #docomo [textMiddle].list-sharp-02-from3, #docomo [textMiddle].list-sharp-02-from4, #docomo .link-normal a[textMiddle], #docomo .text-normal-link a[textMiddle], #docomo .text-in-sentence a[textMiddle], #docomo .link-large a[textMiddle], #docomo .link-inline a[textMiddle], #docomo .link-icon a[textMiddle],
#docomo .text-illustration-banner2 [textMiddle],
#docomo .text-illustration-banner [textMiddle],
#docomo .text-info [textMiddle],
#docomo .text-label-point > span [textMiddle],
#docomo .text-label-title [textMiddle],
#docomo .text-label [textMiddle],
#docomo .text-bottom [textMiddle],
#docomo .text-top [textMiddle],
#docomo .text-medium-large [textMiddle],
#docomo .text-large [textMiddle],
#docomo .text-extra-large [textMiddle],
#docomo .text-extra-small [textMiddle],
#docomo .text-small-narrow-top-space [textMiddle],
#docomo .text-small [textMiddle],
#docomo .text-normal [textMiddle],
#docomo .list-base [textMiddle],
#docomo .list-dot [textMiddle],
#docomo .list-dot-3 [textMiddle],
#docomo .list-dot-5 [textMiddle],
#docomo .list-dot-6 [textMiddle],
#docomo .list-decimal [textMiddle],
#docomo .list-decimal-02 [textMiddle],
#docomo .list-decimal-03 [textMiddle],
#docomo .list-decimal-04 [textMiddle],
#docomo .list-alphabetical [textMiddle],
#docomo .list-example [textMiddle],
#docomo .list-sharp [textMiddle],
#docomo .list-sharp-02 [textMiddle],
#docomo .list-sharp-03 [textMiddle],
#docomo .list-sharp-02-from2 [textMiddle],
#docomo .list-sharp-02-from3 [textMiddle],
#docomo .list-sharp-02-from4 [textMiddle],
#docomo .link-normal a [textMiddle],
#docomo .text-normal-link a [textMiddle],
#docomo .text-in-sentence a [textMiddle],
#docomo .link-large a [textMiddle],
#docomo .link-inline a [textMiddle],
#docomo .link-icon a [textMiddle] {
  text-align: center;
}
#docomo [textBold].text-illustration-banner2, #docomo [textBold].text-illustration-banner, #docomo [textBold].text-info, #docomo .text-label-point > span[textBold], #docomo [textBold].text-label-title, #docomo [textBold].text-label, #docomo [textBold].text-bottom, #docomo [textBold].text-top, #docomo [textBold].text-medium-large, #docomo [textBold].text-large, #docomo [textBold].text-extra-large, #docomo [textBold].text-extra-small, #docomo [textBold].text-small-narrow-top-space, #docomo [textBold].text-small, #docomo [textBold].text-normal, #docomo [textBold].list-base, #docomo [textBold].list-dot, #docomo [textBold].list-dot-3, #docomo [textBold].list-dot-5, #docomo [textBold].list-dot-6, #docomo [textBold].list-decimal, #docomo [textBold].list-decimal-02, #docomo [textBold].list-decimal-03, #docomo [textBold].list-decimal-04, #docomo [textBold].list-alphabetical, #docomo [textBold].list-example, #docomo [textBold].list-sharp, #docomo [textBold].list-sharp-02, #docomo [textBold].list-sharp-03, #docomo [textBold].list-sharp-02-from2, #docomo [textBold].list-sharp-02-from3, #docomo [textBold].list-sharp-02-from4, #docomo .link-normal a[textBold], #docomo .text-normal-link a[textBold], #docomo .text-in-sentence a[textBold], #docomo .link-large a[textBold], #docomo .link-inline a[textBold], #docomo .link-icon a[textBold],
#docomo .text-illustration-banner2 [textBold],
#docomo .text-illustration-banner [textBold],
#docomo .text-info [textBold],
#docomo .text-label-point > span [textBold],
#docomo .text-label-title [textBold],
#docomo .text-label [textBold],
#docomo .text-bottom [textBold],
#docomo .text-top [textBold],
#docomo .text-medium-large [textBold],
#docomo .text-large [textBold],
#docomo .text-extra-large [textBold],
#docomo .text-extra-small [textBold],
#docomo .text-small-narrow-top-space [textBold],
#docomo .text-small [textBold],
#docomo .text-normal [textBold],
#docomo .list-base [textBold],
#docomo .list-dot [textBold],
#docomo .list-dot-3 [textBold],
#docomo .list-dot-5 [textBold],
#docomo .list-dot-6 [textBold],
#docomo .list-decimal [textBold],
#docomo .list-decimal-02 [textBold],
#docomo .list-decimal-03 [textBold],
#docomo .list-decimal-04 [textBold],
#docomo .list-alphabetical [textBold],
#docomo .list-example [textBold],
#docomo .list-sharp [textBold],
#docomo .list-sharp-02 [textBold],
#docomo .list-sharp-03 [textBold],
#docomo .list-sharp-02-from2 [textBold],
#docomo .list-sharp-02-from3 [textBold],
#docomo .list-sharp-02-from4 [textBold],
#docomo .link-normal a [textBold],
#docomo .text-normal-link a [textBold],
#docomo .text-in-sentence a [textBold],
#docomo .link-large a [textBold],
#docomo .link-inline a [textBold],
#docomo .link-icon a [textBold] {
  font-weight: bold;
  font-family: "Hiragino Sans", "游ゴシック", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Noto Sans CJK JP CJK JP", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#docomo [textEllipsis].text-illustration-banner2, #docomo [textEllipsis].text-illustration-banner, #docomo [textEllipsis].text-info, #docomo .text-label-point > span[textEllipsis], #docomo [textEllipsis].text-label-title, #docomo [textEllipsis].text-label, #docomo [textEllipsis].text-bottom, #docomo [textEllipsis].text-top, #docomo [textEllipsis].text-medium-large, #docomo [textEllipsis].text-large, #docomo [textEllipsis].text-extra-large, #docomo [textEllipsis].text-extra-small, #docomo [textEllipsis].text-small-narrow-top-space, #docomo [textEllipsis].text-small, #docomo [textEllipsis].text-normal, #docomo [textEllipsis].list-base, #docomo [textEllipsis].list-dot, #docomo [textEllipsis].list-dot-3, #docomo [textEllipsis].list-dot-5, #docomo [textEllipsis].list-dot-6, #docomo [textEllipsis].list-decimal, #docomo [textEllipsis].list-decimal-02, #docomo [textEllipsis].list-decimal-03, #docomo [textEllipsis].list-decimal-04, #docomo [textEllipsis].list-alphabetical, #docomo [textEllipsis].list-example, #docomo [textEllipsis].list-sharp, #docomo [textEllipsis].list-sharp-02, #docomo [textEllipsis].list-sharp-03, #docomo [textEllipsis].list-sharp-02-from2, #docomo [textEllipsis].list-sharp-02-from3, #docomo [textEllipsis].list-sharp-02-from4, #docomo .link-normal a[textEllipsis], #docomo .text-normal-link a[textEllipsis], #docomo .text-in-sentence a[textEllipsis], #docomo .link-large a[textEllipsis], #docomo .link-inline a[textEllipsis], #docomo .link-icon a[textEllipsis],
#docomo .text-illustration-banner2 [textEllipsis],
#docomo .text-illustration-banner [textEllipsis],
#docomo .text-info [textEllipsis],
#docomo .text-label-point > span [textEllipsis],
#docomo .text-label-title [textEllipsis],
#docomo .text-label [textEllipsis],
#docomo .text-bottom [textEllipsis],
#docomo .text-top [textEllipsis],
#docomo .text-medium-large [textEllipsis],
#docomo .text-large [textEllipsis],
#docomo .text-extra-large [textEllipsis],
#docomo .text-extra-small [textEllipsis],
#docomo .text-small-narrow-top-space [textEllipsis],
#docomo .text-small [textEllipsis],
#docomo .text-normal [textEllipsis],
#docomo .list-base [textEllipsis],
#docomo .list-dot [textEllipsis],
#docomo .list-dot-3 [textEllipsis],
#docomo .list-dot-5 [textEllipsis],
#docomo .list-dot-6 [textEllipsis],
#docomo .list-decimal [textEllipsis],
#docomo .list-decimal-02 [textEllipsis],
#docomo .list-decimal-03 [textEllipsis],
#docomo .list-decimal-04 [textEllipsis],
#docomo .list-alphabetical [textEllipsis],
#docomo .list-example [textEllipsis],
#docomo .list-sharp [textEllipsis],
#docomo .list-sharp-02 [textEllipsis],
#docomo .list-sharp-03 [textEllipsis],
#docomo .list-sharp-02-from2 [textEllipsis],
#docomo .list-sharp-02-from3 [textEllipsis],
#docomo .list-sharp-02-from4 [textEllipsis],
#docomo .link-normal a [textEllipsis],
#docomo .text-normal-link a [textEllipsis],
#docomo .text-in-sentence a [textEllipsis],
#docomo .link-large a [textEllipsis],
#docomo .link-inline a [textEllipsis],
#docomo .link-icon a [textEllipsis] {
  overflow: hidden;
  white-space: nowrap;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
#docomo .text-normal.driving-self-assessment-top-text, #docomo .driving-self-assessment-top-text.list-base, #docomo .driving-self-assessment-top-text.list-dot, #docomo .driving-self-assessment-top-text.list-dot-3, #docomo .driving-self-assessment-top-text.list-dot-5, #docomo .driving-self-assessment-top-text.list-dot-6, #docomo .driving-self-assessment-top-text.list-decimal, #docomo .driving-self-assessment-top-text.list-decimal-02, #docomo .driving-self-assessment-top-text.list-decimal-03, #docomo .driving-self-assessment-top-text.list-decimal-04, #docomo .driving-self-assessment-top-text.list-alphabetical, #docomo .driving-self-assessment-top-text.list-example, #docomo .driving-self-assessment-top-text.list-sharp, #docomo .driving-self-assessment-top-text.list-sharp-02, #docomo .driving-self-assessment-top-text.list-sharp-03, #docomo .driving-self-assessment-top-text.list-sharp-02-from2, #docomo .driving-self-assessment-top-text.list-sharp-02-from3, #docomo .driving-self-assessment-top-text.list-sharp-02-from4 {
  margin-top: var(--space-size-20);
}
#docomo .text-normal .link-normal a, #docomo .list-base .link-normal a, #docomo .list-dot .link-normal a, #docomo .list-dot-3 .link-normal a, #docomo .list-dot-5 .link-normal a, #docomo .list-dot-6 .link-normal a, #docomo .list-decimal .link-normal a, #docomo .list-decimal-02 .link-normal a, #docomo .list-decimal-03 .link-normal a, #docomo .list-decimal-04 .link-normal a, #docomo .list-alphabetical .link-normal a, #docomo .list-example .link-normal a, #docomo .list-sharp .link-normal a, #docomo .list-sharp-02 .link-normal a, #docomo .list-sharp-03 .link-normal a, #docomo .list-sharp-02-from2 .link-normal a, #docomo .list-sharp-02-from3 .link-normal a, #docomo .list-sharp-02-from4 .link-normal a {
  text-decoration: underline;
  vertical-align: unset;
}
#docomo .text-normal .link-blue-text, #docomo .list-base .link-blue-text, #docomo .list-dot .link-blue-text, #docomo .list-dot-3 .link-blue-text, #docomo .list-dot-5 .link-blue-text, #docomo .list-dot-6 .link-blue-text, #docomo .list-decimal .link-blue-text, #docomo .list-decimal-02 .link-blue-text, #docomo .list-decimal-03 .link-blue-text, #docomo .list-decimal-04 .link-blue-text, #docomo .list-alphabetical .link-blue-text, #docomo .list-example .link-blue-text, #docomo .list-sharp .link-blue-text, #docomo .list-sharp-02 .link-blue-text, #docomo .list-sharp-03 .link-blue-text, #docomo .list-sharp-02-from2 .link-blue-text, #docomo .list-sharp-02-from3 .link-blue-text, #docomo .list-sharp-02-from4 .link-blue-text {
  color: var(--ion-color-link-blue);
}
#docomo .text-small-narrow-top-space {
  margin: var(--space-size-10) 0 var(--space-size-15) 0;
}
#docomo .text-large[blue] {
  color: var(--ion-color-blue);
}
#docomo .text-center {
  text-align: center;
}
#docomo .text-medium-large[blue] {
  color: var(--ion-color-blue);
}
#docomo .text-top {
  margin: 0;
  vertical-align: super;
}
#docomo .text-bottom {
  vertical-align: baseline;
}
#docomo .text-label {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 70px;
  height: calc(var(--space-size-20) + 1px);
  padding: 0 var(--space-size-10);
  border: 1px solid var(--ion-separator-border-color);
}
#docomo .text-label-title {
  display: inline-flex;
  padding: 0 8px;
  color: var(--ion-color-blue);
  background-color: var(--ion-color-custom-white);
  border: 1px solid var(--ion-color-blue);
}
#docomo .text-label-point {
  margin-left: -20px;
}
#docomo .text-label-point > span {
  position: relative;
  display: inline-block;
  padding: 0 22px 0 10px;
  overflow: hidden;
  color: var(--ion-color-custom-white);
  vertical-align: top;
  background-color: var(--ion-color-blue);
}
#docomo .text-label-point > span::before {
  position: absolute;
  top: 50%;
  right: 0;
  width: 0;
  height: 0;
  margin-top: -10px;
  border-top: 10px solid transparent;
  border-right: 10px solid var(--ion-color-step-100);
  border-bottom: 10px solid transparent;
  border-left: 10px solid transparent;
  content: "";
}
#docomo .text-label-multiline {
  margin-bottom: var(--space-size-25);
}
#docomo .text-label-multiline .text-label {
  margin-bottom: var(--space-size-5);
}
#docomo .text-validation {
  font-weight: bold;
  font-size: calc(0.625rem + 1.07vw);
  font-size: var(--font-size-small);
  font-family: "Hiragino Sans", "游ゴシック", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Noto Sans CJK JP CJK JP", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#docomo .text-info {
  display: flex;
  justify-content: space-between;
}
#docomo .text-info p {
  margin: 0;
  line-height: 1.4;
  word-break: break-all;
  overflow-wrap: anywhere;
}
#docomo .text-info p span {
  vertical-align: middle;
}
#docomo .text-info p a {
  display: inline-block;
  margin-left: var(--space-size-10);
  line-height: 1;
  vertical-align: middle;
}
#docomo .text-info p a ion-icon {
  width: calc(var(--space-size-20) + 4px);
  height: calc(var(--space-size-20) + 4px);
  padding-top: 1px;
  vertical-align: middle;
  fill: var(--ion-form-icon-color);
}
.landing-theme #docomo .text-info p a ion-icon {
  fill: var(--ion-color-custom-dark-green);
}
#docomo .text-info p .a-left {
  margin-left: 0;
  vertical-align: bottom;
}
#docomo .text-info .text-label,
#docomo .text-info .text-illustration-banner {
  margin-top: calc(var(--space-size-5) / 2) !important;
  margin-left: var(--space-size-20);
}
#docomo .text-illustration-banner {
  border-radius: var(--space-size-50);
  display: inline-flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  min-width: 70px;
  height: calc(var(--space-size-20) + 1px);
  padding: 0 var(--space-size-10);
  color: var(--ion-table-header-text-color);
  background: var(--ion-notification-icon-color);
  font-weight: bold;
}
.tgt-01 #docomo .text-illustration-banner {
  border-radius: 0;
}
#docomo .text-illustration-banner[darkblue] {
  background: var(--ion-color-custom-red);
}
#docomo .text-illustration-banner2 {
  border-radius: 2px;
  display: inline-flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  min-width: 100%;
  height: calc(var(--space-size-20) + 1px);
  padding: 0 var(--space-size-10);
}
.tgt-01 #docomo .text-illustration-banner2 {
  border-radius: 0;
}
#docomo #discription {
  margin-bottom: var(--space-size-25);
}
#docomo .text-black {
  color: var(--ion-color-custom-black) !important;
}
#docomo .text-red {
  color: var(--ion-color-warning) !important;
}
#docomo .text-green {
  color: var(--ion-color-success) !important;
}
#docomo .text-gray {
  color: var(--ion-color-step-400) !important;
}
#docomo .text-blue {
  color: var(--ion-color-txt-basis) !important;
}
#docomo .text-gray {
  color: var(--ion-color-custom-gray);
}
.landing-theme #docomo .title-h6, .landing-theme #docomo .title-h5, .landing-theme #docomo .title-h4, .landing-theme #docomo .title-h3, .landing-theme #docomo .title-h2, #docomo .title-h1.landing-theme, .landing-theme #docomo .title-h1 {
  color: var(--ion-table-header-text-color);
  line-height: 1.5;
  text-align: center;
}
#docomo .title-h1 {
  margin: var(--space-size-40) 0 var(--space-size-15);
  color: var(--ion-h1-text-color);
  line-height: 1.5;
  font-weight: bold;
  font-size: calc(1.25rem + 1.07vw);
  font-size: var(--font-size-24);
  font-family: "Hiragino Sans", "游ゴシック", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Noto Sans CJK JP CJK JP", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  /* container query version */
}
@container app-page-responsive-content-container (min-width: 769px) {
  #docomo .title-h1 {
    font-size: 32px;
  }
}
#docomo .title-h1.landing-theme, .landing-theme #docomo .title-h1 {
  margin: var(--space-size-25) var(--space-size-reset) var(--space-size-15);
  font-weight: normal;
  font-size: calc(1em + 1.07vw);
  font-size: var(--font-size-20);
  font-family: "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "Noto Serif JP", "ヒラギノ角ゴ ProN", "HiraKakuProN", "ヒラギノ角ゴ Pro", "HiraKakuPro", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "Hiragino Sans", -apple-system, BlinkMacSystemFont, Roboto, "Noto Sans", "Noto Sans CJK JP", "Noto Sans JP", system-ui, Verdana, "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;
}
#docomo .title-h1.landing-theme[topSpace40], .landing-theme #docomo .title-h1[topSpace40] {
  padding: 0 var(--space-size-50);
}
#docomo .title-h1.landing-theme[textBold], .landing-theme #docomo .title-h1[textBold] {
  font-weight: bold;
  font-size: calc(1.25rem + 1.07vw);
  font-size: var(--font-size-24);
  font-family: "Hiragino Sans", "游ゴシック", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Noto Sans CJK JP CJK JP", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#docomo .title-h2 {
  margin: var(--space-size-40) 0 var(--space-size-15);
  padding-bottom: var(--space-size-10);
  line-height: 1.5;
  font-weight: bold;
  font-size: calc(1em + 1.07vw);
  font-size: var(--font-size-20);
  font-family: "Hiragino Sans", "游ゴシック", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Noto Sans CJK JP CJK JP", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  border-bottom: 2px solid var(--ion-color-custom-red);
  /* container query version */
}
#docomo .title-h2:first-child {
  margin-top: 0;
}
#docomo .title-h2:last-child {
  margin-bottom: 0;
}
@container app-page-responsive-content-container (min-width: 769px) {
  #docomo .title-h2 {
    font-size: 24px;
  }
}
#docomo .title-h2:first-child {
  margin-top: var(--space-size-15);
}
#docomo .title-h2[noBorder] {
  padding-bottom: 0;
  border: none;
}
#docomo .title-h2[textGreen] {
  color: var(--ion-color-custom-dark-green);
  text-align: center;
}
#docomo .title-h3 {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin: var(--space-size-40) 0 var(--space-size-15);
  padding-left: var(--space-size-10);
  line-height: 1.5;
  font-weight: bold;
  font-size: calc(0.875em + 1.07vw);
  font-size: var(--font-size-large);
  font-family: "Hiragino Sans", "游ゴシック", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Noto Sans CJK JP CJK JP", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  border-left: 3px solid var(--ion-color-custom-red);
}
#docomo .title-h3:first-child {
  margin-top: 0;
}
#docomo .title-h3:last-child {
  margin-bottom: 0;
}
#docomo .title-h3 .text-illustration-banner {
  min-width: 46px;
  margin-top: calc(var(--space-size-5) / 2);
  font-weight: normal;
  background: var(--ion-color-custom-red);
}
#docomo .title-h3[noBorder] {
  padding-left: 0;
  border: none;
}
.landing-theme #docomo .title-h3 {
  padding: 0 0 var(--space-size-10) 0;
  border-bottom: 2px solid #000;
  border-left: none;
  border-bottom: 2px solid var(--ion-color-custom-dark-green);
}
.modal-box #docomo .title-h3:first-child {
  margin-top: var(--space-size-25);
}
#docomo .title-h4 {
  margin: var(--space-size-30) 0 var(--space-size-15);
  padding-bottom: var(--space-size-15);
  line-height: 1.5;
  font-weight: bold;
  font-size: var(--font-size-normal);
  font-family: "Hiragino Sans", "游ゴシック", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Noto Sans CJK JP CJK JP", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  border-bottom: 1px solid var(--ion-separator-border-color);
}
#docomo .title-h4:first-child {
  margin-top: 0;
}
#docomo .title-h4:last-child {
  margin-bottom: 0;
}
#docomo .title-h4[noBorder] {
  padding-left: 0;
  border: none;
}
#docomo .title-h5 {
  margin: var(--space-size-30) 0 var(--space-size-15);
  font-weight: bold;
  font-size: var(--font-size-normal);
  font-family: "Hiragino Sans", "游ゴシック", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Noto Sans CJK JP CJK JP", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#docomo .title-h5:first-child {
  margin-top: 0;
}
#docomo .title-h5:last-child {
  margin-bottom: 0;
}
#docomo .title-h6 {
  margin: var(--space-size-30) 0 var(--space-size-15);
  font-weight: bold;
  font-size: calc(0.625rem + 1.07vw);
  font-size: var(--font-size-small);
  font-family: "Hiragino Sans", "游ゴシック", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Noto Sans CJK JP CJK JP", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#docomo .title-h6:first-child {
  margin-top: 0;
}
#docomo .title-h6:last-child {
  margin-bottom: 0;
}
.landing-theme #docomo .title-h6 {
  font-weight: normal;
  font-size: calc(0.5rem + 1.07vw);
  font-size: var(--font-size-12);
  font-family: "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "Noto Serif JP", "ヒラギノ角ゴ ProN", "HiraKakuProN", "ヒラギノ角ゴ Pro", "HiraKakuPro", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "Hiragino Sans", -apple-system, BlinkMacSystemFont, Roboto, "Noto Sans", "Noto Sans CJK JP", "Noto Sans JP", system-ui, Verdana, "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;
}
#docomo .remind-signin-selectBox {
  width: 100%;
  padding: 1px 24px 1px 6px;
  background: transparent;
  border: none;
  outline: none;
}
#docomo .remind-signin-selectOption {
  color: black;
}
#docomo .defaultDropdown {
  min-width: 100%;
}
#docomo .default-height {
  min-height: 44px;
}
#docomo .select-box-split-wrap-2v1 {
  display: grid;
  grid-template-columns: 2fr 1fr;
  margin: var(--space-size-30) 0 var(--space-size-15) 0;
  grid-column-gap: var(--space-size-15);
  -moz-column-gap: var(--space-size-15);
       column-gap: var(--space-size-15);
  grid-row-gap: var(--space-size-15);
  row-gap: var(--space-size-15);
}
#docomo .select-box-split-wrap-2v1:first-child {
  margin-top: 0;
}
#docomo .select-box-split-wrap-2v1:last-child {
  margin-bottom: 0;
}
#docomo .select-box-split-wrap-2v1 .text-selection-input-normal {
  width: 100%;
  margin: 0;
  border-collapse: separate;
}
#docomo .select-box-split-wrap-2v1 .text-selection-input-normal ion-label {
  width: 100%;
}