/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/*
 * App Global CSS
 * ----------------------------------------------------------------------------
 * Put style rules here that you want to apply globally. These styles are for
 * the entire app and not just one component. Additionally, this file can be
 * used as an entry point to import other CSS/Sass files to be included in the
 * output CSS.
 * For more information on global stylesheets, visit the documentation:
 * https://ionicframework.com/docs/layout/global-stylesheets
 */
/* Core CSS required for Ionic components to work properly */
html.ios {
  --ion-default-font: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Roboto", sans-serif;
}
html.md {
  --ion-default-font: "Roboto", "Helvetica Neue", sans-serif;
}
html {
  --ion-font-family: var(--ion-default-font);
}
body {
  background: var(--ion-background-color);
}
body.backdrop-no-scroll {
  overflow: hidden;
}
html.ios ion-modal.modal-card .ion-page > ion-header > ion-toolbar:first-of-type {
  padding-top: 0px;
}
html.ios ion-modal .ion-page {
  border-radius: inherit;
}
.ion-color-primary {
  --ion-color-base: var(--ion-color-primary, #3880ff) !important;
  --ion-color-base-rgb: var(--ion-color-primary-rgb, 56, 128, 255) !important;
  --ion-color-contrast: var(--ion-color-primary-contrast, #fff) !important;
  --ion-color-contrast-rgb: var(--ion-color-primary-contrast-rgb, 255, 255, 255) !important;
  --ion-color-shade: var(--ion-color-primary-shade, #3171e0) !important;
  --ion-color-tint: var(--ion-color-primary-tint, #4c8dff) !important;
}
.ion-color-secondary {
  --ion-color-base: var(--ion-color-secondary, #3dc2ff) !important;
  --ion-color-base-rgb: var(--ion-color-secondary-rgb, 61, 194, 255) !important;
  --ion-color-contrast: var(--ion-color-secondary-contrast, #fff) !important;
  --ion-color-contrast-rgb: var(--ion-color-secondary-contrast-rgb, 255, 255, 255) !important;
  --ion-color-shade: var(--ion-color-secondary-shade, #36abe0) !important;
  --ion-color-tint: var(--ion-color-secondary-tint, #50c8ff) !important;
}
.ion-color-tertiary {
  --ion-color-base: var(--ion-color-tertiary, #5260ff) !important;
  --ion-color-base-rgb: var(--ion-color-tertiary-rgb, 82, 96, 255) !important;
  --ion-color-contrast: var(--ion-color-tertiary-contrast, #fff) !important;
  --ion-color-contrast-rgb: var(--ion-color-tertiary-contrast-rgb, 255, 255, 255) !important;
  --ion-color-shade: var(--ion-color-tertiary-shade, #4854e0) !important;
  --ion-color-tint: var(--ion-color-tertiary-tint, #6370ff) !important;
}
.ion-color-success {
  --ion-color-base: var(--ion-color-success, #2dd36f) !important;
  --ion-color-base-rgb: var(--ion-color-success-rgb, 45, 211, 111) !important;
  --ion-color-contrast: var(--ion-color-success-contrast, #fff) !important;
  --ion-color-contrast-rgb: var(--ion-color-success-contrast-rgb, 255, 255, 255) !important;
  --ion-color-shade: var(--ion-color-success-shade, #28ba62) !important;
  --ion-color-tint: var(--ion-color-success-tint, #42d77d) !important;
}
.ion-color-warning {
  --ion-color-base: var(--ion-color-warning, #ffc409) !important;
  --ion-color-base-rgb: var(--ion-color-warning-rgb, 255, 196, 9) !important;
  --ion-color-contrast: var(--ion-color-warning-contrast, #000) !important;
  --ion-color-contrast-rgb: var(--ion-color-warning-contrast-rgb, 0, 0, 0) !important;
  --ion-color-shade: var(--ion-color-warning-shade, #e0ac08) !important;
  --ion-color-tint: var(--ion-color-warning-tint, #ffca22) !important;
}
.ion-color-danger {
  --ion-color-base: var(--ion-color-danger, #eb445a) !important;
  --ion-color-base-rgb: var(--ion-color-danger-rgb, 235, 68, 90) !important;
  --ion-color-contrast: var(--ion-color-danger-contrast, #fff) !important;
  --ion-color-contrast-rgb: var(--ion-color-danger-contrast-rgb, 255, 255, 255) !important;
  --ion-color-shade: var(--ion-color-danger-shade, #cf3c4f) !important;
  --ion-color-tint: var(--ion-color-danger-tint, #ed576b) !important;
}
.ion-color-light {
  --ion-color-base: var(--ion-color-light, #f4f5f8) !important;
  --ion-color-base-rgb: var(--ion-color-light-rgb, 244, 245, 248) !important;
  --ion-color-contrast: var(--ion-color-light-contrast, #000) !important;
  --ion-color-contrast-rgb: var(--ion-color-light-contrast-rgb, 0, 0, 0) !important;
  --ion-color-shade: var(--ion-color-light-shade, #d7d8da) !important;
  --ion-color-tint: var(--ion-color-light-tint, #f5f6f9) !important;
}
.ion-color-medium {
  --ion-color-base: var(--ion-color-medium, #92949c) !important;
  --ion-color-base-rgb: var(--ion-color-medium-rgb, 146, 148, 156) !important;
  --ion-color-contrast: var(--ion-color-medium-contrast, #fff) !important;
  --ion-color-contrast-rgb: var(--ion-color-medium-contrast-rgb, 255, 255, 255) !important;
  --ion-color-shade: var(--ion-color-medium-shade, #808289) !important;
  --ion-color-tint: var(--ion-color-medium-tint, #9d9fa6) !important;
}
.ion-color-dark {
  --ion-color-base: var(--ion-color-dark, #222428) !important;
  --ion-color-base-rgb: var(--ion-color-dark-rgb, 34, 36, 40) !important;
  --ion-color-contrast: var(--ion-color-dark-contrast, #fff) !important;
  --ion-color-contrast-rgb: var(--ion-color-dark-contrast-rgb, 255, 255, 255) !important;
  --ion-color-shade: var(--ion-color-dark-shade, #1e2023) !important;
  --ion-color-tint: var(--ion-color-dark-tint, #383a3e) !important;
}
.ion-page {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: flex;
  position: absolute;
  flex-direction: column;
  justify-content: space-between;
  contain: layout size style;
  overflow: hidden;
  z-index: 0;
}
.split-pane-visible > .ion-page.split-pane-main {
  position: relative;
}
ion-route,
ion-route-redirect,
ion-router,
ion-select-option,
ion-nav-controller,
ion-menu-controller,
ion-action-sheet-controller,
ion-alert-controller,
ion-loading-controller,
ion-modal-controller,
ion-picker-controller,
ion-popover-controller,
ion-toast-controller,
.ion-page-hidden,
[hidden] {
  /* stylelint-disable-next-line declaration-no-important */
  display: none !important;
}
.ion-page-invisible {
  opacity: 0;
}
.can-go-back > ion-header ion-back-button {
  display: block;
}
html.plt-ios.plt-hybrid, html.plt-ios.plt-pwa {
  --ion-statusbar-padding: 20px;
}
@supports (padding-top: 20px) {
  html {
    --ion-safe-area-top: var(--ion-statusbar-padding);
  }
}
@supports (padding-top: constant(safe-area-inset-top)) {
  html {
    --ion-safe-area-top: constant(safe-area-inset-top);
    --ion-safe-area-bottom: constant(safe-area-inset-bottom);
    --ion-safe-area-left: constant(safe-area-inset-left);
    --ion-safe-area-right: constant(safe-area-inset-right);
  }
}
@supports (padding-top: env(safe-area-inset-top)) {
  html {
    --ion-safe-area-top: env(safe-area-inset-top);
    --ion-safe-area-bottom: env(safe-area-inset-bottom);
    --ion-safe-area-left: env(safe-area-inset-left);
    --ion-safe-area-right: env(safe-area-inset-right);
  }
}
ion-card.ion-color .ion-inherit-color,
ion-card-header.ion-color .ion-inherit-color {
  color: inherit;
}
.menu-content {
  transform: translate3d(0,  0,  0);
}
.menu-content-open {
  cursor: pointer;
  touch-action: manipulation;
  pointer-events: none;
}
.ios .menu-content-reveal {
  box-shadow: -8px 0 42px rgba(0, 0, 0, 0.08);
}
[dir=rtl].ios .menu-content-reveal {
  box-shadow: 8px 0 42px rgba(0, 0, 0, 0.08);
}
.md .menu-content-reveal {
  box-shadow: 4px 0px 16px rgba(0, 0, 0, 0.18);
}
.md .menu-content-push {
  box-shadow: 4px 0px 16px rgba(0, 0, 0, 0.18);
}
/* Basic CSS for apps built with Ionic */
audio,
canvas,
progress,
video {
  vertical-align: baseline;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
b,
strong {
  font-weight: bold;
}
img {
  max-width: 100%;
  border: 0;
}
svg:not(:root) {
  overflow: hidden;
}
figure {
  margin: 1em 40px;
}
hr {
  height: 1px;
  border-width: 0;
  box-sizing: content-box;
}
pre {
  overflow: auto;
}
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
label,
input,
select,
textarea {
  font-family: inherit;
  line-height: normal;
}
textarea {
  overflow: auto;
  height: auto;
  font: inherit;
  color: inherit;
}
textarea::-moz-placeholder {
  padding-left: 2px;
}
textarea::placeholder {
  padding-left: 2px;
}
form,
input,
optgroup,
select {
  margin: 0;
  font: inherit;
  color: inherit;
}
html input[type=button],
input[type=reset],
input[type=submit] {
  cursor: pointer;
  -webkit-appearance: button;
}
a,
a div,
a span,
a ion-icon,
a ion-label,
button,
button div,
button span,
button ion-icon,
button ion-label,
.ion-tappable,
[tappable],
[tappable] div,
[tappable] span,
[tappable] ion-icon,
[tappable] ion-label,
input,
textarea {
  touch-action: manipulation;
}
a ion-label,
button ion-label {
  pointer-events: none;
}
button {
  border: 0;
  border-radius: 0;
  font-family: inherit;
  font-style: inherit;
  font-feature-settings: inherit;
  font-variant: inherit;
  line-height: 1;
  text-transform: none;
  cursor: pointer;
  -webkit-appearance: button;
}
[tappable] {
  cursor: pointer;
}
a[disabled],
button[disabled],
html input[disabled] {
  cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  padding: 0;
  border: 0;
}
input[type=checkbox],
input[type=radio] {
  padding: 0;
  box-sizing: border-box;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  height: auto;
}
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
td,
th {
  padding: 0;
}
* {
  box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
}
html {
  width: 100%;
  height: 100%;
  -webkit-text-size-adjust: 100%;
     -moz-text-size-adjust: 100%;
          text-size-adjust: 100%;
}
html:not(.hydrated) body {
  display: none;
}
html.plt-pwa {
  height: 100vh;
}
body {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
  padding-bottom: 0;
  position: fixed;
  width: 100%;
  max-width: 100%;
  height: 100%;
  max-height: 100%;
  text-rendering: optimizeLegibility;
  overflow: hidden;
  touch-action: manipulation;
  -webkit-user-drag: none;
  -ms-content-zooming: none;
  word-wrap: break-word;
  overscroll-behavior-y: none;
  -webkit-text-size-adjust: none;
     -moz-text-size-adjust: none;
          text-size-adjust: none;
}
html {
  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;
  font-family: var(--ion-font-family);
}
a {
  background-color: transparent;
  color: #3880ff;
  color: var(--ion-color-primary, #3880ff);
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 16px;
  margin-bottom: 10px;
  font-weight: 500;
  line-height: 1.2;
}
h1 {
  margin-top: 20px;
  font-size: 26px;
}
h2 {
  margin-top: 18px;
  font-size: 24px;
}
h3 {
  font-size: 22px;
}
h4 {
  font-size: 20px;
}
h5 {
  font-size: 18px;
}
h6 {
  font-size: 16px;
}
small {
  font-size: 75%;
}
sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
.ion-hide {
  display: none !important;
}
.ion-hide-up {
  display: none !important;
}
.ion-hide-down {
  display: none !important;
}
@media (min-width: 576px) {
  .ion-hide-sm-up {
    display: none !important;
  }
}
@media (max-width: 576px) {
  .ion-hide-sm-down {
    display: none !important;
  }
}
@media (min-width: 768px) {
  .ion-hide-md-up {
    display: none !important;
  }
}
@media (max-width: 768px) {
  .ion-hide-md-down {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .ion-hide-lg-up {
    display: none !important;
  }
}
@media (max-width: 992px) {
  .ion-hide-lg-down {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .ion-hide-xl-up {
    display: none !important;
  }
}
@media (max-width: 1200px) {
  .ion-hide-xl-down {
    display: none !important;
  }
}
/* Optional CSS utils that can be commented out */
.ion-no-padding {
  --padding-start: 0;
  --padding-end: 0;
  --padding-top: 0;
  --padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
  padding-bottom: 0;
}
.ion-padding {
  --padding-start: var(--ion-padding, 16px);
  --padding-end: var(--ion-padding, 16px);
  --padding-top: var(--ion-padding, 16px);
  --padding-bottom: var(--ion-padding, 16px);
  padding-left: 16px;
  padding-left: var(--ion-padding, 16px);
  padding-right: 16px;
  padding-right: var(--ion-padding, 16px);
  padding-top: 16px;
  padding-top: var(--ion-padding, 16px);
  padding-bottom: 16px;
  padding-bottom: var(--ion-padding, 16px);
}
@supports (margin-inline-start: 0) or (-webkit-margin-start: 0) {
  .ion-padding {
    padding-left: unset;
    padding-right: unset;
    padding-inline-start: 16px;
    padding-inline-start: var(--ion-padding, 16px);
    padding-inline-end: 16px;
    padding-inline-end: var(--ion-padding, 16px);
  }
}
.ion-padding-top {
  --padding-top: var(--ion-padding, 16px);
  padding-top: 16px;
  padding-top: var(--ion-padding, 16px);
}
.ion-padding-start {
  --padding-start: var(--ion-padding, 16px);
  padding-left: 16px;
  padding-left: var(--ion-padding, 16px);
}
@supports (margin-inline-start: 0) or (-webkit-margin-start: 0) {
  .ion-padding-start {
    padding-left: unset;
    padding-inline-start: 16px;
    padding-inline-start: var(--ion-padding, 16px);
  }
}
.ion-padding-end {
  --padding-end: var(--ion-padding, 16px);
  padding-right: 16px;
  padding-right: var(--ion-padding, 16px);
}
@supports (margin-inline-start: 0) or (-webkit-margin-start: 0) {
  .ion-padding-end {
    padding-right: unset;
    padding-inline-end: 16px;
    padding-inline-end: var(--ion-padding, 16px);
  }
}
.ion-padding-bottom {
  --padding-bottom: var(--ion-padding, 16px);
  padding-bottom: 16px;
  padding-bottom: var(--ion-padding, 16px);
}
.ion-padding-vertical {
  --padding-top: var(--ion-padding, 16px);
  --padding-bottom: var(--ion-padding, 16px);
  padding-top: 16px;
  padding-top: var(--ion-padding, 16px);
  padding-bottom: 16px;
  padding-bottom: var(--ion-padding, 16px);
}
.ion-padding-horizontal {
  --padding-start: var(--ion-padding, 16px);
  --padding-end: var(--ion-padding, 16px);
  padding-left: 16px;
  padding-left: var(--ion-padding, 16px);
  padding-right: 16px;
  padding-right: var(--ion-padding, 16px);
}
@supports (margin-inline-start: 0) or (-webkit-margin-start: 0) {
  .ion-padding-horizontal {
    padding-left: unset;
    padding-right: unset;
    padding-inline-start: 16px;
    padding-inline-start: var(--ion-padding, 16px);
    padding-inline-end: 16px;
    padding-inline-end: var(--ion-padding, 16px);
  }
}
.ion-no-margin {
  --margin-start: 0;
  --margin-end: 0;
  --margin-top: 0;
  --margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  margin-bottom: 0;
}
.ion-margin {
  --margin-start: var(--ion-margin, 16px);
  --margin-end: var(--ion-margin, 16px);
  --margin-top: var(--ion-margin, 16px);
  --margin-bottom: var(--ion-margin, 16px);
  margin-left: 16px;
  margin-left: var(--ion-margin, 16px);
  margin-right: 16px;
  margin-right: var(--ion-margin, 16px);
  margin-top: 16px;
  margin-top: var(--ion-margin, 16px);
  margin-bottom: 16px;
  margin-bottom: var(--ion-margin, 16px);
}
@supports (margin-inline-start: 0) or (-webkit-margin-start: 0) {
  .ion-margin {
    margin-left: unset;
    margin-right: unset;
    margin-inline-start: 16px;
    margin-inline-start: var(--ion-margin, 16px);
    margin-inline-end: 16px;
    margin-inline-end: var(--ion-margin, 16px);
  }
}
.ion-margin-top {
  --margin-top: var(--ion-margin, 16px);
  margin-top: 16px;
  margin-top: var(--ion-margin, 16px);
}
.ion-margin-start {
  --margin-start: var(--ion-margin, 16px);
  margin-left: 16px;
  margin-left: var(--ion-margin, 16px);
}
@supports (margin-inline-start: 0) or (-webkit-margin-start: 0) {
  .ion-margin-start {
    margin-left: unset;
    margin-inline-start: 16px;
    margin-inline-start: var(--ion-margin, 16px);
  }
}
.ion-margin-end {
  --margin-end: var(--ion-margin, 16px);
  margin-right: 16px;
  margin-right: var(--ion-margin, 16px);
}
@supports (margin-inline-start: 0) or (-webkit-margin-start: 0) {
  .ion-margin-end {
    margin-right: unset;
    margin-inline-end: 16px;
    margin-inline-end: var(--ion-margin, 16px);
  }
}
.ion-margin-bottom {
  --margin-bottom: var(--ion-margin, 16px);
  margin-bottom: 16px;
  margin-bottom: var(--ion-margin, 16px);
}
.ion-margin-vertical {
  --margin-top: var(--ion-margin, 16px);
  --margin-bottom: var(--ion-margin, 16px);
  margin-top: 16px;
  margin-top: var(--ion-margin, 16px);
  margin-bottom: 16px;
  margin-bottom: var(--ion-margin, 16px);
}
.ion-margin-horizontal {
  --margin-start: var(--ion-margin, 16px);
  --margin-end: var(--ion-margin, 16px);
  margin-left: 16px;
  margin-left: var(--ion-margin, 16px);
  margin-right: 16px;
  margin-right: var(--ion-margin, 16px);
}
@supports (margin-inline-start: 0) or (-webkit-margin-start: 0) {
  .ion-margin-horizontal {
    margin-left: unset;
    margin-right: unset;
    margin-inline-start: 16px;
    margin-inline-start: var(--ion-margin, 16px);
    margin-inline-end: 16px;
    margin-inline-end: var(--ion-margin, 16px);
  }
}
.ion-float-left {
  float: left !important;
}
.ion-float-right {
  float: right !important;
}
.ion-float-start {
  float: left !important;
}
[dir=rtl] .ion-float-start, :host-context([dir=rtl]) .ion-float-start {
  float: right !important;
}
.ion-float-end {
  float: right !important;
}
[dir=rtl] .ion-float-end, :host-context([dir=rtl]) .ion-float-end {
  float: left !important;
}
@media (min-width: 576px) {
  .ion-float-sm-left {
    float: left !important;
  }

  .ion-float-sm-right {
    float: right !important;
  }

  .ion-float-sm-start {
    float: left !important;
  }
  [dir=rtl] .ion-float-sm-start, :host-context([dir=rtl]) .ion-float-sm-start {
    float: right !important;
  }

  .ion-float-sm-end {
    float: right !important;
  }
  [dir=rtl] .ion-float-sm-end, :host-context([dir=rtl]) .ion-float-sm-end {
    float: left !important;
  }
}
@media (min-width: 768px) {
  .ion-float-md-left {
    float: left !important;
  }

  .ion-float-md-right {
    float: right !important;
  }

  .ion-float-md-start {
    float: left !important;
  }
  [dir=rtl] .ion-float-md-start, :host-context([dir=rtl]) .ion-float-md-start {
    float: right !important;
  }

  .ion-float-md-end {
    float: right !important;
  }
  [dir=rtl] .ion-float-md-end, :host-context([dir=rtl]) .ion-float-md-end {
    float: left !important;
  }
}
@media (min-width: 992px) {
  .ion-float-lg-left {
    float: left !important;
  }

  .ion-float-lg-right {
    float: right !important;
  }

  .ion-float-lg-start {
    float: left !important;
  }
  [dir=rtl] .ion-float-lg-start, :host-context([dir=rtl]) .ion-float-lg-start {
    float: right !important;
  }

  .ion-float-lg-end {
    float: right !important;
  }
  [dir=rtl] .ion-float-lg-end, :host-context([dir=rtl]) .ion-float-lg-end {
    float: left !important;
  }
}
@media (min-width: 1200px) {
  .ion-float-xl-left {
    float: left !important;
  }

  .ion-float-xl-right {
    float: right !important;
  }

  .ion-float-xl-start {
    float: left !important;
  }
  [dir=rtl] .ion-float-xl-start, :host-context([dir=rtl]) .ion-float-xl-start {
    float: right !important;
  }

  .ion-float-xl-end {
    float: right !important;
  }
  [dir=rtl] .ion-float-xl-end, :host-context([dir=rtl]) .ion-float-xl-end {
    float: left !important;
  }
}
.ion-text-center {
  text-align: center !important;
}
.ion-text-justify {
  text-align: justify !important;
}
.ion-text-start {
  text-align: start !important;
}
.ion-text-end {
  text-align: end !important;
}
.ion-text-left {
  text-align: left !important;
}
.ion-text-right {
  text-align: right !important;
}
.ion-text-nowrap {
  white-space: nowrap !important;
}
.ion-text-wrap {
  white-space: normal !important;
}
@media (min-width: 576px) {
  .ion-text-sm-center {
    text-align: center !important;
  }

  .ion-text-sm-justify {
    text-align: justify !important;
  }

  .ion-text-sm-start {
    text-align: start !important;
  }

  .ion-text-sm-end {
    text-align: end !important;
  }

  .ion-text-sm-left {
    text-align: left !important;
  }

  .ion-text-sm-right {
    text-align: right !important;
  }

  .ion-text-sm-nowrap {
    white-space: nowrap !important;
  }

  .ion-text-sm-wrap {
    white-space: normal !important;
  }
}
@media (min-width: 768px) {
  .ion-text-md-center {
    text-align: center !important;
  }

  .ion-text-md-justify {
    text-align: justify !important;
  }

  .ion-text-md-start {
    text-align: start !important;
  }

  .ion-text-md-end {
    text-align: end !important;
  }

  .ion-text-md-left {
    text-align: left !important;
  }

  .ion-text-md-right {
    text-align: right !important;
  }

  .ion-text-md-nowrap {
    white-space: nowrap !important;
  }

  .ion-text-md-wrap {
    white-space: normal !important;
  }
}
@media (min-width: 992px) {
  .ion-text-lg-center {
    text-align: center !important;
  }

  .ion-text-lg-justify {
    text-align: justify !important;
  }

  .ion-text-lg-start {
    text-align: start !important;
  }

  .ion-text-lg-end {
    text-align: end !important;
  }

  .ion-text-lg-left {
    text-align: left !important;
  }

  .ion-text-lg-right {
    text-align: right !important;
  }

  .ion-text-lg-nowrap {
    white-space: nowrap !important;
  }

  .ion-text-lg-wrap {
    white-space: normal !important;
  }
}
@media (min-width: 1200px) {
  .ion-text-xl-center {
    text-align: center !important;
  }

  .ion-text-xl-justify {
    text-align: justify !important;
  }

  .ion-text-xl-start {
    text-align: start !important;
  }

  .ion-text-xl-end {
    text-align: end !important;
  }

  .ion-text-xl-left {
    text-align: left !important;
  }

  .ion-text-xl-right {
    text-align: right !important;
  }

  .ion-text-xl-nowrap {
    white-space: nowrap !important;
  }

  .ion-text-xl-wrap {
    white-space: normal !important;
  }
}
.ion-text-uppercase {
  /* stylelint-disable-next-line declaration-no-important */
  text-transform: uppercase !important;
}
.ion-text-lowercase {
  /* stylelint-disable-next-line declaration-no-important */
  text-transform: lowercase !important;
}
.ion-text-capitalize {
  /* stylelint-disable-next-line declaration-no-important */
  text-transform: capitalize !important;
}
@media (min-width: 576px) {
  .ion-text-sm-uppercase {
    /* stylelint-disable-next-line declaration-no-important */
    text-transform: uppercase !important;
  }

  .ion-text-sm-lowercase {
    /* stylelint-disable-next-line declaration-no-important */
    text-transform: lowercase !important;
  }

  .ion-text-sm-capitalize {
    /* stylelint-disable-next-line declaration-no-important */
    text-transform: capitalize !important;
  }
}
@media (min-width: 768px) {
  .ion-text-md-uppercase {
    /* stylelint-disable-next-line declaration-no-important */
    text-transform: uppercase !important;
  }

  .ion-text-md-lowercase {
    /* stylelint-disable-next-line declaration-no-important */
    text-transform: lowercase !important;
  }

  .ion-text-md-capitalize {
    /* stylelint-disable-next-line declaration-no-important */
    text-transform: capitalize !important;
  }
}
@media (min-width: 992px) {
  .ion-text-lg-uppercase {
    /* stylelint-disable-next-line declaration-no-important */
    text-transform: uppercase !important;
  }

  .ion-text-lg-lowercase {
    /* stylelint-disable-next-line declaration-no-important */
    text-transform: lowercase !important;
  }

  .ion-text-lg-capitalize {
    /* stylelint-disable-next-line declaration-no-important */
    text-transform: capitalize !important;
  }
}
@media (min-width: 1200px) {
  .ion-text-xl-uppercase {
    /* stylelint-disable-next-line declaration-no-important */
    text-transform: uppercase !important;
  }

  .ion-text-xl-lowercase {
    /* stylelint-disable-next-line declaration-no-important */
    text-transform: lowercase !important;
  }

  .ion-text-xl-capitalize {
    /* stylelint-disable-next-line declaration-no-important */
    text-transform: capitalize !important;
  }
}
.ion-align-self-start {
  align-self: flex-start !important;
}
.ion-align-self-end {
  align-self: flex-end !important;
}
.ion-align-self-center {
  align-self: center !important;
}
.ion-align-self-stretch {
  align-self: stretch !important;
}
.ion-align-self-baseline {
  align-self: baseline !important;
}
.ion-align-self-auto {
  align-self: auto !important;
}
.ion-wrap {
  flex-wrap: wrap !important;
}
.ion-nowrap {
  flex-wrap: nowrap !important;
}
.ion-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}
.ion-justify-content-start {
  justify-content: flex-start !important;
}
.ion-justify-content-center {
  justify-content: center !important;
}
.ion-justify-content-end {
  justify-content: flex-end !important;
}
.ion-justify-content-around {
  justify-content: space-around !important;
}
.ion-justify-content-between {
  justify-content: space-between !important;
}
.ion-justify-content-evenly {
  justify-content: space-evenly !important;
}
.ion-align-items-start {
  align-items: flex-start !important;
}
.ion-align-items-center {
  align-items: center !important;
}
.ion-align-items-end {
  align-items: flex-end !important;
}
.ion-align-items-stretch {
  align-items: stretch !important;
}
.ion-align-items-baseline {
  align-items: baseline !important;
}
/* Reset SCSS */
/*
 * Ionic CSS Reset
 * ----------------------------------------------------------------------------
 * Ionic Variables and Theming. For more info, please see:
 * http://ionicframework.com/docs/theming/
 */
/* margin, padding, borderのCSSリセット */
html,
body,
h1,
h2,
h3,
h4,
h5,
h6,
a,
p,
span,
em,
small,
strong,
sub,
sup,
mark,
del,
ins,
strike,
abbr,
dfn,
blockquote,
q,
cite,
code,
pre,
ol,
ul,
li,
dl,
dt,
dd,
div,
section,
article,
main,
aside,
nav,
header,
hgroup,
footer,
img,
figure,
figcaption,
address,
time,
audio,
video,
canvas,
iframe,
details,
summary,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
  margin: 0;
  padding: 0;
  border: 0;
}
a,
a:visited {
  color: inherit;
}
/* レイアウトとbox-sizingのCSSリセット */
article,
aside,
footer,
header,
nav,
section,
main {
  display: block;
}
/* 特定要素のCSSリセット */
table {
  border-collapse: collapse;
  border-spacing: 0;
}
ol,
ul {
  list-style: none;
}
img,
video {
  max-width: 100%;
}
img {
  border-style: none;
}
blockquote,
q {
  quotes: none;
}
/* 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 */
.text-bottom, .text-top {
  font-size: 0.625rem !important;
  font-size: var(--font-size-10) !important;
}
.font-extra-small, .text-illustration-banner2, .text-illustration-banner, .text-label, .text-extra-small, .unique-g13-02 p {
  font-size: calc(0.5rem + 1.07vw) !important;
  font-size: var(--font-size-12) !important;
}
.font-small, .text-label-point > span, .text-label-title, .text-small-narrow-top-space, .text-small {
  font-size: calc(0.625rem + 1.07vw) !important;
  font-size: var(--font-size-small) !important;
}
.font-medium, .boomerang-result .tab-content .table .tr.tr-02 .td .text-02, .boomerang-result .tab-content .table .tr.tr-02 .td .text-01, .boomerang-result .tab-content .table .tr.tr-02 .td .split-yen, .boomerang-result .tab-content .table .tr.tr-01 .td .box-price .text-02, .boomerang-result .tab-content .table .tr.tr-01 .td .box-price .text-01, .boomerang-result .tab-content .table .tr.tr-01 .td .box-price .split-yen, .boomerang-result .tab-content .table .tr .ul-label li, .boomerang-result .tab-content .table .tr .td span.yen, .official-approximation-result .tab-content .table .tr.tr-02 .td .text-02, .official-approximation-result .tab-content .table .tr.tr-02 .td .text-01, .official-approximation-result .tab-content .table .tr.tr-02 .td .split-yen, .official-approximation-result .tab-content .table .tr.tr-01 .td .box-price .text-02, .official-approximation-result .tab-content .table .tr.tr-01 .td .box-price .text-01, .official-approximation-result .tab-content .table .tr.tr-01 .td .box-price .split-yen, .official-approximation-result .tab-content .table .tr .ul-label li, .official-approximation-result .tab-content .table .tr .td span.yen {
  font-size: calc(0.75rem + 1.07vw) !important;
  font-size: var(--font-size-medium) !important;
}
.font-large, .text-large {
  font-size: calc(0.875em + 1.07vw) !important;
  font-size: var(--font-size-large) !important;
}
.font-medium-large, .text-medium-large, .boomerang-result .tab-content .table .tr.tr-02 .td .total-yen, .boomerang-result .tab-content .table .tr.tr-01 .td .box-price .total-yen, .boomerang-result .tab-content .table .tr.tr-01 .td .box-price .dt-01, .boomerang-result .tab-content .table .tr .td span.price, .official-approximation-result .tab-content .table .tr.tr-02 .td .total-yen, .official-approximation-result .tab-content .table .tr.tr-01 .td .box-price .total-yen, .official-approximation-result .tab-content .table .tr.tr-01 .td .box-price .dt-01, .official-approximation-result .tab-content .table .tr .td span.price {
  font-size: calc(1em + 1.07vw) !important;
  font-size: var(--font-size-20) !important;
}
.font-extra-large, .text-extra-large, .boomerang-result .tab-content .table .tr.tr-02 .td .split-price, .boomerang-result .tab-content .table .tr.tr-02 .th .inner .span-01, .boomerang-result .tab-content .table .tr.tr-01 .td .box-price .split-price, .boomerang-result .tab-content .table .tr.tr-01 .td .box-blank, .boomerang-result .tab-content .table .tr.tr-01 .td .box-hd, .official-approximation-result .tab-content .table .tr.tr-02 .td .split-price, .official-approximation-result .tab-content .table .tr.tr-02 .th .inner .span-01, .official-approximation-result .tab-content .table .tr.tr-01 .td .box-price .split-price, .official-approximation-result .tab-content .table .tr.tr-01 .td .box-hd {
  font-size: calc(1.25rem + 1.07vw) !important;
  font-size: var(--font-size-24) !important;
}
@media (min-width: 1024px) {
  .text-bottom, .text-top {
    font-size: 0.625rem !important;
  }

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

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

  .font-medium, .boomerang-result .tab-content .table .tr.tr-02 .td .text-02, .boomerang-result .tab-content .table .tr.tr-02 .td .text-01, .boomerang-result .tab-content .table .tr.tr-02 .td .split-yen, .boomerang-result .tab-content .table .tr.tr-01 .td .box-price .text-02, .boomerang-result .tab-content .table .tr.tr-01 .td .box-price .text-01, .boomerang-result .tab-content .table .tr.tr-01 .td .box-price .split-yen, .boomerang-result .tab-content .table .tr .ul-label li, .boomerang-result .tab-content .table .tr .td span.yen, .official-approximation-result .tab-content .table .tr.tr-02 .td .text-02, .official-approximation-result .tab-content .table .tr.tr-02 .td .text-01, .official-approximation-result .tab-content .table .tr.tr-02 .td .split-yen, .official-approximation-result .tab-content .table .tr.tr-01 .td .box-price .text-02, .official-approximation-result .tab-content .table .tr.tr-01 .td .box-price .text-01, .official-approximation-result .tab-content .table .tr.tr-01 .td .box-price .split-yen, .official-approximation-result .tab-content .table .tr .ul-label li, .official-approximation-result .tab-content .table .tr .td span.yen {
    font-size: 1rem !important;
  }

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

  .font-medium-large, .text-medium-large, .boomerang-result .tab-content .table .tr.tr-02 .td .total-yen, .boomerang-result .tab-content .table .tr.tr-01 .td .box-price .total-yen, .boomerang-result .tab-content .table .tr.tr-01 .td .box-price .dt-01, .boomerang-result .tab-content .table .tr .td span.price, .official-approximation-result .tab-content .table .tr.tr-02 .td .total-yen, .official-approximation-result .tab-content .table .tr.tr-01 .td .box-price .total-yen, .official-approximation-result .tab-content .table .tr.tr-01 .td .box-price .dt-01, .official-approximation-result .tab-content .table .tr .td span.price {
    font-size: 1.25rem !important;
  }

  .font-extra-large, .text-extra-large, .boomerang-result .tab-content .table .tr.tr-02 .td .split-price, .boomerang-result .tab-content .table .tr.tr-02 .th .inner .span-01, .boomerang-result .tab-content .table .tr.tr-01 .td .box-price .split-price, .boomerang-result .tab-content .table .tr.tr-01 .td .box-blank, .boomerang-result .tab-content .table .tr.tr-01 .td .box-hd, .official-approximation-result .tab-content .table .tr.tr-02 .td .split-price, .official-approximation-result .tab-content .table .tr.tr-02 .th .inner .span-01, .official-approximation-result .tab-content .table .tr.tr-01 .td .box-price .split-price, .official-approximation-result .tab-content .table .tr.tr-01 .td .box-hd {
    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>
 */
:root {
  /* 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-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;
  /************* ionic default button color *****************/
  /* success */
  --ion-color-success: #28a69a;
  --ion-color-success-rgb: 16, 220, 96;
  --ion-color-success-contrast: var(--ion-color-custom-white);
  --ion-color-success-contrast-rgb: 255, 255, 255;
  --ion-color-success-shade: #c6e0dd;
  --ion-color-success-tint: #daf5f3;
  /* warning */
  --ion-color-warning: #ffce00;
  --ion-color-warning-rgb: 255, 206, 0;
  --ion-color-warning-contrast: var(--ion-color-custom-white);
  --ion-color-warning-contrast-rgb: 255, 255, 255;
  --ion-color-warning-shade: #e0b500;
  --ion-color-warning-tint: #ffd31a;
  /* 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;
  /* link */
  --ion-color-link: #0099ff;
  --ion-color-link-rgb: 0, 153, 255;
  --ion-color-link-contrast: #ffffff;
  --ion-color-link-contrast-rgb: 255, 255, 255;
  --ion-color-link-shade: #0099ff;
  --ion-color-link-tint: #98b9dd;
  /* 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;
  /************* 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-custom-black);
  --ion-link-text-color: var(--ion-color-custom-blue);
  --ion-error-text-color: var(--ion-color-custom-red);
  --ion-h1-text-color: var(--ion-color-custom-dark-blue);
  --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-custom-dark-gold);
  /* border color */
  --ion-form-border-color: var(--ion-color-custom-gold);
  --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-dark-blue);
  --ion-tab-border-color: var(--ion-color-custom-dark-gold);
  --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-dark-blue);
  --ion-form-icon-color: var(--ion-color-custom-dark-gold);
  --ion-link-icon-color: var(--ion-color-custom-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 *****************/
}
:root .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);
}
:root .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);
}
:root .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);
}
:root .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);
}
:root .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);
}
:root .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-custom-dark-gold);
  /* 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;*/
}
/*
 * Spaces Reset
 * ----------------------------------------------------------------------------
 * Common Spaces Should Be Set Here.
 */
/* variables */
:root {
  --space-size-4: 1.27vw;
  --space-size-5: 1.34vw;
  --space-size-8: 2.14vw;
  --space-size-9: 2.4vw;
  --space-size-10: 2.68vw;
  --space-size-13: 3.47vw;
  --space-size-14: 3.74vw;
  --space-size-15: 4.02vw;
  --space-size-20: 5.36vw;
  --space-size-25: 6.7vw;
  --space-size-30: 8.04vw;
  --space-size-35: 9.38vw;
  --space-size-40: 10.72vw;
  --space-size-45: 12.06vw;
  --space-size-50: 13.4vw;
  --space-size-55: 14.74vw;
  --space-size-60: 16.08vw;
  --space-size-65: 17.42vw;
  --space-size-70: 18.76vw;
  --space-size-75: 20.1vw;
  --space-size-80: 21.44vw;
  --space-size-85: 22.78vw;
  --space-size-reset: -4.02vw;
  --space-size-0: 0vw;
  --space-size--40: -10.72vw;
}
@media (min-width: 375px) {
  :root {
    --space-size-4: 0.25rem;
    --space-size-5: 0.3125rem;
    --space-size-8: 0.5rem;
    --space-size-9: 0.5625rem;
    --space-size-10: 0.625rem;
    --space-size-13: 0.8125rem;
    --space-size-14: 0.875rem;
    --space-size-15: 0.9375rem;
    --space-size-20: 1.25rem;
    --space-size-25: 1.5625rem;
    --space-size-30: 1.875rem;
    --space-size-35: 2.1875rem;
    --space-size-40: 2.5rem;
    --space-size-45: 2.8125rem;
    --space-size-50: 3.125rem;
    --space-size-55: 3.4375rem;
    --space-size-60: 3.75rem;
    --space-size-65: 4.0625rem;
    --space-size-70: 4.375rem;
    --space-size-75: 4.6875rem;
    --space-size-80: 5rem;
    --space-size-85: 5.3125rem;
    --space-size-reset: -0.9375rem;
    --space-size-0: 0rem;
    --space-size--40: -2.5rem;
  }
}
.ion-padding {
  padding-inline-start: var(--space-size-25);
  padding-inline-start: var(--ion-padding, var(--space-size-25));
  padding-inline-end: var(--space-size-25);
  padding-inline-end: var(--ion-padding, var(--space-size-25));
  -webkit-padding-top: var(--space-size-25);
  -webkit-padding-top: var(--ion-padding, var(--space-size-25));
  padding-top: var(--space-size-25);
  padding-top: var(--ion-padding, var(--space-size-25));
  -webkit-padding-bottom: var(--space-size-25);
  -webkit-padding-bottom: var(--ion-padding, var(--space-size-25));
  padding-bottom: var(--space-size-25);
  padding-bottom: var(--ion-padding, var(--space-size-25));
}
.ion-margin {
  margin-inline-start: var(--space-size-25);
  margin-inline-start: var(--ion-paddmargining, var(--space-size-25));
  margin-inline-end: var(--space-size-25);
  margin-inline-end: var(--ion-margin, var(--space-size-25));
  -webkit-margin-top: var(--space-size-25);
  -webkit-margin-top: var(--ion-margin, var(--space-size-25));
  margin-top: var(--space-size-25);
  margin-top: var(--ion-margin, var(--space-size-25));
  -webkit-margin-bottom: var(--space-size-25);
  -webkit-margin-bottom: var(--ion-margin, var(--space-size-25));
  margin-bottom: var(--space-size-25);
  margin-bottom: var(--ion-margin, var(--space-size-25));
}
/*
 * Temporary
 * ----------------------------------------------------------------------------
 * 開発者は一時的にコードを書く時はこちらに描いてください。
 * XDチームが定期的に回収していきます。
 *
 * コードが壊れないように下記のルールにきをつけてください：
 * 必ずIDかクラスを使ってください。タグ定義は禁止です。
 * good：
 * li.my-class {}
 *
 * bad:
 * li {}
 */
/* 非活性時のスタイル統一 */
ion-item[class*=-disabled] {
  opacity: 0.4;
}
ion-item[class*=-disabled] ion-input,
ion-item[class*=-disabled] ion-select,
ion-item[class*=-disabled] select,
ion-item[class*=-disabled] ion-label,
ion-item[class*=-disabled] ion-checkbox,
ion-item[class*=-disabled] ion-radio {
  opacity: 1;
}
ion-input[aria-disabled] {
  opacity: 0.4;
}
ion-input[aria-disabled] .native-input[disabled].sc-ion-input-md {
  opacity: 1;
}
/** 正式見積結果画面の静的コンテンツ画像を縮ませない対応 */
.text-info .static-image {
  flex-shrink: 0;
  align-self: center;
}
.price-undetermined {
  color: gray;
}
/* App SCSS */
/*
 * App Theme
 * ----------------------------------------------------------------------------
 *
 */
/* 設定 */
/*
 * San Fransisco Display (英数字)
 * -------------------------------------
 * Apple fonts, Yosemite OSから登場、Helvetica (Neue)の代わりに開発されたフォント。
 * 「Ultralight 100」、「Thin 200」、「Light 300」、「Regular 400」、
 * 「Medium 500」、「Semi-Bold 600」、「Bold 700」、「Heavy 800」、「Black 900」
 */
/*
 * Hiragino Kaku Gothic Pro (漢字/英数字)
 * -------------------------------------
 * Apple fonts, San Fransiscoは和文がないためiosはHiraginoを使用する。
 * 「Light 300」、「Semi-Bold 600」
 */
@font-face {
  font-family: "hiraginoKakuGothicPro-W3";
  src: local("ヒラギノ角ゴ ProN W3"), local("HiraKakuProN-W3"), local("ヒラギノ角ゴ Pro W3"), local("HiraKakuPro-W3"), local("Hiragino Kaku Gothic ProN"), local("Hiragino Kaku Gothic Pro"), local("Hiragino Sans");
}
@font-face {
  font-family: "hiraginoKakuGothicPro-W6";
  src: local("ヒラギノ角ゴ ProN W6"), local("HiraKakuProN-W6"), local("ヒラギノ角ゴ Pro W6"), local("HiraKakuPro-W6"), local("Hiragino Kaku Gothic ProN"), local("Hiragino Kaku Gothic Pro"), local("Hiragino Sans");
}
/*
 * Roboto (英数字)
 * -------------------------------------
 * Android fonts。
 * 「Thin 100」、「Light 300」、「Regular 400」、
 * 「Medium 500」、「Bold 700」、「Black 900」
 */
@font-face {
  font-family: "Roboto-W1";
  src: local("Roboto");
}
@font-face {
  font-family: "Roboto-W3";
  src: local("Roboto");
}
@font-face {
  font-family: "Roboto-W4";
  src: local("Roboto");
}
@font-face {
  font-family: "Roboto-W5";
  src: local("Roboto");
}
@font-face {
  font-family: "Roboto-W7";
  src: local("Roboto");
}
@font-face {
  font-family: "Roboto-W9";
  src: local("Roboto");
}
/*
 * Noto Sans (漢字/英数字)
 * -------------------------------------
 * Android fonts。
 * 「Thin 100」、「Light 300」、「Regular 400」、
 * 「Medium 500」、「Bold 700」、「Black 900」
 */
@font-face {
  font-family: "NotoSans-W1";
  src: local("Noto Sans"), local("Noto Sans CJK JP"), local("Noto Sans JP");
}
@font-face {
  font-family: "NotoSans-W3";
  src: local("Noto Sans"), local("Noto Sans CJK JP"), local("Noto Sans JP");
}
@font-face {
  font-family: "NotoSans-W4";
  src: local("Noto Sans"), local("Noto Sans CJK JP"), local("Noto Sans JP");
}
@font-face {
  font-family: "NotoSans-W5";
  src: local("Noto Sans"), local("Noto Sans CJK JP"), local("Noto Sans JP");
}
@font-face {
  font-family: "NotoSans-W7";
  src: local("Noto Sans"), local("Noto Sans CJK JP"), local("Noto Sans JP");
}
@font-face {
  font-family: "NotoSans-W9";
  src: local("Noto Sans"), local("Noto Sans CJK JP"), local("Noto Sans JP");
}
/*
 * Avenir (英数字)
 * -------------------------------------
 * 「Medium 300」、「DemiBold 400」、「DemiBold 500」、「Bold 700」、
 * 「「Heavy 800」、「Heavy 900」
 */
@font-face {
  font-family: "AvenirNext-W3";
  src: local("AvenirNext-Medium"), local("Avenir Next Medium"), local("Avenir Next"), local("Avenir");
}
@font-face {
  font-family: "AvenirNext-W4";
  src: local("AvenirNext-DemiBold"), local("Avenir Next Demi Bold"), local("Avenir Next"), local("Avenir");
}
@font-face {
  font-family: "AvenirNext-W5";
  src: local("AvenirNext-DemiBold"), local("Avenir Next Demi Bold"), local("Avenir Next"), local("Avenir");
}
@font-face {
  font-family: "AvenirNext-W7";
  src: local("AvenirNext-Bold"), local("Avenir Next Bold"), local("Avenir Next"), local("Avenir");
}
@font-face {
  font-family: "AvenirNext-W8";
  src: local("AvenirNext-Heavy"), local("Avenir Next Heavy"), local("Avenir Next"), local("Avenir");
}
@font-face {
  font-family: "AvenirNext-W9";
  src: local("AvenirNext-Heavy"), local("Avenir Next Heavy"), local("Avenir Next"), local("Avenir");
}
/*
 * NotoSerifJP (明朝、アンドロイド、windows pc用)
 * -------------------------------------
 */
@font-face {
  font-family: "Noto Serif JP";
  src: url('NotoSerifJP-Regular.b9650581374e323d2e85.otf') format("opentype");
}
/* ion container base */
body {
  background: #ffffff;
  background: var(--ion-color-custom-white);
}
body ion-app {
  margin: 0 auto;
}
body ion-app.ios ion-content {
  pointer-events: auto;
}
:root {
  --ion-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;
  font-size: calc(0.75rem + 1.07vw);
  font-size: var(--font-size-medium);
  line-height: 1.6;
}
:root .sc-ion-modal-md-h,
:root .sc-ion-modal-ios-h {
  --backdrop-opacity: var(--ion-backdrop-opacity, 0.7);
}
:root .sc-ion-picker-ios-h {
  touch-action: none;
}
:root .modal-wrapper.sc-ion-modal-md,
:root .modal-wrapper.sc-ion-modal-ios {
  width: 100%;
  max-width: 940px;
  background: none;
}
:root .modal-wrapper.sc-ion-modal-md > .ion-page,
:root .modal-wrapper.sc-ion-modal-ios > .ion-page {
  margin: 4.02vw;
  margin: var(--space-size-15);
  color: #0099ff !important;
  color: var(--ion-link-text-color, red) !important;
}
:root li + li {
  margin-top: 0;
}
/*
 * Page
 * ----------------------------------------------------------------------------
 *
 */
.app-page {
  display: grid;
  grid-template-areas: "header" "content" "footer";
  grid-template-rows: auto 1fr auto;
  grid-template-columns: 100%;
  min-height: 100vh;
  background: #f2f2f2;
  background: var(--ion-color-step-50);
  /* レスポンシブ対応
     指定ページのみレスポンシブ対応をする場合は以下クラスを付与する。
     将来的にサイト全体を一括でレスポンシブする際は本クラスを付与せずに共通設定に適用させる。
  */
}
.app-page.responsive {
  display: block;
  background: #fff;
}
.app-page.responsive .app-page-content {
  width: 100%;
  max-width: 100%;
  /* media query version */
}
@media screen and (min-width: 769px) {
  .app-page.responsive .app-page-content {
    max-width: 980px;
    margin: 0 auto;
  }
}
.app-page.responsive .app-page-content .content-box {
  padding: 0 20px;
}
.app-page.app-page-responsive {
  display: block;
  background: #fff;
  margin: 0;
  padding: 0;
  min-height: 100%;
  display: flex;
  flex-direction: column;
}
.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) {
  .app-page.app-page-responsive .app-page-content {
    max-width: 980px;
    margin: 0 auto;
  }
}
.app-page.app-page-responsive .app-page-content .content-box {
  padding: 0 20px;
}
.app-page .app-page-header {
  grid-area: header;
}
.app-page .app-page-content {
  grid-area: content;
  width: 100%;
  max-width: 640px;
  margin: 0 auto;
  background: #fff;
}
.app-page .app-page-content.bg-none {
  background: none;
}
.app-page .app-page-footer {
  grid-area: footer;
}
.app-page.bg-none {
  background: none;
}
/*
 * Webtop Page
 * ----------------------------------------------------------------------------
 *
 */
/* top-title */
.top-title {
  margin-bottom: 0 !important;
}
/* web-top-page-g19-wrap */
.web-top-page-g19-wrap {
  margin: 0 !important;
}
/* thumbnail-wrapper */
.thumbnail-wrapper {
  background-color: #f4f4f8;
  background-color: var(--ion-color-step-100);
}
.thumbnail-wrapper .thumbnail {
  position: relative;
  padding-top: 56.25%;
  overflow: hidden;
}
.thumbnail-wrapper .thumbnail img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  max-width: 100%;
  height: auto;
}
.thumbnail-wrapper .thumbnail-text {
  position: relative;
  bottom: 48px;
  width: 80%;
  max-width: 1000px;
  padding: 2.68vw;
  padding: var(--space-size-10);
  background: #003a77;
  background: var(--ion-color-blue);
}
.thumbnail-wrapper .thumbnail-text .text-white {
  color: #ffffff !important;
  color: var(--ion-color-custom-white) !important;
}
.thumbnail-wrapper .thumbnail-text .text-white .text-normal, .thumbnail-wrapper .thumbnail-text .text-white .list-sensor, .thumbnail-wrapper .thumbnail-text .text-white .list-note-ja, .thumbnail-wrapper .thumbnail-text .text-white .list-sharp-03, .thumbnail-wrapper .thumbnail-text .text-white .list-sharp-02, .thumbnail-wrapper .thumbnail-text .text-white .list-sharp-02-from4, .thumbnail-wrapper .thumbnail-text .text-white .list-sharp-02-from3, .thumbnail-wrapper .thumbnail-text .text-white .list-sharp-02-from2, .thumbnail-wrapper .thumbnail-text .text-white .list-sharp, .thumbnail-wrapper .thumbnail-text .text-white .list-example, .thumbnail-wrapper .thumbnail-text .text-white .list-alphabetical, .thumbnail-wrapper .thumbnail-text .text-white .list-decimal-04, .thumbnail-wrapper .thumbnail-text .text-white .list-decimal-03, .thumbnail-wrapper .thumbnail-text .text-white .list-decimal-02, .thumbnail-wrapper .thumbnail-text .text-white .list-decimal, .thumbnail-wrapper .thumbnail-text .text-white .list-dot-6, .thumbnail-wrapper .thumbnail-text .text-white .list-dot-5, .thumbnail-wrapper .thumbnail-text .text-white .list-dot-3, .thumbnail-wrapper .thumbnail-text .text-white .list-dot {
  color: #ffffff !important;
  color: var(--ion-color-custom-white) !important;
}
.thumbnail-wrapper .thumbnail-text .text-white span:first-child {
  margin-right: 1.34vw;
  margin-right: var(--space-size-5);
}
.thumbnail-wrapper .thumbnail-wrapper-btm-text {
  position: relative;
  bottom: 24px;
  margin-top: 0;
  text-align: center;
}
.correction-content,
.continue-content {
  padding: 5.36vw !important;
  padding: var(--space-size-20) !important;
  background-color: #ffffff !important;
  background-color: var(--ion-color-custom-white) !important;
}
.correction-content .frm-normal,
.continue-content .frm-normal {
  margin: 0;
  padding: 2.68vw 0;
  padding: var(--space-size-10) 0;
}
.correction-content .frm-normal:first-of-type,
.continue-content .frm-normal:first-of-type {
  padding-top: 0;
}
.correction-content .frm-normal:last-child,
.continue-content .frm-normal:last-child {
  border: 1px none #d8d8d8;
  border: 1px none var(--ion-color-step-150);
  padding-bottom: 0;
  background-image: none;
}
.correction-content .frm-normal .text-info,
.correction-content .frm-normal .frm-normal-header,
.continue-content .frm-normal .text-info,
.continue-content .frm-normal .frm-normal-header {
  margin: 1.34vw 0;
  margin: var(--space-size-5) 0;
}
.correction-content .unique-g19-01 .unique-g19-item,
.continue-content .unique-g19-01 .unique-g19-item {
  border: 1px none #d8d8d8;
  border: 1px none var(--ion-color-step-150);
}
.correction-content .unique-g19-01 .unique-g19-item ion-item,
.continue-content .unique-g19-01 .unique-g19-item ion-item {
  width: 100%;
  --padding-end: 0;
  --padding-start: 0;
}
.correction-content .unique-g19-01 .unique-g19-item ion-icon,
.continue-content .unique-g19-01 .unique-g19-item ion-icon {
  position: relative;
  right: -20px;
  width: 6.7vw !important;
  width: var(--space-size-25) !important;
  height: 6.7vw !important;
  height: var(--space-size-25) !important;
  margin: 0;
}
.correction-content .unique-g19-01 .unique-g19-item .select-unique-g19,
.continue-content .unique-g19-01 .unique-g19-item .select-unique-g19 {
  display: inline !important;
}
.correction-content .unique-g19-01 .unique-g19-item:first-of-type,
.continue-content .unique-g19-01 .unique-g19-item:first-of-type {
  padding-top: 0;
}
.correction-content .unique-g19-01 .unique-g19-item:last-child,
.continue-content .unique-g19-01 .unique-g19-item:last-child {
  border: 1px none #d8d8d8;
  border: 1px none var(--ion-color-step-150);
  padding-bottom: 0;
  background-image: none;
}
.correction-content .unique-g19-01 .unique-g19-item p,
.continue-content .unique-g19-01 .unique-g19-item p {
  margin: 1.34vw 0;
  margin: var(--space-size-5) 0;
}
.correction-content .unique-g19-01 .text-link,
.continue-content .unique-g19-01 .text-link {
  color: #0099ff !important;
  color: var(--ion-color-link) !important;
  font-size: calc(0.75rem + 1.07vw) !important;
  font-size: var(--font-size-medium) !important;
}
.continue-content {
  margin: 8.04vw 0 0 0 !important;
  margin: var(--space-size-30) 0 0 0 !important;
}
.continue-content .unique-g19-01 {
  margin: 2.68vw 0 0 0;
  margin: var(--space-size-10) 0 0 0;
}
.continue-content .unique-g19-01 .text-normal.text-link, .continue-content .unique-g19-01 .text-link.list-sensor, .continue-content .unique-g19-01 .text-link.list-note-ja, .continue-content .unique-g19-01 .text-link.list-sharp-03, .continue-content .unique-g19-01 .text-link.list-sharp-02, .continue-content .unique-g19-01 .text-link.list-sharp-02-from4, .continue-content .unique-g19-01 .text-link.list-sharp-02-from3, .continue-content .unique-g19-01 .text-link.list-sharp-02-from2, .continue-content .unique-g19-01 .text-link.list-sharp, .continue-content .unique-g19-01 .text-link.list-example, .continue-content .unique-g19-01 .text-link.list-alphabetical, .continue-content .unique-g19-01 .text-link.list-decimal-04, .continue-content .unique-g19-01 .text-link.list-decimal-03, .continue-content .unique-g19-01 .text-link.list-decimal-02, .continue-content .unique-g19-01 .text-link.list-decimal, .continue-content .unique-g19-01 .text-link.list-dot-6, .continue-content .unique-g19-01 .text-link.list-dot-5, .continue-content .unique-g19-01 .text-link.list-dot-3, .continue-content .unique-g19-01 .text-link.list-dot {
  margin-right: 0vw !important;
  margin-right: var(--space-size-0) !important;
}
.continue-content .text-normal + .unique-g19-01 .unique-g19-item:first-child, .continue-content .list-sensor + .unique-g19-01 .unique-g19-item:first-child, .continue-content .list-note-ja + .unique-g19-01 .unique-g19-item:first-child, .continue-content .list-sharp-03 + .unique-g19-01 .unique-g19-item:first-child, .continue-content .list-sharp-02 + .unique-g19-01 .unique-g19-item:first-child, .continue-content .list-sharp-02-from4 + .unique-g19-01 .unique-g19-item:first-child, .continue-content .list-sharp-02-from3 + .unique-g19-01 .unique-g19-item:first-child, .continue-content .list-sharp-02-from2 + .unique-g19-01 .unique-g19-item:first-child, .continue-content .list-sharp + .unique-g19-01 .unique-g19-item:first-child, .continue-content .list-example + .unique-g19-01 .unique-g19-item:first-child, .continue-content .list-alphabetical + .unique-g19-01 .unique-g19-item:first-child, .continue-content .list-decimal-04 + .unique-g19-01 .unique-g19-item:first-child, .continue-content .list-decimal-03 + .unique-g19-01 .unique-g19-item:first-child, .continue-content .list-decimal-02 + .unique-g19-01 .unique-g19-item:first-child, .continue-content .list-decimal + .unique-g19-01 .unique-g19-item:first-child, .continue-content .list-dot-6 + .unique-g19-01 .unique-g19-item:first-child, .continue-content .list-dot-5 + .unique-g19-01 .unique-g19-item:first-child, .continue-content .list-dot-3 + .unique-g19-01 .unique-g19-item:first-child, .continue-content .list-dot + .unique-g19-01 .unique-g19-item:first-child {
  border: 1px none #d8d8d8;
  border: 1px none var(--ion-color-step-150);
}
.top-page-navication-3 {
  border: 1px solid #ded2bc;
  border: 1px solid var(--ion-color-custom-gold);
  padding: 0;
}
.top-page-navication-3 .unique-g19-item:last-child {
  border: 1px none #d8d8d8;
  border: 1px none var(--ion-color-step-150);
}
.top-page-navication-3 .unique-g19-item .text-normal, .top-page-navication-3 .unique-g19-item .list-sensor, .top-page-navication-3 .unique-g19-item .list-note-ja, .top-page-navication-3 .unique-g19-item .list-sharp-03, .top-page-navication-3 .unique-g19-item .list-sharp-02, .top-page-navication-3 .unique-g19-item .list-sharp-02-from4, .top-page-navication-3 .unique-g19-item .list-sharp-02-from3, .top-page-navication-3 .unique-g19-item .list-sharp-02-from2, .top-page-navication-3 .unique-g19-item .list-sharp, .top-page-navication-3 .unique-g19-item .list-example, .top-page-navication-3 .unique-g19-item .list-alphabetical, .top-page-navication-3 .unique-g19-item .list-decimal-04, .top-page-navication-3 .unique-g19-item .list-decimal-03, .top-page-navication-3 .unique-g19-item .list-decimal-02, .top-page-navication-3 .unique-g19-item .list-decimal, .top-page-navication-3 .unique-g19-item .list-dot-6, .top-page-navication-3 .unique-g19-item .list-dot-5, .top-page-navication-3 .unique-g19-item .list-dot-3, .top-page-navication-3 .unique-g19-item .list-dot {
  margin: 0 !important;
}
.top-page-navication-3 .unique-g19-item ion-icon:first-child,
.top-page-navication-3 .unique-g19-item ion-icon:last-child {
  margin-right: 2.68vw;
  margin-right: var(--space-size-10);
}
.top-page-navication-3 .unique-g19-item ion-icon[name=chevron-forward-outline] {
  padding-right: 4.02vw;
  padding-right: var(--space-size-15);
}
.top-page-navication-3 .text-link {
  color: #0099ff !important;
  color: var(--ion-color-link) !important;
  font-size: calc(0.75rem + 1.07vw) !important;
  font-size: var(--font-size-medium) !important;
}
.monthly-message {
  padding: 4.02vw 6.7vw !important;
  padding: var(--space-size-15) var(--space-size-25) !important;
}
.monthly-message .monthly-message-header {
  display: flex;
  align-items: center;
  justify-content: center;
}
.monthly-message .monthly-message-header .border-normal {
  flex: 1;
  margin: 0;
  border-bottom: 2px solid #003a77;
  border-bottom: 2px solid var(--ion-color-blue);
}
.monthly-message .monthly-message-header p {
  margin: 0 8.04vw;
  margin: 0 var(--space-size-30);
  color: #003a77 !important;
  color: var(--ion-color-blue) !important;
}
.monthly-message p {
  margin-top: 2.68vw;
  margin-top: var(--space-size-10);
}
.car-plate-single {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #ffffff !important;
  background-color: var(--ion-color-custom-white) !important;
  border-radius: 4px;
}
.car-plate-single .car-plate-name {
  display: flex;
  align-items: center;
  width: 100%;
  padding-left: 8px;
  /* media query version */
}
@media screen and (min-width: 769px) {
  .car-plate-single .car-plate-name {
    padding-left: 16px;
  }
}
.car-plate-single .car-plate-name ion-icon {
  flex-shrink: 0;
  width: 22px;
  height: 16px;
  margin-right: 5px;
}
.car-plate-single .car-plate-name p:not(:first-child, .text-red) {
  margin: var(--space-size) 0 0 0 !important;
}
.car-plate-single .car-plate-number {
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  align-items: flex-start;
  justify-content: center;
  padding: 8px;
  height: 47px;
  width: 100%;
  /* media query version */
}
@media screen and (min-width: 769px) {
  .car-plate-single .car-plate-number {
    padding: 16px;
    height: 72px;
  }
}
.car-plate-single .car-plate-number p {
  margin: 0;
  color: #fff;
  line-height: 1;
}
.car-plate-single .car-plate-number p:last-child {
  margin-top: 4px;
  /* media query version */
}
@media screen and (min-width: 769px) {
  .car-plate-single .car-plate-number p:last-child {
    margin-top: 10px;
  }
}
.car-plate-multiple {
  margin: 5.36vw 0 0 0;
  margin: var(--space-size-20) 0 0 0;
}
.car-plate-multiple ion-slides {
  --bullet-background: var(--ion-color-step-800);
  --bullet-background-active: var(--ion-color-brown);
}
.car-plate-multiple .swiper-pagination {
  position: relative;
  bottom: 0px;
  margin-top: 16px;
  /* media query version */
}
@media screen and (min-width: 769px) {
  .car-plate-multiple .swiper-pagination {
    margin-top: 20px;
  }
}
.car-plate-multiple .car-plate-single {
  flex-direction: column;
  justify-content: flex-end;
  width: 100%;
  max-width: 160px;
  height: 82px;
  margin: 0;
  /* media query version */
}
@media screen and (min-width: 769px) {
  .car-plate-multiple .car-plate-single {
    max-width: 280px;
    height: 125px;
  }
}
.car-plate-multiple .car-plate-single .car-plate-name {
  align-items: center !important;
  height: 13.4vw;
  height: var(--space-size-50);
}
.car-plate-multiple .car-plate-single .car-plate-name p {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  word-wrap: break-word;
  -webkit-line-clamp: 2;
  /* ellipsis line */
  -webkit-box-orient: vertical;
}
.megaphone-announce {
  display: flex;
  padding: 4.02vw !important;
  padding: var(--space-size-15) !important;
  background-color: #eaeaf4 !important;
  background-color: var(--ion-color-custom-midgray) !important;
}
.megaphone-announce ion-icon {
  flex-shrink: 0;
  width: 6.7vw;
  width: var(--space-size-25);
  height: 6.7vw;
  height: var(--space-size-25);
  margin-right: 4.02vw;
  margin-right: var(--space-size-15);
}
.megaphone-announce .link-normal {
  margin: 0;
}
.megaphone-announce .link-normal ion-icon {
  margin: 0;
  padding-left: 0;
}
.megaphone-announce.bac-box[arrow]:after {
  border-bottom: 2.68vw solid #eaeaf4 !important;
  border-bottom: var(--space-size-10) solid var(--ion-color-custom-midgray) !important;
}
.sub-cm-text {
  padding: 0 8.04vw;
  padding: 0 var(--space-size-30);
}
.contract-nav {
  display: flex;
  justify-content: space-between;
  margin: 4.02vw 0;
  margin: var(--space-size-15) 0;
}
.contract-nav .contract-nav-button {
  width: calc(33% - 2.68vw);
  width: calc(33% - var(--space-size-10));
  background: #ffffff;
  background: var(--ion-color-custom-white);
  border-radius: 4px;
}
.contract-nav .contract-nav-button .contract-nav-button-inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 5.36vw 0 1.34vw 0;
  padding: var(--space-size-20) 0 var(--space-size-5) 0;
  text-align: center;
  border-radius: 4px;
  cursor: pointer;
  border: 1px solid #003a77;
  border: 1px solid var(--ion-color-blue);
}
.contract-nav .contract-nav-button ion-icon {
  width: 10.72vw;
  width: var(--space-size-40);
  height: 12.06vw;
  height: var(--space-size-45);
}
.contract-nav .contract-nav-button .contract-nav-label {
  display: flex;
  align-items: center;
  height: 52px;
}
.contract-nav .contract-nav-button .contract-nav-label p {
  color: #003a77 !important;
  color: var(--ion-color-blue) !important;
}
.contract-nav .contract-nav-button-disabled {
  pointer-events: none;
}
.contract-nav .contract-nav-button-disabled .contract-nav-button-inner {
  cursor: auto;
  opacity: 0.4;
}
.text-link-disabled {
  cursor: default;
  pointer-events: none;
}
.refuse-check-result-disabled {
  cursor: auto !important;
  opacity: 0.4;
  pointer-events: none;
}
.continuation-guide {
  width: 100%;
  position: relative;
  margin: auto !important;
  display: flex;
  align-items: center;
  padding: 5.36vw 4.02vw !important;
  padding: var(--space-size-20) var(--space-size-15) !important;
  background-color: #ffffff !important;
  background-color: var(--ion-color-custom-white) !important;
}
.continuation-guide-icon {
  width: 3em;
  height: 3em;
}
.continuation-guide-border {
  --inner-padding-end: 0;
  --padding-start: 0;
  border-radius: 4px;
}
.continuation-guide-color {
  color: #003a77 !important;
  color: var(--ion-color-blue) !important;
}
.heading-lead {
  padding: 0 5.36vw;
  padding: 0 var(--space-size-20);
  margin: 8.04vw 0 5.36vw;
  margin: var(--space-size-30) 0 var(--space-size-20);
  color: #003a77;
  color: var(--ion-color-custom-dark-blue);
  text-align: center;
  font-weight: bold;
  font-size: calc(0.875em + 1.07vw);
  font-size: var(--font-size-large);
  line-height: 1.3;
  display: flex;
  justify-content: center;
  /* media query version */
}
@media screen and (min-width: 769px) {
  .heading-lead {
    padding-left: 0;
    padding-right: 0;
  }
}
@media screen and (max-width: 375px) {
  .heading-lead {
    font-size: 13px;
  }
}
.webtop-blue-background {
  margin-bottom: 25px !important;
  background: #003a77;
  background: var(--ion-color-blue);
  padding: 8px 16px;
  /* media query version */
}
@media screen and (min-width: 769px) {
  .webtop-blue-background {
    padding-left: 32px;
    padding-right: 32px;
  }
}
.webtop-blue-background .text-white-bold {
  color: #ffffff !important;
  color: var(--ion-color-custom-white) !important;
  font-weight: bold;
}
.webtop-blue-background span {
  font-size: 20px;
}
.webtop-blue-background-second {
  margin-top: 25px;
  margin-bottom: 0 !important;
  background: #003a77;
  background: var(--ion-color-blue);
  padding: 8px 16px;
  /* media query version */
}
@media screen and (min-width: 769px) {
  .webtop-blue-background-second {
    padding-left: 32px;
    padding-right: 32px;
  }
}
.webtop-blue-background-second .text-white-bold {
  color: #ffffff !important;
  color: var(--ion-color-custom-white) !important;
  font-weight: bold;
}
.webtop-blue-background-second span {
  font-size: 20px;
}
.text-small-span {
  font-size: 11px;
}
@media screen and (max-width: 830px) {
  .text-small-span {
    font-size: 7px;
  }
}
@media screen and (max-width: 830px) {
  .text-campaign {
    font-size: 11px !important;
  }
}
.ion-list-web-top {
  margin-top: 0 !important;
  margin-bottom: 24px !important;
  padding-bottom: 0;
}
.ion-icon-first-style {
  transform: rotateY(180deg);
}
.slides-div-style {
  display: flex;
}
.slides-div-style .slides-arrow-style {
  display: flex;
  align-items: center;
  margin-top: -20px;
  /* media query version */
}
@media screen and (min-width: 769px) {
  .slides-div-style .slides-arrow-style {
    display: none;
  }
}
@media screen and (min-width: 769px) {
  .ion-slides-style {
    display: flex;
    justify-content: center;
  }
}
.ion-slides-style .content-text {
  margin-bottom: 40px;
  width: 100%;
  cursor: pointer;
}
@media screen and (min-width: 769px) and (max-width: 800px) {
  .ion-slides-style .content-text {
    min-width: 314px;
  }
}
@media screen and (min-width: 801px) and (max-width: 830px) {
  .ion-slides-style .content-text {
    min-width: 330px;
  }
}
@media screen and (min-width: 831px) and (max-width: 860px) {
  .ion-slides-style .content-text {
    min-width: 344px;
  }
}
@media screen and (min-width: 861px) {
  .ion-slides-style .content-text {
    min-width: 359px;
  }
}
.ion-slides-style .content-text .image-box {
  justify-content: center;
  padding: 20px 20px 0;
  height: inherit;
}
.ion-slides-style .content-text .image-box picture > img {
  max-height: 167px;
  width: auto;
}
.ion-slides-style .content-text .heading-lead {
  margin-top: 10px;
}
.ion-slides-style .content-text .ion-icon-style {
  align-items: center;
  display: flex;
}
.ion-slides-style .content-text:hover {
  opacity: 0.7;
}
.ion-slides-style .swiper-pagination {
  /* media query version */
}
@media screen and (min-width: 769px) {
  .ion-slides-style .swiper-pagination {
    display: none;
  }
}
.web-top-page-wl1 a {
  text-decoration: none;
  cursor: pointer;
}
.web-top-page-wl1 a:hover {
  opacity: 0.75;
}
.web-top-page-wl1 .for-sp {
  display: inline-block;
  /* media query version */
}
@media screen and (min-width: 769px) {
  .web-top-page-wl1 .for-sp {
    display: none;
  }
}
.web-top-page-wl1 .for-pc {
  display: none !important;
  /* media query version */
}
@media screen and (min-width: 769px) {
  .web-top-page-wl1 .for-pc {
    display: inherit !important;
  }
}
.web-top-page-wl1 .text-small {
  font-size: 14px;
  margin: 0;
}
.web-top-page-wl1 .text-small-sp-small {
  margin: 0;
  font-size: 12px;
  /* media query version */
}
@media screen and (min-width: 769px) {
  .web-top-page-wl1 .text-small-sp-small {
    font-size: 14px;
  }
}
.web-top-page-wl1 .text-base-sp-small {
  font-weight: normal;
  font-size: 12px;
  /* media query version */
}
@media screen and (min-width: 769px) {
  .web-top-page-wl1 .text-base-sp-small {
    font-size: 16px;
  }
}
.web-top-page-wl1 .text-base-sp-extra-small {
  font-weight: normal;
  font-size: 10px;
  /* media query version */
}
@media screen and (min-width: 769px) {
  .web-top-page-wl1 .text-base-sp-extra-small {
    font-size: 16px;
  }
}
.web-top-page-wl1 .text-base-bold {
  font-weight: bold;
  font-size: 16px;
}
.web-top-page-wl1 .text-large-bold-sp-base {
  font-weight: bold;
  font-size: 16px;
  /* media query version */
}
@media screen and (min-width: 769px) {
  .web-top-page-wl1 .text-large-bold-sp-base {
    font-size: 20px;
  }
}
.web-top-page-wl1 .text-x-large-bold {
  font-weight: bold;
  font-size: 28px;
}
.web-top-page-wl1 .text-docomo-black {
  color: #3d3d3d !important;
}
.web-top-page-wl1 .text-white {
  color: #fff;
}
.web-top-page-wl1 .text-blue {
  color: #003a77 !important;
}
.web-top-page-wl1 .text-blue-link {
  color: #0099ff;
}
.web-top-page-wl1 .text-docomo-red {
  color: #a60000;
}
.web-top-page-wl1 .text-line-height-medium {
  line-height: 1.4;
}
.web-top-page-wl1 .border-edsp {
  border-color: #003a77;
}
.web-top-page-wl1 .border-docomo {
  border-color: #cc0133;
}
.web-top-page-wl1 .background-color-none {
  background-color: #999 !important;
}
.web-top-page-wl1 .background-color-edsp {
  background-color: #003a77 !important;
}
.web-top-page-wl1 .background-color-docomo {
  background-color: #cc0133 !important;
}
.web-top-page-wl1 .background-color-pink {
  background-color: #fcebec !important;
}
.web-top-page-wl1 .arrow {
  position: absolute;
  top: calc(50% - 14px);
  font-size: 28px;
  right: 0;
  color: #0099ff;
  /* media query version */
}
@media screen and (min-width: 769px) {
  .web-top-page-wl1 .arrow {
    right: 16px;
  }
}
.web-top-page-wl1 .arrow.arrow-red {
  color: #a60000;
}
.web-top-page-wl1 .arrow.arrow-important-notice {
  right: -40px;
  /* media query version */
}
@media screen and (min-width: 769px) {
  .web-top-page-wl1 .arrow.arrow-important-notice {
    right: -4px;
  }
}
.web-top-page-wl1 .arrow.arrow-notice-area {
  right: -16px;
  /* media query version */
}
@media screen and (min-width: 769px) {
  .web-top-page-wl1 .arrow.arrow-notice-area {
    right: 0;
  }
}
.web-top-page-wl1 .tab-height-large {
  height: 70px;
}
.web-top-page-wl1 .tab-height-small {
  height: 60px;
}
.web-top-page-wl1 .content-area {
  margin-bottom: 40px;
  /* media query version */
}
@media screen and (min-width: 769px) {
  .web-top-page-wl1 .content-area {
    padding: 24px 20px 0;
  }
}
.web-top-page-wl1 .content-area-box {
  margin: 0 auto;
  padding: 0 20px;
  box-sizing: border-box;
  width: 100%;
  /* media query version */
}
@media screen and (min-width: 769px) {
  .web-top-page-wl1 .content-area-box {
    padding-left: 0;
    padding-right: 0;
    max-width: 940px;
  }
}
.web-top-page-wl1 .content-area-box-appeal {
  margin: 24px auto 12px;
  text-align: center;
  line-height: 0;
}
.web-top-page-wl1 .content-area-box-docomo {
  margin: 24px 0;
  /* media query version */
}
@media screen and (min-width: 769px) {
  .web-top-page-wl1 .content-area-box-docomo {
    margin-top: 32px;
  }
}
.web-top-page-wl1 .important-notice {
  display: flex;
  flex-direction: column;
  position: relative;
  box-sizing: border-box;
  padding: 20px 40px 20px 20px;
  margin: 0 auto 24px;
  width: 100%;
  /* media query version */
}
@media screen and (min-width: 769px) {
  .web-top-page-wl1 .important-notice {
    padding-right: 20px;
    margin-bottom: 32px;
    max-width: 940px;
  }
}
.web-top-page-wl1 .important-notice-list-item {
  margin-top: 10px;
}
.web-top-page-wl1 .important-notice-list-item-link {
  position: relative;
  display: block;
}
.web-top-page-wl1 .user-information {
  margin-bottom: 16px;
  /* media query version */
}
@media screen and (min-width: 769px) {
  .web-top-page-wl1 .user-information {
    margin-bottom: 24px;
  }
}
.web-top-page-wl1 .user-information-name {
  font-weight: bold;
  font-size: 18px;
  /* media query version */
}
@media screen and (min-width: 769px) {
  .web-top-page-wl1 .user-information-name {
    font-size: 24px;
  }
}
.web-top-page-wl1 .user-information-name-small {
  font-weight: normal;
  font-size: 14px;
  /* media query version */
}
@media screen and (min-width: 769px) {
  .web-top-page-wl1 .user-information-name-small {
    font-size: 18px;
  }
}
.web-top-page-wl1 .menu-list-user-information {
  margin-bottom: 22px;
  /* media query version */
}
@media screen and (min-width: 769px) {
  .web-top-page-wl1 .menu-list-user-information {
    margin-bottom: 32px;
  }
}
.web-top-page-wl1 .menu-list-notice {
  margin-bottom: 32px;
  /* media query version */
}
@media screen and (min-width: 769px) {
  .web-top-page-wl1 .menu-list-notice {
    margin-bottom: 40px;
  }
}
.web-top-page-wl1 .menu-list-caution {
  margin-bottom: 16px;
}
.web-top-page-wl1 .menu-list {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.web-top-page-wl1 .menu-list-item {
  border: 1px solid #003a77;
  border-radius: 4px;
}
.web-top-page-wl1 .menu-list-item:nth-child(n+3) {
  /* media query version */
}
@media screen and (min-width: 769px) {
  .web-top-page-wl1 .menu-list-item:nth-child(n+3) {
    margin-top: 16px;
  }
}
.web-top-page-wl1 .menu-list-item-caution:nth-child(n+2) {
  /* media query version */
}
@media screen and (min-width: 769px) {
  .web-top-page-wl1 .menu-list-item-caution:nth-child(n+2) {
    margin-top: 16px;
  }
}
.web-top-page-wl1 .menu-list-item.note {
  border-color: #cc0100;
  background-color: #fcebec;
}
.web-top-page-wl1 .menu-list-item.note p.text-base-bold {
  color: #cc0100 !important;
}
.web-top-page-wl1 .menu-list-item-group01 {
  width: calc(50% - 8px);
}
.web-top-page-wl1 .menu-list-item.menu-list-item-notice {
  width: 100%;
  margin-bottom: 16px;
  /* media query version */
}
@media screen and (min-width: 769px) {
  .web-top-page-wl1 .menu-list-item.menu-list-item-notice {
    width: calc(50% - 8px);
    margin-bottom: 0;
  }
}
.web-top-page-wl1 .menu-list-item.menu-list-item-notice:last-child {
  margin-bottom: 0;
}
.web-top-page-wl1 .menu-list-item.menu-list-item-caution {
  width: 100%;
  margin-bottom: 16px;
  border: 3px solid #cc0100;
  background-color: #fcebec;
  /* media query version */
}
@media screen and (min-width: 769px) {
  .web-top-page-wl1 .menu-list-item.menu-list-item-caution {
    margin-bottom: 0;
  }
}
.web-top-page-wl1 .menu-list-item.menu-list-item-caution:last-child {
  margin-bottom: 0;
}
.web-top-page-wl1 .menu-list-item.menu-list-item-caution p.text-base-bold {
  color: #cc0100 !important;
}
.web-top-page-wl1 .menu-box {
  display: flex;
  align-items: center;
  position: relative;
  flex-direction: column;
  box-sizing: border-box;
  justify-content: flex-end;
  padding-top: 16px;
  padding-bottom: 16px;
  /* media query version */
}
@media screen and (min-width: 769px) {
  .web-top-page-wl1 .menu-box {
    justify-content: flex-start;
    flex-direction: row;
    padding-left: 16px;
    padding-right: 45px;
  }
}
.web-top-page-wl1 .menu-box.menu-box-notice {
  justify-content: flex-start;
  align-items: center;
  flex-direction: row;
  padding: 16px 50px 16px 16px;
}
.web-top-page-wl1 .menu-box.menu-box-notice .menu-box-image {
  margin: 0 21px 0 0;
  /* media query version */
}
@media screen and (min-width: 769px) {
  .web-top-page-wl1 .menu-box.menu-box-notice .menu-box-image {
    margin-right: 16px;
  }
}
.web-top-page-wl1 .menu-box.menu-box-caution {
  justify-content: flex-start;
  align-items: center;
  flex-direction: row;
  padding: 20px 50px 20px 27px;
  /* media query version */
}
@media screen and (min-width: 769px) {
  .web-top-page-wl1 .menu-box.menu-box-caution {
    padding-top: 32px;
    padding-bottom: 32px;
  }
}
.web-top-page-wl1 .menu-box.menu-box-caution .menu-box-image {
  margin: 0 21px 0 0;
}
.web-top-page-wl1 .menu-box-content-inner {
  display: flex;
  align-items: flex-start;
  /* media query version */
}
@media screen and (min-width: 769px) {
  .web-top-page-wl1 .menu-box-content-inner {
    margin-top: 12px;
  }
}
.web-top-page-wl1 .menu-box-content-inner-icon {
  margin-right: 8px;
}
.web-top-page-wl1 .menu-box-image {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 0;
  margin-bottom: 17px;
  flex-shrink: 0;
  /* media query version */
}
@media screen and (min-width: 769px) {
  .web-top-page-wl1 .menu-box-image {
    margin-right: 16px;
    margin-bottom: 0;
  }
}
.web-top-page-wl1 .menu-box-text-small {
  font-weight: normal;
  display: block;
  margin-top: 0;
  margin-bottom: 0;
}
.web-top-page-wl1 .notice-area {
  padding: 12px 16px 16px;
  border: 1px solid #cc0100;
  border-radius: 4px;
  margin-bottom: 24px;
  /* media query version */
}
@media screen and (min-width: 769px) {
  .web-top-page-wl1 .notice-area {
    margin-bottom: 38px;
  }
}
.web-top-page-wl1 .notice-area-heading {
  display: flex;
  align-items: center;
}
.web-top-page-wl1 .notice-area-icon {
  margin-right: 8px;
}
.web-top-page-wl1 .notice-area-list-item {
  position: relative;
  list-style: disc;
  margin-left: 20px;
  padding: 16px 0;
  border-bottom: 1px solid #cc0100;
}
.web-top-page-wl1 .notice-area-list-item:last-child {
  padding-bottom: 0;
  border-bottom: 0;
}
.web-top-page-wl1 .procedure-menu {
  border-radius: 8px 8px 0 0;
}
.web-top-page-wl1 .procedure-menu-inner {
  border-width: 2px;
  border-style: solid;
  border-radius: 0 0 4px 4px;
  padding: 16px 20px 35px;
  /* media query version */
}
@media screen and (min-width: 769px) {
  .web-top-page-wl1 .procedure-menu-inner {
    padding: 26px 32px 40px;
  }
}
.web-top-page-wl1 .procedure-menu-inner-docomo {
  background-color: #f7f5f3;
  border-color: #cc0133;
}
.web-top-page-wl1 .procedure-menu-inner-edsp {
  background-color: #fff;
  border-color: #003a77;
}
.web-top-page-wl1 .procedure-menu-inner-heading {
  margin-bottom: 16px;
  text-align: center;
  line-height: 1.25;
}
.web-top-page-wl1 .procedure-menu-heading-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
.web-top-page-wl1 .procedure-menu-multiple {
  display: flex;
  justify-content: center;
  align-items: center;
  width: calc(50% - 4px);
  background-color: #999;
  border-radius: 8px 8px 0 0;
}
.web-top-page-wl1 .procedure-menu-heading {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px 8px 0 0;
}
.web-top-page-wl1 .procedure-menu-heading-text {
  color: #fff;
  text-align: center;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.1;
}
.web-top-page-wl1 .procedure-menu-list {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  margin-bottom: 16px;
  /* media query version */
}
@media screen and (min-width: 769px) {
  .web-top-page-wl1 .procedure-menu-list {
    margin-bottom: 24px;
  }
}
.web-top-page-wl1 .procedure-menu-list-item {
  display: flex;
  justify-content: center;
  flex-direction: column;
  border-width: 1px;
  border-style: solid;
  box-sizing: border-box;
  border-radius: 4px;
  width: calc(50% - 4px);
  padding-top: 10px;
  padding-bottom: 10px;
  background-color: #fff;
  /* media query version */
}
@media screen and (min-width: 769px) {
  .web-top-page-wl1 .procedure-menu-list-item {
    width: calc(50% - 8px);
    padding-top: 16px;
    padding-bottom: 16px;
  }
}
.web-top-page-wl1 .procedure-menu-list-item:nth-of-type(2n + 1) {
  margin-right: 4px;
  /* media query version */
}
@media screen and (min-width: 769px) {
  .web-top-page-wl1 .procedure-menu-list-item:nth-of-type(2n + 1) {
    margin-right: 8px;
  }
}
.web-top-page-wl1 .procedure-menu-list-item:nth-of-type(2n + 2) {
  margin-left: 4px;
  /* media query version */
}
@media screen and (min-width: 769px) {
  .web-top-page-wl1 .procedure-menu-list-item:nth-of-type(2n + 2) {
    margin-left: 8px;
  }
}
.web-top-page-wl1 .procedure-menu-list-item:last-child {
  margin-left: 0;
  margin-right: 0;
}
.web-top-page-wl1 .procedure-menu-list-item:nth-child(n+3) {
  margin-top: 8px;
  /* media query version */
}
@media screen and (min-width: 769px) {
  .web-top-page-wl1 .procedure-menu-list-item:nth-child(n+3) {
    margin-top: auto;
  }
}
.web-top-page-wl1 .procedure-menu-list-item:nth-child(n+4) {
  /* media query version */
}
@media screen and (min-width: 769px) {
  .web-top-page-wl1 .procedure-menu-list-item:nth-child(n+4) {
    margin-top: 16px;
  }
}
.web-top-page-wl1 .procedure-menu-box {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  flex-direction: column;
  box-sizing: border-box;
  /* media query version */
}
@media screen and (min-width: 769px) {
  .web-top-page-wl1 .procedure-menu-box {
    height: 90px;
  }
}
.web-top-page-wl1 .procedure-menu-box-image {
  margin-bottom: 9px;
}
.web-top-page-wl1 .procedure-menu-box-text {
  text-align: center;
  font-weight: 600;
  line-height: 1;
  font-size: 12px;
  color: #003a77;
  /* media query version */
}
@media screen and (min-width: 769px) {
  .web-top-page-wl1 .procedure-menu-box-text {
    font-size: 16px;
  }
}
.web-top-page-wl1 .procedure-menu-box-text-small {
  display: inline-block;
  margin-top: 4px;
}
.web-top-page-wl1 .procedure-menu-recommend {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  border: 1px solid #003a77;
  box-sizing: border-box;
  border-radius: 4px;
  margin-bottom: 32px;
  padding: 16px 0;
  /* media query version */
}
@media screen and (min-width: 769px) {
  .web-top-page-wl1 .procedure-menu-recommend {
    padding: 11px 0;
    margin-bottom: 24px;
  }
}
.web-top-page-wl1 .procedure-menu-recommend-title {
  color: #003a77;
  font-size: 14px;
  font-weight: 600;
  line-height: 1;
  margin-bottom: 16px;
  /* media query version */
}
@media screen and (min-width: 769px) {
  .web-top-page-wl1 .procedure-menu-recommend-title {
    font-size: 20px;
  }
}
.web-top-page-wl1 .procedure-menu-recommend-text {
  margin-bottom: 16px;
  /* media query version */
}
@media screen and (min-width: 769px) {
  .web-top-page-wl1 .procedure-menu-recommend-text {
    margin-bottom: 24px;
  }
}
.web-top-page-wl1 .procedure-menu-recommend-image {
  /* media query version */
}
@media screen and (min-width: 769px) {
  .web-top-page-wl1 .procedure-menu-recommend-image {
    height: auto;
  }
}
.web-top-page-wl1 .procedure-menu-immediate-list {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}
.web-top-page-wl1 .procedure-menu-immediate-list-item {
  margin: 0 auto 16px;
  max-width: 460px;
  line-height: 0;
  /* media query version */
}
.web-top-page-wl1 .procedure-menu-immediate-list-item:last-child {
  margin-bottom: 0;
}
@media screen and (min-width: 769px) {
  .web-top-page-wl1 .procedure-menu-immediate-list-item {
    max-width: 800px;
  }
}
.web-top-page-wl1 .procedure-menu-immediate-list-item picture > img {
  width: 100%;
}
.web-top-page-wl1 .swiper-pagination-hidden .swiper-pagination {
  display: none;
}
.web-top-page-wl1 .car-plate-single {
  background-color: inherit !important;
  border: 1px solid #d8d8d8;
}
.web-top-page-wl1 .car-plate-single .car-plate-name {
  background-color: #fff;
}
.web-top-page-wl1 .car-plate-single .car-plate-name ion-icon {
  width: 15px;
  height: 15px;
  margin-right: 8px;
}
.web-top-page-wl1 .car-plate-number {
  background-color: #f7f5f5;
  border-top: 1px solid #d8d8d8;
}
.web-top-page-wl1 .car-plate-number p {
  color: #111;
}
.web-top-page-wl1 .swiper-slide:hover {
  opacity: 0.75;
}
.web-top-page-wl1 .swiper-slide {
  transform: scale(0.8);
  transition: 0.8s;
  /* media query version */
}
@media screen and (min-width: 769px) {
  .web-top-page-wl1 .swiper-slide {
    transform: scale(1);
    transition: none;
  }
}
.web-top-page-wl1 .swiper-slide img {
  height: auto;
  width: 100%;
}
.web-top-page-wl1 .swiper-slide-active,
.web-top-page-wl1 .swiper-slide-length2 {
  transform: scale(1);
  z-index: 1;
}
.web-top-page-wl1 .swiper-slide-active .car-plate-number p,
.web-top-page-wl1 .swiper-slide-length2 .car-plate-number p {
  color: #fff;
}
.web-top-page-wl1 .swiper-slide-active .car-plate-number-edsp,
.web-top-page-wl1 .swiper-slide-length2 .car-plate-number-edsp {
  border-top: 1px solid #27a69a;
  background-color: #27a69a;
}
.web-top-page-wl1 .swiper-slide-active .car-plate-number-docomo,
.web-top-page-wl1 .swiper-slide-length2 .car-plate-number-docomo {
  border-top: 1px solid #cc0133;
  background-color: #cc0133;
}
.web-top-page-wl1 .swiper-slide-active .car-plate-single-border-edsp,
.web-top-page-wl1 .swiper-slide-length2 .car-plate-single-border-edsp {
  border: 1px solid #27a69a;
}
.web-top-page-wl1 .swiper-slide-active .car-plate-single-border-docomo,
.web-top-page-wl1 .swiper-slide-length2 .car-plate-single-border-docomo {
  border: 1px solid #cc0133;
}
.web-top-page-wl1 .swiper-button-prev,
.web-top-page-wl1 .swiper-button-next {
  display: block;
  top: inherit;
  bottom: -4px;
  border: 1px solid;
  border-radius: 4px;
  background-size: 10px;
  height: 30px;
  width: 30px;
}
.web-top-page-wl1 .swiper-pagination-bullet {
  width: 5px;
  height: 5px;
}
.web-top-page-wl1 .car-plate-multiple-docomo .swiper-button-prev,
.web-top-page-wl1 .car-plate-multiple-docomo .swiper-button-next {
  border-color: #cc0000;
}
.web-top-page-wl1 .car-plate-multiple-docomo .swiper-button-prev {
  background: url('slider-arrow-left-docomo.b22ef1f85c21e52c7408.svg') no-repeat #fff 50% 50%;
}
.web-top-page-wl1 .car-plate-multiple-docomo .swiper-button-next {
  background: url('slider-arrow-right-docomo.ffd019888a8bcd63df4f.svg') no-repeat #fff 50% 50%;
}
.web-top-page-wl1 .car-plate-multiple-edsp .swiper-button-prev,
.web-top-page-wl1 .car-plate-multiple-edsp .swiper-button-next {
  border-color: #003a77;
}
.web-top-page-wl1 .car-plate-multiple-edsp .swiper-button-prev {
  background: url('slider-arrow-left-edsp.c7e3c4aa35baeb84d981.svg') no-repeat 50% 50%;
}
.web-top-page-wl1 .car-plate-multiple-edsp .swiper-button-next {
  background: url('slider-arrow-right-edsp.1958b67d42379b223dda.svg') no-repeat 50% 50%;
}
.web-top-page-wl1 .swiper-button-prev {
  left: calc(50% - 80px);
}
.web-top-page-wl1 .swiper-button-next {
  right: calc(50% - 80px);
}
.web-top-page-wl1 .car-plate-multiple {
  position: relative;
  margin-bottom: 30px;
}
.web-top-page-wl1 .car-plate-multiple .car-plate-single {
  max-width: 160px;
  /* media query version */
}
@media screen and (min-width: 769px) {
  .web-top-page-wl1 .car-plate-multiple .car-plate-single {
    max-width: 280px;
  }
}
.web-top-page-wl1 .car-plate-multiple .car-plate-single-large {
  max-width: 200px;
  /* media query version */
}
@media screen and (min-width: 769px) {
  .web-top-page-wl1 .car-plate-multiple .car-plate-single-large {
    max-width: 280px;
  }
}
.web-top-page-wl1 .car-plate-multiple.car-plate-multiple-edsp ion-slides {
  --bullet-background-active: #003a77;
}
.web-top-page-wl1 .car-plate-multiple.car-plate-multiple-docomo ion-slides {
  --bullet-background-active: #cc0000;
}
.web-top-page-wl1 .appeal-content {
  display: block;
  width: 100%;
  max-width: 460px;
  margin: 0 auto 24px;
  /* media query version */
}
@media screen and (min-width: 769px) {
  .web-top-page-wl1 .appeal-content {
    max-width: 800px;
  }
}
.web-top-page-wl1 .web-top-cm-btn-icon {
  width: 100%;
  max-width: 180px;
  padding-left: 6px;
  padding-right: 12px;
}
.web-top-page-wl1 .web-top-cm-btn-icon img {
  width: 100%;
}
#product-information-label-ande {
  background: #003a77;
  background: var(--ion-color-custom-dark-blue);
  color: #ffffff;
  color: var(--ion-color-custom-white);
  border: 1px solid #003a77;
  border: 1px solid var(--ion-color-custom-dark-blue);
  width: 130px;
  white-space: nowrap;
}
#product-information-label-docomo {
  background: #cc0000;
  background: var(--ion-color-custom-red);
  color: #ffffff;
  color: var(--ion-color-custom-white);
  border: 1px solid #cc0000;
  border: 1px solid var(--ion-color-custom-red);
  width: 130px;
  white-space: nowrap;
}
/*
 * Static Page
 * ----------------------------------------------------------------------------
 *
 */
.static-page {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 20006;
}
.static-page-dialog {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.static-page .modal-top-close-button {
  padding: 1px 6px;
  color: #ffffff;
  color: var(--ion-color-custom-white);
  font-size: calc(5.36vw + 1.34vw);
  font-size: calc(var(--space-size-20) + var(--space-size-5));
  background: none;
  position: absolute;
  top: 0;
  right: calc(2.68vw * -1);
  right: calc(var(--space-size-10) * -1);
  bottom: auto;
  left: auto;
}
.static-page-content {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin-top: 8.04vw;
  margin-top: var(--space-size-30);
  margin-bottom: 8.04vw;
  margin-bottom: var(--space-size-30);
  background-color: #fff;
}
.p-customer-plan {
  color: #003a77;
  color: var(--ion-color-blue);
  text-align: center;
}
.span-margin-add {
  margin-top: 35px;
}
.div-recommend-message-transition {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0px 0 5px 4px;
  background: #faf7f1;
}
.div-recommend-message-transition .div-recommend-message-detail-transition {
  flex-basis: 0;
  flex-grow: 10;
  flex-shrink: 1;
  padding: 8px;
  background-color: white;
  border-radius: 4px;
}
.div-recommend-message-transition p {
  margin-bottom: 20px !important;
  line-height: 16px;
}
.div-recommend-message-transition p-recommend-message-line-height {
  line-height: 2px;
}
.div-recommend-message-transition .div-recommend-message-link-transition {
  margin-top: 0px !important;
}
.div-recommend-message-transition .div-recommend-message-img-transition {
  width: 44px;
}
.div-recommend-message-transition .div-recommend-message-img-transition img {
  display: block;
  width: 42px;
  height: auto;
  margin: 0 auto;
  margin-left: 0px;
  padding: 0;
}
.div-recommend-message {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0px 0 5px 4px;
  background: #faf7f1;
}
.div-recommend-message p {
  flex-basis: 0;
  flex-grow: 10;
  flex-shrink: 1;
  padding: 8px;
  line-height: 16px;
  text-align: left;
  background-color: white;
  border-radius: 4px;
}
.div-recommend-message div {
  width: 44px;
}
.div-recommend-message div img {
  display: block;
  width: 42px;
  height: auto;
  margin: 0 auto;
  margin-left: 0px;
  padding: 0;
}
.div-pay-detail {
  margin-top: -15px !important;
}
.div-pay-detail .div-pay-detail-coverage {
  margin-top: 0 !important;
  padding-top: 15px !important;
}
.div-pay-detail .div-pay-detail-coverage div #div2-style {
  justify-content: flex-start;
}
.div-pay-detail .div-pay-detail-coverage div > img {
  display: block;
  width: 55px;
  max-width: 100%;
  height: 55px;
  margin-right: 10px;
  padding: 0;
}
.div-pay-detail .div-pay-detail-coverage div a ion-icon {
  width: calc(5.36vw + 4px);
  width: calc(var(--space-size-20) + 4px);
  height: calc(5.36vw + 4px);
  height: calc(var(--space-size-20) + 4px);
  padding-top: 1px;
  vertical-align: middle;
  fill: #c6a465;
  fill: var(--ion-form-icon-color);
}
.div-pay-detail .div-pay-detail-coverage .amount-span {
  padding-top: 10px;
}
#dl-style dt {
  width: 55%;
}
#dd1-style {
  width: 14%;
  background: none;
}
#dd1-style div {
  margin: 0 !important;
  padding-right: 0;
  padding-left: 7px;
}
#dd1-style div ion-button {
  margin: 0;
}
#dd1-style div ion-button ion-text {
  white-space: nowrap;
}
#dd2-style {
  width: 31%;
  margin: 0 !important;
  padding-top: 6.581px;
  padding-right: 0;
  padding-bottom: 6.581px;
}
#dd2-style div {
  padding-left: 8px;
}
#dd2-style div ion-button {
  --border-width: 2px;
  overflow: hidden;
  background: #003a77;
  border-radius: 5px;
}
#dd2-style div ion-button ion-text {
  color: white;
  white-space: nowrap;
}
.main-service-list1 {
  margin-top: 20px !important;
  margin-bottom: 15px;
}
.main-service-list1 ion-item-group ion-item-divider {
  height: 35px !important;
  margin-top: 0px !important;
  padding-top: 0px;
  padding-bottom: 1px;
  padding-left: 0 !important;
  border: 0 !important;
}
.main-service-list1 ion-item-group ion-item-divider > ion-text {
  margin-top: 25px;
  margin-bottom: 15px !important;
}
.main-service-list1 ion-item-group ion-item-divider ion-icon {
  margin-top: 0px;
  margin-bottom: 15px;
}
.main-service-list1 ion-item-group .main-service-list1-hr1 {
  margin-top: 0px;
  margin-bottom: 0px;
}
.main-service-list1 dl {
  padding: 0 0 15px 0 !important;
  padding-bottom: 0px !important;
  border: 0 !important;
}
.main-service-list1 dl .div-first-line {
  padding-top: 15px;
  text-align: center;
}
.main-service-list1 dl .div-first-line img {
  border-radius: 4px;
  box-shadow: 0px 0px 0px 1px #003a77;
}
.main-service-list1 dl .div-second-line {
  padding-top: 15px;
  text-align: center;
}
.main-service-list1 dl .div-second-line img {
  border-radius: 4px;
  box-shadow: 0px 0px 0px 1px #003a77;
}
.main-service-list1 dl > div {
  display: flex;
}
.main-service-list1 dl > div > div {
  position: relative;
  flex: 1;
}
.main-service-list1 dl > div > div p {
  font-size: 14px;
  line-height: 16px;
  text-align: center;
}
.main-service-list1 dl > div .service-item {
  margin: 0 15px;
}
.main-service-list1 dl > div .service-item-right {
  margin-right: 1px;
}
.main-service-list1 dl > div .service-item-left {
  margin-left: 1px;
}
.main-service-list1 dl .main-service-list1-hr2 {
  margin-top: 15px;
  margin-bottom: 0px;
}
.main-service-list2 {
  margin-top: 25px !important;
}
.main-service-list2 ion-item-group ion-item-divider {
  margin-top: 0px !important;
  padding-top: 0px;
  padding-bottom: 1px;
  padding-left: 0 !important;
  border: 0 !important;
}
.main-service-list2 ion-item-group ion-item-divider > ion-text {
  margin-top: 25px;
  margin-bottom: 15px !important;
}
.main-service-list2 ion-item-group ion-item-divider > ion-text > a ion-icon {
  width: calc(5.36vw + 4px);
  width: calc(var(--space-size-20) + 4px);
  height: calc(5.36vw + 4px);
  height: calc(var(--space-size-20) + 4px);
  padding-bottom: 1px;
  vertical-align: middle;
  fill: #c6a465;
  fill: var(--ion-form-icon-color);
}
.main-service-list2 ion-item-group ion-item-divider .icon-accordion {
  margin-top: 0px;
  margin-bottom: 15px !important;
}
.main-service-list2 ion-item-group .main-service-list2-hr1 {
  margin-top: 0px;
  margin-bottom: 0px;
}
.main-service-list2 dl {
  padding: 0 0 15px 0 !important;
  border: 0 !important;
}
.main-service-list2 dl .div-first-line {
  padding-top: 15px;
  text-align: center;
}
.main-service-list2 dl .div-first-line img {
  border-radius: 4px;
  box-shadow: 0px 0px 0px 1px #003a77;
}
.main-service-list2 dl .div-second-line {
  padding-top: 15px;
  text-align: center;
}
.main-service-list2 dl .div-second-line img {
  border-radius: 4px;
  box-shadow: 0px 0px 0px 1px #003a77;
}
.main-service-list2 dl > div {
  display: flex;
}
.main-service-list2 dl > div > div {
  position: relative;
  flex: 1;
}
.main-service-list2 dl > div > div p {
  font-size: 14px;
  line-height: 16px;
  text-align: center;
}
.main-service-list2 dl > div .service-item {
  margin: 0 15px;
}
.main-service-list2 dl > div .service-item-right {
  margin-right: 1px;
}
.main-service-list2 dl > div .service-item-left {
  margin-left: 1px;
}
.point-msg {
  margin-top: 15px !important;
  background: #f9f7f2 0% 0% no-repeat padding-box;
  border-radius: 4px;
  box-shadow: 0px 0px 0px 1px #dcd2be;
}
.point-msg ion-item-group {
  /** header */
  /** body */
}
.point-msg ion-item-group ion-item-divider {
  padding-top: 0px;
  padding-bottom: 2px;
  background-color: #faf7f1;
  border: 0 !important;
}
.point-msg ion-item-group ion-item-divider ion-text {
  width: 100%;
  text-align: center;
}
.point-msg ion-item-group ion-item-divider ion-text .point-msg-title-span1 {
  top: 1148px;
  left: 130px;
  width: 106px;
  height: 14px;
  color: #c0a56d;
  font: normal normal normal 10px/16px Hiragino Sans;
  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;
  letter-spacing: 0px;
  text-align: center;
  opacity: 1;
}
.point-msg ion-item-group ion-item-divider ion-text .point-msg-title-span2 {
  top: 1164px;
  left: 97px;
  width: 181px;
  height: 19px;
  color: #111111;
  font: normal normal normal 14px/19px Hiragino Sans;
  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;
  letter-spacing: 0px;
  text-align: center;
  opacity: 1;
}
.point-msg ion-item-group ion-item-divider ion-icon {
  width: 24px;
  height: 24px;
  margin-top: 11px;
  margin-right: 8px;
  color: #c6a465;
}
.point-msg ion-item-group ion-list {
  padding-top: 0px;
  padding-bottom: 0px;
  background: none;
}
.point-msg ion-item-group ion-list dl {
  padding-top: 9px;
  padding-bottom: 0px;
  padding-left: 11px;
  border-top-color: #dcd2be;
  border-top-width: 1px;
  border-top-style: solid;
  border-bottom-width: 0px;
}
.point-msg ion-item-group ion-list dl .point-div {
  display: flex;
}
.point-msg ion-item-group ion-list dl .point-div .point-number-message {
  position: relative;
  flex: 1;
  padding-bottom: 7px;
}
.point-msg ion-item-group ion-list dl .point-div .point-number-message .point-message {
  top: 0px;
  left: 144px;
  width: 6px;
  height: 16px;
  color: #111111;
  font: normal normal normal 12px/16px Hiragino Sans;
  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;
  letter-spacing: 0px;
  text-align: left;
}
.point-msg ion-item-group ion-list dl .point-div .point-number-message .point-message span {
  top: 16px;
  left: 65px;
  width: 155px;
  height: 16px;
  color: #063b79;
  font: normal normal normal 12px/16px Hiragino Sans;
  font-weight: bold;
  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;
  letter-spacing: 0px;
  text-align: left;
}
.point-msg ion-item-group ion-list dl .point-div .point-number-message .point-number {
  top: 1381px;
  left: 24px;
  height: 18px;
  margin-bottom: 7px;
  background: #c0a56d 0% 0% no-repeat padding-box;
  border-radius: 2px;
  opacity: 1;
}
.point-msg ion-item-group ion-list dl .point-div .point-number-message .point-number span {
  top: 1384px;
  left: 34px;
  display: table-cell;
  width: 56px;
  height: 13px;
  padding-top: 3px;
  padding-left: 11px;
  color: #ffffff;
  font: normal normal bold 10px/13px Montserrat;
  letter-spacing: 0px;
  text-align: left;
  opacity: 1;
}
.point-msg ion-item-group ion-list dl .point-div .point-number-message .point-message-div {
  line-height: 16px;
}
.point-msg ion-item-group ion-list dl .point-div .img001 {
  padding: 0 9px 0 10px;
}
.app-page.official-approximation-result {
  display: block;
  background: #fff;
}
.app-page.official-approximation-result .app-page-content {
  width: 100%;
  max-width: 100%;
  /* media query version */
}
@media screen and (min-width: 769px) {
  .app-page.official-approximation-result .app-page-content {
    max-width: 980px;
    margin: 0 auto;
  }
}
.official-approximation-result .content-box {
  padding: 0 20px;
}
.official-approximation-result ul.tab-button {
  display: flex;
  justify-content: space-between;
  margin-top: 14.74vw;
  margin-top: var(--space-size-55);
  /* media query version */
}
@media screen and (min-width: 769px) {
  .official-approximation-result ul.tab-button {
    display: none;
  }
}
.official-approximation-result ul.tab-button li {
  display: flex;
  flex-direction: column;
  width: 49.5%;
  min-height: 78px;
  margin-top: auto;
  background: #eeeeee;
  border: 2px solid #d8d8d8;
  border-bottom: none;
  border-radius: 10px 10px 0 0;
}
.official-approximation-result ul.tab-button li.current {
  background: #28a69a;
  background: var(--ion-color-custom-dark-green);
  border-color: #28a69a;
  border-color: var(--ion-color-custom-dark-green);
}
.official-approximation-result ul.tab-button li.current .tab-inner {
  color: #fff;
}
.official-approximation-result ul.tab-button li.current .tab-inner .img {
  position: absolute;
  top: 0;
  left: 50%;
  display: block;
  transform: translate(-50%, -24px);
}
.official-approximation-result ul.tab-button li.current .tab-inner h2 {
  padding-top: 38px;
}
.official-approximation-result ul.tab-button li.isOnePlan {
  width: 100%;
  min-height: 20px;
}
.official-approximation-result ul.tab-button li .tab-inner {
  position: relative;
  display: flex;
  flex-direction: column;
  margin-top: auto;
  padding: 0 12px 18px;
  color: #13a0ff;
  line-height: 1;
  text-align: center;
}
.official-approximation-result ul.tab-button li .tab-inner .img {
  display: none;
}
.official-approximation-result ul.tab-button li .tab-inner h2 {
  padding-top: 10px;
  font-weight: bold;
  font-size: 14px;
}
.official-approximation-result ul.tab-button li .tab-inner .total-price {
  font-weight: bold;
  font-size: 20px;
  letter-spacing: 0.5px;
}
.official-approximation-result ul.tab-button li .tab-inner .total-yen {
  font-weight: bold;
  font-size: 16px;
}
.official-approximation-result .tab-content {
  box-sizing: border-box;
  width: 100%;
  margin: 0 auto;
  border: 2px solid #28a69a;
  border: 2px solid var(--ion-color-custom-dark-green);
  /* media query version */
}
@media screen and (min-width: 769px) {
  .official-approximation-result .tab-content {
    margin-top: 14.74vw;
    margin-top: var(--space-size-55);
    border: none;
  }
}
.official-approximation-result .tab-content .table .tr {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
.official-approximation-result .tab-content .table .tr .th {
  width: 100%;
  font-weight: bold;
  /* media query version */
}
.official-approximation-result .tab-content .table .tr .th .inner {
  padding: 16px 0 16px 16px;
  /* media query version */
}
@media screen and (min-width: 769px) {
  .official-approximation-result .tab-content .table .tr .th .inner {
    padding: 16px;
  }
}
.official-approximation-result .tab-content .table .tr .th .inner ion-icon {
  margin-left: 0.2em;
}
@media screen and (min-width: 769px) {
  .official-approximation-result .tab-content .table .tr .th {
    display: flex;
    align-items: center;
    box-sizing: border-box;
    width: 34%;
    border-right: 2px solid #d8d8d8;
    border-bottom: 2px solid #d8d8d8;
    border-left: 2px solid #d8d8d8;
  }
}
.official-approximation-result .tab-content .table .tr .td {
  position: relative;
  display: none;
  align-items: center;
  justify-content: flex-end;
  width: 100%;
  vertical-align: bottom;
  /* media query version */
}
.official-approximation-result .tab-content .table .tr .td .inner {
  padding: 16px 16px 16px 0;
  /* media query version */
}
@media screen and (min-width: 769px) {
  .official-approximation-result .tab-content .table .tr .td .inner {
    padding: 16px;
  }
}
.official-approximation-result .tab-content .table .tr .td .inner p {
  text-align: right;
}
.official-approximation-result .tab-content .table .tr .td.current {
  display: flex;
}
.official-approximation-result .tab-content .table .tr .td.isOnePlan {
  /* media query version */
}
@media screen and (min-width: 769px) {
  .official-approximation-result .tab-content .table .tr .td.isOnePlan {
    width: 66% !important;
  }
}
@media screen and (min-width: 769px) {
  .official-approximation-result .tab-content .table .tr .td {
    display: flex;
    box-sizing: border-box;
    width: 33%;
    border-right: 2px solid #d8d8d8;
    border-bottom: 2px solid #d8d8d8;
  }
}
.official-approximation-result .tab-content .table .tr .td span {
  display: inline-block;
}
.official-approximation-result .tab-content .table .tr .td span.price {
  margin-right: 3px;
  vertical-align: bottom;
}
.official-approximation-result .tab-content .table .tr .td span.yen {
  vertical-align: bottom;
}
.official-approximation-result .tab-content .table .tr .ul-label li {
  display: inline-block;
  margin-right: 10px;
  margin-bottom: 5px;
  padding: 2px 4px 0px 8px;
  font-weight: normal;
  border-radius: 6px;
}
.official-approximation-result .tab-content .table .tr .ul-label li.label-red {
  color: #f00;
  background: #fff;
}
.official-approximation-result .tab-content .table .tr .ul-label li icon-icon {
  margin-left: 5px;
  cursor: pointer;
}
.official-approximation-result .tab-content .table .tr.tr-01 .th {
  display: none;
  /* media query version */
}
@media screen and (min-width: 769px) {
  .official-approximation-result .tab-content .table .tr.tr-01 .th {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    border-left: 0;
  }
  .official-approximation-result .tab-content .table .tr.tr-01 .th img {
    width: 90%;
    height: auto;
  }
}
.official-approximation-result .tab-content .table .tr.tr-01 .td {
  display: none;
  /* media query version */
}
.official-approximation-result .tab-content .table .tr.tr-01 .td.current {
  display: flex;
  flex-flow: column;
}
@media screen and (min-width: 769px) {
  .official-approximation-result .tab-content .table .tr.tr-01 .td {
    display: flex;
    flex-flow: column;
  }
}
.official-approximation-result .tab-content .table .tr.tr-01 .td .box-hd {
  display: none;
  /* media query version */
}
@media screen and (min-width: 769px) {
  .official-approximation-result .tab-content .table .tr.tr-01 .td .box-hd {
    display: block;
    width: 100%;
    padding: 16px 0;
    background: #28a69a;
    background: var(--ion-color-custom-dark-green);
  }
}
.official-approximation-result .tab-content .table .tr.tr-01 .td .box-hd h2 {
  padding: 0 16px;
  color: #fff;
  font-weight: bold;
  font-size: 24px;
  line-height: 1;
  white-space: nowrap;
}
.official-approximation-result .tab-content .table .tr.tr-01 .td .box-text {
  min-width: 100%;
  padding: 16px 16px 0;
  text-align: center;
  /* media query version */
}
@media screen and (min-width: 769px) {
  .official-approximation-result .tab-content .table .tr.tr-01 .td .box-text {
    text-align: left;
  }
}
.official-approximation-result .tab-content .table .tr.tr-01 .td .box-message {
  width: 100%;
  padding: 0 16px;
}
.official-approximation-result .tab-content .table .tr.tr-01 .td .box-price {
  padding: 16px;
  text-align: center;
  /* media query version */
}
@media screen and (min-width: 769px) {
  .official-approximation-result .tab-content .table .tr.tr-01 .td .box-price {
    display: none;
  }
}
.official-approximation-result .tab-content .table .tr.tr-01 .td .box-price .dt-01 {
  font-weight: bold;
}
.official-approximation-result .tab-content .table .tr.tr-01 .td .box-price .dd-01 {
  padding: 4px 0 8px;
}
.official-approximation-result .tab-content .table .tr.tr-01 .td .box-price span {
  line-height: 1;
}
.official-approximation-result .tab-content .table .tr.tr-01 .td .box-price .total-price {
  color: #28a69a;
  color: var(--ion-color-custom-dark-green);
  font-weight: bold;
  font-size: 40px;
  letter-spacing: 2px;
}
.official-approximation-result .tab-content .table .tr.tr-01 .td .box-price .total-yen {
  color: #28a69a;
  color: var(--ion-color-custom-dark-green);
  font-weight: bold;
}
.official-approximation-result .tab-content .table .tr.tr-01 .td .box-price .split-price {
  margin-left: 5px;
  color: #28a69a;
  color: var(--ion-color-custom-dark-green);
  font-weight: bold;
}
.official-approximation-result .tab-content .table .tr.tr-01 .td .box-price .split-yen {
  margin-right: 5px;
  color: #28a69a;
  color: var(--ion-color-custom-dark-green);
  font-weight: bold;
}
.official-approximation-result .tab-content .table .tr.tr-01 .td .box-price .text-01 {
  font-weight: bold;
}
.official-approximation-result .tab-content .table .tr.tr-01 .td .box-btn {
  width: 100%;
  margin-top: auto;
}
.official-approximation-result .tab-content .table .tr.tr-01 .td .box-btn ul {
  padding: 8px 16px 16px;
}
.official-approximation-result .tab-content .table .tr.tr-01 .td .box-btn ul li {
  width: 100%;
  margin: 8px auto 0;
}
.official-approximation-result .tab-content .table .tr.tr-02 .th {
  border-top: 2px solid #d8d8d8;
  border-bottom: 2px solid #d8d8d8;
  /* media query version */
}
@media screen and (min-width: 769px) {
  .official-approximation-result .tab-content .table .tr.tr-02 .th {
    padding: 12px 0;
    background: #eee;
    border-top: none;
    border-bottom: 1px solid #d8d8d8;
  }
}
.official-approximation-result .tab-content .table .tr.tr-02 .th .inner {
  padding: 0;
  text-align: center;
  /* media query version */
}
@media screen and (min-width: 769px) {
  .official-approximation-result .tab-content .table .tr.tr-02 .th .inner {
    display: flex;
    flex-flow: column;
    justify-content: space-between;
    height: 100%;
    padding: 12px 16px;
    text-align: left;
  }
}
.official-approximation-result .tab-content .table .tr.tr-02 .th .inner .p-01 {
  padding: 16px 0;
  /* media query version */
}
@media screen and (min-width: 769px) {
  .official-approximation-result .tab-content .table .tr.tr-02 .th .inner .p-01 {
    padding: 0;
  }
}
.official-approximation-result .tab-content .table .tr.tr-02 .th .inner span {
  line-height: 1;
}
.official-approximation-result .tab-content .table .tr.tr-02 .th .inner .span-02 {
  color: #13a0ff;
  font-weight: normal;
  font-size: 16px;
}
.official-approximation-result .tab-content .table .tr.tr-02 .td {
  display: none;
  text-align: right;
  /* media query version */
}
@media screen and (min-width: 769px) {
  .official-approximation-result .tab-content .table .tr.tr-02 .td {
    display: flex;
  }
}
.official-approximation-result .tab-content .table .tr.tr-02 .td p:first-child {
  padding-bottom: 8px;
}
.official-approximation-result .tab-content .table .tr.tr-02 .td span {
  line-height: 1;
}
.official-approximation-result .tab-content .table .tr.tr-02 .td .total-price {
  color: #28a69a;
  color: var(--ion-color-custom-dark-green);
  font-weight: bold;
  font-size: 40px;
}
.official-approximation-result .tab-content .table .tr.tr-02 .td .total-yen {
  color: #28a69a;
  color: var(--ion-color-custom-dark-green);
  font-weight: bold;
}
.official-approximation-result .tab-content .table .tr.tr-02 .td .split-price {
  margin-left: 5px;
  color: #28a69a;
  color: var(--ion-color-custom-dark-green);
  font-weight: bold;
}
.official-approximation-result .tab-content .table .tr.tr-02 .td .split-yen {
  margin-right: 5px;
  color: #28a69a;
  color: var(--ion-color-custom-dark-green);
  font-weight: bold;
}
.official-approximation-result .tab-content .table .tr.tr-02 .td .text-01 {
  font-weight: bold;
}
.official-approximation-result .tab-content .table .tr.tr-03 .th, .official-approximation-result .tab-content .table .tr.tr-04 .th, .official-approximation-result .tab-content .table .tr.tr-05 .th, .official-approximation-result .tab-content .table .tr.tr-06 .th {
  width: 60%;
  border-bottom: 2px dotted #d8d8d8;
  /* media query version */
}
@media screen and (min-width: 769px) {
  .official-approximation-result .tab-content .table .tr.tr-03 .th, .official-approximation-result .tab-content .table .tr.tr-04 .th, .official-approximation-result .tab-content .table .tr.tr-05 .th, .official-approximation-result .tab-content .table .tr.tr-06 .th {
    width: 34%;
  }
}
.official-approximation-result .tab-content .table .tr.tr-03 .td, .official-approximation-result .tab-content .table .tr.tr-04 .td, .official-approximation-result .tab-content .table .tr.tr-05 .td, .official-approximation-result .tab-content .table .tr.tr-06 .td {
  width: 40%;
  font-weight: bold;
  border-bottom: 2px dotted #d8d8d8;
  /* media query version */
}
@media screen and (min-width: 769px) {
  .official-approximation-result .tab-content .table .tr.tr-03 .td, .official-approximation-result .tab-content .table .tr.tr-04 .td, .official-approximation-result .tab-content .table .tr.tr-05 .td, .official-approximation-result .tab-content .table .tr.tr-06 .td {
    width: 33%;
  }
}
.official-approximation-result .tab-content .table .tr.tr-05 .th,
.official-approximation-result .tab-content .table .tr.tr-05 .td {
  border-bottom: 2px solid #d8d8d8;
}
.official-approximation-result .tab-content .table .tr.tr-06 .th {
  background: #fcecec;
  border-bottom: none;
  /* media query version */
}
@media screen and (min-width: 769px) {
  .official-approximation-result .tab-content .table .tr.tr-06 .th {
    border-bottom: 2px solid #d8d8d8;
  }
}
.official-approximation-result .tab-content .table .tr.tr-06 .td {
  background: #fcecec;
  border-bottom: none;
  /* media query version */
}
@media screen and (min-width: 769px) {
  .official-approximation-result .tab-content .table .tr.tr-06 .td {
    justify-content: flex-start;
    border-bottom: 2px solid #d8d8d8;
  }
}
.official-approximation-result .form-content {
  margin: 20px 0 5px;
}
.official-approximation-result .form-content .table .thead {
  padding: 16px;
  background: #003a77;
}
.official-approximation-result .form-content .table .thead h3 {
  margin: 0;
  padding: 0;
  color: #fff;
  font-weight: bold;
  font-size: 20px;
  line-height: 1;
}
.official-approximation-result .form-content .table .tr {
  display: block;
  width: 100%;
  border-bottom: 2px dotted #d8d8d8;
  /* media query version */
}
.official-approximation-result .form-content .table .tr.row {
  padding: 16px 0;
}
.official-approximation-result .form-content .table .tr:last-child {
  border-bottom: 2px solid #d8d8d8;
}
@media screen and (min-width: 769px) {
  .official-approximation-result .form-content .table .tr {
    display: flex;
    flex-wrap: wrap;
  }
}
.official-approximation-result .form-content .table .tr .th {
  width: 100%;
  font-weight: bold;
  font-size: 16px;
  background: #fff;
  /* media query version */
}
@media screen and (min-width: 769px) {
  .official-approximation-result .form-content .table .tr .th {
    display: flex;
    align-items: center;
    width: 34%;
    background: #f5f5f5;
  }
}
.official-approximation-result .form-content .table .tr .th .inner {
  display: flex;
  justify-content: space-between;
  width: 100%;
  padding: 16px 0;
  /* media query version */
}
@media screen and (min-width: 769px) {
  .official-approximation-result .form-content .table .tr .th .inner {
    display: block;
    padding: 16px;
  }
}
.official-approximation-result .form-content .table .tr .th .inner .box-app-static-contents {
  min-width: 90px;
  text-align: right;
  /* media query version */
}
.official-approximation-result .form-content .table .tr .th .inner .box-app-static-contents .text-label {
  background: #fff;
}
.official-approximation-result .form-content .table .tr .th .inner .box-app-static-contents.spacer {
  display: none;
  /* media query version */
}
@media screen and (min-width: 769px) {
  .official-approximation-result .form-content .table .tr .th .inner .box-app-static-contents.spacer {
    display: block;
  }
}
@media screen and (min-width: 769px) {
  .official-approximation-result .form-content .table .tr .th .inner .box-app-static-contents {
    min-width: auto;
    margin-top: 2px;
    text-align: left;
  }
}
.official-approximation-result .form-content .table .tr .th .inner ion-icon {
  margin-left: 0.2em;
}
.official-approximation-result .form-content .table .tr .td-wrap {
  flex-flow: row wrap;
  align-items: center;
  width: 100%;
  /* media query version */
}
@media screen and (min-width: 769px) {
  .official-approximation-result .form-content .table .tr .td-wrap {
    display: flex;
    width: 66%;
  }
}
.official-approximation-result .form-content .table .tr .td-wrap .td {
  display: none;
  /* media query version */
}
.official-approximation-result .form-content .table .tr .td-wrap .td.current {
  display: flex;
}
.official-approximation-result .form-content .table .tr .td-wrap .td.td-notes {
  display: block;
  width: 100%;
  padding: 0 0 16px;
  font-size: 16px;
  text-align: right;
  /* media query version */
}
@media screen and (min-width: 769px) {
  .official-approximation-result .form-content .table .tr .td-wrap .td.td-notes {
    padding: 0 16px 16px;
  }
}
.official-approximation-result .form-content .table .tr .td-wrap .td.td-notes p {
  display: inline-block;
}
.official-approximation-result .form-content .table .tr .td-wrap .td.td-notes div {
  display: inline-block;
  margin-left: 1em;
}
.official-approximation-result .form-content .table .tr .td-wrap .td .inner {
  width: 100%;
  padding: 0 0 16px;
  /* media query version */
}
@media screen and (min-width: 769px) {
  .official-approximation-result .form-content .table .tr .td-wrap .td .inner {
    padding: 16px;
  }
}
.official-approximation-result .form-content .table .tr .td-wrap .td .inner .text-selection-input-normal {
  margin-top: 0;
}
.official-approximation-result .form-content .table .tr .td-wrap .td.isOnePlan {
  width: 100%;
}
@media screen and (min-width: 769px) {
  .official-approximation-result .form-content .table .tr .td-wrap .td {
    display: flex;
    width: 50%;
  }
}
.official-approximation-result .basic-info-content .table {
  border: 2px solid #d8d8d8;
  border-top: none;
}
.official-approximation-result .basic-info-content .table .thead {
  border-top: 2px solid #d8d8d8;
}
.official-approximation-result .basic-info-content .table .thead .inner {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 24px 16px;
  background: #fff;
  cursor: pointer;
}
.official-approximation-result .basic-info-content .table .thead .inner.isOpen {
  background: #f5f5f5;
}
.official-approximation-result .basic-info-content .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) {
  .official-approximation-result .basic-info-content .table .thead .inner h3 {
    width: 50%;
  }
}
.official-approximation-result .basic-info-content .table .thead .inner .btn {
  display: inline-block;
  color: #0c9dff;
  text-align: right;
}
.official-approximation-result .basic-info-content .table .thead .inner .btn span {
  display: inline-block;
}
.official-approximation-result .basic-info-content .table .thead .inner .btn span.text {
  display: none;
  margin-right: 0.5em;
  /* media query version */
}
@media screen and (min-width: 769px) {
  .official-approximation-result .basic-info-content .table .thead .inner .btn span.text {
    display: inline-block;
  }
}
.official-approximation-result .basic-info-content .table .tr {
  display: block;
  width: 100%;
  border-bottom: 2px dotted #d8d8d8;
  /* media query version */
}
@media screen and (min-width: 769px) {
  .official-approximation-result .basic-info-content .table .tr {
    display: flex;
    flex-wrap: wrap;
  }
}
.official-approximation-result .basic-info-content .table .tr:first-child {
  border-top: 2px solid #d8d8d8;
}
.official-approximation-result .basic-info-content .table .tr:last-child {
  border-bottom: none;
}
.official-approximation-result .basic-info-content .table .tr .th {
  width: 100%;
  font-weight: bold;
  /* media query version */
}
.official-approximation-result .basic-info-content .table .tr .th .inner {
  padding: 16px 0 16px 16px;
  /* media query version */
}
@media screen and (min-width: 769px) {
  .official-approximation-result .basic-info-content .table .tr .th .inner {
    padding: 16px;
  }
}
@media screen and (min-width: 769px) {
  .official-approximation-result .basic-info-content .table .tr .th {
    display: flex;
    align-items: center;
    width: 50%;
  }
}
.official-approximation-result .basic-info-content .table .tr .td {
  position: relative;
  align-items: center;
  width: 100%;
  /* media query version */
}
@media screen and (min-width: 769px) {
  .official-approximation-result .basic-info-content .table .tr .td {
    display: flex;
    width: 50%;
  }
}
.official-approximation-result .basic-info-content .table .tr .td.colspan {
  display: block;
  width: 100%;
  text-align: center;
}
.official-approximation-result .basic-info-content .table .tr .td.colspan .inner {
  padding-top: 16px;
}
.official-approximation-result .basic-info-content .table .tr .td .inner {
  width: 100%;
  padding: 0 16px 16px 16px;
  /* media query version */
}
@media screen and (min-width: 769px) {
  .official-approximation-result .basic-info-content .table .tr .td .inner {
    padding: 16px;
  }
}
.official-approximation-result .basic-info-content .table .tr .td .inner .alert {
  display: inline-block;
  margin-right: 10px;
  color: #f00;
  font-weight: bold;
}
.official-approximation-result .basic-info-content .table .tr .td .inner .alert ion-icon {
  margin-right: 5px;
}
.official-approximation-result .basic-info-content .table .tr .td.current {
  display: flex;
}
.official-approximation-result .sticky-content {
  position: fixed;
  top: -200px;
  left: 0;
  z-index: 10;
  width: 100%;
  background: #fff;
  transition: all 0.3s ease-out;
  /* media query version */
}
@media screen and (min-width: 769px) {
  .official-approximation-result .sticky-content {
    min-height: 140px;
    border-bottom: 2px solid #d8d8d8;
    box-shadow: 3px 1px 3px 3px rgba(0, 0, 0, 0.1);
  }
}
.official-approximation-result .sticky-content.show {
  top: 0;
}
.official-approximation-result .sticky-content .sticky-content-inner {
  padding: 0 20px;
}
.official-approximation-result .sticky-content .sticky-content-inner .sticky-tab-button {
  display: flex;
  box-sizing: border-box;
  box-shadow: 0px 0px 3px 2px rgba(0, 0, 0, 0.1);
  /* media query version */
}
@media screen and (min-width: 769px) {
  .official-approximation-result .sticky-content .sticky-content-inner .sticky-tab-button {
    display: none;
  }
}
.official-approximation-result .sticky-content .sticky-content-inner .sticky-tab-button li {
  width: 50%;
  padding: 16px 0;
  color: #0099ff;
  font-weight: bold;
  line-height: 1;
  text-align: center;
  background: #eeeeee;
}
.official-approximation-result .sticky-content .sticky-content-inner .sticky-tab-button li.current {
  color: #fff;
  background: #28a69a;
  background: var(--ion-color-custom-dark-green);
}
.official-approximation-result .sticky-content .sticky-content-inner .sticky-tab-button li.isOnePlan {
  width: 100%;
}
.official-approximation-result .sticky-content .sticky-content-inner .table .tr {
  display: flex;
  box-sizing: border-box;
  min-height: 107px;
  margin: 0 auto;
  border: 2px solid #28a69a;
  border: 2px solid var(--ion-color-custom-dark-green);
  box-shadow: 0px 3px 3px 2px rgba(0, 0, 0, 0.1);
  /* media query version */
}
@media screen and (min-width: 769px) {
  .official-approximation-result .sticky-content .sticky-content-inner .table .tr {
    max-width: 940px;
    min-height: 140px;
    border: none;
    box-shadow: none;
  }
}
.official-approximation-result .sticky-content .sticky-content-inner .table .th {
  display: none;
  /* media query version */
}
@media screen and (min-width: 769px) {
  .official-approximation-result .sticky-content .sticky-content-inner .table .th {
    position: relative;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    width: 34%;
    font-weight: bold;
    background: #f5f5f5;
    border-right: 2px solid #d8d8d8;
    border-left: 2px solid #d8d8d8;
  }
}
.official-approximation-result .sticky-content .sticky-content-inner .table .th .inner p {
  position: absolute;
  top: 14px;
  left: 16px;
  font-size: 16px;
}
.official-approximation-result .sticky-content .sticky-content-inner .table .th .inner p span {
  font-size: 24px;
  line-height: 1;
}
.official-approximation-result .sticky-content .sticky-content-inner .table .th .inner img {
  position: absolute;
  right: 16px;
  bottom: 16px;
  width: 135px;
  height: auto;
}
.official-approximation-result .sticky-content .sticky-content-inner .table .td {
  position: relative;
  display: none;
  width: 100%;
  vertical-align: bottom;
  /* media query version */
}
.official-approximation-result .sticky-content .sticky-content-inner .table .td.current {
  display: flex;
}
.official-approximation-result .sticky-content .sticky-content-inner .table .td.isOnePlan {
  width: 100%;
}
@media screen and (min-width: 769px) {
  .official-approximation-result .sticky-content .sticky-content-inner .table .td {
    display: flex;
    box-sizing: border-box;
    width: 33%;
    border-right: 2px solid #d8d8d8;
  }
}
.official-approximation-result .sticky-content .sticky-content-inner .table .td .inner {
  width: 100%;
  padding: 18px 20px;
  /* media query version */
}
@media screen and (min-width: 769px) {
  .official-approximation-result .sticky-content .sticky-content-inner .table .td .inner {
    border-top: 26px solid #28a69a;
  }
}
.official-approximation-result .sticky-content .sticky-content-inner .table .td .inner .box-plan {
  display: flex;
  align-items: center;
  justify-content: space-between;
  line-height: 1;
  /* media query version */
}
@media screen and (min-width: 769px) {
  .official-approximation-result .sticky-content .sticky-content-inner .table .td .inner .box-plan {
    margin-top: 4px;
  }
}
.official-approximation-result .sticky-content .sticky-content-inner .table .td .inner .box-plan .name {
  font-weight: bold;
  font-size: 16px;
}
@media screen and (min-width: 641px) and (max-width: 830px) {
  .official-approximation-result .sticky-content .sticky-content-inner .table .td .inner .box-plan .name {
    font-size: 14px;
  }
}
.official-approximation-result .sticky-content .sticky-content-inner .table .td .inner .box-plan .price {
  margin-top: -4px;
  color: #28a69a;
  font-weight: bold;
  font-size: 24px;
  vertical-align: middle;
}
.official-approximation-result .sticky-content .sticky-content-inner .table .td .inner .box-plan .price .yen {
  font-size: 20px;
}
@media screen and (min-width: 641px) and (max-width: 830px) {
  .official-approximation-result .sticky-content .sticky-content-inner .table .td .inner .box-plan .price .yen {
    font-size: 16px;
  }
}
@media screen and (min-width: 641px) and (max-width: 830px) {
  .official-approximation-result .sticky-content .sticky-content-inner .table .td .inner .box-plan .price {
    font-size: 20px;
  }
}
.official-approximation-result .sticky-content .sticky-content-inner .table .td .inner .box-btn {
  display: flex;
  justify-content: space-between;
  margin-top: 12px;
  font-weight: bold;
  line-height: 1;
}
.official-approximation-result .sticky-content .sticky-content-inner .table .td .inner .box-btn .save {
  width: 37%;
}
.official-approximation-result .sticky-content .sticky-content-inner .table .td .inner .box-btn .save .button-wrap-slim {
  padding: 0;
}
.official-approximation-result .sticky-content .sticky-content-inner .table .td .inner .box-btn .apply {
  width: 60%;
}
.official-approximation-result .sticky-content .sticky-content-inner .table .td .inner .box-btn .apply .button-wrap-slim {
  padding: 0;
}
.official-approximation-result .sticky-content .sticky-content-inner .table .td .inner .price-diff {
  position: absolute;
  top: -24px;
  right: 48px;
  /* media query version */
}
@media screen and (min-width: 769px) {
  .official-approximation-result .sticky-content .sticky-content-inner .table .td .inner .price-diff {
    top: 5px;
  }
}
.official-approximation-result .appeal-content {
  width: 100%;
  max-width: 460px;
  margin: 48px auto 0;
  /* media query version */
}
@media screen and (min-width: 769px) {
  .official-approximation-result .appeal-content {
    max-width: 800px;
    margin-top: 56px;
  }
}
.official-approximation-result .appeal-content.appeal-01 {
  text-align: center;
}
.official-approximation-result .appeal-content.appeal-01 li {
  line-height: 1;
}
.official-approximation-result .appeal-content.appeal-02 {
  text-align: center;
}
.official-approximation-result .appeal-content.appeal-02 li {
  line-height: 1;
}
.official-approximation-result .appeal-content.appeal-step {
  margin-top: 48px;
  /* media query version */
}
@media screen and (min-width: 769px) {
  .official-approximation-result .appeal-content.appeal-step {
    margin-top: 56px;
  }
}
.official-approximation-result .appeal-content.appeal-step h3 {
  color: #003a77;
  font-weight: bold;
  font-size: 24px;
  text-align: center;
}
.official-approximation-result .appeal-content.appeal-step h3 span {
  font-size: 32px;
}
.official-approximation-result .appeal-content.appeal-step ul.ul-01 {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  max-width: 460px;
  margin: 14px auto 0;
  /* media query version */
}
@media screen and (min-width: 769px) {
  .official-approximation-result .appeal-content.appeal-step ul.ul-01 {
    flex-wrap: nowrap;
    justify-content: space-between;
    max-width: 800px;
    margin-top: 24px;
  }
}
.official-approximation-result .appeal-content.appeal-step ul.ul-01 li {
  position: relative;
  border-radius: 5px;
}
.official-approximation-result .appeal-content.appeal-step ul.ul-01 li.list-content {
  width: 100%;
  margin-top: 50px;
  background: #f5f5f5;
  /* media query version */
}
@media screen and (min-width: 769px) {
  .official-approximation-result .appeal-content.appeal-step ul.ul-01 li.list-content {
    width: 240px;
  }
}
.official-approximation-result .appeal-content.appeal-step ul.ul-01 li.list-content dl {
  margin-top: -44px;
}
.official-approximation-result .appeal-content.appeal-step ul.ul-01 li.list-content dl dt {
  font-weight: bold;
  font-size: 16px;
  line-height: 1;
}
.official-approximation-result .appeal-content.appeal-step ul.ul-01 li.list-content dl dt .num {
  position: relative;
  display: inline-block;
  width: 52px;
  height: 52px;
  margin-right: 0.5em;
  text-align: center;
  vertical-align: middle;
  background: #003a77;
  border-radius: 100px;
}
.official-approximation-result .appeal-content.appeal-step ul.ul-01 li.list-content dl dt .num span {
  position: absolute;
  top: 50%;
  left: 50%;
  color: #fff;
  font-size: 24px;
  transform: translate(-50%, -50%);
}
.official-approximation-result .appeal-content.appeal-step ul.ul-01 li.list-content dl dd {
  display: flex;
  flex-wrap: nowrap;
  padding: 0 30px 30px;
  /* media query version */
}
@media screen and (min-width: 769px) {
  .official-approximation-result .appeal-content.appeal-step ul.ul-01 li.list-content dl dd {
    flex-wrap: wrap;
  }
}
.official-approximation-result .appeal-content.appeal-step ul.ul-01 li.list-content dl dd .img {
  position: relative;
  display: inline-block;
  min-width: 108px;
  height: auto;
  margin-right: 10px;
  /* media query version */
}
@media screen and (min-width: 769px) {
  .official-approximation-result .appeal-content.appeal-step ul.ul-01 li.list-content dl dd .img {
    width: 100%;
    height: 84px;
    margin-right: 0;
  }
}
.official-approximation-result .appeal-content.appeal-step ul.ul-01 li.list-content dl dd .img img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.official-approximation-result .appeal-content.appeal-step ul.ul-01 li.list-content dl dd .txt {
  margin-top: 8px;
  font-weight: bold;
  font-size: 16px;
}
.official-approximation-result .appeal-content.appeal-step ul.ul-01 li.list-content dl dd .txt ul {
  margin-top: 8px;
  font-weight: normal;
  font-size: 14px;
}
.official-approximation-result .appeal-content.appeal-step ul.ul-01 li.list-arrow {
  width: 100%;
  height: 50px;
  padding: 8px;
  /* media query version */
}
@media screen and (min-width: 769px) {
  .official-approximation-result .appeal-content.appeal-step ul.ul-01 li.list-arrow {
    width: 40px;
    height: auto;
    padding: 0;
  }
}
.official-approximation-result .appeal-content.appeal-step ul.ul-01 li.list-arrow span {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 31px;
  transform: translate(-50%, -50%);
}
.official-approximation-result .appeal-content.appeal-step ul.ul-01 li.list-arrow span img {
  transform: rotate(90deg);
  /* media query version */
}
@media screen and (min-width: 769px) {
  .official-approximation-result .appeal-content.appeal-step ul.ul-01 li.list-arrow span img {
    transform: rotate(0deg);
  }
}
.official-approximation-result .switch-content {
  padding: 16px;
}
.official-approximation-result .switch-content .bx-flex-01 {
  margin-bottom: 16px;
  text-align: center;
  /* media query version */
}
@media screen and (min-width: 769px) {
  .official-approximation-result .switch-content .bx-flex-01 {
    display: flex;
    justify-content: space-between;
    text-align: left;
  }
}
.official-approximation-result .switch-content .bx-flex-01 span {
  font-weight: bold;
  line-height: auto;
}
.official-approximation-result .switch-content .bx-flex-01 span.price-undetermined {
  display: block;
  /* media query version */
}
@media screen and (min-width: 769px) {
  .official-approximation-result .switch-content .bx-flex-01 span.price-undetermined {
    display: inline;
    line-height: 1;
  }
}
.official-approximation-result .notes-01 {
  display: block;
  width: 100%;
  padding: 8px 0 0;
  font-size: 16px;
}
.official-approximation-result .notes-01 p {
  display: inline;
  margin-right: 0.5em;
}
.official-approximation-result .notes-01 div {
  display: inline-block;
}
.official-approximation-result .ac-btn {
  cursor: pointer;
}
.official-approximation-result .ac-obj {
  max-height: 0;
  overflow: hidden;
  transform: translateZ(0);
  backface-visibility: hidden;
  transition: all 0.5s;
}
.official-approximation-result .ac-obj.isOpen {
  max-height: 300px;
  transition: all 0.8s;
}
.official-approximation-result .ac-obj.basic-info-ac-01.isOpen {
  max-height: 900px;
  /* media query version */
}
@media screen and (min-width: 769px) {
  .official-approximation-result .ac-obj.basic-info-ac-01.isOpen {
    max-height: 620px;
  }
}
.official-approximation-result .ac-obj.basic-info-ac-02.isOpen {
  max-height: 1060px;
  /* media query version */
}
@media screen and (min-width: 769px) {
  .official-approximation-result .ac-obj.basic-info-ac-02.isOpen {
    max-height: 700px;
  }
}
.official-approximation-result .ac-obj.basic-info-ac-03.isOpen {
  max-height: 440px;
  /* media query version */
}
@media screen and (min-width: 769px) {
  .official-approximation-result .ac-obj.basic-info-ac-03.isOpen {
    max-height: 340px;
  }
}
.official-approximation-result .pc-only {
  display: none;
  /* media query version */
}
@media screen and (min-width: 769px) {
  .official-approximation-result .pc-only {
    display: block;
  }
}
.official-approximation-result .sp-only {
  display: block;
  /* media query version */
}
@media screen and (min-width: 769px) {
  .official-approximation-result .sp-only {
    display: none;
  }
}
.official-approximation-result ion-icon {
  width: calc(5.36vw + 4px);
  width: calc(var(--space-size-20) + 4px);
  height: calc(5.36vw + 4px);
  height: calc(var(--space-size-20) + 4px);
  padding-bottom: 3px;
  padding-left: 3px;
  vertical-align: middle;
  fill: #c6a465;
  fill: var(--ion-form-icon-color);
}
.official-approximation-result ion-icon.accordion-circle {
  width: 18px;
  height: 18px;
}
.official-approximation-result .btn-wrap-01 {
  margin: 0 auto;
}
.official-approximation-result .btn-wrap-01.pt32 {
  padding-top: 32px;
}
.official-approximation-result .btn-wrap-01.w272 {
  width: 272px;
}
.official-approximation-result .btn-wrap-01.w292 {
  width: 292px;
}
.official-approximation-result .btn-wrap-01.w302 {
  width: 302px;
}
.official-approximation-result .bx-max-w800 {
  width: 100%;
  margin: 0 auto;
  /* media query version */
}
@media screen and (min-width: 769px) {
  .official-approximation-result .bx-max-w800 {
    max-width: 800px;
  }
}
.official-approximation-result .btn-to-top {
  position: fixed;
  right: 42px;
  bottom: 20px;
  z-index: 10;
  display: none;
}
.official-approximation-result .btn-to-top.show {
  display: block;
}
.official-approximation-result .btn-to-top a {
  position: relative;
  display: block;
  width: 50px;
  height: 50px;
  background-color: #999999;
}
.official-approximation-result .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: "";
}
.official-approximation-result .btn-to-top a:hover {
  opacity: 0.7;
}
.official-approximation-result a {
  cursor: pointer;
}
.official-approximation-result .app-error-wrap {
  margin-top: 16px;
}
.official-approximation-result .app-error-wrap .plan-name {
  margin-bottom: -10px;
  font-weight: bold;
  font-size: 14px;
}
.app-page.boomerang-result {
  display: block;
  background: #fff;
}
.app-page.boomerang-result .app-page-content {
  width: 100%;
  max-width: 100%;
  /* media query version */
}
@media screen and (min-width: 769px) {
  .app-page.boomerang-result .app-page-content {
    max-width: 980px;
    margin: 0 auto;
  }
}
.boomerang-result .content-box {
  padding: 0 20px;
}
.boomerang-result ul.tab-button {
  display: flex;
  justify-content: space-between;
  margin-top: 14.74vw;
  margin-top: var(--space-size-55);
  /* media query version */
}
@media screen and (min-width: 769px) {
  .boomerang-result ul.tab-button {
    display: none;
  }
}
.boomerang-result ul.tab-button li {
  display: flex;
  flex-direction: column;
  width: 100%;
  min-height: 20px;
  margin-top: auto;
  border: 2px solid #d8d8d8;
  border-bottom: none;
  border-radius: 10px 10px 0 0;
  background: #28a69a;
  background: var(--ion-color-custom-dark-green);
  border-color: #28a69a;
  border-color: var(--ion-color-custom-dark-green);
}
.boomerang-result ul.tab-button li .tab-inner {
  color: #fff;
}
.boomerang-result ul.tab-button li .tab-inner .img {
  position: absolute;
  top: 0;
  left: 50%;
  display: block;
  transform: translate(-50%, -24px);
}
.boomerang-result ul.tab-button li .tab-inner h2 {
  padding-top: 38px;
}
.boomerang-result ul.tab-button li .tab-inner {
  position: relative;
  display: flex;
  flex-direction: column;
  margin-top: auto;
  padding: 0 12px 18px;
  color: #13a0ff;
  line-height: 1;
  text-align: center;
}
.boomerang-result ul.tab-button li .tab-inner .img {
  display: none;
}
.boomerang-result ul.tab-button li .tab-inner h2 {
  padding-top: 10px;
  font-weight: bold;
  font-size: 14px;
}
.boomerang-result ul.tab-button li .tab-inner .total-price {
  font-weight: bold;
  font-size: 20px;
  letter-spacing: 0.5px;
}
.boomerang-result ul.tab-button li .tab-inner .total-yen {
  font-weight: bold;
  font-size: 16px;
}
.boomerang-result .tab-content {
  box-sizing: border-box;
  width: 100%;
  margin: 0 auto;
  border: 2px solid #28a69a;
  border: 2px solid var(--ion-color-custom-dark-green);
  /* media query version */
}
@media screen and (min-width: 769px) {
  .boomerang-result .tab-content {
    margin-top: 14.74vw;
    margin-top: var(--space-size-55);
    border: none;
  }
}
.boomerang-result .tab-content .table .tr {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
.boomerang-result .tab-content .table .tr .th {
  width: 100%;
  font-weight: bold;
  /* media query version */
}
.boomerang-result .tab-content .table .tr .th .inner {
  padding: 16px 0 16px 16px;
  /* media query version */
}
@media screen and (min-width: 769px) {
  .boomerang-result .tab-content .table .tr .th .inner {
    padding: 16px;
  }
}
.boomerang-result .tab-content .table .tr .th .inner ion-icon {
  margin-left: 0.2em;
}
@media screen and (min-width: 769px) {
  .boomerang-result .tab-content .table .tr .th {
    display: flex;
    align-items: center;
    box-sizing: border-box;
    width: 34%;
    border-right: 2px solid #d8d8d8;
    border-bottom: 2px solid #d8d8d8;
    border-left: 2px solid #d8d8d8;
  }
}
.boomerang-result .tab-content .table .tr .td {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: 100%;
  vertical-align: bottom;
  /* media query version */
  /* media query version */
}
.boomerang-result .tab-content .table .tr .td .inner {
  padding: 16px 16px 16px 0;
  /* media query version */
}
@media screen and (min-width: 769px) {
  .boomerang-result .tab-content .table .tr .td .inner {
    padding: 16px;
  }
}
.boomerang-result .tab-content .table .tr .td .inner p {
  text-align: right;
}
@media screen and (min-width: 769px) {
  .boomerang-result .tab-content .table .tr .td {
    width: 66% !important;
  }
}
@media screen and (min-width: 769px) {
  .boomerang-result .tab-content .table .tr .td {
    display: flex;
    box-sizing: border-box;
    width: 33%;
    border-right: 2px solid #d8d8d8;
    border-bottom: 2px solid #d8d8d8;
  }
}
.boomerang-result .tab-content .table .tr .td span {
  display: inline-block;
}
.boomerang-result .tab-content .table .tr .td span.price {
  margin-right: 3px;
  vertical-align: bottom;
}
.boomerang-result .tab-content .table .tr .td span.yen {
  vertical-align: bottom;
}
.boomerang-result .tab-content .table .tr .ul-label li {
  display: inline-block;
  margin-right: 10px;
  margin-bottom: 5px;
  padding: 2px 4px 0px 8px;
  font-weight: normal;
  border-radius: 6px;
}
.boomerang-result .tab-content .table .tr .ul-label li.label-red {
  color: #f00;
  background: #fff;
}
.boomerang-result .tab-content .table .tr .ul-label li icon-icon {
  margin-left: 5px;
  cursor: pointer;
}
.boomerang-result .tab-content .table .tr.tr-01 .th {
  display: none;
  /* media query version */
}
@media screen and (min-width: 769px) {
  .boomerang-result .tab-content .table .tr.tr-01 .th {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    border-left: 0;
  }
  .boomerang-result .tab-content .table .tr.tr-01 .th img {
    width: 90%;
    height: auto;
  }
}
.boomerang-result .tab-content .table .tr.tr-01 .td {
  display: flex;
  flex-flow: column;
  vertical-align: middle;
  /* media query version */
}
@media screen and (min-width: 769px) {
  .boomerang-result .tab-content .table .tr.tr-01 .td {
    display: flex;
    flex-flow: column;
  }
}
.boomerang-result .tab-content .table .tr.tr-01 .td .box-hd {
  display: none;
  /* media query version */
}
@media screen and (min-width: 769px) {
  .boomerang-result .tab-content .table .tr.tr-01 .td .box-hd {
    display: block;
    width: 100%;
    padding: 16px 0;
    background: #28a69a;
    background: var(--ion-color-custom-dark-green);
  }
}
.boomerang-result .tab-content .table .tr.tr-01 .td .box-hd h2 {
  padding: 0 16px;
  color: #fff;
  font-weight: bold;
  font-size: 24px;
  line-height: 1;
  white-space: nowrap;
}
.boomerang-result .tab-content .table .tr.tr-01 .td .box-blank {
  display: none;
  /* media query version */
}
@media screen and (min-width: 769px) {
  .boomerang-result .tab-content .table .tr.tr-01 .td .box-blank {
    display: block;
    width: 100%;
    padding: 16px 0;
  }
}
.boomerang-result .tab-content .table .tr.tr-01 .td .box-text {
  min-width: 100%;
  padding: 16px 16px 0;
  text-align: center;
  /* media query version */
}
@media screen and (min-width: 769px) {
  .boomerang-result .tab-content .table .tr.tr-01 .td .box-text {
    text-align: left;
  }
}
.boomerang-result .tab-content .table .tr.tr-01 .td .box-message {
  width: 100%;
  padding: 0 16px;
}
.boomerang-result .tab-content .table .tr.tr-01 .td .box-price {
  padding: 16px;
  text-align: center;
  /* media query version */
}
@media screen and (min-width: 769px) {
  .boomerang-result .tab-content .table .tr.tr-01 .td .box-price {
    display: none;
  }
}
.boomerang-result .tab-content .table .tr.tr-01 .td .box-price .dt-01 {
  font-weight: bold;
}
.boomerang-result .tab-content .table .tr.tr-01 .td .box-price .dd-01 {
  padding: 4px 0 8px;
}
.boomerang-result .tab-content .table .tr.tr-01 .td .box-price span {
  line-height: 1;
}
.boomerang-result .tab-content .table .tr.tr-01 .td .box-price .total-price {
  color: #28a69a;
  color: var(--ion-color-custom-dark-green);
  font-weight: bold;
  font-size: 40px;
  letter-spacing: 2px;
}
.boomerang-result .tab-content .table .tr.tr-01 .td .box-price .total-yen {
  color: #28a69a;
  color: var(--ion-color-custom-dark-green);
  font-weight: bold;
}
.boomerang-result .tab-content .table .tr.tr-01 .td .box-price .split-price {
  margin-left: 5px;
  color: #28a69a;
  color: var(--ion-color-custom-dark-green);
  font-weight: bold;
}
.boomerang-result .tab-content .table .tr.tr-01 .td .box-price .split-yen {
  margin-right: 5px;
  color: #28a69a;
  color: var(--ion-color-custom-dark-green);
  font-weight: bold;
}
.boomerang-result .tab-content .table .tr.tr-01 .td .box-price .text-01 {
  font-weight: bold;
}
.boomerang-result .tab-content .table .tr.tr-01 .td .box-warning {
  width: 100%;
  padding: 16px;
  text-align: left;
  /* media query version */
}
@media screen and (min-width: 769px) {
  .boomerang-result .tab-content .table .tr.tr-01 .td .box-warning {
    display: none;
  }
}
.boomerang-result .tab-content .table .tr.tr-01 .td .box-btn {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 12px;
}
.boomerang-result .tab-content .table .tr.tr-01 .td .box-btn .boomerangNext {
  width: 90%;
}
.boomerang-result .tab-content .table .tr.tr-01 .td .box-btn .boomerangNext .button-wrap-slim {
  padding: 0;
}
.boomerang-result .tab-content .table .tr.tr-02 .th {
  border-top: 2px solid #d8d8d8;
  border-bottom: 2px solid #d8d8d8;
  /* media query version */
}
@media screen and (min-width: 769px) {
  .boomerang-result .tab-content .table .tr.tr-02 .th {
    padding: 12px 0;
    background: #eee;
    border-top: none;
    border-bottom: 1px solid #d8d8d8;
  }
}
.boomerang-result .tab-content .table .tr.tr-02 .th .inner {
  padding: 0;
  text-align: center;
  /* media query version */
}
@media screen and (min-width: 769px) {
  .boomerang-result .tab-content .table .tr.tr-02 .th .inner {
    display: flex;
    flex-flow: column;
    justify-content: space-between;
    height: 100%;
    padding: 12px 16px;
    text-align: left;
  }
}
.boomerang-result .tab-content .table .tr.tr-02 .th .inner .p-01 {
  padding: 16px 0;
  /* media query version */
}
@media screen and (min-width: 769px) {
  .boomerang-result .tab-content .table .tr.tr-02 .th .inner .p-01 {
    padding: 0;
  }
}
.boomerang-result .tab-content .table .tr.tr-02 .th .inner span {
  line-height: 1;
}
.boomerang-result .tab-content .table .tr.tr-02 .th .inner .span-02 {
  color: #13a0ff;
  font-weight: normal;
  font-size: 16px;
}
.boomerang-result .tab-content .table .tr.tr-02 .td {
  display: none;
  text-align: right;
  /* media query version */
}
@media screen and (min-width: 769px) {
  .boomerang-result .tab-content .table .tr.tr-02 .td {
    display: flex;
  }
}
.boomerang-result .tab-content .table .tr.tr-02 .td p:first-child {
  padding-bottom: 8px;
}
.boomerang-result .tab-content .table .tr.tr-02 .td span {
  line-height: 1;
}
.boomerang-result .tab-content .table .tr.tr-02 .td .total-price {
  color: #28a69a;
  color: var(--ion-color-custom-dark-green);
  font-weight: bold;
  font-size: 40px;
}
.boomerang-result .tab-content .table .tr.tr-02 .td .total-yen {
  color: #28a69a;
  color: var(--ion-color-custom-dark-green);
  font-weight: bold;
}
.boomerang-result .tab-content .table .tr.tr-02 .td .split-price {
  margin-left: 5px;
  color: #28a69a;
  color: var(--ion-color-custom-dark-green);
  font-weight: bold;
}
.boomerang-result .tab-content .table .tr.tr-02 .td .split-yen {
  margin-right: 5px;
  color: #28a69a;
  color: var(--ion-color-custom-dark-green);
  font-weight: bold;
}
.boomerang-result .tab-content .table .tr.tr-02 .td .text-01 {
  font-weight: bold;
}
.boomerang-result .tab-content .table .tr.tr-03 .th, .boomerang-result .tab-content .table .tr.tr-04 .th, .boomerang-result .tab-content .table .tr.tr-05 .th, .boomerang-result .tab-content .table .tr.tr-06 .th {
  width: 60%;
  border-bottom: 2px dotted #d8d8d8;
  /* media query version */
}
@media screen and (min-width: 769px) {
  .boomerang-result .tab-content .table .tr.tr-03 .th, .boomerang-result .tab-content .table .tr.tr-04 .th, .boomerang-result .tab-content .table .tr.tr-05 .th, .boomerang-result .tab-content .table .tr.tr-06 .th {
    width: 34%;
  }
}
.boomerang-result .tab-content .table .tr.tr-03 .td, .boomerang-result .tab-content .table .tr.tr-04 .td, .boomerang-result .tab-content .table .tr.tr-05 .td, .boomerang-result .tab-content .table .tr.tr-06 .td {
  width: 40%;
  font-weight: bold;
  border-bottom: 2px dotted #d8d8d8;
  /* media query version */
}
@media screen and (min-width: 769px) {
  .boomerang-result .tab-content .table .tr.tr-03 .td, .boomerang-result .tab-content .table .tr.tr-04 .td, .boomerang-result .tab-content .table .tr.tr-05 .td, .boomerang-result .tab-content .table .tr.tr-06 .td {
    width: 33%;
  }
}
.boomerang-result .tab-content .table .tr.tr-05 .th,
.boomerang-result .tab-content .table .tr.tr-05 .td {
  border-bottom: 2px solid #d8d8d8;
}
.boomerang-result .tab-content .table .tr.tr-06 .th {
  background: #fcecec;
  border-bottom: none;
  /* media query version */
}
@media screen and (min-width: 769px) {
  .boomerang-result .tab-content .table .tr.tr-06 .th {
    border-bottom: 2px solid #d8d8d8;
  }
}
.boomerang-result .tab-content .table .tr.tr-06 .td {
  background: #fcecec;
  border-bottom: none;
  /* media query version */
}
@media screen and (min-width: 769px) {
  .boomerang-result .tab-content .table .tr.tr-06 .td {
    justify-content: flex-start;
    border-bottom: 2px solid #d8d8d8;
  }
}
.boomerang-result .form-content {
  margin: 20px 0 5px;
}
.boomerang-result .form-content .table .thead {
  padding: 16px;
  background: #003a77;
}
.boomerang-result .form-content .table .thead h3 {
  margin: 0;
  padding: 0;
  color: #fff;
  font-weight: bold;
  font-size: 20px;
  line-height: 1;
}
.boomerang-result .form-content .table .tr {
  display: block;
  width: 100%;
  border-bottom: 2px dotted #d8d8d8;
  /* media query version */
}
.boomerang-result .form-content .table .tr.row {
  padding: 16px 0;
}
.boomerang-result .form-content .table .tr:last-child {
  border-bottom: 2px solid #d8d8d8;
}
@media screen and (min-width: 769px) {
  .boomerang-result .form-content .table .tr {
    display: flex;
    flex-wrap: wrap;
  }
}
.boomerang-result .form-content .table .tr .th {
  width: 100%;
  font-weight: bold;
  font-size: 16px;
  background: #fff;
  /* media query version */
}
@media screen and (min-width: 769px) {
  .boomerang-result .form-content .table .tr .th {
    display: flex;
    align-items: center;
    width: 34%;
    background: #f5f5f5;
  }
}
.boomerang-result .form-content .table .tr .th .inner {
  display: flex;
  justify-content: space-between;
  width: 100%;
  padding: 16px 0;
  /* media query version */
}
@media screen and (min-width: 769px) {
  .boomerang-result .form-content .table .tr .th .inner {
    display: block;
    padding: 16px;
  }
}
.boomerang-result .form-content .table .tr .th .inner .box-app-static-contents {
  min-width: 90px;
  text-align: right;
  /* media query version */
}
.boomerang-result .form-content .table .tr .th .inner .box-app-static-contents .text-label {
  background: #fff;
}
.boomerang-result .form-content .table .tr .th .inner .box-app-static-contents.spacer {
  display: none;
  /* media query version */
}
@media screen and (min-width: 769px) {
  .boomerang-result .form-content .table .tr .th .inner .box-app-static-contents.spacer {
    display: block;
  }
}
@media screen and (min-width: 769px) {
  .boomerang-result .form-content .table .tr .th .inner .box-app-static-contents {
    min-width: auto;
    margin-top: 2px;
    text-align: left;
  }
}
.boomerang-result .form-content .table .tr .th .inner ion-icon {
  margin-left: 0.2em;
}
.boomerang-result .form-content .table .tr .td-wrap {
  flex-flow: row wrap;
  align-items: center;
  width: 100%;
  /* media query version */
}
@media screen and (min-width: 769px) {
  .boomerang-result .form-content .table .tr .td-wrap {
    display: flex;
    width: 66%;
  }
}
.boomerang-result .form-content .table .tr .td-wrap .td {
  display: flex;
  /* media query version */
}
.boomerang-result .form-content .table .tr .td-wrap .td.td-notes {
  display: block;
  width: 100%;
  padding: 0 0 16px;
  font-size: 16px;
  text-align: right;
  /* media query version */
}
@media screen and (min-width: 769px) {
  .boomerang-result .form-content .table .tr .td-wrap .td.td-notes {
    padding: 0 16px 16px;
  }
}
.boomerang-result .form-content .table .tr .td-wrap .td.td-notes p {
  display: inline-block;
}
.boomerang-result .form-content .table .tr .td-wrap .td.td-notes div {
  display: inline-block;
  margin-left: 1em;
}
.boomerang-result .form-content .table .tr .td-wrap .td .inner {
  width: 100%;
  padding: 0 0 16px;
  /* media query version */
}
@media screen and (min-width: 769px) {
  .boomerang-result .form-content .table .tr .td-wrap .td .inner {
    padding: 16px;
  }
}
.boomerang-result .form-content .table .tr .td-wrap .td .inner .text-selection-input-normal {
  margin-top: 0;
}
@media screen and (min-width: 769px) {
  .boomerang-result .form-content .table .tr .td-wrap .td {
    display: flex;
    width: 100%;
  }
}
.boomerang-result .basic-info-content .table {
  border: 2px solid #d8d8d8;
  border-top: none;
}
.boomerang-result .basic-info-content .table .thead {
  border-top: 2px solid #d8d8d8;
}
.boomerang-result .basic-info-content .table .thead .inner {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 24px 16px;
  background: #fff;
  cursor: pointer;
}
.boomerang-result .basic-info-content .table .thead .inner.isOpen {
  background: #f5f5f5;
}
.boomerang-result .basic-info-content .table .thead .inner.isBoomerang {
  cursor: auto;
}
.boomerang-result .basic-info-content .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) {
  .boomerang-result .basic-info-content .table .thead .inner h3 {
    width: 50%;
  }
}
.boomerang-result .basic-info-content .table .thead .inner .btn {
  display: inline-block;
  color: #0c9dff;
  text-align: right;
}
.boomerang-result .basic-info-content .table .thead .inner .btn span {
  display: inline-block;
}
.boomerang-result .basic-info-content .table .thead .inner .btn span.text {
  display: none;
  margin-right: 0.5em;
  /* media query version */
}
@media screen and (min-width: 769px) {
  .boomerang-result .basic-info-content .table .thead .inner .btn span.text {
    display: inline-block;
  }
}
.boomerang-result .basic-info-content .table .tr {
  display: block;
  width: 100%;
  border-bottom: 2px dotted #d8d8d8;
  /* media query version */
}
@media screen and (min-width: 769px) {
  .boomerang-result .basic-info-content .table .tr {
    display: flex;
    flex-wrap: wrap;
  }
}
.boomerang-result .basic-info-content .table .tr:first-child {
  border-top: 2px solid #d8d8d8;
}
.boomerang-result .basic-info-content .table .tr:last-child {
  border-bottom: none;
}
.boomerang-result .basic-info-content .table .tr .th {
  width: 100%;
  font-weight: bold;
  /* media query version */
}
.boomerang-result .basic-info-content .table .tr .th .inner {
  padding: 16px 0 16px 16px;
  /* media query version */
}
@media screen and (min-width: 769px) {
  .boomerang-result .basic-info-content .table .tr .th .inner {
    padding: 16px;
  }
}
@media screen and (min-width: 769px) {
  .boomerang-result .basic-info-content .table .tr .th {
    display: flex;
    align-items: center;
    width: 50%;
  }
}
.boomerang-result .basic-info-content .table .tr .td {
  position: relative;
  align-items: center;
  width: 100%;
  /* media query version */
}
@media screen and (min-width: 769px) {
  .boomerang-result .basic-info-content .table .tr .td {
    display: flex;
    width: 50%;
  }
}
.boomerang-result .basic-info-content .table .tr .td.colspan {
  display: block;
  width: 100%;
  text-align: center;
}
.boomerang-result .basic-info-content .table .tr .td.colspan .inner {
  padding-top: 16px;
}
.boomerang-result .basic-info-content .table .tr .td .inner {
  width: 100%;
  display: flex;
  padding: 0 16px 16px 16px;
  /* media query version */
}
@media screen and (min-width: 769px) {
  .boomerang-result .basic-info-content .table .tr .td .inner {
    padding: 16px;
  }
}
.boomerang-result .basic-info-content .table .tr .td .inner .alert {
  display: inline-block;
  margin-right: 10px;
  color: #f00;
  font-weight: bold;
}
.boomerang-result .basic-info-content .table .tr .td .inner .alert ion-icon {
  margin-right: 5px;
}
.boomerang-result .sticky-content {
  position: fixed;
  top: -200px;
  left: 0;
  z-index: 10;
  width: 100%;
  background: #fff;
  transition: all 0.3s ease-out;
  /* media query version */
}
@media screen and (min-width: 769px) {
  .boomerang-result .sticky-content {
    min-height: 140px;
    border-bottom: 2px solid #d8d8d8;
    box-shadow: 3px 1px 3px 3px rgba(0, 0, 0, 0.1);
  }
}
.boomerang-result .sticky-content.show {
  top: 0;
}
.boomerang-result .sticky-content .sticky-content-inner {
  padding: 0 20px;
}
.boomerang-result .sticky-content .sticky-content-inner .sticky-tab-button {
  display: flex;
  box-sizing: border-box;
  box-shadow: 0px 0px 3px 2px rgba(0, 0, 0, 0.1);
  /* media query version */
}
@media screen and (min-width: 769px) {
  .boomerang-result .sticky-content .sticky-content-inner .sticky-tab-button {
    display: none;
  }
}
.boomerang-result .sticky-content .sticky-content-inner .sticky-tab-button li {
  width: 100%;
  padding: 16px 0;
  font-weight: bold;
  line-height: 1;
  text-align: center;
  color: #fff;
  background: #28a69a;
  background: var(--ion-color-custom-dark-green);
}
.boomerang-result .sticky-content .sticky-content-inner .table .tr {
  display: flex;
  box-sizing: border-box;
  min-height: 107px;
  margin: 0 auto;
  border: 2px solid #28a69a;
  border: 2px solid var(--ion-color-custom-dark-green);
  box-shadow: 0px 3px 3px 2px rgba(0, 0, 0, 0.1);
  /* media query version */
}
@media screen and (min-width: 769px) {
  .boomerang-result .sticky-content .sticky-content-inner .table .tr {
    max-width: 940px;
    min-height: 140px;
    border: none;
    box-shadow: none;
  }
}
.boomerang-result .sticky-content .sticky-content-inner .table .th {
  display: none;
  /* media query version */
}
@media screen and (min-width: 769px) {
  .boomerang-result .sticky-content .sticky-content-inner .table .th {
    position: relative;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    width: 34%;
    font-weight: bold;
    background: #f5f5f5;
    border-right: 2px solid #d8d8d8;
    border-left: 2px solid #d8d8d8;
  }
}
.boomerang-result .sticky-content .sticky-content-inner .table .th .inner p {
  position: absolute;
  top: 14px;
  left: 16px;
  font-size: 16px;
}
.boomerang-result .sticky-content .sticky-content-inner .table .th .inner p span {
  font-size: 24px;
  line-height: 1;
}
.boomerang-result .sticky-content .sticky-content-inner .table .th .inner img {
  position: absolute;
  right: 16px;
  bottom: 16px;
  width: 135px;
  height: auto;
}
.boomerang-result .sticky-content .sticky-content-inner .table .td {
  position: relative;
  display: flex;
  width: 100%;
  vertical-align: bottom;
  /* media query version */
}
@media screen and (min-width: 769px) {
  .boomerang-result .sticky-content .sticky-content-inner .table .td {
    display: flex;
    box-sizing: border-box;
    width: 100%;
    border-right: 2px solid #d8d8d8;
  }
}
.boomerang-result .sticky-content .sticky-content-inner .table .td .inner {
  width: 100%;
  padding: 18px 20px;
  /* media query version */
}
@media screen and (min-width: 769px) {
  .boomerang-result .sticky-content .sticky-content-inner .table .td .inner {
    border-top: 26px solid #28a69a;
  }
}
.boomerang-result .sticky-content .sticky-content-inner .table .td .inner .box-plan {
  display: flex;
  align-items: center;
  justify-content: space-between;
  line-height: 1;
  /* media query version */
}
@media screen and (min-width: 769px) {
  .boomerang-result .sticky-content .sticky-content-inner .table .td .inner .box-plan {
    margin-top: 4px;
  }
}
.boomerang-result .sticky-content .sticky-content-inner .table .td .inner .box-plan .name {
  font-weight: bold;
  font-size: 16px;
}
@media screen and (min-width: 641px) and (max-width: 830px) {
  .boomerang-result .sticky-content .sticky-content-inner .table .td .inner .box-plan .name {
    font-size: 14px;
  }
}
.boomerang-result .sticky-content .sticky-content-inner .table .td .inner .box-plan .price {
  margin-top: -4px;
  color: #28a69a;
  font-weight: bold;
  font-size: 24px;
  vertical-align: middle;
}
.boomerang-result .sticky-content .sticky-content-inner .table .td .inner .box-plan .price .yen {
  font-size: 20px;
}
@media screen and (min-width: 641px) and (max-width: 830px) {
  .boomerang-result .sticky-content .sticky-content-inner .table .td .inner .box-plan .price .yen {
    font-size: 16px;
  }
}
@media screen and (min-width: 641px) and (max-width: 830px) {
  .boomerang-result .sticky-content .sticky-content-inner .table .td .inner .box-plan .price {
    font-size: 20px;
  }
}
.boomerang-result .sticky-content .sticky-content-inner .table .td .inner .box-btn {
  display: flex;
  justify-content: space-between;
  margin-top: 12px;
  font-weight: bold;
  line-height: 1;
}
.boomerang-result .sticky-content .sticky-content-inner .table .td .inner .box-btn .boomerangNext {
  width: 100%;
}
.boomerang-result .sticky-content .sticky-content-inner .table .td .inner .box-btn .boomerangNext .button-wrap-slim {
  padding: 0;
}
.boomerang-result .ac-btn {
  cursor: pointer;
}
.boomerang-result .ac-obj {
  max-height: 0;
  overflow: hidden;
  transform: translateZ(0);
  backface-visibility: hidden;
  transition: all 0.5s;
}
.boomerang-result .ac-obj.isOpen {
  max-height: 300px;
  transition: all 0.8s;
}
.boomerang-result .ac-obj.basic-info-ac-01.isOpen {
  max-height: 900px;
  /* media query version */
}
@media screen and (min-width: 769px) {
  .boomerang-result .ac-obj.basic-info-ac-01.isOpen {
    max-height: 620px;
  }
}
.boomerang-result .ac-obj.basic-info-ac-02.isOpen {
  max-height: 1060px;
  /* media query version */
}
@media screen and (min-width: 769px) {
  .boomerang-result .ac-obj.basic-info-ac-02.isOpen {
    max-height: 700px;
  }
}
.boomerang-result .ac-obj.basic-info-ac-03.isOpen {
  max-height: 440px;
  /* media query version */
}
@media screen and (min-width: 769px) {
  .boomerang-result .ac-obj.basic-info-ac-03.isOpen {
    max-height: 340px;
  }
}
.boomerang-result .pc-only {
  display: none;
  /* media query version */
}
@media screen and (min-width: 769px) {
  .boomerang-result .pc-only {
    display: block;
  }
}
.boomerang-result .sp-only {
  display: block;
  /* media query version */
}
@media screen and (min-width: 769px) {
  .boomerang-result .sp-only {
    display: none;
  }
}
.boomerang-result ion-icon {
  width: calc(5.36vw + 4px);
  width: calc(var(--space-size-20) + 4px);
  height: calc(5.36vw + 4px);
  height: calc(var(--space-size-20) + 4px);
  padding-bottom: 3px;
  padding-left: 3px;
  vertical-align: middle;
  fill: #c6a465;
  fill: var(--ion-form-icon-color);
}
.boomerang-result ion-icon.accordion-circle {
  width: 18px;
  height: 18px;
}
.boomerang-result .btn-wrap-01 {
  margin: 0 auto;
}
.boomerang-result .btn-wrap-01.pt32 {
  padding-top: 32px;
}
.boomerang-result .btn-wrap-01.w272 {
  width: 272px;
}
.boomerang-result .btn-wrap-01.w292 {
  width: 292px;
}
.boomerang-result .btn-wrap-01.w302 {
  width: 302px;
}
.boomerang-result .bx-max-w800 {
  width: 100%;
  margin: 0 auto;
  /* media query version */
}
@media screen and (min-width: 769px) {
  .boomerang-result .bx-max-w800 {
    max-width: 800px;
  }
}
.boomerang-result .btn-to-top {
  position: fixed;
  right: 42px;
  bottom: 20px;
  z-index: 10;
  display: none;
}
.boomerang-result .btn-to-top.show {
  display: block;
}
.boomerang-result .btn-to-top a {
  position: relative;
  display: block;
  width: 50px;
  height: 50px;
  background-color: #999999;
}
.boomerang-result .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: "";
}
.boomerang-result .btn-to-top a:hover {
  opacity: 0.7;
}
.boomerang-result a {
  cursor: pointer;
}
.title-h2-border {
  border-bottom-width: 3px !important;
}
.text-img {
  display: flex;
  line-height: 25px;
  align-items: center;
}
.text-img .text-center {
  flex-shrink: 1;
  flex-grow: 10;
  flex-basis: 0;
  margin-bottom: 0px;
  text-align: left;
}
.text-img .kome-div {
  display: flex;
  font-size: 13px;
  padding-top: 15px;
}
.text-img .kome-div div {
  padding-left: 8px;
}
.text-img .div-margin-top {
  margin-top: 0px;
}
.text-img .div-margin-top app-static-contents img {
  width: 206px;
}
.button-under {
  padding: 0 5.36vw;
  padding: 0 var(--space-size-20);
  display: flex;
  font-size: 13px;
}
.possible-title {
  line-height: 28px;
  color: #003a77;
  font-size: 18px;
  font-weight: bold;
  margin-top: 20px;
}
.possible-div {
  margin-top: 20px;
}
.possible-div .possible-detail-title {
  display: flex;
  align-items: center;
}
.possible-div .possible-detail-title .svg-div {
  height: 40px;
}
.possible-div .possible-detail-title .svg-div svg {
  width: 40px;
  height: 40px;
  fill: #c6a465;
}
.possible-div .possible-detail-title .svg-div app-static-contents img {
  width: 80px;
}
.possible-div .possible-detail-title .title-div {
  margin-left: 10px;
}
.possible-div .possible-detail-title .title-div span {
  font-size: 16px;
  font-weight: bold;
  line-height: 28px;
}
.possible-div .possible-detail-img-div {
  text-align: center;
  margin-top: 20px;
}
.check-message {
  color: #003a77;
  font-weight: bold;
  font-size: 16px;
  font-style: normal;
  line-height: 28px;
  text-align: center;
  margin-top: 30px;
}
.button-under-margin {
  margin-bottom: 25px;
}
.content-kome-div {
  display: flex;
  font-size: 13px;
  padding-top: 15px;
}
.content-kome-div div {
  padding-left: 8px;
}
.title-div-img {
  display: flex;
  align-items: center;
  margin-bottom: 12px;
  padding-top: 10px;
}
.title-div-img .title-div-font {
  font-size: 16px;
  color: #003a77;
}
.title-div-img .title-image app-static-contents {
  margin: 0;
}
.title-div-img .title-image app-static-contents img {
  width: 276px;
}
.title-div {
  display: flex;
  align-items: center;
  margin-bottom: 12px;
  padding-top: 10px;
}
.title-div p {
  font-size: 16px;
  color: #003a77;
}
.title-div .title-image app-static-contents {
  margin: 0;
}
.title-div .title-image app-static-contents img {
  width: 276px;
}
.step-div {
  margin-bottom: 25px;
}
.step-div p {
  line-height: 28px;
  margin-top: 10px;
}
.step-div .step-kome-div {
  display: flex;
  font-size: 13px;
  line-height: 25px;
}
.step-div .kome-left {
  margin-left: 8px;
}
.gift-p {
  font-weight: bold;
}
.gift-div {
  display: flex;
  text-align: center;
  justify-content: center;
}
.gift-div app-static-contents img {
  width: 328px;
}
.gift-div p {
  margin-top: 7px;
}
.ion-list-style {
  box-shadow: 0px 0px 0px 1px #dcd2be;
  border-radius: 4px;
}
.ion-list-style ion-item-group ion-item-divider {
  border-top: 0px !important;
}
.ion-list-style ion-item-group ion-item-divider ion-text {
  margin-left: 8px !important;
  margin-right: 7px !important;
  line-height: 28px;
}
.ion-list-style ion-item-group[closed] ion-item-divider {
  border-bottom: 0px !important;
}
.ion-list-style .dl-style {
  margin-left: 20px;
  margin-right: 20px;
  border-bottom: 0px !important;
}
.ion-list-style .dl-style .img-p-flex {
  display: flex;
  align-items: flex-start;
  margin-top: 9px;
}
.ion-list-style .dl-style .img-p-flex img {
  margin-top: 5px;
  margin-right: 8px;
}
.ion-list-style .dl-style .image-top-bottom {
  margin-top: 8px;
  margin-bottom: 5px;
}
.ion-list-style .dl-style .image-top {
  margin-top: 10px;
}
.ion-list-style .dl-style .img-p-flex-top {
  margin-top: 20px;
}
.ion-list-style .dl-style .information-div {
  border: 2px solid #003a77;
  border-radius: 4px;
}
.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;
}
.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;
}
.remaining-introduction-times-margin {
  margin-top: 30px !important;
}
.title-btn-color {
  padding-top: 14px;
  padding-right: 15px;
  padding-left: 15px;
  background: #f4f4f8;
  /* container query version */
}
@container app-page-responsive-content-container (min-width: 769px) {
  .title-btn-color {
    padding: 35px 138px;
  }
}
.title-btn-color .text-large {
  margin: 10px 20px 0 !important;
  /* media query version */
}
@media screen and (min-width: 769px) {
  .title-btn-color .text-large {
    margin: 0 0 15px !important;
  }
}
.coupon-picture-take-div {
  display: flex;
  align-items: center;
  padding-bottom: 30px;
  /* container query version */
}
@container app-page-responsive-content-container (min-width: 769px) {
  .coupon-picture-take-div {
    padding-bottom: 0;
  }
}
.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) {
  .coupon-picture-take-div .coupon-picture-take-img-div {
    margin-left: 0;
  }
}
.coupon-picture-take-div .coupon-picture-take-link-div {
  margin: 0;
}
.coupon-picture-take-div .coupon-picture-take-link-div a {
  color: #0099ff !important;
  color: var(--ion-link-text-color) !important;
  cursor: pointer;
}
.faq-margin-left-div {
  margin-bottom: 30px !important;
  margin-left: 20px;
}
.faq-margin-left-div app-static-contents a img {
  margin: 0 !important;
}
.type-help-div {
  margin-top: 30px !important;
  margin-bottom: 30px !important;
}
.margin-top-div {
  margin-top: 30px !important;
}
.div-img-flex {
  display: flex;
}
.div-img-flex .a-top-margin {
  margin-top: 0px;
}
.div-img-flex .img-width {
  margin-top: 2px;
  margin-right: 4px;
}
.div-img-flex .img-width img {
  width: 18px;
}
.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) {
  .app-page.official-approximation-top .btn-to-top {
    right: 32px;
    bottom: 126px;
  }
}
.app-page.official-approximation-top .btn-to-top a {
  display: block;
  width: 48px;
  height: 48px;
  background: #336192 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) {
  .app-page.official-approximation-top .btn-to-top a {
    width: 72px;
    height: 72px;
  }
}
.app-page.official-approximation-top .btn-to-top a:hover {
  opacity: 0.6;
}
.app-page.official-approximation-top .btn-to-top.show {
  display: block;
}
.app-page.official-approximation-top .header-title-wrap {
  display: none;
}
.app-page.official-approximation-top.app-page-responsive .app-page-content {
  max-width: 100%;
  background: #ddf2f9 url('05_01_48-img015.fad0c09531c17d39d656.svg') 0 0 repeat-y;
  background-size: 100% auto;
  /* media query version */
}
@media screen and (min-width: 769px) {
  .app-page.official-approximation-top.app-page-responsive .app-page-content {
    background: #ddf2f9 url('05_01_48-img014.a550205191cba9cf5a38.svg') 0 0 repeat-y;
    background-size: 100% auto;
  }
}
.app-page.official-approximation-top.app-page-responsive .app-page-content section.bg-color.bg-color-01 {
  background-color: rgba(85, 189, 224, 0.2);
}
.app-page.official-approximation-top.app-page-responsive .app-page-content section.bg-color.bg-color-02 {
  background-color: rgba(255, 255, 255, 0.4);
}
.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) {
  .app-page.official-approximation-top.app-page-responsive .app-page-content section.section-heading .box-flex {
    padding: 40px 0 48px;
  }
}
.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) {
  .app-page.official-approximation-top.app-page-responsive .app-page-content section.section-heading .box-flex .box-l {
    margin-right: 24px;
  }
}
.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) {
  .app-page.official-approximation-top.app-page-responsive .app-page-content section.section-heading .box-flex .box-l img {
    width: 80px;
  }
}
.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) {
  .app-page.official-approximation-top.app-page-responsive .app-page-content section.section-heading .box-flex .box-r {
    margin-left: 24px;
  }
}
.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) {
  .app-page.official-approximation-top.app-page-responsive .app-page-content section.section-heading .box-flex .box-r .sub {
    font-size: 20px;
  }
}
.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) {
  .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;
  }
}
.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) {
  .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;
  }
}
.app-page.official-approximation-top.app-page-responsive .app-page-content section.section-heading .box-flex .box-r h1 {
  color: #003a77;
  font-weight: bold;
  font-size: 24px;
  /* media query version */
}
@media screen and (min-width: 769px) {
  .app-page.official-approximation-top.app-page-responsive .app-page-content section.section-heading .box-flex .box-r h1 {
    font-size: 32px;
  }
}
.app-page.official-approximation-top.app-page-responsive .app-page-content section.section-select-situation h2 {
  padding: 24px 0;
  color: #003a77;
  font-weight: bold;
  font-size: 18px;
  text-align: center;
  /* media query version */
}
@media screen and (min-width: 769px) {
  .app-page.official-approximation-top.app-page-responsive .app-page-content section.section-select-situation h2 {
    padding: 48px 0;
    font-size: 24px;
  }
}
.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) {
  .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;
  }
}
.app-page.official-approximation-top.app-page-responsive .app-page-content section.section-select-situation ul.ul-btn li {
  width: 100%;
  /* media query version */
}
.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) {
  .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) {
  .app-page.official-approximation-top.app-page-responsive .app-page-content section.section-select-situation ul.ul-btn li {
    width: 48%;
  }
}
.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: #003a77 url('05_01_48-img016.4c677df6f2240434c677.svg') right 24px center no-repeat;
  border-radius: 8px;
  /* media query version */
}
@media screen and (min-width: 769px) {
  .app-page.official-approximation-top.app-page-responsive .app-page-content section.section-select-situation ul.ul-btn li button {
    height: 96px;
  }
}
.app-page.official-approximation-top.app-page-responsive .app-page-content section.section-select-situation ul.ul-btn li button:hover {
  opacity: 0.25;
}
.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) {
  .app-page.official-approximation-top.app-page-responsive .app-page-content section.section-select-situation ul.ul-btn li button span {
    font-size: 18px;
  }
}
.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) {
  .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;
  }
}
.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) {
  .app-page.official-approximation-top.app-page-responsive .app-page-content section.section-select-situation ul.ul-btn li .estimate-image {
    margin-top: 16px;
  }
}
.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) {
  .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;
  }
}
.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 */
}
.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) {
  .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) {
  .app-page.official-approximation-top.app-page-responsive .app-page-content section.section-select-situation ul.ul-btn-wrap li {
    width: 48%;
  }
}
.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: #003a77 url('05_01_48-img016.4c677df6f2240434c677.svg') right 24px center no-repeat;
  border-radius: 8px;
  /* media query version */
}
@media screen and (min-width: 769px) {
  .app-page.official-approximation-top.app-page-responsive .app-page-content section.section-select-situation ul.ul-btn-wrap li button {
    height: 96px;
  }
}
.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;
}
.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) {
  .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;
  }
}
.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) {
  .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;
  }
}
.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) {
  .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;
  }
}
.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: rgba(85, 189, 224, 0.2);
  /* media query version */
}
@media screen and (min-width: 769px) {
  .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;
  }
}
.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: #003a77;
  font-weight: bold;
  font-size: 14px;
  background: #fff;
  border: 2px solid #003a77;
  border-radius: 10px;
  /* media query version */
}
.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) {
  .app-page.official-approximation-top.app-page-responsive .app-page-content section.section-select-situation .applications button {
    margin: 0 auto 48px;
    font-size: 18px;
  }
}
.app-page.official-approximation-top.app-page-responsive .app-page-content section.section-select-situation .applications button img {
  margin-right: 12px;
}
.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) {
  .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;
  }
}
.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) {
  .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;
  }
}
.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) {
  .app-page.official-approximation-top.app-page-responsive .app-page-content section.section-select-situation .applications ul.ul-link li a {
    font-size: 16px;
  }
}
.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) {
  .app-page.official-approximation-top.app-page-responsive .app-page-content section.section-select-situation .applications hr {
    margin: 16px 64px;
  }
}
.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) {
  .app-page.official-approximation-top.app-page-responsive .app-page-content section.section-flow .box-heading {
    padding-top: 80px;
  }
}
.app-page.official-approximation-top.app-page-responsive .app-page-content section.section-flow .box-heading h2 {
  color: #003a77;
  font-weight: bold;
  font-size: 22px;
  /* media query version */
}
@media screen and (min-width: 769px) {
  .app-page.official-approximation-top.app-page-responsive .app-page-content section.section-flow .box-heading h2 {
    font-size: 28px;
  }
}
.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) {
  .app-page.official-approximation-top.app-page-responsive .app-page-content section.section-flow .box-heading h2 img {
    width: 57px;
    height: auto;
  }
}
.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) {
  .app-page.official-approximation-top.app-page-responsive .app-page-content section.section-flow .box-heading .sub {
    font-size: 18px;
  }
}
.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 */
}
.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: #003a77;
  transform: translateX(-50%);
  content: "";
}
@media screen and (min-width: 769px) {
  .app-page.official-approximation-top.app-page-responsive .app-page-content section.section-flow .box-list {
    margin-top: 48px;
    padding: 0 30px 48px;
  }
  .app-page.official-approximation-top.app-page-responsive .app-page-content section.section-flow .box-list:before {
    position: absolute;
    top: 118px;
    left: 50%;
    z-index: 1;
    display: block;
    width: 80%;
    height: 2px;
    background: #003a77;
    transform: translateX(-50%);
    content: "";
  }
}
.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;
}
.app-page.official-approximation-top.app-page-responsive .app-page-content section.section-flow .box-list ol li {
  width: 25%;
}
.app-page.official-approximation-top.app-page-responsive .app-page-content section.section-flow .box-list ol li dt {
  text-align: center;
}
.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: #55bde0;
  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) {
  .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;
  }
}
.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 #003a77;
  border-radius: 100px;
  /* media query version */
}
@media screen and (min-width: 769px) {
  .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;
  }
}
.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) {
  .app-page.official-approximation-top.app-page-responsive .app-page-content section.section-flow .box-list ol li dt .image img {
    transform: scale(1);
  }
}
.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: #003a77;
  font-weight: bold;
  font-size: 12px;
  text-align: center;
  /* media query version */
}
.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) {
  .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) {
  .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;
  }
}
.app-page.official-approximation-top.app-page-responsive .app-page-content section.section-flow .box-list ol li:last-child dd {
  margin-top: 12px;
}
.app-page.official-approximation-top.app-page-responsive .app-page-content section.section-flow .note {
  margin: 48px -20px 0;
  padding: 24px 16px;
  background-color: rgba(85, 189, 224, 0.2);
  /* media query version */
}
@media screen and (min-width: 769px) {
  .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;
  }
}
.app-page.official-approximation-top.app-page-responsive .app-page-content section.section-flow .note ul li {
  margin-bottom: 0.5em;
  padding-left: 1em;
  font-size: 14px;
  text-indent: -1em;
}
.app-page.official-approximation-top.app-page-responsive .app-page-content section.section-flow .note ul li:last-child {
  margin-bottom: 0;
}
.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;
}
.app-page.official-approximation-top.app-page-responsive .app-page-content section.section-flow .note ul li a:hover {
  text-decoration: none;
}
.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) {
  .app-page.official-approximation-top.app-page-responsive .app-page-content section.section-common-qa {
    margin-top: 80px;
    padding: 80px 0;
  }
}
.app-page.official-approximation-top.app-page-responsive .app-page-content section.section-common-qa h2 {
  padding-bottom: 32px;
  color: #003a77;
  font-weight: bold;
  font-size: 22px;
  text-align: center;
  vertical-align: middle;
  /* media query version */
}
@media screen and (min-width: 769px) {
  .app-page.official-approximation-top.app-page-responsive .app-page-content section.section-common-qa h2 {
    font-size: 28px;
  }
}
.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) {
  .app-page.official-approximation-top.app-page-responsive .app-page-content section.section-common-qa h2 img {
    width: 57px;
    height: auto;
    margin-right: 20px;
  }
}
.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) {
  .app-page.official-approximation-top.app-page-responsive .app-page-content section.section-content-end {
    padding: 48px 0 60px;
  }
}
.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: 188px;
  height: 48px;
  margin: 0 auto;
  color: #003a77;
  font-weight: bold;
  font-size: 14px;
  text-align: center;
  background: #fff url('05_01_48-img017.726d88ddce4bbe273705.svg') left 16px center no-repeat;
  border: 2px solid #003a77;
  border-radius: 100px;
}
.app-page.official-approximation-top.app-page-responsive .app-page-content section.section-content-end .btn button:hover {
  opacity: 0.6;
}
.app-page.official-approximation-top.app-page-responsive .app-page-content .content-box {
  max-width: 980px;
  margin: 0 auto;
  padding: 0 20px;
}
.app-page.official-approximation-top.app-page-responsive .app-page-content .ul-faq li.li-faq {
  margin-bottom: 16px;
  background: #fff;
  border: 2px solid #003a77;
  border-radius: 6px;
}
.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 48px;
  font-weight: bold;
  font-size: 14px;
  cursor: pointer;
  /* media query version */
}
@media screen and (min-width: 769px) {
  .app-page.official-approximation-top.app-page-responsive .app-page-content .ul-faq li.li-faq .question {
    min-height: 80px;
    padding: 10px 66px 10px 78px;
    font-size: 18px;
  }
}
.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: #003a77;
  content: "";
  /* media query version */
}
@media screen and (min-width: 769px) {
  .app-page.official-approximation-top.app-page-responsive .app-page-content .ul-faq li.li-faq .question:before {
    right: 30px;
    width: 21px;
    height: 2px;
  }
}
.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: #003a77;
  transform: rotate(90deg);
  content: "";
  /* media query version */
}
@media screen and (min-width: 769px) {
  .app-page.official-approximation-top.app-page-responsive .app-page-content .ul-faq li.li-faq .question:after {
    right: 30px;
    width: 21px;
    height: 2px;
  }
}
.app-page.official-approximation-top.app-page-responsive .app-page-content .ul-faq li.li-faq .question.is-open:after {
  transform: rotate(0deg);
}
.app-page.official-approximation-top.app-page-responsive .app-page-content .ul-faq li.li-faq .question .icon {
  position: absolute;
}
.app-page.official-approximation-top.app-page-responsive .app-page-content .ul-faq li.li-faq .question.qa-flow-question {
  background: url('05_01_48-img018.fd4a000319de16ecb19b.svg') 14px center no-repeat;
  background-size: 21px auto;
  /* media query version */
}
@media screen and (min-width: 769px) {
  .app-page.official-approximation-top.app-page-responsive .app-page-content .ul-faq li.li-faq .question.qa-flow-question {
    background: url('05_01_48-img018.fd4a000319de16ecb19b.svg') 26px center no-repeat;
    background-size: 26px auto;
  }
}
.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) {
  .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;
  }
}
.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;
}
.app-page.official-approximation-top.app-page-responsive .app-page-content .ul-faq li.li-faq .answer.is-open {
  max-height: 100px;
}
.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;
  /* media query version */
}
@media screen and (min-width: 769px) {
  .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;
  }
}
.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: #f2f5f8;
  border-radius: 0 0 6px 6px;
}
.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: #003a77;
  font-weight: bold;
  font-size: 16px;
  text-align: center;
  /* media query version */
}
@media screen and (min-width: 769px) {
  .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;
  }
}
.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) {
  .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;
  }
}
.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 */
}
.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) {
  .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) {
  .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%;
  }
}
.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) {
  .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;
  }
}
.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 !important;
  text-align: left;
  /* media query version */
}
@media screen and (min-width: 769px) {
  .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 !important;
  }
}
.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;
}
.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;
}
.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;
}
.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;
}
.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: #f2f5f8 url('05_01_48-img020.faa42a8e8354c909eec1.svg') 12px 18px no-repeat;
  border-radius: 0 0 6px 6px;
  background-size: 37px auto;
  font-size: 14px;
  /* media query version */
}
@media screen and (min-width: 769px) {
  .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;
    background: #f2f5f8 url('05_01_48-img020.faa42a8e8354c909eec1.svg') 16px 21px no-repeat;
    background-size: 58px auto;
    font-size: 16px;
  }
}
.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;
}
.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;
}
.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;
}
.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: "・";
}
.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) {
  .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;
  }
}
.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) {
  .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;
  }
}
.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.content-list {
  padding-left: 18px !important;
  list-style-type: decimal;
  /* media query version */
}
@media screen and (min-width: 769px) {
  .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.content-list {
    padding-top: 8px;
  }
}
.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.content-list li {
  margin-top: 0 !important;
}
.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) {
  .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;
  }
}
.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;
}
.app-page.official-approximation-top.app-page-responsive .app-page-content a.link:hover {
  text-decoration: underline;
}
.app-page.official-approximation-top.app-page-responsive .app-page-content a.link img {
  margin: -2px 10px 0 0;
  vertical-align: middle;
}
.app-page.official-approximation-top.app-page-responsive .app-page-content a.link.arrow-right-circle {
  padding-right: 32px;
}
.app-page.official-approximation-top.app-page-responsive .app-page-content a.link.arrow-right-circle:after {
  position: absolute;
  top: -2px;
  right: 0;
  width: 24px;
  height: 24px;
  background: #003a77 url('05_01_48-img016.4c677df6f2240434c677.svg') center center no-repeat;
  background-size: 12px auto;
  border-radius: 100px;
  content: "";
}
.app-page.official-approximation-top.app-page-responsive .app-page-content a.link.external-circle {
  padding-right: 32px;
}
.app-page.official-approximation-top.app-page-responsive .app-page-content a.link.external-circle:after {
  position: absolute;
  top: -2px;
  right: 0;
  width: 24px;
  height: 24px;
  background: #003a77 url('05_01_48-img021.72f42ebe9ad8cea8e1e6.svg') center center no-repeat;
  background-size: 12px auto;
  border-radius: 100px;
  content: "";
}
.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) {
  .app-page.official-approximation-top.app-page-responsive .app-page-content br.sp-only {
    display: none;
  }
}
.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) {
  .app-page.official-approximation-top .pc-only {
    display: block;
    width: 100%;
    margin-top: -10px;
  }
}
.app-page.official-approximation-top .pc-only .txt-left {
  margin-bottom: 16px;
  font-size: 14px !important;
  text-align: left;
  /* media query version */
}
@media screen and (min-width: 769px) {
  .app-page.official-approximation-top .pc-only .txt-left {
    margin-bottom: 24px;
    font-size: 14px !important;
  }
}
.app-page.official-approximation-top .pc-only app-static-contents a {
  font-size: 14px !important;
}
.app-page.official-approximation-top .pc-only .img img {
  width: 100%;
  max-width: 320px;
  vertical-align: top;
}
.app-page.official-approximation-top .sp-only {
  display: block;
  /* media query version */
}
@media screen and (min-width: 769px) {
  .app-page.official-approximation-top .sp-only {
    display: none;
  }
}
.app-page.official-approximation-top .link-item {
  display: flex;
  align-items: baseline;
  margin-bottom: 10px;
}
.app-page.official-approximation-top .link-img {
  margin-right: 5px;
  width: 14px;
  height: 14px;
  position: relative;
  top: 1px;
}
.two-factor-auth-login-box {
  padding: 10px 20px !important;
}
.main-action-list ion-item-group ion-item-divider {
  border: 0 !important;
  padding: 0 !important;
}
.main-action-list dl {
  border: 0 !important;
  padding: 0 !important;
}
.main-action-list dl ul .phoneCallDisplay {
  color: #CC0000;
}
.div-list {
  margin-left: 5px;
}
.div-list span app-static-contents a {
  text-decoration: none !important;
}
.div-center {
  text-align: center;
}
.div-center .text-normal p, .div-center .list-sensor p, .div-center .list-note-ja p, .div-center .list-sharp-03 p, .div-center .list-sharp-02 p, .div-center .list-sharp-02-from4 p, .div-center .list-sharp-02-from3 p, .div-center .list-sharp-02-from2 p, .div-center .list-sharp p, .div-center .list-example p, .div-center .list-alphabetical p, .div-center .list-decimal-04 p, .div-center .list-decimal-03 p, .div-center .list-decimal-02 p, .div-center .list-decimal p, .div-center .list-dot-6 p, .div-center .list-dot-5 p, .div-center .list-dot-3 p, .div-center .list-dot p {
  text-align: left;
}
.accordion-no-border ion-item-group ion-item-divider {
  border: 0 !important;
  padding: 0 !important;
}
.accordion-no-border dl {
  border: 0 !important;
  padding: 0 !important;
}
.subsItem {
  display: -webkit-box;
  /* container query version */
}
@container app-page-responsive-content-container (min-width: 769px) {
  .subsItem {
    max-width: 744px;
    margin-right: auto;
    margin-left: auto;
  }
}
.subsItem .subsItem-div {
  margin-right: 15px;
}
.subsItem .subsItem-div span {
  font-size: 13px;
}
.subsItem .img-width {
  margin-top: 2px;
  margin-right: 4px;
}
.subsItem .img-width img {
  width: 18px;
}
.page-subscription-done-accordion-wrap {
  /* container query version */
}
@container app-page-responsive-content-container (min-width: 769px) {
  .page-subscription-done-accordion-wrap {
    max-width: 744px;
    margin-right: auto;
    margin-left: auto;
  }
}
.div-second-line {
  margin-top: 15px;
}
.margin-top-40-div {
  margin-top: 40px !important;
}
.margin-right-5-div {
  margin-right: 5px;
}
.margin-bottom-40-div {
  margin-bottom: 40px;
}
.margin-top-15-div {
  margin-top: 15px !important;
}
.margin-top-15-div .p-margin {
  margin-right: 15px;
  margin-left: 15px;
}
.accordion-box ion-item-group ion-item-divider {
  height: auto !important;
  margin-bottom: 0 !important;
}
.item-divider-inner {
  background-color: #f4f4f8;
  background-color: var(--ion-emphasis-bg-color);
}
.ion-item-divider {
  margin-bottom: 0;
  padding-bottom: 0;
}
.margin-bottom-0 {
  margin-bottom: 0 !important;
  padding-bottom: 0;
}
[margin-top-0] {
  margin-top: 0 !important;
}
.expand-bottom {
  position: relative;
  margin: 0;
  padding: 0;
  text-align: center;
  background-color: #f4f4f8;
  background-color: var(--ion-emphasis-bg-color);
}
.expand-center {
  width: 100%;
  text-align: center;
}
[text-gray] {
  color: #555555 !important;
}
[font-size-20] {
  font-size: calc(1em + 1.07vw);
  font-size: var(--font-size-20);
}
[font-size-18] {
  font-size: 18px !important;
  line-height: 31.5px !important;
}
[font-size-12] {
  font-size: 12px;
}
.gray-box {
  margin-right: 0px !important;
  margin-left: 0px !important;
  padding-right: 0px;
  padding-left: 0px;
  border-radius: 20px;
}
.ion-list-new ion-item-group ion-item-divider {
  border-top: none !important;
  border-bottom: none !important;
}
.ion-list-new ion-item-group dl {
  border-bottom: none !important;
}
.expand-title {
  margin-bottom: 15px;
  padding-top: 15px;
  padding-bottom: 15px;
  background-color: #003a77;
}
.expand-title span {
  color: white;
}
.expand-background {
  margin-top: 15px;
  padding-top: 0px;
  padding-bottom: 15px;
  background-color: white;
}
.expand-range {
  margin-bottom: 30px !important;
  padding-bottom: 0px;
  border-radius: 20px;
}
.div-text-center {
  text-align: center;
}
[padding-top-0] {
  padding-top: 0px !important;
}
[padding-bottom-0] {
  padding-bottom: 0px !important;
}
[padding-bottom-20] {
  padding-bottom: 20px !important;
}
[margin-bottom-10] {
  margin-bottom: 10px !important;
}
#margin-btm-0 {
  margin-bottom: 0px;
}
.expand-content p {
  padding-left: 10px;
  text-align: left;
}
p.comment {
  font-size: 14px;
}
[font-bold] {
  font-weight: bold;
}
#margin-btm-10 {
  margin-top: 0px;
  margin-right: 15px;
  margin-bottom: 10px;
  margin-left: 15px;
}
.app-page.subscription-done .btn-to-top, .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) {
  .app-page.subscription-done .btn-to-top, .app-page.subscription-done-bis .btn-to-top {
    right: 32px;
    bottom: 126px;
  }
}
.app-page.subscription-done .btn-to-top a, .app-page.subscription-done-bis .btn-to-top a {
  display: block;
  width: 48px;
  height: 48px;
  background: #336192 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) {
  .app-page.subscription-done .btn-to-top a, .app-page.subscription-done-bis .btn-to-top a {
    width: 72px;
    height: 72px;
  }
}
.app-page.subscription-done .btn-to-top a:hover, .app-page.subscription-done-bis .btn-to-top a:hover {
  opacity: 0.6;
}
.app-page.subscription-done .btn-to-top.show, .app-page.subscription-done-bis .btn-to-top.show {
  display: block;
}
.app-page.subscription-done.app-page-responsive .app-page-content, .app-page.subscription-done-bis.app-page-responsive .app-page-content {
  max-width: 100%;
  padding-bottom: 48px;
  background: #ddf2f9 url('05_02_88-img022.fad0c09531c17d39d656.svg') 0 0 repeat-y;
  background-size: 100% auto;
  /* media query version */
}
@media screen and (min-width: 769px) {
  .app-page.subscription-done.app-page-responsive .app-page-content, .app-page.subscription-done-bis.app-page-responsive .app-page-content {
    padding-bottom: 84px;
    background: #ddf2f9 url('05_02_88-img023.a550205191cba9cf5a38.svg') 0 0 repeat-y;
    background-size: 100% auto;
  }
}
.app-page.subscription-done.app-page-responsive .app-page-content section h2.heading-border, .app-page.subscription-done-bis.app-page-responsive .app-page-content section h2.heading-border {
  position: relative;
  padding-bottom: 20px;
  color: #003a77;
  font-weight: bold;
  font-size: 22px;
  text-align: center;
  /* media query version */
}
@media screen and (min-width: 769px) {
  .app-page.subscription-done.app-page-responsive .app-page-content section h2.heading-border, .app-page.subscription-done-bis.app-page-responsive .app-page-content section h2.heading-border {
    padding-bottom: 26px;
    font-size: 28px;
  }
}
.app-page.subscription-done.app-page-responsive .app-page-content section h2.heading-border::after, .app-page.subscription-done-bis.app-page-responsive .app-page-content section h2.heading-border::after {
  position: absolute;
  bottom: 0;
  left: 50%;
  display: block;
  width: 22px;
  height: 4px;
  margin-left: -11px;
  background-color: #55bde0;
  content: "";
  /* media query version */
}
@media screen and (min-width: 769px) {
  .app-page.subscription-done.app-page-responsive .app-page-content section h2.heading-border::after, .app-page.subscription-done-bis.app-page-responsive .app-page-content section h2.heading-border::after {
    width: 28px;
    margin-left: -14px;
  }
}
.app-page.subscription-done.app-page-responsive .app-page-content section br.for-pc, .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) {
  .app-page.subscription-done.app-page-responsive .app-page-content section br.for-pc, .app-page.subscription-done-bis.app-page-responsive .app-page-content section br.for-pc {
    display: inline-block;
  }
}
.app-page.subscription-done.app-page-responsive .app-page-content section br.for-sp, .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) {
  .app-page.subscription-done.app-page-responsive .app-page-content section br.for-sp, .app-page.subscription-done-bis.app-page-responsive .app-page-content section br.for-sp {
    display: none;
  }
}
.app-page.subscription-done.app-page-responsive .app-page-content section .slide-sensor-pagination, .app-page.subscription-done-bis.app-page-responsive .app-page-content section .slide-sensor-pagination {
  position: absolute;
  bottom: 0;
  left: 50%;
  z-index: 1;
  display: flex;
  transform: translateX(-50%);
  /* media query version */
}
@media screen and (min-width: 769px) {
  .app-page.subscription-done.app-page-responsive .app-page-content section .slide-sensor-pagination, .app-page.subscription-done-bis.app-page-responsive .app-page-content section .slide-sensor-pagination {
    display: none;
  }
}
.app-page.subscription-done.app-page-responsive .app-page-content section .slide-sensor-pagination .swiper-pagination-bullet, .app-page.subscription-done-bis.app-page-responsive .app-page-content section .slide-sensor-pagination .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  background-color: #fff;
  border: 2px solid #003a77;
  border-radius: 50%;
  opacity: 1;
  margin-right: 16px;
}
.app-page.subscription-done.app-page-responsive .app-page-content section .slide-sensor-pagination .swiper-pagination-bullet:last-child, .app-page.subscription-done-bis.app-page-responsive .app-page-content section .slide-sensor-pagination .swiper-pagination-bullet:last-child {
  margin-right: 0;
}
.app-page.subscription-done.app-page-responsive .app-page-content section .slide-sensor-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active, .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;
}
.app-page.subscription-done.app-page-responsive .app-page-content section.section-completed, .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) {
  .app-page.subscription-done.app-page-responsive .app-page-content section.section-completed, .app-page.subscription-done-bis.app-page-responsive .app-page-content section.section-completed {
    padding: 50px 0 80px;
  }
}
.app-page.subscription-done.app-page-responsive .app-page-content section.section-completed .completed-heading, .app-page.subscription-done-bis.app-page-responsive .app-page-content section.section-completed .completed-heading {
  display: flex;
  align-items: center;
  justify-content: center;
}
.app-page.subscription-done.app-page-responsive .app-page-content section.section-completed h1, .app-page.subscription-done-bis.app-page-responsive .app-page-content section.section-completed h1 {
  position: relative;
  display: inline-block;
  color: #003a77;
  font-weight: bold;
  font-size: 22px;
  text-align: center;
  /* media query version */
}
@media screen and (min-width: 769px) {
  .app-page.subscription-done.app-page-responsive .app-page-content section.section-completed h1, .app-page.subscription-done-bis.app-page-responsive .app-page-content section.section-completed h1 {
    font-size: 28px;
  }
}
.app-page.subscription-done.app-page-responsive .app-page-content section.section-completed h1::before, .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) {
  .app-page.subscription-done.app-page-responsive .app-page-content section.section-completed h1::before, .app-page.subscription-done-bis.app-page-responsive .app-page-content section.section-completed h1::before {
    left: -32px;
    width: 20px;
    height: 40px;
  }
}
.app-page.subscription-done.app-page-responsive .app-page-content section.section-completed h1::after, .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) {
  .app-page.subscription-done.app-page-responsive .app-page-content section.section-completed h1::after, .app-page.subscription-done-bis.app-page-responsive .app-page-content section.section-completed h1::after {
    right: -32px;
    width: 20px;
    height: 40px;
  }
}
.app-page.subscription-done.app-page-responsive .app-page-content section.section-completed .main-visual, .app-page.subscription-done-bis.app-page-responsive .app-page-content section.section-completed .main-visual {
  width: 100vw;
  margin-top: 24px;
  margin-left: -20px;
  border-radius: 0;
}
@media screen and (min-width: 769px) and (max-width: 979px) {
  .app-page.subscription-done.app-page-responsive .app-page-content section.section-completed .main-visual, .app-page.subscription-done-bis.app-page-responsive .app-page-content section.section-completed .main-visual {
    border-radius: 16px;
  }
}
@media screen and (min-width: 980px) {
  .app-page.subscription-done.app-page-responsive .app-page-content section.section-completed .main-visual, .app-page.subscription-done-bis.app-page-responsive .app-page-content section.section-completed .main-visual {
    margin-left: calc((100vw - 940px) / (-2));
    border-radius: 16px;
  }
}
.app-page.subscription-done.app-page-responsive .app-page-content section.section-completed .main-visual img, .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;
}
.app-page.subscription-done.app-page-responsive .app-page-content section.section-completed .content-area, .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) {
  .app-page.subscription-done.app-page-responsive .app-page-content section.section-completed .content-area, .app-page.subscription-done-bis.app-page-responsive .app-page-content section.section-completed .content-area {
    margin-top: 48px;
  }
}
.app-page.subscription-done.app-page-responsive .app-page-content section.section-completed .content-area-top, .app-page.subscription-done-bis.app-page-responsive .app-page-content section.section-completed .content-area-top {
  color: #003a77;
  text-align: center;
  /* media query version */
}
@media screen and (min-width: 769px) {
  .app-page.subscription-done.app-page-responsive .app-page-content section.section-completed .content-area-top, .app-page.subscription-done-bis.app-page-responsive .app-page-content section.section-completed .content-area-top {
    font-size: 18px;
  }
}
.app-page.subscription-done.app-page-responsive .app-page-content section.section-completed .content-area-middle, .app-page.subscription-done-bis.app-page-responsive .app-page-content section.section-completed .content-area-middle {
  margin-top: 32px;
  color: #003a77;
  font-weight: bold;
  text-align: center;
  /* media query version */
}
@media screen and (min-width: 769px) {
  .app-page.subscription-done.app-page-responsive .app-page-content section.section-completed .content-area-middle, .app-page.subscription-done-bis.app-page-responsive .app-page-content section.section-completed .content-area-middle {
    font-size: 20px;
  }
}
.app-page.subscription-done.app-page-responsive .app-page-content section.section-completed .content-area-bottom, .app-page.subscription-done-bis.app-page-responsive .app-page-content section.section-completed .content-area-bottom {
  margin-top: 32px;
  font-size: 14px;
}
.app-page.subscription-done.app-page-responsive .app-page-content section.section-completed .payment-information, .app-page.subscription-done-bis.app-page-responsive .app-page-content section.section-completed .payment-information {
  width: 100vw;
  margin-top: 38px;
  margin-left: -20px;
  padding: 4px 4px 0;
  background-color: #fff;
  /* media query version */
}
@media screen and (min-width: 769px) {
  .app-page.subscription-done.app-page-responsive .app-page-content section.section-completed .payment-information, .app-page.subscription-done-bis.app-page-responsive .app-page-content section.section-completed .payment-information {
    width: 100%;
    margin-top: 54px;
    margin-left: 0;
    border-radius: 16px;
  }
}
.app-page.subscription-done.app-page-responsive .app-page-content section.section-completed .payment-information .head, .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;
  height: 50px;
  background-color: #f2f5f8;
  /* media query version */
}
@media screen and (min-width: 769px) {
  .app-page.subscription-done.app-page-responsive .app-page-content section.section-completed .payment-information .head, .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;
  }
}
.app-page.subscription-done.app-page-responsive .app-page-content section.section-completed .payment-information .head-text, .app-page.subscription-done-bis.app-page-responsive .app-page-content section.section-completed .payment-information .head-text {
  color: #003a77;
  font-weight: bold;
  font-size: 18px;
  /* media query version */
}
@media screen and (min-width: 769px) {
  .app-page.subscription-done.app-page-responsive .app-page-content section.section-completed .payment-information .head-text, .app-page.subscription-done-bis.app-page-responsive .app-page-content section.section-completed .payment-information .head-text {
    font-size: 20px;
  }
}
.app-page.subscription-done.app-page-responsive .app-page-content section.section-completed .payment-information .body, .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) {
  .app-page.subscription-done.app-page-responsive .app-page-content section.section-completed .payment-information .body, .app-page.subscription-done-bis.app-page-responsive .app-page-content section.section-completed .payment-information .body {
    padding: 32px 64px 41px;
  }
}
.app-page.subscription-done.app-page-responsive .app-page-content section.section-completed .payment-information .body .body-title, .app-page.subscription-done-bis.app-page-responsive .app-page-content section.section-completed .payment-information .body .body-title {
  color: #003a77;
  font-weight: bold;
  font-size: 16px;
  line-height: 1.75;
  text-align: center;
  /* media query version */
}
@media screen and (min-width: 769px) {
  .app-page.subscription-done.app-page-responsive .app-page-content section.section-completed .payment-information .body .body-title, .app-page.subscription-done-bis.app-page-responsive .app-page-content section.section-completed .payment-information .body .body-title {
    font-size: 18px;
  }
}
.app-page.subscription-done.app-page-responsive .app-page-content section.section-completed .payment-information .body .body-text, .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) {
  .app-page.subscription-done.app-page-responsive .app-page-content section.section-completed .payment-information .body .body-text, .app-page.subscription-done-bis.app-page-responsive .app-page-content section.section-completed .payment-information .body .body-text {
    font-size: 18px;
  }
}
.app-page.subscription-done.app-page-responsive .app-page-content section.section-completed .payment-information .body .body-text-note, .app-page.subscription-done-bis.app-page-responsive .app-page-content section.section-completed .payment-information .body .body-text-note {
  margin-top: 24px;
  margin-left: 1.5em;
  font-size: 14px;
  text-indent: -1.5em;
  /* media query version */
}
@media screen and (min-width: 769px) {
  .app-page.subscription-done.app-page-responsive .app-page-content section.section-completed .payment-information .body .body-text-note, .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;
  }
}
.app-page.subscription-done.app-page-responsive .app-page-content section.section-completed .payment-information .body .body-text-note-bottom, .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) {
  .app-page.subscription-done.app-page-responsive .app-page-content section.section-completed .payment-information .body .body-text-note-bottom, .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;
  }
}
.app-page.subscription-done.app-page-responsive .app-page-content section.section-completed .payment-information .body .body-list, .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) {
  .app-page.subscription-done.app-page-responsive .app-page-content section.section-completed .payment-information .body .body-list, .app-page.subscription-done-bis.app-page-responsive .app-page-content section.section-completed .payment-information .body .body-list {
    margin-top: 33px;
  }
}
.app-page.subscription-done.app-page-responsive .app-page-content section.section-completed .payment-information .body .body-list .body-list-item, .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) {
  .app-page.subscription-done.app-page-responsive .app-page-content section.section-completed .payment-information .body .body-list .body-list-item, .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;
  }
}
.app-page.subscription-done.app-page-responsive .app-page-content section.section-completed .payment-information .body .body-list .body-list-item:first-child, .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;
}
.app-page.subscription-done.app-page-responsive .app-page-content section.section-completed .payment-information .body .body-list .list-left-text, .app-page.subscription-done-bis.app-page-responsive .app-page-content section.section-completed .payment-information .body .body-list .list-left-text {
  color: #003a77;
  font-weight: bold;
  font-size: 16px;
}
.app-page.subscription-done.app-page-responsive .app-page-content section.section-completed .payment-information .body .body-list .list-right-text, .app-page.subscription-done-bis.app-page-responsive .app-page-content section.section-completed .payment-information .body .body-list .list-right-text {
  color: #003a77;
  font-size: 16px;
}
.app-page.subscription-done.app-page-responsive .app-page-content section.section-completed .button-service-newapp, .app-page.subscription-done-bis.app-page-responsive .app-page-content section.section-completed .button-service-newapp {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: 311px;
  height: 100px;
  margin: 0 auto;
  margin-top: 38px;
  color: #003a77;
  font-weight: bold;
  background: #fff;
  border-radius: 8px;
  /* media query version */
}
@media screen and (min-width: 769px) {
  .app-page.subscription-done.app-page-responsive .app-page-content section.section-completed .button-service-newapp, .app-page.subscription-done-bis.app-page-responsive .app-page-content section.section-completed .button-service-newapp {
    max-width: 480px;
    height: 120px;
  }
}
.app-page.subscription-done.app-page-responsive .app-page-content section.section-completed .button-service-newapp:hover, .app-page.subscription-done-bis.app-page-responsive .app-page-content section.section-completed .button-service-newapp:hover {
  opacity: 0.6;
}
.app-page.subscription-done.app-page-responsive .app-page-content section.section-completed .button-service-newapp::before, .app-page.subscription-done-bis.app-page-responsive .app-page-content section.section-completed .button-service-newapp::before {
  position: absolute;
  left: 12px;
  width: 80px;
  height: 78px;
  background: url('05_02_88-img028.c6bf2f23491a33de0d25.svg') no-repeat;
  background-size: cover;
  content: "";
  /* media query version */
}
@media screen and (min-width: 769px) {
  .app-page.subscription-done.app-page-responsive .app-page-content section.section-completed .button-service-newapp::before, .app-page.subscription-done-bis.app-page-responsive .app-page-content section.section-completed .button-service-newapp::before {
    left: 16px;
    width: 100px;
    height: 98px;
  }
}
@media screen and (max-width: 370px) {
  .app-page.subscription-done.app-page-responsive .app-page-content section.section-completed .button-service-newapp::before, .app-page.subscription-done-bis.app-page-responsive .app-page-content section.section-completed .button-service-newapp::before {
    left: 8px;
    width: 77px;
    height: 75px;
  }
}
.app-page.subscription-done.app-page-responsive .app-page-content section.section-completed .button-service-newapp::after, .app-page.subscription-done-bis.app-page-responsive .app-page-content section.section-completed .button-service-newapp::after {
  position: absolute;
  right: 12px;
  width: 32px;
  height: 32px;
  background: url('05_02_88-img029.09542c47e55f6b87e661.svg') no-repeat;
  background-size: cover;
  content: "";
  /* media query version */
}
@media screen and (min-width: 769px) {
  .app-page.subscription-done.app-page-responsive .app-page-content section.section-completed .button-service-newapp::after, .app-page.subscription-done-bis.app-page-responsive .app-page-content section.section-completed .button-service-newapp::after {
    right: 20px;
    width: 40px;
    height: 40px;
  }
}
@media screen and (max-width: 370px) {
  .app-page.subscription-done.app-page-responsive .app-page-content section.section-completed .button-service-newapp::after, .app-page.subscription-done-bis.app-page-responsive .app-page-content section.section-completed .button-service-newapp::after {
    width: 28px;
    height: 28px;
  }
}
.app-page.subscription-done.app-page-responsive .app-page-content section.section-completed .button-service-newapp .button-service-text-newapp, .app-page.subscription-done-bis.app-page-responsive .app-page-content section.section-completed .button-service-newapp .button-service-text-newapp {
  font-size: 13px;
  line-height: 1.6;
  padding-left: 2.7em;
  /* media query version */
}
@media screen and (min-width: 769px) {
  .app-page.subscription-done.app-page-responsive .app-page-content section.section-completed .button-service-newapp .button-service-text-newapp, .app-page.subscription-done-bis.app-page-responsive .app-page-content section.section-completed .button-service-newapp .button-service-text-newapp {
    font-size: 18px;
    padding-left: 5%;
  }
}
.app-page.subscription-done.app-page-responsive .app-page-content section.section-completed .button-service-newapp .button-service-text-newapp .text-newapp-large, .app-page.subscription-done-bis.app-page-responsive .app-page-content section.section-completed .button-service-newapp .button-service-text-newapp .text-newapp-large {
  display: inline-block;
  color: #003a77;
  font-size: 16px;
  /* media query version */
}
@media screen and (min-width: 769px) {
  .app-page.subscription-done.app-page-responsive .app-page-content section.section-completed .button-service-newapp .button-service-text-newapp .text-newapp-large, .app-page.subscription-done-bis.app-page-responsive .app-page-content section.section-completed .button-service-newapp .button-service-text-newapp .text-newapp-large {
    font-size: 22px;
  }
}
.app-page.subscription-done.app-page-responsive .app-page-content section.section-completed .button-service, .app-page.subscription-done-bis.app-page-responsive .app-page-content section.section-completed .button-service {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: 311px;
  height: 56px;
  margin: 0 auto;
  margin-top: 38px;
  color: #003a77;
  font-weight: bold;
  background: #fff;
  border: 2px solid #003a77;
  border-radius: 8px;
  /* media query version */
}
@media screen and (min-width: 769px) {
  .app-page.subscription-done.app-page-responsive .app-page-content section.section-completed .button-service, .app-page.subscription-done-bis.app-page-responsive .app-page-content section.section-completed .button-service {
    max-width: 480px;
    height: 96px;
  }
}
.app-page.subscription-done.app-page-responsive .app-page-content section.section-completed .button-service:hover, .app-page.subscription-done-bis.app-page-responsive .app-page-content section.section-completed .button-service:hover {
  opacity: 0.6;
}
.app-page.subscription-done.app-page-responsive .app-page-content section.section-completed .button-service::before, .app-page.subscription-done-bis.app-page-responsive .app-page-content section.section-completed .button-service::before {
  position: absolute;
  left: 12px;
  width: 32px;
  height: 32px;
  background: url('05_02_88-img025.97ac6efdafe6665816d2.svg') no-repeat;
  background-size: cover;
  content: "";
  /* media query version */
}
@media screen and (min-width: 769px) {
  .app-page.subscription-done.app-page-responsive .app-page-content section.section-completed .button-service::before, .app-page.subscription-done-bis.app-page-responsive .app-page-content section.section-completed .button-service::before {
    left: 16px;
    width: 40px;
    height: 40px;
  }
}
.app-page.subscription-done.app-page-responsive .app-page-content section.section-completed .button-service::after, .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) {
  .app-page.subscription-done.app-page-responsive .app-page-content section.section-completed .button-service::after, .app-page.subscription-done-bis.app-page-responsive .app-page-content section.section-completed .button-service::after {
    right: 20px;
    width: 24px;
    height: 24px;
  }
}
.app-page.subscription-done.app-page-responsive .app-page-content section.section-completed .button-service .button-service-text, .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) {
  .app-page.subscription-done.app-page-responsive .app-page-content section.section-completed .button-service .button-service-text, .app-page.subscription-done-bis.app-page-responsive .app-page-content section.section-completed .button-service .button-service-text {
    font-size: 16px;
  }
}
.app-page.subscription-done.app-page-responsive .app-page-content section.section-completed .button-service .button-service-text .service-text-large, .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: #003a77;
  font-size: 14px;
  /* media query version */
}
@media screen and (min-width: 769px) {
  .app-page.subscription-done.app-page-responsive .app-page-content section.section-completed .button-service .button-service-text .service-text-large, .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;
  }
}
.app-page.subscription-done.app-page-responsive .app-page-content section.section-mypage, .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) {
  .app-page.subscription-done.app-page-responsive .app-page-content section.section-mypage, .app-page.subscription-done-bis.app-page-responsive .app-page-content section.section-mypage {
    padding: 80px 0;
  }
}
.app-page.subscription-done.app-page-responsive .app-page-content section.section-mypage .mypage-list, .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) {
  .app-page.subscription-done.app-page-responsive .app-page-content section.section-mypage .mypage-list, .app-page.subscription-done-bis.app-page-responsive .app-page-content section.section-mypage .mypage-list {
    flex-wrap: nowrap;
    margin-top: 32px;
  }
}
.app-page.subscription-done.app-page-responsive .app-page-content section.section-mypage .mypage-list-item, .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) {
  .app-page.subscription-done.app-page-responsive .app-page-content section.section-mypage .mypage-list-item, .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;
  }
}
.app-page.subscription-done.app-page-responsive .app-page-content section.section-mypage .mypage-list-item:last-child, .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) {
  .app-page.subscription-done.app-page-responsive .app-page-content section.section-mypage .mypage-list-item:last-child, .app-page.subscription-done-bis.app-page-responsive .app-page-content section.section-mypage .mypage-list-item:last-child {
    margin-right: 0 !important;
  }
}
.app-page.subscription-done.app-page-responsive .app-page-content section.section-mypage .mypage-list-item:nth-child(3n), .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) {
  .app-page.subscription-done.app-page-responsive .app-page-content section.section-mypage .mypage-list-item:nth-child(3n), .app-page.subscription-done-bis.app-page-responsive .app-page-content section.section-mypage .mypage-list-item:nth-child(3n) {
    margin-right: 16px;
  }
}
.app-page.subscription-done.app-page-responsive .app-page-content section.section-mypage .mypage-list-item:nth-child(n+4), .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) {
  .app-page.subscription-done.app-page-responsive .app-page-content section.section-mypage .mypage-list-item:nth-child(n+4), .app-page.subscription-done-bis.app-page-responsive .app-page-content section.section-mypage .mypage-list-item:nth-child(n+4) {
    margin-top: 0;
  }
}
.app-page.subscription-done.app-page-responsive .app-page-content section.section-mypage .mypage-list-item.operator .mypage-content, .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) {
  .app-page.subscription-done.app-page-responsive .app-page-content section.section-mypage .mypage-list-item.operator .mypage-content, .app-page.subscription-done-bis.app-page-responsive .app-page-content section.section-mypage .mypage-list-item.operator .mypage-content {
    margin-top: 25px;
  }
}
.app-page.subscription-done.app-page-responsive .app-page-content section.section-mypage .mypage-list-item.download .mypage-content, .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) {
  .app-page.subscription-done.app-page-responsive .app-page-content section.section-mypage .mypage-list-item.download .mypage-content, .app-page.subscription-done-bis.app-page-responsive .app-page-content section.section-mypage .mypage-list-item.download .mypage-content {
    margin-top: 16px;
  }
}
.app-page.subscription-done.app-page-responsive .app-page-content section.section-mypage .mypage-list-item.entry .mypage-content, .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) {
  .app-page.subscription-done.app-page-responsive .app-page-content section.section-mypage .mypage-list-item.entry .mypage-content, .app-page.subscription-done-bis.app-page-responsive .app-page-content section.section-mypage .mypage-list-item.entry .mypage-content {
    margin-top: 25px;
  }
}
.app-page.subscription-done.app-page-responsive .app-page-content section.section-mypage .mypage-list-item.continue .mypage-content, .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) {
  .app-page.subscription-done.app-page-responsive .app-page-content section.section-mypage .mypage-list-item.continue .mypage-content, .app-page.subscription-done-bis.app-page-responsive .app-page-content section.section-mypage .mypage-list-item.continue .mypage-content {
    margin-top: 35px;
  }
}
.app-page.subscription-done.app-page-responsive .app-page-content section.section-mypage .mypage-list-item.car-change .mypage-content, .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) {
  .app-page.subscription-done.app-page-responsive .app-page-content section.section-mypage .mypage-list-item.car-change .mypage-content, .app-page.subscription-done-bis.app-page-responsive .app-page-content section.section-mypage .mypage-list-item.car-change .mypage-content {
    margin-top: 33px;
  }
}
.app-page.subscription-done.app-page-responsive .app-page-content section.section-mypage .mypage-list-item.profile .mypage-content, .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) {
  .app-page.subscription-done.app-page-responsive .app-page-content section.section-mypage .mypage-list-item.profile .mypage-content, .app-page.subscription-done-bis.app-page-responsive .app-page-content section.section-mypage .mypage-list-item.profile .mypage-content {
    margin-top: 25px;
  }
}
.app-page.subscription-done.app-page-responsive .app-page-content section.section-mypage .mypage-icon, .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) {
  .app-page.subscription-done.app-page-responsive .app-page-content section.section-mypage .mypage-icon, .app-page.subscription-done-bis.app-page-responsive .app-page-content section.section-mypage .mypage-icon {
    width: auto;
  }
}
.app-page.subscription-done.app-page-responsive .app-page-content section.section-mypage .mypage-content, .app-page.subscription-done-bis.app-page-responsive .app-page-content section.section-mypage .mypage-content {
  color: #003a77;
  font-weight: bold;
  font-size: 13px;
  line-height: 1.25;
  text-align: center;
}
@media screen and (min-width: 769px) and (max-width: 920px) {
  .app-page.subscription-done.app-page-responsive .app-page-content section.section-mypage .mypage-content, .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) {
  .app-page.subscription-done.app-page-responsive .app-page-content section.section-mypage .mypage-content, .app-page.subscription-done-bis.app-page-responsive .app-page-content section.section-mypage .mypage-content {
    font-size: 16px;
  }
}
.app-page.subscription-done.app-page-responsive .app-page-content section.section-mypage .mypage-content .small, .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) {
  .app-page.subscription-done.app-page-responsive .app-page-content section.section-mypage .mypage-content .small, .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) {
  .app-page.subscription-done.app-page-responsive .app-page-content section.section-mypage .mypage-content .small, .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) {
  .app-page.subscription-done.app-page-responsive .app-page-content section.section-mypage .mypage-content .small, .app-page.subscription-done-bis.app-page-responsive .app-page-content section.section-mypage .mypage-content .small {
    font-size: 11px;
  }
}
.app-page.subscription-done.app-page-responsive .app-page-content section.section-mypage .mypage-button, .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: #003a77 url('05_02_88-img027.a52265e578b8938af247.svg') right 24px center no-repeat;
  border-radius: 8px;
  color: #fff;
  font-weight: bold;
  font-size: 15px;
  /* media query version */
}
@media screen and (min-width: 769px) {
  .app-page.subscription-done.app-page-responsive .app-page-content section.section-mypage .mypage-button, .app-page.subscription-done-bis.app-page-responsive .app-page-content section.section-mypage .mypage-button {
    max-width: 384px;
    height: 60px;
    font-size: 18px;
  }
}
.app-page.subscription-done.app-page-responsive .app-page-content section.section-mypage .mypage-button:hover, .app-page.subscription-done-bis.app-page-responsive .app-page-content section.section-mypage .mypage-button:hover {
  opacity: 0.6;
}
.app-page.subscription-done.app-page-responsive .app-page-content section.section-trouble, .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) {
  .app-page.subscription-done.app-page-responsive .app-page-content section.section-trouble, .app-page.subscription-done-bis.app-page-responsive .app-page-content section.section-trouble {
    padding: 80px 0;
  }
}
.app-page.subscription-done.app-page-responsive .app-page-content section.section-trouble .content-area, .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) {
  .app-page.subscription-done.app-page-responsive .app-page-content section.section-trouble .content-area, .app-page.subscription-done-bis.app-page-responsive .app-page-content section.section-trouble .content-area {
    margin-top: 32px;
  }
}
.app-page.subscription-done.app-page-responsive .app-page-content section.section-trouble .heading-icon, .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) {
  .app-page.subscription-done.app-page-responsive .app-page-content section.section-trouble .heading-icon, .app-page.subscription-done-bis.app-page-responsive .app-page-content section.section-trouble .heading-icon {
    margin-top: 54px;
  }
}
.app-page.subscription-done.app-page-responsive .app-page-content section.section-trouble .heading-icon-text, .app-page.subscription-done-bis.app-page-responsive .app-page-content section.section-trouble .heading-icon-text {
  margin-left: 12px;
  color: #003a77;
  font-weight: bold;
  font-size: 18px;
  /* media query version */
}
@media screen and (min-width: 769px) {
  .app-page.subscription-done.app-page-responsive .app-page-content section.section-trouble .heading-icon-text, .app-page.subscription-done-bis.app-page-responsive .app-page-content section.section-trouble .heading-icon-text {
    margin-left: 16px;
    font-size: 24px;
  }
}
.app-page.subscription-done.app-page-responsive .app-page-content section.section-trouble .trouble-list, .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) {
  .app-page.subscription-done.app-page-responsive .app-page-content section.section-trouble .trouble-list, .app-page.subscription-done-bis.app-page-responsive .app-page-content section.section-trouble .trouble-list {
    margin-top: 32px;
  }
}
.app-page.subscription-done.app-page-responsive .app-page-content section.section-trouble .trouble-list-item, .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) {
  .app-page.subscription-done.app-page-responsive .app-page-content section.section-trouble .trouble-list-item, .app-page.subscription-done-bis.app-page-responsive .app-page-content section.section-trouble .trouble-list-item {
    padding-bottom: 20px;
    margin-right: 32px;
  }
}
.app-page.subscription-done.app-page-responsive .app-page-content section.section-trouble .trouble-list-item:last-child, .app-page.subscription-done-bis.app-page-responsive .app-page-content section.section-trouble .trouble-list-item:last-child {
  margin-right: 0;
}
.app-page.subscription-done.app-page-responsive .app-page-content section.section-trouble .trouble-list-item .head, .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;
  line-height: 1.25;
  text-align: center;
  background-color: #f2f5f8;
  border-radius: 16px 16px 0 0;
  /* media query version */
}
@media screen and (min-width: 769px) {
  .app-page.subscription-done.app-page-responsive .app-page-content section.section-trouble .trouble-list-item .head, .app-page.subscription-done-bis.app-page-responsive .app-page-content section.section-trouble .trouble-list-item .head {
    height: 61px;
  }
}
.app-page.subscription-done.app-page-responsive .app-page-content section.section-trouble .trouble-list-item .head-text, .app-page.subscription-done-bis.app-page-responsive .app-page-content section.section-trouble .trouble-list-item .head-text {
  color: #003a77;
  font-weight: bold;
  font-size: 16px;
  /* media query version */
}
@media screen and (min-width: 769px) {
  .app-page.subscription-done.app-page-responsive .app-page-content section.section-trouble .trouble-list-item .head-text, .app-page.subscription-done-bis.app-page-responsive .app-page-content section.section-trouble .trouble-list-item .head-text {
    font-size: 20px;
  }
}
.app-page.subscription-done.app-page-responsive .app-page-content section.section-trouble .trouble-list-item .bottom, .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) {
  .app-page.subscription-done.app-page-responsive .app-page-content section.section-trouble .trouble-list-item .bottom, .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;
  }
}
.app-page.subscription-done.app-page-responsive .app-page-content section.section-trouble .trouble-list-item .bottom .bottom-left, .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) {
  .app-page.subscription-done.app-page-responsive .app-page-content section.section-trouble .trouble-list-item .bottom .bottom-left, .app-page.subscription-done-bis.app-page-responsive .app-page-content section.section-trouble .trouble-list-item .bottom .bottom-left {
    margin-right: 24px;
  }
}
.app-page.subscription-done.app-page-responsive .app-page-content section.section-trouble .trouble-list-item .bottom .bottom-right, .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) {
  .app-page.subscription-done.app-page-responsive .app-page-content section.section-trouble .trouble-list-item .bottom .bottom-right, .app-page.subscription-done-bis.app-page-responsive .app-page-content section.section-trouble .trouble-list-item .bottom .bottom-right {
    margin-top: 0;
  }
}
.app-page.subscription-done.app-page-responsive .app-page-content section.section-trouble .trouble-list-item .bottom .bottom-right-text, .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) {
  .app-page.subscription-done.app-page-responsive .app-page-content section.section-trouble .trouble-list-item .bottom .bottom-right-text, .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;
  }
}
.app-page.subscription-done.app-page-responsive .app-page-content section.section-trouble .trouble-list-item .bottom-tel, .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) {
  .app-page.subscription-done.app-page-responsive .app-page-content section.section-trouble .trouble-list-item .bottom-tel, .app-page.subscription-done-bis.app-page-responsive .app-page-content section.section-trouble .trouble-list-item .bottom-tel {
    padding: 27px 24px 0;
  }
}
.app-page.subscription-done.app-page-responsive .app-page-content section.section-trouble .trouble-list-item .bottom-tel .bottom-left, .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;
  height: 43px;
  /* media query version */
}
@media screen and (min-width: 769px) {
  .app-page.subscription-done.app-page-responsive .app-page-content section.section-trouble .trouble-list-item .bottom-tel .bottom-left, .app-page.subscription-done-bis.app-page-responsive .app-page-content section.section-trouble .trouble-list-item .bottom-tel .bottom-left {
    max-width: 100%;
    height: 63px;
  }
}
.app-page.subscription-done.app-page-responsive .app-page-content section.section-trouble .trouble-list-item .bottom-tel .bottom-left-link, .app-page.subscription-done-bis.app-page-responsive .app-page-content section.section-trouble .trouble-list-item .bottom-tel .bottom-left-link {
  display: flex;
  align-items: center;
}
.app-page.subscription-done.app-page-responsive .app-page-content section.section-trouble .trouble-list-item .bottom-tel .bottom-right, .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) {
  .app-page.subscription-done.app-page-responsive .app-page-content section.section-trouble .trouble-list-item .bottom-tel .bottom-right, .app-page.subscription-done-bis.app-page-responsive .app-page-content section.section-trouble .trouble-list-item .bottom-tel .bottom-right {
    margin-top: 32px;
  }
}
.app-page.subscription-done.app-page-responsive .app-page-content section.section-trouble .trouble-list-item .bottom-tel .bottom-left-link:hover, .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;
}
.app-page.subscription-done.app-page-responsive .app-page-content section.section-trouble .trouble-list-item .bottom-tel .bottom-right, .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%;
}
.app-page.subscription-done.app-page-responsive .app-page-content section.section-trouble .trouble-list-item .bottom-tel .bottom-right-text, .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;
}
.app-page.subscription-done.app-page-responsive .app-page-content section.section-trouble .trouble-list-item .bottom-tel .bottom-right-text .tel, .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;
}
.app-page.subscription-done.app-page-responsive .app-page-content section.section-trouble .trouble-list-item .bottom-tel .bottom-right-text .tel:hover, .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;
}
.app-page.subscription-done.app-page-responsive .app-page-content section.section-trouble .trouble-list-tel, .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) {
  .app-page.subscription-done.app-page-responsive .app-page-content section.section-trouble .trouble-list-tel, .app-page.subscription-done-bis.app-page-responsive .app-page-content section.section-trouble .trouble-list-tel {
    flex-direction: row;
    margin-top: 32px;
  }
}
.app-page.subscription-done.app-page-responsive .app-page-content section.section-trouble .trouble-list-tel .trouble-list-item, .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) {
  .app-page.subscription-done.app-page-responsive .app-page-content section.section-trouble .trouble-list-tel .trouble-list-item, .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;
  }
}
.app-page.subscription-done.app-page-responsive .app-page-content section.section-trouble .trouble-list-tel .trouble-list-item:first-child, .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;
}
.app-page.subscription-done.app-page-responsive .app-page-content section.section-trouble .trouble-list-tel .trouble-list-item:last-child, .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;
}
.app-page.subscription-done.app-page-responsive .app-page-content section.section-trouble .trouble-list-tel .trouble-list-item .head, .app-page.subscription-done-bis.app-page-responsive .app-page-content section.section-trouble .trouble-list-tel .trouble-list-item .head {
  height: 48px;
  /* media query version */
}
@media screen and (min-width: 769px) {
  .app-page.subscription-done.app-page-responsive .app-page-content section.section-trouble .trouble-list-tel .trouble-list-item .head, .app-page.subscription-done-bis.app-page-responsive .app-page-content section.section-trouble .trouble-list-tel .trouble-list-item .head {
    height: 61px;
  }
}
.app-page.subscription-done.app-page-responsive .app-page-content section.section-experience, .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) {
  .app-page.subscription-done.app-page-responsive .app-page-content section.section-experience, .app-page.subscription-done-bis.app-page-responsive .app-page-content section.section-experience {
    padding: 80px 0;
  }
}
.app-page.subscription-done.app-page-responsive .app-page-content section.section-experience .content-box, .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) {
  .app-page.subscription-done.app-page-responsive .app-page-content section.section-experience .content-box, .app-page.subscription-done-bis.app-page-responsive .app-page-content section.section-experience .content-box {
    max-width: 1167px;
  }
}
.app-page.subscription-done.app-page-responsive .app-page-content section.section-experience .heading-logo, .app-page.subscription-done-bis.app-page-responsive .app-page-content section.section-experience .heading-logo {
  display: flex;
  align-items: center;
  justify-content: center;
}
.app-page.subscription-done.app-page-responsive .app-page-content section.section-experience .heading-logo-image, .app-page.subscription-done-bis.app-page-responsive .app-page-content section.section-experience .heading-logo-image {
  width: 64px;
  border-radius: 12px;
  /* media query version */
}
@media screen and (min-width: 769px) {
  .app-page.subscription-done.app-page-responsive .app-page-content section.section-experience .heading-logo-image, .app-page.subscription-done-bis.app-page-responsive .app-page-content section.section-experience .heading-logo-image {
    width: 80px;
    border-radius: 16px;
  }
}
.app-page.subscription-done.app-page-responsive .app-page-content section.section-experience .heading-logo-image-newapp, .app-page.subscription-done-bis.app-page-responsive .app-page-content section.section-experience .heading-logo-image-newapp {
  width: 64px;
  border-radius: 12px;
  border: 2px solid #fff;
  /* media query version */
}
@media screen and (min-width: 769px) {
  .app-page.subscription-done.app-page-responsive .app-page-content section.section-experience .heading-logo-image-newapp, .app-page.subscription-done-bis.app-page-responsive .app-page-content section.section-experience .heading-logo-image-newapp {
    width: 80px;
    border-radius: 16px;
  }
}
.app-page.subscription-done.app-page-responsive .app-page-content section.section-experience .heading-logo-text, .app-page.subscription-done-bis.app-page-responsive .app-page-content section.section-experience .heading-logo-text {
  margin-left: 13px;
  color: #003a77;
  font-weight: bold;
  font-size: 22px;
  text-align: center;
  /* media query version */
}
@media screen and (min-width: 769px) {
  .app-page.subscription-done.app-page-responsive .app-page-content section.section-experience .heading-logo-text, .app-page.subscription-done-bis.app-page-responsive .app-page-content section.section-experience .heading-logo-text {
    margin-left: 24px;
    font-size: 28px;
  }
}
.app-page.subscription-done.app-page-responsive .app-page-content section.section-experience .heading-sub, .app-page.subscription-done-bis.app-page-responsive .app-page-content section.section-experience .heading-sub {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  max-width: 311px;
  height: 80px;
  margin: 24px auto 32px;
  padding: 0 13px;
  background-color: #fff;
  border-radius: 16px;
  /* media query version */
}
@media screen and (min-width: 769px) {
  .app-page.subscription-done.app-page-responsive .app-page-content section.section-experience .heading-sub, .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;
  }
}
.app-page.subscription-done.app-page-responsive .app-page-content section.section-experience .heading-sub .heading-sub-text, .app-page.subscription-done-bis.app-page-responsive .app-page-content section.section-experience .heading-sub .heading-sub-text {
  color: #003a77;
  font-weight: bold;
  font-size: 13px;
  text-align: center;
  /* media query version */
}
@media screen and (max-width: 370px) {
  .app-page.subscription-done.app-page-responsive .app-page-content section.section-experience .heading-sub .heading-sub-text, .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) {
  .app-page.subscription-done.app-page-responsive .app-page-content section.section-experience .heading-sub .heading-sub-text, .app-page.subscription-done-bis.app-page-responsive .app-page-content section.section-experience .heading-sub .heading-sub-text {
    font-size: 18px;
  }
}
.app-page.subscription-done.app-page-responsive .app-page-content section.section-experience .heading-sub .heading-sub-image, .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) {
  .app-page.subscription-done.app-page-responsive .app-page-content section.section-experience .heading-sub .heading-sub-image, .app-page.subscription-done-bis.app-page-responsive .app-page-content section.section-experience .heading-sub .heading-sub-image {
    width: 80px;
  }
}
.app-page.subscription-done.app-page-responsive .app-page-content section.section-experience .heading-sub-newapp-01, .app-page.subscription-done-bis.app-page-responsive .app-page-content section.section-experience .heading-sub-newapp-01 {
  display: flex;
  width: 100%;
  margin: 24px auto 32px;
  padding: 15px 25px;
  background-color: #fff;
  border-radius: 16px;
  /* media query version */
}
@media screen and (min-width: 769px) {
  .app-page.subscription-done.app-page-responsive .app-page-content section.section-experience .heading-sub-newapp-01, .app-page.subscription-done-bis.app-page-responsive .app-page-content section.section-experience .heading-sub-newapp-01 {
    margin: 40px auto 60px;
    padding: 15px 30px;
  }
}
.app-page.subscription-done.app-page-responsive .app-page-content section.section-experience .heading-sub-newapp-01 .heading-sub-text-newapp-01, .app-page.subscription-done-bis.app-page-responsive .app-page-content section.section-experience .heading-sub-newapp-01 .heading-sub-text-newapp-01 {
  font-size: 14px;
  margin: auto;
  /* media query version */
}
@media screen and (min-width: 769px) {
  .app-page.subscription-done.app-page-responsive .app-page-content section.section-experience .heading-sub-newapp-01 .heading-sub-text-newapp-01, .app-page.subscription-done-bis.app-page-responsive .app-page-content section.section-experience .heading-sub-newapp-01 .heading-sub-text-newapp-01 {
    text-align: center;
    font-size: 16px;
  }
}
@media screen and (min-width: 768px) {
  .app-page.subscription-done.app-page-responsive .app-page-content section.section-experience .heading-sub-newapp-01 .heading-sub-text-newapp-01, .app-page.subscription-done-bis.app-page-responsive .app-page-content section.section-experience .heading-sub-newapp-01 .heading-sub-text-newapp-01 {
    text-align: center;
    font-size: 16px;
  }
}
.app-page.subscription-done.app-page-responsive .app-page-content section.section-experience .heading-sub-newapp-02, .app-page.subscription-done-bis.app-page-responsive .app-page-content section.section-experience .heading-sub-newapp-02 {
  width: 100%;
  margin: 24px auto 32px;
  padding: 15px 12px;
  background-color: #fff;
  border-radius: 16px;
  /* media query version */
}
@media screen and (min-width: 769px) {
  .app-page.subscription-done.app-page-responsive .app-page-content section.section-experience .heading-sub-newapp-02, .app-page.subscription-done-bis.app-page-responsive .app-page-content section.section-experience .heading-sub-newapp-02 {
    margin: 40px auto 60px;
    padding: 20px 30px 10px;
  }
}
.app-page.subscription-done.app-page-responsive .app-page-content section.section-experience .heading-sub-newapp-02 .heading-sub-text-newapp-02, .app-page.subscription-done-bis.app-page-responsive .app-page-content section.section-experience .heading-sub-newapp-02 .heading-sub-text-newapp-02 {
  font-size: 14px;
  /* media query version */
}
@media screen and (min-width: 769px) {
  .app-page.subscription-done.app-page-responsive .app-page-content section.section-experience .heading-sub-newapp-02 .heading-sub-text-newapp-02, .app-page.subscription-done-bis.app-page-responsive .app-page-content section.section-experience .heading-sub-newapp-02 .heading-sub-text-newapp-02 {
    text-align: center;
    font-size: 16px;
  }
}
@media screen and (min-width: 768px) {
  .app-page.subscription-done.app-page-responsive .app-page-content section.section-experience .heading-sub-newapp-02 .heading-sub-text-newapp-02, .app-page.subscription-done-bis.app-page-responsive .app-page-content section.section-experience .heading-sub-newapp-02 .heading-sub-text-newapp-02 {
    text-align: center;
    font-size: 16px;
  }
}
.app-page.subscription-done.app-page-responsive .app-page-content section.section-experience .experience-slider, .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) {
  .app-page.subscription-done.app-page-responsive .app-page-content section.section-experience .experience-slider, .app-page.subscription-done-bis.app-page-responsive .app-page-content section.section-experience .experience-slider {
    margin-top: 32px;
  }
}
.app-page.subscription-done.app-page-responsive .app-page-content section.section-experience .experience-app, .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;
}
.app-page.subscription-done.app-page-responsive .app-page-content section.section-experience .app-store, .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) {
  .app-page.subscription-done.app-page-responsive .app-page-content section.section-experience .app-store, .app-page.subscription-done-bis.app-page-responsive .app-page-content section.section-experience .app-store {
    margin-right: 16px;
  }
}
.app-page.subscription-done.app-page-responsive .app-page-content section.section-experience .app-store:hover,
.app-page.subscription-done.app-page-responsive .app-page-content section.section-experience .google-play:hover, .app-page.subscription-done-bis.app-page-responsive .app-page-content section.section-experience .app-store:hover,
.app-page.subscription-done-bis.app-page-responsive .app-page-content section.section-experience .google-play:hover {
  opacity: 0.6;
}
.app-page.subscription-done.app-page-responsive .app-page-content section.bg-color.bg-color-01, .app-page.subscription-done-bis.app-page-responsive .app-page-content section.bg-color.bg-color-01 {
  background-color: rgba(85, 189, 224, 0.2);
}
.app-page.subscription-done.app-page-responsive .app-page-content section.bg-color.bg-color-02, .app-page.subscription-done-bis.app-page-responsive .app-page-content section.bg-color.bg-color-02 {
  background-color: rgba(255, 255, 255, 0.4);
}
.app-page.subscription-done.app-page-responsive .app-page-content .content-box, .app-page.subscription-done-bis.app-page-responsive .app-page-content .content-box {
  max-width: 980px;
  margin: 0 auto;
}
.app-page.subscription-done.app-page-responsive .app-page-content .bottom-newapp, .app-page.subscription-done-bis.app-page-responsive .app-page-content .bottom-newapp {
  display: flex;
  justify-content: center;
  margin: 2.5vw auto 0.5vw;
  /* media query version */
}
@media screen and (min-width: 769px) {
  .app-page.subscription-done.app-page-responsive .app-page-content .bottom-newapp, .app-page.subscription-done-bis.app-page-responsive .app-page-content .bottom-newapp {
    margin-top: auto;
    margin-bottom: auto;
  }
}
@media screen and (min-width: 1167px) {
  .app-page.subscription-done.app-page-responsive .app-page-content .bottom-newapp, .app-page.subscription-done-bis.app-page-responsive .app-page-content .bottom-newapp {
    margin-bottom: 10px;
  }
}
@media screen and (min-width: 769px) {
  .app-page.subscription-done.app-page-responsive .app-page-content .bottom-newapp, .app-page.subscription-done-bis.app-page-responsive .app-page-content .bottom-newapp {
    margin: 1vw auto 0.5vw;
  }
}
.app-page.subscription-done.app-page-responsive .app-page-content .bottom-newapp .bottom-button-newapp, .app-page.subscription-done-bis.app-page-responsive .app-page-content .bottom-newapp .bottom-button-newapp {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  background-color: #fff;
  color: #003a77;
  font-weight: bold;
  border-radius: 44px;
  height: 43px;
  border: 2px solid #003a77;
  width: 40.5vw;
  max-width: 152px;
  font-size: 14px;
  /* media query version */
}
@media screen and (min-width: 320px) and (max-width: 370px) {
  .app-page.subscription-done.app-page-responsive .app-page-content .bottom-newapp .bottom-button-newapp, .app-page.subscription-done-bis.app-page-responsive .app-page-content .bottom-newapp .bottom-button-newapp {
    font-size: 12px;
  }
}
@media screen and (min-width: 769px) {
  .app-page.subscription-done.app-page-responsive .app-page-content .bottom-newapp .bottom-button-newapp, .app-page.subscription-done-bis.app-page-responsive .app-page-content .bottom-newapp .bottom-button-newapp {
    height: 45px;
    width: 18.5vw;
    min-width: 180px;
    max-width: 216px;
    padding: 0 16px;
    font-size: 16px;
  }
}
.app-page.subscription-done.app-page-responsive .app-page-content .bottom-newapp .bottom-button-newapp:hover, .app-page.subscription-done-bis.app-page-responsive .app-page-content .bottom-newapp .bottom-button-newapp:hover {
  opacity: 0.6;
}
.app-page.subscription-done.app-page-responsive .app-page-content .bottom-newapp .bottom-button-newapp .bottom-button-icon-newapp, .app-page.subscription-done-bis.app-page-responsive .app-page-content .bottom-newapp .bottom-button-newapp .bottom-button-icon-newapp {
  margin-left: 8px;
  /* media query version */
}
@media screen and (min-width: 769px) {
  .app-page.subscription-done.app-page-responsive .app-page-content .bottom-newapp .bottom-button-newapp .bottom-button-icon-newapp, .app-page.subscription-done-bis.app-page-responsive .app-page-content .bottom-newapp .bottom-button-newapp .bottom-button-icon-newapp {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 16px;
  }
}
.login-guidance-background {
  background: #f4f4f8;
  padding-top: 14px;
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 14px;
}
.login-guidance-background .login-guidance-display {
  display: flex;
}
.login-guidance-background .login-link {
  margin-top: 0px !important;
}
.login-guidance-background .img-width {
  margin-right: 4px;
  margin-top: 2px;
}
.login-guidance-background .img-width img {
  width: 18px;
}
.confirmation-area {
  background: #f4f4f8;
  padding-top: 14px;
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 14px;
  margin-top: 20px !important;
}
.car-verification-preparation-request .indent {
  display: block;
  padding-left: 16px;
}
.car-verification-preparation-request .indent-first {
  display: block;
  padding-left: 16px;
  margin-top: -27px;
}
.car-verification-preparation-request .image {
  text-align: center;
  /* media query version */
}
@media screen and (min-width: 769px) {
  .car-verification-preparation-request .image {
    text-align: center;
    margin-top: -30px;
  }
}
.car-verification-preparation-request .image img {
  margin-bottom: -30px;
  /* media query version */
}
@media screen and (min-width: 769px) {
  .car-verification-preparation-request .image img {
    margin-bottom: -60px;
    transform: scale(0.8);
  }
}
.car-verification-preparation-request .link-item {
  display: flex;
  align-items: baseline;
  margin-bottom: 10px;
}
.car-verification-preparation-request .link-img {
  margin-right: 5px;
  width: 14px;
  height: 14px;
  position: relative;
  top: 1px;
}
.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) {
  .car-verification-preparation-request .txt-left {
    margin-bottom: 24px;
    font-size: 14px !important;
  }
}
.car-verification-preparation-request app-static-contents a {
  font-size: 14px !important;
}
/* CSS Document */
.-accident-trouble_box:last-child {
  border-bottom: 1px solid #c6a465;
}
.-accident-trouble_box {
  height: 154px;
  width: 100%;
  border-top: 1px solid #c6a465;
  border-right: 1px solid #c6a465;
  border-left: 1px solid #c6a465;
  border-radius: 4px;
  position: relative;
  margin: auto;
  display: flex;
  align-items: center;
  text-decoration: none;
  color: #111;
}
.-accident-trouble_box_body {
  overflow: hidden;
  width: 100%;
  padding-left: 1.25rem;
}
.-accident-trouble_box_textbold {
  font-weight: bold;
  font-size: 24px;
  color: #111;
}
.-accident-trouble_box_text {
  font-weight: normal;
  margin-top: 0px;
  font-size: 16px;
  color: #111;
}
.-accident-trouble_3box-wrap .-accident-trouble_box {
  height: 102px;
}
/*
 * Accordion Box
 * ----------------------------------------------------------------------------
 *
 */
.accordion-box {
  margin: 8.04vw 0 0 0;
  margin: var(--space-size-30) 0 0 0;
  padding: 0;
}
.accordion-box:first-child {
  margin-top: 0;
}
.accordion-box:last-child {
  margin-bottom: 0;
}
.accordion-box ion-item-group ion-icon {
  flex-shrink: 0;
  width: 5.36vw;
  width: var(--space-size-20);
  height: 5.36vw;
  height: var(--space-size-20);
}
.accordion-box ion-item-group ion-item-divider {
  border-top: 1px solid #c6a465;
  border-top: 1px solid var(--ion-color-custom-dark-gold);
  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;
}
.accordion-box ion-item-group ion-item-divider ion-text {
  margin: 0;
}
.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;
}
.accordion-box ion-item-group dl {
  border-bottom: 1px solid #c6a465;
  border-bottom: 1px solid var(--ion-color-custom-dark-gold);
  margin: 0;
  padding: 6.7vw 0;
  padding: var(--space-size-25) 0;
}
.accordion-box ion-item-group[closed] ion-item-divider {
  border-bottom: 1px solid #c6a465;
  border-bottom: 1px solid var(--ion-color-custom-dark-gold);
}
.accordion-box ion-item-group[closed] dl {
  display: none;
}
.accordion-box ion-item-group:nth-child(n+2) ion-item-divider {
  border-top: 1px none #d8d8d8;
  border-top: 1px none var(--ion-color-step-150);
}
/*
 * Anchor List Box
 * ----------------------------------------------------------------------------
 *
 */
.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));
}
.anchor-list-box ul li {
  display: inline-block;
  margin: 0 0 7px 14px;
}
.anchor-list-box ul li a {
  font-size: calc(0.75rem + 1.07vw);
  font-size: var(--font-size-medium);
  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;
  margin: 0 !important;
}
.anchor-list-box ul li a ion-icon {
  width: 24px;
  height: 24px;
  padding-left: 5px;
  stroke: none;
}
.anchor-list-box ul li [link-green] a ion-icon {
  width: 24px;
  height: 24px;
  padding-left: 5px;
  fill: #28a69a;
  fill: var(--ion-color-custom-dark-green);
  stroke: none;
}
/*
 * Box
 * ----------------------------------------------------------------------------
 *
 */
.empty-white-box {
  background: #ffffff;
  background: var(--ion-default-bg-color);
}
.empty-white-box .empty-padding-box .unique-box-01 {
  padding: 8.04vw 0 13.4vw;
  padding: var(--space-size-30) 0 var(--space-size-50);
  background-position: bottom 0 right 50%;
}
.empty-white-box .empty-padding-box .unique-box-01 dt {
  margin-bottom: 0;
}
.empty-white-box .empty-padding-box .unique-box-01 dd {
  text-align: left;
}
.empty-white-box .empty-padding-box .unique-box-01.first {
  padding: 16.08vw 0 13.4vw;
  padding: var(--space-size-60) 0 var(--space-size-50);
}
.empty-white-box .empty-padding-box .button-wrap .button-normal:nth-child(2), .empty-white-box .empty-padding-box .button-wrap-slim .button-normal:nth-child(2) {
  margin-bottom: 10.72vw;
  margin-bottom: var(--space-size-40);
}
.empty-white-box .empty-padding-box h2:first-of-type {
  margin-top: 20.1vw;
  margin-top: var(--space-size-75);
}
.empty-padding-box {
  padding: 0 4.02vw 4.02vw;
  padding: 0 var(--space-size-15) var(--space-size-15);
}
.box {
  margin: 4.02vw 0 0 0;
  margin: var(--space-size-15) 0 0 0;
  padding: 5.36vw;
  padding: var(--space-size-20);
  border: 1px solid #ded2bc;
  border: 1px solid var(--ion-form-border-color);
  border-radius: 4px;
}
.box ion-thumbnail {
  display: block;
  width: auto;
  min-height: calc(10.72vw * 2);
  min-height: calc(var(--space-size-40) * 2);
  background: #cccccc;
  background: var(--ion-carousel-icon-color);
}
.box dl {
  margin: 5.36vw 0 0 0;
  margin: var(--space-size-20) 0 0 0;
}
.box dl dt {
  margin-bottom: 0;
}
.box dl dd {
  margin-top: 0;
  margin-bottom: 0;
}
.box dl dt + dd {
  margin-top: 4.02vw;
  margin-top: var(--space-size-15);
}
.box ul,
.box ol {
  margin-top: 1.34vw !important;
  margin-top: var(--space-size-5) !important;
  margin-bottom: 0;
}
.box ul li,
.box ol li {
  margin-top: 1.34vw !important;
  margin-top: var(--space-size-5) !important;
  margin-bottom: 0 !important;
}
.box p:not(.text-red) {
  margin: 0;
}
.box p:not(:first-child, .text-red, .text-blue) {
  margin: 2.68vw 0 0 0 !important;
  margin: var(--space-size-10) 0 0 0 !important;
}
.box p.text-large + .text-normal, .box p.text-large + .list-sensor, .box p.text-large + .list-note-ja, .box p.text-large + .list-sharp-03, .box p.text-large + .list-sharp-02, .box p.text-large + .list-sharp-02-from4, .box p.text-large + .list-sharp-02-from3, .box p.text-large + .list-sharp-02-from2, .box p.text-large + .list-sharp, .box p.text-large + .list-example, .box p.text-large + .list-alphabetical, .box p.text-large + .list-decimal-04, .box p.text-large + .list-decimal-03, .box p.text-large + .list-decimal-02, .box p.text-large + .list-decimal, .box p.text-large + .list-dot-6, .box p.text-large + .list-dot-5, .box p.text-large + .list-dot-3, .box p.text-large + .list-dot {
  margin-top: 4.02vw;
  margin-top: var(--space-size-15);
}
.box p[textBold] + .text-normal, .box p[textBold] + .list-sensor, .box p[textBold] + .list-note-ja, .box p[textBold] + .list-sharp-03, .box p[textBold] + .list-sharp-02, .box p[textBold] + .list-sharp-02-from4, .box p[textBold] + .list-sharp-02-from3, .box p[textBold] + .list-sharp-02-from2, .box p[textBold] + .list-sharp, .box p[textBold] + .list-example, .box p[textBold] + .list-alphabetical, .box p[textBold] + .list-decimal-04, .box p[textBold] + .list-decimal-03, .box p[textBold] + .list-decimal-02, .box p[textBold] + .list-decimal, .box p[textBold] + .list-dot-6, .box p[textBold] + .list-dot-5, .box p[textBold] + .list-dot-3, .box p[textBold] + .list-dot {
  margin-top: 4.02vw;
  margin-top: var(--space-size-15);
}
.box p.text-large + dd {
  margin-top: 4.02vw;
  margin-top: var(--space-size-15);
}
.box p.text-normal + ul, .box p.list-sensor + ul, .box p.list-note-ja + ul, .box p.list-sharp-03 + ul, .box p.list-sharp-02 + ul, .box p.list-sharp-02-from4 + ul, .box p.list-sharp-02-from3 + ul, .box p.list-sharp-02-from2 + ul, .box p.list-sharp + ul, .box p.list-example + ul, .box p.list-alphabetical + ul, .box p.list-decimal-04 + ul, .box p.list-decimal-03 + ul, .box p.list-decimal-02 + ul, .box p.list-decimal + ul, .box p.list-dot-6 + ul, .box p.list-dot-5 + ul, .box p.list-dot-3 + ul, .box p.list-dot + ul {
  margin-top: 4.02vw !important;
  margin-top: var(--space-size-15) !important;
}
.box.unique-g19-04 p.text-normal + ul, .box.unique-g19-04 p.list-sensor + ul, .box.unique-g19-04 p.list-note-ja + ul, .box.unique-g19-04 p.list-sharp-03 + ul, .box.unique-g19-04 p.list-sharp-02 + ul, .box.unique-g19-04 p.list-sharp-02-from4 + ul, .box.unique-g19-04 p.list-sharp-02-from3 + ul, .box.unique-g19-04 p.list-sharp-02-from2 + ul, .box.unique-g19-04 p.list-sharp + ul, .box.unique-g19-04 p.list-example + ul, .box.unique-g19-04 p.list-alphabetical + ul, .box.unique-g19-04 p.list-decimal-04 + ul, .box.unique-g19-04 p.list-decimal-03 + ul, .box.unique-g19-04 p.list-decimal-02 + ul, .box.unique-g19-04 p.list-decimal + ul, .box.unique-g19-04 p.list-dot-6 + ul, .box.unique-g19-04 p.list-dot-5 + ul, .box.unique-g19-04 p.list-dot-3 + ul, .box.unique-g19-04 p.list-dot + ul {
  margin-top: 0 !important;
}
.box .text-info,
.box .checkbox-button-normal {
  margin: 4.02vw 0 0 0 !important;
  margin: var(--space-size-15) 0 0 0 !important;
}
.box .button-wrap, .box .button-wrap-slim {
  padding: 0;
}
.box .button-wrap ion-button, .box .button-wrap-slim ion-button {
  margin-bottom: 0;
}
.box .link-normal:last-child {
  margin-top: 5.36vw;
  margin-top: var(--space-size-20);
}
.box .link-normal + .link-normal {
  margin-top: -15px;
}
.box.box-02 {
  background: #faf7f1;
  background: var(--ion-color-brown-tint);
}
.box.blue-box, .box.blue-box-02 {
  border: 1px solid #003a77;
  border: 1px solid var(--ion-color-blue);
}
.box.blue-box dt, .box.blue-box-02 dt {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.box.blue-box dt > ion-icon, .box.blue-box-02 dt > ion-icon {
  flex-shrink: 0;
  width: 8.04vw;
  width: var(--space-size-30);
  height: 8.04vw;
  height: var(--space-size-30);
  margin-right: 2.68vw;
  margin-right: var(--space-size-10);
  fill: #003a77;
  fill: var(--ion-color-blue);
}
.box.blue-box[BOX-INF-01] dt > p, .box.blue-box-02[BOX-INF-01] dt > p {
  padding-top: 2px;
}
.box.blue-box-width-2 {
  border: 2px solid #003a77;
  border: 2px solid var(--ion-color-blue);
}
.box.blue-box-02 {
  background: #f4f4f8;
  background: var(--ion-emphasis-bg-color);
}
.box.blue-box-03 {
  border: 2px solid #003a77;
  border: 2px solid var(--ion-color-blue);
}
.box.blue-box-03 .text-info {
  margin: 0 !important;
}
.box.blue-box-03 .pay-box {
  margin: 4.02vw 0;
  margin: var(--space-size-15) 0;
}
.box.blue-box-03 .pay-box .text-normal span:first-child:not(.font-extra-large):not(.text-extra-large), .box.blue-box-03 .pay-box .list-sensor span:first-child:not(.font-extra-large):not(.text-extra-large), .box.blue-box-03 .pay-box .list-note-ja span:first-child:not(.font-extra-large):not(.text-extra-large), .box.blue-box-03 .pay-box .list-sharp-03 span:first-child:not(.font-extra-large):not(.text-extra-large), .box.blue-box-03 .pay-box .list-sharp-02 span:first-child:not(.font-extra-large):not(.text-extra-large), .box.blue-box-03 .pay-box .list-sharp-02-from4 span:first-child:not(.font-extra-large):not(.text-extra-large), .box.blue-box-03 .pay-box .list-sharp-02-from3 span:first-child:not(.font-extra-large):not(.text-extra-large), .box.blue-box-03 .pay-box .list-sharp-02-from2 span:first-child:not(.font-extra-large):not(.text-extra-large), .box.blue-box-03 .pay-box .list-sharp span:first-child:not(.font-extra-large):not(.text-extra-large), .box.blue-box-03 .pay-box .list-example span:first-child:not(.font-extra-large):not(.text-extra-large), .box.blue-box-03 .pay-box .list-alphabetical span:first-child:not(.font-extra-large):not(.text-extra-large), .box.blue-box-03 .pay-box .list-decimal-04 span:first-child:not(.font-extra-large):not(.text-extra-large), .box.blue-box-03 .pay-box .list-decimal-03 span:first-child:not(.font-extra-large):not(.text-extra-large), .box.blue-box-03 .pay-box .list-decimal-02 span:first-child:not(.font-extra-large):not(.text-extra-large), .box.blue-box-03 .pay-box .list-decimal span:first-child:not(.font-extra-large):not(.text-extra-large), .box.blue-box-03 .pay-box .list-dot-6 span:first-child:not(.font-extra-large):not(.text-extra-large), .box.blue-box-03 .pay-box .list-dot-5 span:first-child:not(.font-extra-large):not(.text-extra-large), .box.blue-box-03 .pay-box .list-dot-3 span:first-child:not(.font-extra-large):not(.text-extra-large), .box.blue-box-03 .pay-box .list-dot span:first-child:not(.font-extra-large):not(.text-extra-large) {
  font-weight: normal;
  font-size: calc(0.75rem + 1.07vw);
  font-size: var(--font-size-medium);
  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;
}
.box.red-box, .box.red-box-02 {
  padding: 8.04vw 5.36vw;
  padding: var(--space-size-30) var(--space-size-20);
  border: 1px solid #cc0000;
  border: 1px solid var(--ion-color-danger);
}
.box.red-box dt, .box.red-box-02 dt {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.box.red-box dt > ion-icon, .box.red-box-02 dt > ion-icon {
  flex-shrink: 0;
  width: 8.04vw;
  width: var(--space-size-30);
  height: 8.04vw;
  height: var(--space-size-30);
  margin-right: 2.68vw;
  margin-right: var(--space-size-10);
  fill: #cc0000;
  fill: var(--ion-color-danger);
}
.box.red-box dt > p, .box.red-box-02 dt > p {
  padding-top: 2px;
}
.box.red-box ion-button.upload ion-icon, .box.red-box-02 ion-button.upload ion-icon {
  width: 6.7vw;
  width: var(--space-size-25);
  height: 6.7vw;
  height: var(--space-size-25);
  stroke: #c6a465;
  stroke: var(--ion-color-custom-dark-gold);
}
.box.red-box-02 {
  background: #fcecec;
  background: var(--ion-form-error-bg-color);
}
.box.red-box-02:first-child {
  margin-top: 0;
}
.box.red-box-02:last-child {
  margin-bottom: 0;
}
.box.red-box:first-child {
  margin-top: 0;
}
.box.red-box:last-child {
  margin-bottom: 0;
}
.box.box-scroll-y {
  position: relative;
  height: 280px;
  overflow-y: scroll;
  /* Track */
  /* Handle */
}
.box.box-scroll-y::-webkit-scrollbar {
  width: 10px;
}
.box.box-scroll-y::-webkit-scrollbar-track {
  border: solid 3px transparent;
  box-shadow: inset 0 0 10px 10px #ebebeb;
  box-shadow: inset 0 0 10px 10px var(--ion-color-step-scroll-track);
}
.box.box-scroll-y::-webkit-scrollbar-thumb {
  border: solid 3px transparent;
  box-shadow: inset 0 0 10px 10px #a8a8a8;
  box-shadow: inset 0 0 10px 10px var(--ion-color-step-scroll-thumb);
}
.box[UNI-UPL-01], .box[UNI-UPL-02] {
  padding: 8.04vw 5.36vw;
  padding: var(--space-size-30) var(--space-size-20);
}
.box[UNI-UPL-01] dl dt, .box[UNI-UPL-02] dl dt {
  display: block;
  margin-bottom: 6.7vw;
  margin-bottom: var(--space-size-25);
  text-align: center;
}
.box[UNI-UPL-01] dl dt > ion-icon, .box[UNI-UPL-02] dl dt > ion-icon {
  width: 10.72vw;
  width: var(--space-size-40);
  height: 10.72vw;
  height: var(--space-size-40);
  margin: 0 0 2.68vw 0;
  margin: 0 0 var(--space-size-10) 0;
}
.box[UNI-UPL-01] ion-button, .box[UNI-UPL-02] ion-button {
  margin-top: 6.7vw;
  margin-top: var(--space-size-25);
  --border-width: 1px;
  background: #ffffff;
  background: var(--ion-default-bg-color);
}
.box[UNI-UPL-01] ion-button ion-text, .box[UNI-UPL-02] ion-button ion-text {
  color: #111111;
  color: var(--ion-default-text-color);
  font-weight: normal;
  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;
}
.box[BOX-INF-01] {
  padding: 8.04vw 5.36vw;
  padding: var(--space-size-30) var(--space-size-20);
}
.box-cau {
  margin-top: 1.34vw;
  margin-top: var(--space-size-5);
}
.box-cau p {
  margin-top: 1.34vw !important;
  margin-top: var(--space-size-5) !important;
}
.box-cau .link-normal .text-small ion-icon {
  padding-left: 5px;
}
.box-cau:first-child {
  margin-top: 0;
}
.box-cau:last-child {
  margin-bottom: 0;
}
.box_lastYearPaymentInsuranceFee {
  margin: 8.04vw 0 0 0;
  margin: var(--space-size-30) 0 0 0;
  padding: 16px;
  background: #f4f4f8;
  background: var(--ion-emphasis-bg-color);
  border-radius: 4px;
}
.box-cols-horizontal {
  display: flex;
  flex-direction: column-reverse;
  margin-bottom: 30px;
  /* container query version */
}
@container app-page-responsive-content-container (min-width: 769px) {
  .box-cols-horizontal {
    flex-direction: row;
    margin-bottom: 16px;
  }
}
.box-cols-horizontal .button-wrap, .box-cols-horizontal .button-wrap-slim {
  /* container query version */
}
@container app-page-responsive-content-container (min-width: 769px) {
  .box-cols-horizontal .button-wrap, .box-cols-horizontal .button-wrap-slim {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    width: 100%;
  }
}
.box-cols-horizontal .button-wrap:nth-child(2n+1), .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) {
  .box-cols-horizontal .button-wrap:nth-child(2n+1), .box-cols-horizontal .button-wrap-slim:nth-child(2n+1) {
    padding-right: 12px;
    padding-left: 0;
  }
}
.box-cols-horizontal .button-wrap:nth-child(2n), .box-cols-horizontal .button-wrap-slim:nth-child(2n) {
  /* container query version */
}
@container app-page-responsive-content-container (min-width: 769px) {
  .box-cols-horizontal .button-wrap:nth-child(2n), .box-cols-horizontal .button-wrap-slim:nth-child(2n) {
    padding-right: 0;
    padding-left: 12px;
  }
}
/*
 * Select Calendar
 * ----------------------------------------------------------------------------
 *
 */
ion-calendar {
  padding: 0 !important;
  /* action bar */
  /* weeks view */
  /* months picker view */
  /* months view */
}
ion-calendar .title {
  margin: 0 1.34vw !important;
  margin: 0 var(--space-size-5) !important;
  padding: 0 25% !important;
  background: #c6a465 !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;
}
ion-calendar .title ion-button {
  color: #ffffff !important;
  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: "ヒラギノ角ゴ 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;
}
ion-calendar .title ion-button.back {
  background: url('ios-calendar-chevron-back-icon.70cdf732dc664b5ffffa.svg') no-repeat 50% 50%;
  background-size: 2.68vw auto;
  background-size: var(--space-size-10) auto;
}
ion-calendar .title ion-button.forward {
  background: url('ios-calendar-chevron-forward-icon.6070c6604101721da168.svg') no-repeat 50% 50%;
  background-size: 2.68vw auto;
  background-size: var(--space-size-10) auto;
}
ion-calendar .title ion-icon {
  display: none;
}
ion-calendar ion-calendar-week ion-toolbar .week-title {
  height: 9.38vw !important;
  height: var(--space-size-35) !important;
  padding: 2.68vw 1.34vw !important;
  padding: var(--space-size-10) var(--space-size-5) !important;
  color: #111111 !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: "ヒラギノ角ゴ 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;
}
ion-calendar ion-calendar-month-picker .month-packer-item button {
  font-weight: normal;
  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;
}
ion-calendar ion-calendar-month-picker .month-packer-item.this-month button {
  color: #ffffff !important;
  color: var(--ion-color-custom-white) !important;
  font-weight: bold !important;
  background: #d8d8d8 !important;
  background: var(--ion-color-step-150) !important;
  border: none !important;
  border-radius: 0 !important;
}
ion-calendar ion-calendar-month .days {
  min-height: 16.08vw;
  min-height: var(--space-size-60);
  margin-bottom: 2px !important;
  background: #f7f7f7;
  border-right: 1px solid #ffffff;
  border-right: 1px solid var(--ion-default-bg-color);
}
ion-calendar ion-calendar-month .days button {
  width: 100% !important;
  height: 16.08vw !important;
  height: var(--space-size-60) !important;
  margin: 0 !important;
  padding-bottom: 1.34vw !important;
  padding-bottom: var(--space-size-5) !important;
  border-radius: 0 !important;
}
ion-calendar ion-calendar-month .days button p {
  font-weight: normal;
  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;
}
ion-calendar ion-calendar-month .days button.today {
  border: 1px solid #28a69a;
}
ion-calendar ion-calendar-month .days button.today p {
  color: #333 !important;
  font-weight: bold !important;
}
ion-calendar ion-calendar-month .days button.p-inherit p {
  color: inherit !important;
  font-weight: inherit !important;
}
ion-calendar ion-calendar-month .days button.on-selected {
  background: #c6a465 !important;
  background: var(--ion-color-custom-dark-gold) !important;
}
ion-calendar ion-calendar-month .days button.on-selected p {
  color: #ffffff !important;
  color: var(--ion-color-custom-white) !important;
  font-weight: bold !important;
}
ion-calendar ion-calendar-month .days:nth-child(7n) {
  background: #eaf2fc;
  border-right: none;
}
ion-calendar ion-calendar-month .days:nth-child(7n+1) {
  background: #fcecec;
  background: var(--ion-color-custom-pink);
}
/*
 * Chg Box
 * ----------------------------------------------------------------------------
 *
 */
.chg-01 .chg-arrow-flex {
  display: flex;
  justify-content: center;
}
.chg-01 .chg-line {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.chg-01 .chg-line .text-normal, .chg-01 .chg-line .list-sensor, .chg-01 .chg-line .list-note-ja, .chg-01 .chg-line .list-sharp-03, .chg-01 .chg-line .list-sharp-02, .chg-01 .chg-line .list-sharp-02-from4, .chg-01 .chg-line .list-sharp-02-from3, .chg-01 .chg-line .list-sharp-02-from2, .chg-01 .chg-line .list-sharp, .chg-01 .chg-line .list-example, .chg-01 .chg-line .list-alphabetical, .chg-01 .chg-line .list-decimal-04, .chg-01 .chg-line .list-decimal-03, .chg-01 .chg-line .list-decimal-02, .chg-01 .chg-line .list-decimal, .chg-01 .chg-line .list-dot-6, .chg-01 .chg-line .list-dot-5, .chg-01 .chg-line .list-dot-3, .chg-01 .chg-line .list-dot {
  margin: 0;
}
.chg-01 .chg-line .chg-line-left,
.chg-01 .chg-line li {
  min-width: 140px;
}
.chg-01 .chg-line .chg-line-right {
  text-align: right;
}
.chg-01 .chg-arrow {
  width: 0;
  height: 0;
  border-top: 16px solid #ded2bc;
  border-top: 16px solid var(--ion-color-custom-gold);
  border-right: 60px solid transparent;
  border-bottom: 0 solid transparent;
  border-left: 60px solid transparent;
}
.chg-01[SRT-01] {
  margin-top: 8.04vw;
  margin-top: var(--space-size-30);
}
.chg-01[SRT-01] [TXT-01-04] {
  margin-bottom: 4.02vw;
  margin-bottom: var(--space-size-15);
}
.chg-01[UNI-G8-01] dl > p, .chg-01[CHG-01] dl > p {
  margin-bottom: 2.68vw;
  margin-bottom: var(--space-size-10);
}
.chg-01[UNI-G8-01] dd, .chg-01[CHG-01] dd {
  margin: 0;
}
/*
 * Cnf Box
 * ----------------------------------------------------------------------------
 *
 */
.cnf-normal {
  margin: 6.7vw 0;
  margin: var(--space-size-25) 0;
}
.title-h3 + .cnf-normal {
  margin-top: 5.36vw;
  margin-top: var(--space-size-20);
}
.cnf-normal:first-child {
  margin-top: 0;
}
.cnf-normal:last-child {
  margin-bottom: 0;
}
.cnf-normal[noBorder] {
  background-image: none;
  border: none;
}
.cnf-normal .cnf-normal-box {
  display: flex;
  justify-content: space-between;
}
.cnf-normal .cnf-normal-box .cnf-normal-box-left {
  padding-right: 2.68vw;
  padding-right: var(--space-size-10);
}
.cnf-normal .cnf-normal-box .cnf-normal-box-left .text-info {
  margin: 0 0 4.02vw 0 !important;
  margin: 0 0 var(--space-size-15) 0 !important;
}
.cnf-normal .cnf-normal-box .cnf-normal-box-left .text-info a {
  margin-left: 1.34vw;
  margin-left: var(--space-size-5);
}
.cnf-normal .cnf-normal-box .cnf-normal-box-left ul,
.cnf-normal .cnf-normal-box .cnf-normal-box-left .text-illustration-banner {
  margin: 0 0 4.02vw 0;
  margin: 0 0 var(--space-size-15) 0;
}
.cnf-normal .cnf-normal-box .cnf-normal-box-left ul li,
.cnf-normal .cnf-normal-box .cnf-normal-box-left .text-illustration-banner li {
  display: inline-block;
  margin-right: 1.34vw;
  margin-right: var(--space-size-5);
}
.cnf-normal .cnf-normal-box .cnf-normal-box-left ul li:last-child,
.cnf-normal .cnf-normal-box .cnf-normal-box-left .text-illustration-banner li:last-child {
  margin: 0;
}
.cnf-normal .cnf-normal-box .cnf-normal-box-left .banner-margin-small {
  margin: 0 0 1.34vw 0;
  margin: 0 0 var(--space-size-5) 0;
}
.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) {
  .cnf-normal .cnf-normal-box .cnf-normal-box-right {
    max-width: 50%;
  }
}
@media (max-width: 334px) {
  .cnf-normal .cnf-normal-box .cnf-normal-box-right {
    max-width: 48%;
  }
}
.cnf-normal .cnf-normal-box .cnf-normal-box-right .text-normal, .cnf-normal .cnf-normal-box .cnf-normal-box-right .list-sensor, .cnf-normal .cnf-normal-box .cnf-normal-box-right .list-note-ja, .cnf-normal .cnf-normal-box .cnf-normal-box-right .list-sharp-03, .cnf-normal .cnf-normal-box .cnf-normal-box-right .list-sharp-02, .cnf-normal .cnf-normal-box .cnf-normal-box-right .list-sharp-02-from4, .cnf-normal .cnf-normal-box .cnf-normal-box-right .list-sharp-02-from3, .cnf-normal .cnf-normal-box .cnf-normal-box-right .list-sharp-02-from2, .cnf-normal .cnf-normal-box .cnf-normal-box-right .list-sharp, .cnf-normal .cnf-normal-box .cnf-normal-box-right .list-example, .cnf-normal .cnf-normal-box .cnf-normal-box-right .list-alphabetical, .cnf-normal .cnf-normal-box .cnf-normal-box-right .list-decimal-04, .cnf-normal .cnf-normal-box .cnf-normal-box-right .list-decimal-03, .cnf-normal .cnf-normal-box .cnf-normal-box-right .list-decimal-02, .cnf-normal .cnf-normal-box .cnf-normal-box-right .list-decimal, .cnf-normal .cnf-normal-box .cnf-normal-box-right .list-dot-6, .cnf-normal .cnf-normal-box .cnf-normal-box-right .list-dot-5, .cnf-normal .cnf-normal-box .cnf-normal-box-right .list-dot-3, .cnf-normal .cnf-normal-box .cnf-normal-box-right .list-dot {
  margin-bottom: 4.02vw;
  margin-bottom: var(--space-size-15);
  word-break: break-all;
  overflow-wrap: anywhere;
}
.cnf-normal .cnf-normal-box .cnf-normal-box-right .text-normal.installments, .cnf-normal .cnf-normal-box .cnf-normal-box-right .installments.list-sensor, .cnf-normal .cnf-normal-box .cnf-normal-box-right .installments.list-note-ja, .cnf-normal .cnf-normal-box .cnf-normal-box-right .installments.list-sharp-03, .cnf-normal .cnf-normal-box .cnf-normal-box-right .installments.list-sharp-02, .cnf-normal .cnf-normal-box .cnf-normal-box-right .installments.list-sharp-02-from4, .cnf-normal .cnf-normal-box .cnf-normal-box-right .installments.list-sharp-02-from3, .cnf-normal .cnf-normal-box .cnf-normal-box-right .installments.list-sharp-02-from2, .cnf-normal .cnf-normal-box .cnf-normal-box-right .installments.list-sharp, .cnf-normal .cnf-normal-box .cnf-normal-box-right .installments.list-example, .cnf-normal .cnf-normal-box .cnf-normal-box-right .installments.list-alphabetical, .cnf-normal .cnf-normal-box .cnf-normal-box-right .installments.list-decimal-04, .cnf-normal .cnf-normal-box .cnf-normal-box-right .installments.list-decimal-03, .cnf-normal .cnf-normal-box .cnf-normal-box-right .installments.list-decimal-02, .cnf-normal .cnf-normal-box .cnf-normal-box-right .installments.list-decimal, .cnf-normal .cnf-normal-box .cnf-normal-box-right .installments.list-dot-6, .cnf-normal .cnf-normal-box .cnf-normal-box-right .installments.list-dot-5, .cnf-normal .cnf-normal-box .cnf-normal-box-right .installments.list-dot-3, .cnf-normal .cnf-normal-box .cnf-normal-box-right .installments.list-dot {
  margin-bottom: 0;
}
.cnf-normal .cnf-normal-box-left-033 {
  width: 40%;
  padding-right: 2.68vw;
  padding-right: var(--space-size-10);
}
.cnf-normal .cnf-normal-box-left-033 .text-info {
  margin: 0 0 4.02vw 0 !important;
  margin: 0 0 var(--space-size-15) 0 !important;
}
.cnf-normal .cnf-normal-box-left-033 .text-info a {
  margin-left: 1.34vw;
  margin-left: var(--space-size-5);
}
.cnf-normal .cnf-normal-box-left-033 ul,
.cnf-normal .cnf-normal-box-left-033 .text-illustration-banner {
  margin: 0 0 4.02vw 0;
  margin: 0 0 var(--space-size-15) 0;
}
.cnf-normal .cnf-normal-box-left-033 ul li,
.cnf-normal .cnf-normal-box-left-033 .text-illustration-banner li {
  display: inline-block;
  margin-right: 1.34vw;
  margin-right: var(--space-size-5);
}
.cnf-normal .cnf-normal-box-left-033 ul li:last-child,
.cnf-normal .cnf-normal-box-left-033 .text-illustration-banner li:last-child {
  margin: 0;
}
.cnf-normal .cnf-normal-box-left-033 .banner-margin-small {
  margin: 0 0 1.34vw 0;
  margin: 0 0 var(--space-size-5) 0;
}
.cnf-normal .cnf-normal-box-center-033 {
  width: 20%;
  padding-right: 2.68vw;
  padding-right: var(--space-size-10);
}
.cnf-normal .cnf-normal-box-center-033 .text-info {
  margin: 0 0 4.02vw 0 !important;
  margin: 0 0 var(--space-size-15) 0 !important;
}
.cnf-normal .cnf-normal-box-center-033 .text-info ion-icon {
  width: 18px;
  height: 18px;
  padding-top: 1px;
  vertical-align: middle;
  fill: #c6a465;
  fill: var(--ion-form-icon-color);
}
.landing-theme .cnf-normal .cnf-normal-box-center-033 .text-info ion-icon {
  fill: #28a69a;
  fill: var(--ion-color-custom-dark-green);
}
.cnf-normal .cnf-normal-box-center-033 .text-info span {
  margin-left: 1.34vw;
  margin-left: var(--space-size-5);
  color: red;
}
.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) {
  .cnf-normal .cnf-normal-box-right-033 {
    max-width: 50%;
  }
}
@media (max-width: 334px) {
  .cnf-normal .cnf-normal-box-right-033 {
    max-width: 48%;
  }
}
.cnf-normal .cnf-normal-box-right-033 .text-normal, .cnf-normal .cnf-normal-box-right-033 .list-sensor, .cnf-normal .cnf-normal-box-right-033 .list-note-ja, .cnf-normal .cnf-normal-box-right-033 .list-sharp-03, .cnf-normal .cnf-normal-box-right-033 .list-sharp-02, .cnf-normal .cnf-normal-box-right-033 .list-sharp-02-from4, .cnf-normal .cnf-normal-box-right-033 .list-sharp-02-from3, .cnf-normal .cnf-normal-box-right-033 .list-sharp-02-from2, .cnf-normal .cnf-normal-box-right-033 .list-sharp, .cnf-normal .cnf-normal-box-right-033 .list-example, .cnf-normal .cnf-normal-box-right-033 .list-alphabetical, .cnf-normal .cnf-normal-box-right-033 .list-decimal-04, .cnf-normal .cnf-normal-box-right-033 .list-decimal-03, .cnf-normal .cnf-normal-box-right-033 .list-decimal-02, .cnf-normal .cnf-normal-box-right-033 .list-decimal, .cnf-normal .cnf-normal-box-right-033 .list-dot-6, .cnf-normal .cnf-normal-box-right-033 .list-dot-5, .cnf-normal .cnf-normal-box-right-033 .list-dot-3, .cnf-normal .cnf-normal-box-right-033 .list-dot {
  margin-bottom: 4.02vw;
  margin-bottom: var(--space-size-15);
  word-break: break-all;
  overflow-wrap: anywhere;
}
.cnf-normal .cnf-normal-box-right-033 .text-normal.installments, .cnf-normal .cnf-normal-box-right-033 .installments.list-sensor, .cnf-normal .cnf-normal-box-right-033 .installments.list-note-ja, .cnf-normal .cnf-normal-box-right-033 .installments.list-sharp-03, .cnf-normal .cnf-normal-box-right-033 .installments.list-sharp-02, .cnf-normal .cnf-normal-box-right-033 .installments.list-sharp-02-from4, .cnf-normal .cnf-normal-box-right-033 .installments.list-sharp-02-from3, .cnf-normal .cnf-normal-box-right-033 .installments.list-sharp-02-from2, .cnf-normal .cnf-normal-box-right-033 .installments.list-sharp, .cnf-normal .cnf-normal-box-right-033 .installments.list-example, .cnf-normal .cnf-normal-box-right-033 .installments.list-alphabetical, .cnf-normal .cnf-normal-box-right-033 .installments.list-decimal-04, .cnf-normal .cnf-normal-box-right-033 .installments.list-decimal-03, .cnf-normal .cnf-normal-box-right-033 .installments.list-decimal-02, .cnf-normal .cnf-normal-box-right-033 .installments.list-decimal, .cnf-normal .cnf-normal-box-right-033 .installments.list-dot-6, .cnf-normal .cnf-normal-box-right-033 .installments.list-dot-5, .cnf-normal .cnf-normal-box-right-033 .installments.list-dot-3, .cnf-normal .cnf-normal-box-right-033 .installments.list-dot {
  margin-bottom: 0;
}
.cnf-normal:last-of-type {
  border: none;
}
/*
 * Content Box
 * ----------------------------------------------------------------------------
 *
 */
.content-box {
  padding: 0 4.02vw 13.4vw 4.02vw;
  padding: 0 var(--space-size-15) var(--space-size-50) var(--space-size-15);
  padding-bottom: 1.34vw;
  padding-bottom: var(--space-size-5);
}
.content-box.landing-theme {
  padding: 0 8.04vw 13.4vw 8.04vw;
  padding: 0 var(--space-size-30) var(--space-size-50) var(--space-size-30);
}
.content-box[noPadding] {
  padding: 0;
}
.modal-box .content-box {
  height: 100%;
  padding: 4.02vw 5.36vw 6.7vw;
  padding: var(--space-size-15) var(--space-size-20) var(--space-size-25);
}
.modal-box .content-box > [txt-01-04]:first-child, .modal-box .content-box > .text-large:first-child {
  padding-top: 2.68vw;
  padding-top: var(--space-size-10);
}
.content-box.stepper {
  padding: 0 4.02vw;
  padding: 0 var(--space-size-15);
}
/*
 * Credit Car Box
 * ----------------------------------------------------------------------------
 *
 */
[UNI-CCN-01] .select-box-split-wrap {
  justify-content: flex-start;
}
app-product-information-label #product-information-label-ande {
  background: #003a77;
  background: var(--ion-color-custom-dark-blue);
  color: #ffffff;
  color: var(--ion-color-custom-white);
  border: 1px solid #003a77;
  border: 1px solid var(--ion-color-custom-dark-blue);
  width: 130px;
  white-space: nowrap;
}
app-product-information-label #product-information-label-docomo {
  background: #cc0000;
  background: var(--ion-color-custom-red);
  color: #ffffff;
  color: var(--ion-color-custom-white);
  border: 1px solid #cc0000;
  border: 1px solid var(--ion-color-custom-red);
  width: 130px;
  white-space: nowrap;
}
/*
 * CVS
 * ----------------------------------------------------------------------------
 *
 */
.cvs-01 .unique-box-07 {
  margin: 4.02vw 0 0 0;
  margin: var(--space-size-15) 0 0 0;
  padding: 0;
}
.cvs-01 .unique-box-07 .price-gray {
  color: #d8d8d8;
  color: var(--ion-disabled-text-color);
}
.cvs-01 .bg-gold {
  background: #ded2bc;
  background: var(--ion-color-custom-gold);
}
.cvs-01 .bg-gold p {
  background: #faf7f1;
  background: var(--ion-color-custom-light-gold);
  border: 1px solid var(---ion-color-custom-light-gold);
}
.cvs-01 .bg-gold p strong {
  color: #111111;
  color: var(--ion-color-custom-black);
}
.cvs-01.bg-white {
  background: #ffffff;
  background: var(--ion-color-custom-white);
}
/*
 * Form Box
 * ----------------------------------------------------------------------------
 *
 */
.frm-normal {
  margin: 32px 0 0;
}
.frm-normal .frm-normal-tag,
.frm-normal .frm-normal-header,
.frm-normal .frm-normal-footer,
.frm-normal .frm-normal-list {
  margin-top: 4.02vw;
  margin-top: var(--space-size-15);
}
.frm-normal .frm-normal-tag li ion-icon,
.frm-normal .frm-normal-header li ion-icon,
.frm-normal .frm-normal-footer li ion-icon,
.frm-normal .frm-normal-list li ion-icon {
  width: calc(5.36vw + 4px);
  width: calc(var(--space-size-20) + 4px);
  height: calc(5.36vw + 4px);
  height: calc(var(--space-size-20) + 4px);
  margin-left: 1.34vw;
  margin-left: var(--space-size-5);
  line-height: 16px;
  vertical-align: middle;
  fill: #c6a465;
  fill: var(--ion-form-icon-color);
}
.frm-normal .frm-normal-inner {
  /* container query version */
}
@container app-page-responsive-content-container (min-width: 769px) {
  .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;
  }
}
.frm-normal .frm-normal-inner::before, .frm-normal .frm-normal-inner::after {
  /* container query version */
}
@container app-page-responsive-content-container (min-width: 769px) {
  .frm-normal .frm-normal-inner::before, .frm-normal .frm-normal-inner::after {
    content: "";
    position: absolute;
    left: 5%;
  }
}
.frm-normal .frm-normal-inner::before {
  /* container query version */
}
@container app-page-responsive-content-container (min-width: 769px) {
  .frm-normal .frm-normal-inner::before {
    top: -28px;
    margin-left: -15px;
    border: 15px solid transparent;
    border-bottom: 15px solid #f5f5f5;
    z-index: 2;
  }
}
.frm-normal .frm-normal-inner::after {
  /* container query version */
}
@container app-page-responsive-content-container (min-width: 769px) {
  .frm-normal .frm-normal-inner::after {
    top: -29px;
    margin-left: -15px;
    border: 15px solid transparent;
    border-bottom: 15px solid #d8d8d8;
    z-index: 1;
  }
}
.frm-normal .frm-normal-inner .list-dot > li {
  /* container query version */
}
@container app-page-responsive-content-container (min-width: 769px) {
  .frm-normal .frm-normal-inner .list-dot > li {
    margin-bottom: 0;
  }
}
.frm-normal .frm-normal-inner .list-decimal-04 > li {
  /* container query version */
}
@container app-page-responsive-content-container (min-width: 769px) {
  .frm-normal .frm-normal-inner .list-decimal-04 > li {
    margin-top: 0;
    margin-bottom: 0;
  }
}
.frm-normal .frm-normal-footer .text-info .text-normal a ion-icon, .frm-normal .frm-normal-footer .text-info .list-sensor a ion-icon, .frm-normal .frm-normal-footer .text-info .list-note-ja a ion-icon, .frm-normal .frm-normal-footer .text-info .list-sharp-03 a ion-icon, .frm-normal .frm-normal-footer .text-info .list-sharp-02 a ion-icon, .frm-normal .frm-normal-footer .text-info .list-sharp-02-from4 a ion-icon, .frm-normal .frm-normal-footer .text-info .list-sharp-02-from3 a ion-icon, .frm-normal .frm-normal-footer .text-info .list-sharp-02-from2 a ion-icon, .frm-normal .frm-normal-footer .text-info .list-sharp a ion-icon, .frm-normal .frm-normal-footer .text-info .list-example a ion-icon, .frm-normal .frm-normal-footer .text-info .list-alphabetical a ion-icon, .frm-normal .frm-normal-footer .text-info .list-decimal-04 a ion-icon, .frm-normal .frm-normal-footer .text-info .list-decimal-03 a ion-icon, .frm-normal .frm-normal-footer .text-info .list-decimal-02 a ion-icon, .frm-normal .frm-normal-footer .text-info .list-decimal a ion-icon, .frm-normal .frm-normal-footer .text-info .list-dot-6 a ion-icon, .frm-normal .frm-normal-footer .text-info .list-dot-5 a ion-icon, .frm-normal .frm-normal-footer .text-info .list-dot-3 a ion-icon, .frm-normal .frm-normal-footer .text-info .list-dot a ion-icon {
  margin-top: -4px;
}
.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);
}
.frm-normal .frm-normal-list,
.frm-normal .frm-normal-input,
.frm-normal ion-thumbnail {
  margin: 4.02vw 0 0 0;
  margin: var(--space-size-15) 0 0 0;
}
.frm-normal .frm-normal-input + .frm-normal-input {
  margin: 8.04vw 0 0 0;
  margin: var(--space-size-30) 0 0 0;
}
.frm-normal .frm-normal-tag span {
  margin-right: 1.34vw;
  margin-right: var(--space-size-5);
}
.frm-normal .frm-normal-input ion-label {
  color: #111111;
  color: var(--ion-default-text-color);
}
.frm-normal .frm-normal-input ion-label a ion-icon {
  width: calc(5.36vw + 4px);
  width: calc(var(--space-size-20) + 4px);
  height: calc(5.36vw + 4px);
  height: calc(var(--space-size-20) + 4px);
  margin-top: -4px;
  margin-left: 1.34vw;
  margin-left: var(--space-size-5);
  line-height: 1rem;
  vertical-align: middle;
  cursor: pointer;
  fill: #c6a465;
  fill: var(--ion-form-icon-color);
}
.frm-normal .frm-unique-input {
  display: flex;
  align-items: center;
  margin-top: 4.02vw;
  margin-top: var(--space-size-15);
}
.frm-normal .frm-unique-input .text-input-normal {
  margin: 0;
}
.frm-normal .frm-unique-input span {
  margin: 0 4.02vw 0 4.02vw;
  margin: 0 var(--space-size-15) 0 var(--space-size-15);
}
.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: "ヒラギノ角ゴ 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;
}
.frm-normal .frm-normal-link {
  margin-top: 2.68vw;
  margin-top: var(--space-size-10);
}
.frm-normal ion-thumbnail {
  width: 100%;
  height: 220px;
}
.frm-normal .frm-normal-thumbnail {
  height: 250px;
}
.frm-normal ion-label + .time-input-normal,
.frm-normal ion-label + .text-calendar-input-normal,
.frm-normal ion-label + .text-search-input-normal,
.frm-normal ion-label + .text-selection-input-normal,
.frm-normal ion-label + .text-area-input-normal,
.frm-normal ion-label + .text-input-normal,
.frm-normal ion-label + .frm-normal-input,
.frm-normal ion-label + .frm-normal-split-wrap,
.frm-normal ion-label + .radio-button-normal-wrap,
.frm-normal ion-label + .checkbox-button-normal-wrap,
.frm-normal .text-info + .time-input-normal,
.frm-normal .text-info + .text-calendar-input-normal,
.frm-normal .text-info + .text-search-input-normal,
.frm-normal .text-info + .text-selection-input-normal,
.frm-normal .text-info + .text-area-input-normal,
.frm-normal .text-info + .text-input-normal,
.frm-normal .text-info + .frm-normal-input,
.frm-normal .text-info + .frm-normal-split-wrap,
.frm-normal .text-info + .radio-button-normal-wrap,
.frm-normal .text-info + .checkbox-button-normal-wrap,
.frm-normal .frm-normal-header + .time-input-normal,
.frm-normal .frm-normal-header + .text-calendar-input-normal,
.frm-normal .frm-normal-header + .text-search-input-normal,
.frm-normal .frm-normal-header + .text-selection-input-normal,
.frm-normal .frm-normal-header + .text-area-input-normal,
.frm-normal .frm-normal-header + .text-input-normal,
.frm-normal .frm-normal-header + .frm-normal-input,
.frm-normal .frm-normal-header + .frm-normal-split-wrap,
.frm-normal .frm-normal-header + .radio-button-normal-wrap,
.frm-normal .frm-normal-header + .checkbox-button-normal-wrap,
.frm-normal .list-dot + .time-input-normal,
.frm-normal .list-dot + .text-calendar-input-normal,
.frm-normal .list-dot + .text-search-input-normal,
.frm-normal .list-dot + .text-selection-input-normal,
.frm-normal .list-dot + .text-area-input-normal,
.frm-normal .list-dot + .text-input-normal,
.frm-normal .list-dot + .frm-normal-input,
.frm-normal .list-dot + .frm-normal-split-wrap,
.frm-normal .list-dot + .radio-button-normal-wrap,
.frm-normal .list-dot + .checkbox-button-normal-wrap,
.frm-normal .list-example + .time-input-normal,
.frm-normal .list-example + .text-calendar-input-normal,
.frm-normal .list-example + .text-search-input-normal,
.frm-normal .list-example + .text-selection-input-normal,
.frm-normal .list-example + .text-area-input-normal,
.frm-normal .list-example + .text-input-normal,
.frm-normal .list-example + .frm-normal-input,
.frm-normal .list-example + .frm-normal-split-wrap,
.frm-normal .list-example + .radio-button-normal-wrap,
.frm-normal .list-example + .checkbox-button-normal-wrap,
.frm-normal p + .time-input-normal,
.frm-normal p + .text-calendar-input-normal,
.frm-normal p + .text-search-input-normal,
.frm-normal p + .text-selection-input-normal,
.frm-normal p + .text-area-input-normal,
.frm-normal p + .text-input-normal,
.frm-normal p + .frm-normal-input,
.frm-normal p + .frm-normal-split-wrap,
.frm-normal p + .radio-button-normal-wrap,
.frm-normal p + .checkbox-button-normal-wrap {
  margin-top: 4.02vw;
  margin-top: var(--space-size-15);
}
.frm-normal ion-label + .time-input-normal ion-input,
.frm-normal ion-label + .time-input-normal ion-item:first-child,
.frm-normal ion-label + .text-calendar-input-normal ion-input,
.frm-normal ion-label + .text-calendar-input-normal ion-item:first-child,
.frm-normal ion-label + .text-search-input-normal ion-input,
.frm-normal ion-label + .text-search-input-normal ion-item:first-child,
.frm-normal ion-label + .text-selection-input-normal ion-input,
.frm-normal ion-label + .text-selection-input-normal ion-item:first-child,
.frm-normal ion-label + .text-area-input-normal ion-input,
.frm-normal ion-label + .text-area-input-normal ion-item:first-child,
.frm-normal ion-label + .text-input-normal ion-input,
.frm-normal ion-label + .text-input-normal ion-item:first-child,
.frm-normal ion-label + .frm-normal-input ion-input,
.frm-normal ion-label + .frm-normal-input ion-item:first-child,
.frm-normal ion-label + .frm-normal-split-wrap ion-input,
.frm-normal ion-label + .frm-normal-split-wrap ion-item:first-child,
.frm-normal ion-label + .radio-button-normal-wrap ion-input,
.frm-normal ion-label + .radio-button-normal-wrap ion-item:first-child,
.frm-normal ion-label + .checkbox-button-normal-wrap ion-input,
.frm-normal ion-label + .checkbox-button-normal-wrap ion-item:first-child,
.frm-normal .text-info + .time-input-normal ion-input,
.frm-normal .text-info + .time-input-normal ion-item:first-child,
.frm-normal .text-info + .text-calendar-input-normal ion-input,
.frm-normal .text-info + .text-calendar-input-normal ion-item:first-child,
.frm-normal .text-info + .text-search-input-normal ion-input,
.frm-normal .text-info + .text-search-input-normal ion-item:first-child,
.frm-normal .text-info + .text-selection-input-normal ion-input,
.frm-normal .text-info + .text-selection-input-normal ion-item:first-child,
.frm-normal .text-info + .text-area-input-normal ion-input,
.frm-normal .text-info + .text-area-input-normal ion-item:first-child,
.frm-normal .text-info + .text-input-normal ion-input,
.frm-normal .text-info + .text-input-normal ion-item:first-child,
.frm-normal .text-info + .frm-normal-input ion-input,
.frm-normal .text-info + .frm-normal-input ion-item:first-child,
.frm-normal .text-info + .frm-normal-split-wrap ion-input,
.frm-normal .text-info + .frm-normal-split-wrap ion-item:first-child,
.frm-normal .text-info + .radio-button-normal-wrap ion-input,
.frm-normal .text-info + .radio-button-normal-wrap ion-item:first-child,
.frm-normal .text-info + .checkbox-button-normal-wrap ion-input,
.frm-normal .text-info + .checkbox-button-normal-wrap ion-item:first-child,
.frm-normal .frm-normal-header + .time-input-normal ion-input,
.frm-normal .frm-normal-header + .time-input-normal ion-item:first-child,
.frm-normal .frm-normal-header + .text-calendar-input-normal ion-input,
.frm-normal .frm-normal-header + .text-calendar-input-normal ion-item:first-child,
.frm-normal .frm-normal-header + .text-search-input-normal ion-input,
.frm-normal .frm-normal-header + .text-search-input-normal ion-item:first-child,
.frm-normal .frm-normal-header + .text-selection-input-normal ion-input,
.frm-normal .frm-normal-header + .text-selection-input-normal ion-item:first-child,
.frm-normal .frm-normal-header + .text-area-input-normal ion-input,
.frm-normal .frm-normal-header + .text-area-input-normal ion-item:first-child,
.frm-normal .frm-normal-header + .text-input-normal ion-input,
.frm-normal .frm-normal-header + .text-input-normal ion-item:first-child,
.frm-normal .frm-normal-header + .frm-normal-input ion-input,
.frm-normal .frm-normal-header + .frm-normal-input ion-item:first-child,
.frm-normal .frm-normal-header + .frm-normal-split-wrap ion-input,
.frm-normal .frm-normal-header + .frm-normal-split-wrap ion-item:first-child,
.frm-normal .frm-normal-header + .radio-button-normal-wrap ion-input,
.frm-normal .frm-normal-header + .radio-button-normal-wrap ion-item:first-child,
.frm-normal .frm-normal-header + .checkbox-button-normal-wrap ion-input,
.frm-normal .frm-normal-header + .checkbox-button-normal-wrap ion-item:first-child,
.frm-normal .list-dot + .time-input-normal ion-input,
.frm-normal .list-dot + .time-input-normal ion-item:first-child,
.frm-normal .list-dot + .text-calendar-input-normal ion-input,
.frm-normal .list-dot + .text-calendar-input-normal ion-item:first-child,
.frm-normal .list-dot + .text-search-input-normal ion-input,
.frm-normal .list-dot + .text-search-input-normal ion-item:first-child,
.frm-normal .list-dot + .text-selection-input-normal ion-input,
.frm-normal .list-dot + .text-selection-input-normal ion-item:first-child,
.frm-normal .list-dot + .text-area-input-normal ion-input,
.frm-normal .list-dot + .text-area-input-normal ion-item:first-child,
.frm-normal .list-dot + .text-input-normal ion-input,
.frm-normal .list-dot + .text-input-normal ion-item:first-child,
.frm-normal .list-dot + .frm-normal-input ion-input,
.frm-normal .list-dot + .frm-normal-input ion-item:first-child,
.frm-normal .list-dot + .frm-normal-split-wrap ion-input,
.frm-normal .list-dot + .frm-normal-split-wrap ion-item:first-child,
.frm-normal .list-dot + .radio-button-normal-wrap ion-input,
.frm-normal .list-dot + .radio-button-normal-wrap ion-item:first-child,
.frm-normal .list-dot + .checkbox-button-normal-wrap ion-input,
.frm-normal .list-dot + .checkbox-button-normal-wrap ion-item:first-child,
.frm-normal .list-example + .time-input-normal ion-input,
.frm-normal .list-example + .time-input-normal ion-item:first-child,
.frm-normal .list-example + .text-calendar-input-normal ion-input,
.frm-normal .list-example + .text-calendar-input-normal ion-item:first-child,
.frm-normal .list-example + .text-search-input-normal ion-input,
.frm-normal .list-example + .text-search-input-normal ion-item:first-child,
.frm-normal .list-example + .text-selection-input-normal ion-input,
.frm-normal .list-example + .text-selection-input-normal ion-item:first-child,
.frm-normal .list-example + .text-area-input-normal ion-input,
.frm-normal .list-example + .text-area-input-normal ion-item:first-child,
.frm-normal .list-example + .text-input-normal ion-input,
.frm-normal .list-example + .text-input-normal ion-item:first-child,
.frm-normal .list-example + .frm-normal-input ion-input,
.frm-normal .list-example + .frm-normal-input ion-item:first-child,
.frm-normal .list-example + .frm-normal-split-wrap ion-input,
.frm-normal .list-example + .frm-normal-split-wrap ion-item:first-child,
.frm-normal .list-example + .radio-button-normal-wrap ion-input,
.frm-normal .list-example + .radio-button-normal-wrap ion-item:first-child,
.frm-normal .list-example + .checkbox-button-normal-wrap ion-input,
.frm-normal .list-example + .checkbox-button-normal-wrap ion-item:first-child,
.frm-normal p + .time-input-normal ion-input,
.frm-normal p + .time-input-normal ion-item:first-child,
.frm-normal p + .text-calendar-input-normal ion-input,
.frm-normal p + .text-calendar-input-normal ion-item:first-child,
.frm-normal p + .text-search-input-normal ion-input,
.frm-normal p + .text-search-input-normal ion-item:first-child,
.frm-normal p + .text-selection-input-normal ion-input,
.frm-normal p + .text-selection-input-normal ion-item:first-child,
.frm-normal p + .text-area-input-normal ion-input,
.frm-normal p + .text-area-input-normal ion-item:first-child,
.frm-normal p + .text-input-normal ion-input,
.frm-normal p + .text-input-normal ion-item:first-child,
.frm-normal p + .frm-normal-input ion-input,
.frm-normal p + .frm-normal-input ion-item:first-child,
.frm-normal p + .frm-normal-split-wrap ion-input,
.frm-normal p + .frm-normal-split-wrap ion-item:first-child,
.frm-normal p + .radio-button-normal-wrap ion-input,
.frm-normal p + .radio-button-normal-wrap ion-item:first-child,
.frm-normal p + .checkbox-button-normal-wrap ion-input,
.frm-normal p + .checkbox-button-normal-wrap ion-item:first-child {
  margin-top: 4.02vw;
  margin-top: var(--space-size-15);
}
.frm-normal .text-info,
.frm-normal .text-label {
  margin: 4.02vw 0 0 0;
  margin: var(--space-size-15) 0 0 0;
}
.frm-normal .text-info .text-small,
.frm-normal .text-label .text-small {
  flex-shrink: 0;
  line-height: 1.6;
}
.frm-normal span ion-icon {
  width: calc(5.36vw + 4px);
  width: calc(var(--space-size-20) + 4px);
  height: calc(5.36vw + 4px);
  height: calc(var(--space-size-20) + 4px);
  line-height: 16px;
  vertical-align: -5px;
  cursor: pointer;
  fill: #c6a465;
  fill: var(--ion-form-icon-color);
}
.frm-normal[FRM-00] {
  margin-top: 10.72vw;
  margin-top: var(--space-size-40);
}
.frm-normal[FRM-07-01] .text-info > .text-normal .confirm-number, .frm-normal[FRM-07-01] .text-info > .list-sensor .confirm-number, .frm-normal[FRM-07-01] .text-info > .list-note-ja .confirm-number, .frm-normal[FRM-07-01] .text-info > .list-sharp-03 .confirm-number, .frm-normal[FRM-07-01] .text-info > .list-sharp-02 .confirm-number, .frm-normal[FRM-07-01] .text-info > .list-sharp-02-from4 .confirm-number, .frm-normal[FRM-07-01] .text-info > .list-sharp-02-from3 .confirm-number, .frm-normal[FRM-07-01] .text-info > .list-sharp-02-from2 .confirm-number, .frm-normal[FRM-07-01] .text-info > .list-sharp .confirm-number, .frm-normal[FRM-07-01] .text-info > .list-example .confirm-number, .frm-normal[FRM-07-01] .text-info > .list-alphabetical .confirm-number, .frm-normal[FRM-07-01] .text-info > .list-decimal-04 .confirm-number, .frm-normal[FRM-07-01] .text-info > .list-decimal-03 .confirm-number, .frm-normal[FRM-07-01] .text-info > .list-decimal-02 .confirm-number, .frm-normal[FRM-07-01] .text-info > .list-decimal .confirm-number, .frm-normal[FRM-07-01] .text-info > .list-dot-6 .confirm-number, .frm-normal[FRM-07-01] .text-info > .list-dot-5 .confirm-number, .frm-normal[FRM-07-01] .text-info > .list-dot-3 .confirm-number, .frm-normal[FRM-07-01] .text-info > .list-dot .confirm-number {
  margin-right: 4.02vw;
  margin-right: var(--space-size-15);
}
.frm-normal[FRM-07-01] .frm-normal-header .text-normal, .frm-normal[FRM-07-01] .frm-normal-header .list-sensor, .frm-normal[FRM-07-01] .frm-normal-header .list-note-ja, .frm-normal[FRM-07-01] .frm-normal-header .list-sharp-03, .frm-normal[FRM-07-01] .frm-normal-header .list-sharp-02, .frm-normal[FRM-07-01] .frm-normal-header .list-sharp-02-from4, .frm-normal[FRM-07-01] .frm-normal-header .list-sharp-02-from3, .frm-normal[FRM-07-01] .frm-normal-header .list-sharp-02-from2, .frm-normal[FRM-07-01] .frm-normal-header .list-sharp, .frm-normal[FRM-07-01] .frm-normal-header .list-example, .frm-normal[FRM-07-01] .frm-normal-header .list-alphabetical, .frm-normal[FRM-07-01] .frm-normal-header .list-decimal-04, .frm-normal[FRM-07-01] .frm-normal-header .list-decimal-03, .frm-normal[FRM-07-01] .frm-normal-header .list-decimal-02, .frm-normal[FRM-07-01] .frm-normal-header .list-decimal, .frm-normal[FRM-07-01] .frm-normal-header .list-dot-6, .frm-normal[FRM-07-01] .frm-normal-header .list-dot-5, .frm-normal[FRM-07-01] .frm-normal-header .list-dot-3, .frm-normal[FRM-07-01] .frm-normal-header .list-dot {
  margin: 2.68vw 0 0 0;
  margin: var(--space-size-10) 0 0 0;
}
.frm-normal[FRM-07-01] .frm-normal-header .text-normal a ion-icon, .frm-normal[FRM-07-01] .frm-normal-header .list-sensor a ion-icon, .frm-normal[FRM-07-01] .frm-normal-header .list-note-ja a ion-icon, .frm-normal[FRM-07-01] .frm-normal-header .list-sharp-03 a ion-icon, .frm-normal[FRM-07-01] .frm-normal-header .list-sharp-02 a ion-icon, .frm-normal[FRM-07-01] .frm-normal-header .list-sharp-02-from4 a ion-icon, .frm-normal[FRM-07-01] .frm-normal-header .list-sharp-02-from3 a ion-icon, .frm-normal[FRM-07-01] .frm-normal-header .list-sharp-02-from2 a ion-icon, .frm-normal[FRM-07-01] .frm-normal-header .list-sharp a ion-icon, .frm-normal[FRM-07-01] .frm-normal-header .list-example a ion-icon, .frm-normal[FRM-07-01] .frm-normal-header .list-alphabetical a ion-icon, .frm-normal[FRM-07-01] .frm-normal-header .list-decimal-04 a ion-icon, .frm-normal[FRM-07-01] .frm-normal-header .list-decimal-03 a ion-icon, .frm-normal[FRM-07-01] .frm-normal-header .list-decimal-02 a ion-icon, .frm-normal[FRM-07-01] .frm-normal-header .list-decimal a ion-icon, .frm-normal[FRM-07-01] .frm-normal-header .list-dot-6 a ion-icon, .frm-normal[FRM-07-01] .frm-normal-header .list-dot-5 a ion-icon, .frm-normal[FRM-07-01] .frm-normal-header .list-dot-3 a ion-icon, .frm-normal[FRM-07-01] .frm-normal-header .list-dot a ion-icon {
  margin-top: -4px;
}
.frm-normal[FRM-07-01] .frm-normal-header .list-dot {
  margin-top: 2.68vw;
  margin-top: var(--space-size-10);
}
.frm-normal[FRM-07-01] .frm-normal-header .list-dot li:last-child {
  margin-bottom: 0vw;
  margin-bottom: var(--space-size-0);
}
.frm-normal[FRM-07-01] .frm-normal-header + .list-dot {
  margin: 4.02vw 0 0 0;
  margin: var(--space-size-15) 0 0 0;
}
.frm-normal[FRM-07-01] .text-info + .list-dot,
.frm-normal[FRM-07-01] .list-example {
  margin: 2.68vw 0 0 0;
  margin: var(--space-size-10) 0 0 0;
}
.frm-normal[FRM-07-01] .text-info + .list-dot li:last-child,
.frm-normal[FRM-07-01] .list-example li:last-child {
  margin-bottom: 0vw;
  margin-bottom: var(--space-size-0);
}
.frm-normal .frm-normal-split-wrap {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-column-gap: 4.02vw;
  -moz-column-gap: 4.02vw;
       column-gap: 4.02vw;
  grid-column-gap: var(--space-size-15);
  -moz-column-gap: var(--space-size-15);
       column-gap: var(--space-size-15);
}
.frm-normal .frm-normal-split-wrap .frm-normal-input {
  width: 100%;
}
.frm-normal .frm-normal-split-wrap .frm-normal-input ion-label {
  width: 100%;
}
.frm-normal .frm-normal-split-wrap .frm-normal-input .text-input-normal {
  margin-top: 1.34vw;
  margin-top: var(--space-size-5);
}
.frm-normal .frm-normal-split-wrap .frm-normal-input + .frm-normal-input {
  margin-top: 0;
}
.frm-normal .text-selection-input-multiline:first-child {
  margin: 4.02vw 0 0 0;
  margin: var(--space-size-15) 0 0 0;
}
/* frm-map-01 */
.frm-map-01 {
  margin: 8.04vw 0 0 0;
  margin: var(--space-size-30) 0 0 0;
}
.frm-map-01 .text-normal, .frm-map-01 .list-sensor, .frm-map-01 .list-note-ja, .frm-map-01 .list-sharp-03, .frm-map-01 .list-sharp-02, .frm-map-01 .list-sharp-02-from4, .frm-map-01 .list-sharp-02-from3, .frm-map-01 .list-sharp-02-from2, .frm-map-01 .list-sharp, .frm-map-01 .list-example, .frm-map-01 .list-alphabetical, .frm-map-01 .list-decimal-04, .frm-map-01 .list-decimal-03, .frm-map-01 .list-decimal-02, .frm-map-01 .list-decimal, .frm-map-01 .list-dot-6, .frm-map-01 .list-dot-5, .frm-map-01 .list-dot-3, .frm-map-01 .list-dot {
  margin: 0;
}
.frm-map-01 .frm-map-label {
  margin: 4.02vw 0 0 0 !important;
  margin: var(--space-size-15) 0 0 0 !important;
}
.frm-map-01 .frm-map-input-wrap {
  display: grid;
  grid-template-columns: 1fr 56px;
  margin: 4.02vw 0 0 0;
  margin: var(--space-size-15) 0 0 0;
  grid-column-gap: 2.68vw;
  -moz-column-gap: 2.68vw;
       column-gap: 2.68vw;
  grid-column-gap: var(--space-size-10);
  -moz-column-gap: var(--space-size-10);
       column-gap: var(--space-size-10);
}
.frm-map-01 .frm-map-input-wrap .frm-map-input {
  margin: 0;
}
.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);
}
.frm-map-01 .frm-map-input-wrap ion-button ion-icon {
  margin: 0;
  stroke: #c6a465;
  stroke: var(--ion-form-icon-color);
}
/*
 * Footer Box
 * ----------------------------------------------------------------------------
 *
 */
.footer .footer-nav {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 0;
  padding: 4.02vw;
  padding: var(--space-size-15);
}
.footer .footer-nav-item {
  flex: 0 0 100%;
  width: 100%;
  min-width: 100%;
  margin-top: 0;
  margin-bottom: 0;
}
.footer .footer-nav-item.footer-nav-item-half {
  flex-basis: calc(50% - 4.02vw / 2);
  flex-basis: calc(50% - var(--space-size-15) / 2);
  width: calc(50% - 4.02vw / 2);
  width: calc(50% - var(--space-size-15) / 2);
  min-width: calc(50% - 4.02vw / 2);
  min-width: calc(50% - var(--space-size-15) / 2);
}
.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;
}
.footer .link-icon {
  padding-bottom: 0;
}
.footer .link-icon.link-icon-non-stroke {
  stroke: none;
}
.footer .border-dashed {
  flex: 0 0 100%;
  width: 100%;
  min-width: 100%;
}
.footer .copyright {
  margin-top: 0;
  color: #ffffff;
  color: var(--ion-color-custom-white);
  text-align: center;
}
/*
 * Static Footer CSS
 * ----------------------------------------------------------------------------
 *
 */
/* ----- footerArea ----- */
#footerArea {
  width: 100%;
  margin: 0 auto;
  padding: 0 15px;
  background-color: #ffffff;
  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;
}
/* ----- footerLinkBlock ----- */
#footerLinkBlock {
  margin: 0 -15px;
  padding: 30px 5px;
  text-align: center;
  background-color: #f4f4f8;
}
#footerLinkBlock > ul {
  display: inline-block;
  vertical-align: top;
}
#footerLinkBlock > ul > li {
  float: left;
  margin: 0.7em 0 0 10px;
  padding-left: 10px;
  line-height: 1.2;
  border-left: 1px solid #cccccc;
}
#footerLinkBlock > ul > li a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  text-decoration: none;
  vertical-align: baseline;
  background: transparent;
}
#footerLinkBlock > ul > li:nth-child(2n+1) {
  clear: left;
  margin-left: 0;
  padding-left: 0;
  border-left: none;
}
#footerLinkBlock > ul > li:nth-child(-n+2) {
  margin-top: 0;
}
#footerLinkBlock > ul > li > a {
  color: #111111;
}
#footerCopyBlock {
  margin: 0 -15px;
  padding: 12px 15px;
  color: #ffffff;
  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: #003a77;
}
.app-page-footer.bg-color-white #footerLinkBlock {
  background-color: #fff;
}
.app-page-footer.bg-color-beige #footerLinkBlock {
  background-color: #f7f5f3;
}
.app-page-footer.app-page-footer-responsive #footerArea {
  /* media query version */
}
@media screen and (min-width: 769px) {
  .app-page-footer.app-page-footer-responsive #footerArea {
    padding: 0;
  }
}
.app-page-footer.app-page-footer-responsive #footerLinkBlock {
  /* media query version */
}
@media screen and (min-width: 769px) {
  .app-page-footer.app-page-footer-responsive #footerLinkBlock {
    margin: 0;
    padding: 0;
  }
}
.app-page-footer.app-page-footer-responsive #footerLinkBlock > ul {
  /* media query version */
}
@media screen and (min-width: 769px) {
  .app-page-footer.app-page-footer-responsive #footerLinkBlock > ul {
    padding: 30px 0;
    display: flex;
    justify-content: center;
    align-items: center;
  }
}
.app-page-footer.app-page-footer-responsive #footerLinkBlock > ul > li {
  /* media query version */
}
@media screen and (min-width: 769px) {
  .app-page-footer.app-page-footer-responsive #footerLinkBlock > ul > li {
    margin-left: 10px;
    margin-top: 0;
  }
  .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;
  }
}
.app-page-footer.app-page-footer-responsive .copyright {
  /* media query version */
}
@media screen and (min-width: 769px) {
  .app-page-footer.app-page-footer-responsive .copyright {
    font-size: 12px;
  }
}
/*
 * Header
 * ----------------------------------------------------------------------------
 *
 */
/* Landing top page header */
.header-box ion-toolbar {
  --background: var(--ion-color-step-125);
  --border-width: 0 !important;
  --padding-start: var(--space-size-10);
  --padding-end: var(--space-size-10);
  border-bottom: 1px solid #e5e5e5;
  border-bottom: 1px solid var(--ion-color-custom-gray);
}
.header-box ion-toolbar ion-button {
  --border-radius: 0 !important;
  height: 13.4vw;
  height: var(--space-size-50);
}
.header-box ion-toolbar ion-button ion-icon {
  font-size: 6.7vw;
  font-size: var(--space-size-25);
}
.header-box ion-toolbar ion-button button {
  padding: 0;
}
.header-box ion-toolbar ion-buttons.normal-buttons-logo-wrap {
  margin: 0;
}
.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);
}
.header-box ion-toolbar ion-buttons.normal-buttons-logo-wrap ion-button ion-icon {
  width: 20.1vw;
  width: var(--space-size-75);
  height: 8.04vw;
  height: var(--space-size-30);
  color: #111111;
  color: var(--ion-color-custom-black);
}
.header-box ion-toolbar ion-buttons.simple-buttons-logo-wrap {
  position: absolute;
  margin: 0;
}
.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;
}
.header-box ion-toolbar ion-buttons.simple-buttons-logo-wrap div ion-icon {
  width: 20.1vw;
  width: var(--space-size-75);
  height: 8.04vw;
  height: var(--space-size-30);
  color: #111111;
  color: var(--ion-color-custom-black);
}
.header-box ion-toolbar ion-buttons.simple-buttons-logo-wrap div:hover {
  opacity: 1;
}
.header-box ion-toolbar ion-buttons.simple-ion-logo-wrap {
  position: relative;
}
.header-box ion-toolbar ion-buttons.header-buttons-wrap {
  margin: 0;
}
.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);
}
.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;
}
.header-box ion-toolbar ion-buttons.header-buttons-wrap .header-button-wrap img {
  width: 35px;
  height: 27px;
  padding-bottom: 2px;
  padding-left: 5px;
}
.header-box ion-toolbar ion-buttons.header-buttons-wrap .header-button-wrap ion-icon {
  width: 8.04vw;
  width: var(--space-size-30);
  height: 6.7vw;
  height: var(--space-size-25);
  padding-bottom: 2px;
  padding-left: 1.34vw;
  padding-left: var(--space-size-5);
}
.header-box ion-toolbar ion-buttons.header-buttons-wrap .header-button-wrap ion-icon.fnol-icon, .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;
}
.header-box ion-toolbar ion-buttons.header-buttons-wrap .header-button-wrap span {
  color: #003a77;
  color: var(--ion-color-custom-dark-blue);
}
.header-box ion-toolbar ion-buttons.header-buttons-wrap.none {
  display: none;
}
.header-box ion-toolbar ion-title {
  padding: 0px 6.7vw 0 1.34vw;
  padding: 0px var(--space-size-25) 0 var(--space-size-5);
  color: #111111;
  color: var(--ion-color-custom-black);
  text-align: left;
  font-weight: bold;
  font-size: calc(0.75rem + 1.07vw);
  font-size: var(--font-size-medium);
  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;
}
.header-box ion-toolbar.header-simple ion-title {
  padding: 0px 1.34vw;
  padding: 0px var(--space-size-5);
  text-align: center;
}
.header-box ion-toolbar.header-fnol ion-title {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 0px 10.72vw;
  padding: 0px var(--space-size-40);
  text-align: center;
}
.header-box ion-toolbar.header-rs ion-title {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 0px 10.72vw;
  padding: 0px var(--space-size-40);
  text-align: center;
}
.header-box ion-toolbar .header-title-wrap {
  padding: 15px 0;
  white-space: normal;
}
.header-box.header-box-landing ion-title {
  margin: 0;
  text-align: left;
}
.header-box.landing-theme {
  padding-left: 0;
}
.header-box.landing-theme ion-toolbar {
  --background: none;
  --color: white;
  --padding-bottom: 0;
  border: none;
}
.header-box.landing-theme ion-toolbar ion-title {
  padding: 0px;
  color: #111111;
  color: var(--ion-color-custom-black);
  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) {
  .header-box ion-toolbar.header-simple ion-title.mobile-padding-12 {
    padding-left: 5vw;
  }
  .header-box ion-toolbar.header-simple ion-title.mobile-padding-13 {
    padding-left: 9vw;
  }
  .header-box ion-toolbar.header-simple ion-title.mobile-padding-14 {
    padding-left: 13vw;
  }
  .header-box ion-toolbar.header-simple ion-title.mobile-padding-15 {
    padding-left: 17vw;
  }
  .header-box ion-toolbar.header-simple ion-title.mobile-padding-16 {
    padding-left: 21vw;
  }
}
/*
 * Landing Bg (IMG-01)
 * ----------------------------------------------------------------------------
 *
 */
app-maker-selection ion-header,
app-driver-info ion-header,
app-license-info ion-header,
app-prefecture-selection ion-header,
app-purpose-selection ion-header,
app-running-distance ion-header,
app-remind-sign-in ion-header,
app-remind-sign-in-complete ion-header,
app-driver-info-bis ion-header,
app-grade ion-header,
app-enquete-bis ion-header, app-approximation-result ion-header,
app-maker-selection ion-toolbar,
app-driver-info ion-toolbar,
app-license-info ion-toolbar,
app-prefecture-selection ion-toolbar,
app-purpose-selection ion-toolbar,
app-running-distance ion-toolbar,
app-remind-sign-in ion-toolbar,
app-remind-sign-in-complete ion-toolbar,
app-driver-info-bis ion-toolbar,
app-grade ion-toolbar,
app-enquete-bis ion-toolbar,
app-approximation-result ion-toolbar,
app-maker-selection ion-content,
app-driver-info ion-content,
app-license-info ion-content,
app-prefecture-selection ion-content,
app-purpose-selection ion-content,
app-running-distance ion-content,
app-remind-sign-in ion-content,
app-remind-sign-in-complete ion-content,
app-driver-info-bis ion-content,
app-grade ion-content,
app-enquete-bis ion-content,
app-approximation-result ion-content {
  --background: none;
}
/* background parallax pages */
app-approximation-result .app-page-content {
  background: url('05_01_2-img001.dcd1eb1eeb54fc2e6df1.png') no-repeat top !important;
  background-color: #111111 !important;
  background-color: var(--ion-color-custom-black) !important;
  background-size: 100% auto !important;
}
/* background center pages */
app-maker-selection,
app-driver-info,
app-license-info,
app-prefecture-selection,
app-purpose-selection,
app-running-distance,
app-remind-sign-in,
app-remind-sign-in-complete,
app-driver-info-bis,
app-grade,
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: #111111;
  background-color: var(--ion-color-custom-black);
  background-size: cover;
}
/*
 * loading
 * ----------------------------------------------------------------------------
 *
 */
.loading-circular ion-backdrop {
  --backdrop-opacity: 0.9;
  background-color: #ffffff;
  background-color: var(--ion-color-custom-white);
}
.loading-circular .loading-wrapper {
  --background: transparent;
  padding: 0px;
}
.loading-circular .loading-wrapper ion-spinner {
  width: 10.72vw;
  width: var(--space-size-40);
  height: 10.72vw;
  height: var(--space-size-40);
  color: #28a69a;
  color: var(--ion-color-custom-dark-green);
}
/*
 * loading-edsp
 * ----------------------------------------------------------------------------
 *
 */
.loading-edsp ion-backdrop {
  --backdrop-opacity: 0.5;
  background-color: #ffffff;
  background-color: var(--ion-color-custom-white);
}
.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;
}
/*
 * Modal Box
 * ----------------------------------------------------------------------------
 *
 */
.modal-wrapper {
  --height: 100%;
}
.modal-wrapper .modal-box {
  justify-content: flex-start;
  padding-top: 8.04vw;
  padding-top: var(--space-size-30);
  padding-bottom: 8.04vw;
  padding-bottom: var(--space-size-30);
  /* modal top close button */
  /* modal scroll box */
  /* modal header */
  /* modal footer */
}
.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;
}
.modal-wrapper .modal-box ion-content::part(scroll) {
  position: relative;
  height: auto;
  overflow: hidden;
  background: var(--background);
  -webkit-overflow-scrolling: touch;
}
.modal-wrapper .modal-box .modal-top-close-button {
  padding: 1px 6px;
  color: #ffffff;
  color: var(--ion-color-custom-white);
  font-size: calc(5.36vw + 1.34vw);
  font-size: calc(var(--space-size-20) + var(--space-size-5));
  background: none;
  position: absolute;
  top: 0;
  right: calc(2.68vw * -1);
  right: calc(var(--space-size-10) * -1);
  bottom: auto;
  left: auto;
}
.modal-wrapper .modal-box .modal-top-close-button:hover {
  color: #cccccc;
  color: var(--ion-color-step-200);
  transition: color 0.5s ease-in;
}
.modal-wrapper .modal-box .modal-top-close-button:focus, .modal-wrapper .modal-box .modal-top-close-button:active {
  outline: none;
}
.modal-wrapper .modal-box .modal-scroll-box {
  height: 100%;
  overflow-y: scroll;
}
.modal-wrapper .modal-box .modal-header-box {
  position: relative;
  padding-top: 0;
  background: #ffffff;
  background: var(--ion-default-bg-color);
}
.modal-wrapper .modal-box .modal-header-box ion-icon {
  font-size: 8.04vw;
  font-size: var(--space-size-30);
  position: absolute;
  top: 8.04vw;
  top: var(--space-size-30);
  right: auto;
  bottom: auto;
  left: 2.68vw;
  left: var(--space-size-10);
}
.modal-wrapper .modal-box .modal-header-box h1 {
  padding: 5.36vw 2.68vw;
  padding: var(--space-size-20) var(--space-size-10);
  color: #111111;
  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: "ヒラギノ角ゴ 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;
  border-bottom: 2px solid #003a77;
  border-bottom: 2px solid var(--ion-default-border-color);
}
.modal-wrapper .modal-box .modal-header-box.landing-theme h1 {
  border-bottom: 2px solid #28a69a;
  border-bottom: 2px solid var(--ion-color-custom-dark-green);
}
.modal-wrapper .modal-box .modal-footer-box {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2.68vw 0;
  padding: var(--space-size-10) 0;
  color: #ffffff;
  color: var(--ion-color-custom-white);
}
.modal-wrapper .modal-box .modal-footer-box .modal-footer-button {
  display: flex;
  align-items: center;
  padding: 0 10px;
  cursor: pointer;
}
.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: #ffffff;
  color: var(--ion-color-custom-white);
  font-size: calc(0.875em + 1.07vw);
  font-size: var(--font-size-large);
}
.modal-wrapper .modal-box .modal-footer-box span {
  cursor: pointer;
}
.modal-wrapper .modal-box:hover .ion-footer span,
.modal-wrapper .modal-box:hover .ion-footer ion-button {
  color: #cccccc;
  color: var(--ion-color-step-200);
  transition: color 0.5s ease-in;
}
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;
}
.isVisible {
  display: none !important;
}
/*
 * New
 * ----------------------------------------------------------------------------
 *
 */
.new-01 .new-01-item.space-wide {
  margin-top: 4.02vw;
  margin-top: var(--space-size-15);
}
.new-01 .new-01-item.space-wide:first-child {
  margin-top: 2.68vw;
  margin-top: var(--space-size-10);
}
.new-01 .new-01-item.space-narrow {
  margin-top: 1.34vw;
  margin-top: var(--space-size-5);
}
.new-01 .new-01-item .text-normal, .new-01 .new-01-item .list-sensor, .new-01 .new-01-item .list-note-ja, .new-01 .new-01-item .list-sharp-03, .new-01 .new-01-item .list-sharp-02, .new-01 .new-01-item .list-sharp-02-from4, .new-01 .new-01-item .list-sharp-02-from3, .new-01 .new-01-item .list-sharp-02-from2, .new-01 .new-01-item .list-sharp, .new-01 .new-01-item .list-example, .new-01 .new-01-item .list-alphabetical, .new-01 .new-01-item .list-decimal-04, .new-01 .new-01-item .list-decimal-03, .new-01 .new-01-item .list-decimal-02, .new-01 .new-01-item .list-decimal, .new-01 .new-01-item .list-dot-6, .new-01 .new-01-item .list-dot-5, .new-01 .new-01-item .list-dot-3, .new-01 .new-01-item .list-dot {
  margin: 0vw;
  margin: var(--space-size-0);
}
.new-01 .new-01-item .text-normal .date, .new-01 .new-01-item .list-sensor .date, .new-01 .new-01-item .list-note-ja .date, .new-01 .new-01-item .list-sharp-03 .date, .new-01 .new-01-item .list-sharp-02 .date, .new-01 .new-01-item .list-sharp-02-from4 .date, .new-01 .new-01-item .list-sharp-02-from3 .date, .new-01 .new-01-item .list-sharp-02-from2 .date, .new-01 .new-01-item .list-sharp .date, .new-01 .new-01-item .list-example .date, .new-01 .new-01-item .list-alphabetical .date, .new-01 .new-01-item .list-decimal-04 .date, .new-01 .new-01-item .list-decimal-03 .date, .new-01 .new-01-item .list-decimal-02 .date, .new-01 .new-01-item .list-decimal .date, .new-01 .new-01-item .list-dot-6 .date, .new-01 .new-01-item .list-dot-5 .date, .new-01 .new-01-item .list-dot-3 .date, .new-01 .new-01-item .list-dot .date {
  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;
}
.new-01 .new-01-item .text-normal .text-illustration-banner, .new-01 .new-01-item .list-sensor .text-illustration-banner, .new-01 .new-01-item .list-note-ja .text-illustration-banner, .new-01 .new-01-item .list-sharp-03 .text-illustration-banner, .new-01 .new-01-item .list-sharp-02 .text-illustration-banner, .new-01 .new-01-item .list-sharp-02-from4 .text-illustration-banner, .new-01 .new-01-item .list-sharp-02-from3 .text-illustration-banner, .new-01 .new-01-item .list-sharp-02-from2 .text-illustration-banner, .new-01 .new-01-item .list-sharp .text-illustration-banner, .new-01 .new-01-item .list-example .text-illustration-banner, .new-01 .new-01-item .list-alphabetical .text-illustration-banner, .new-01 .new-01-item .list-decimal-04 .text-illustration-banner, .new-01 .new-01-item .list-decimal-03 .text-illustration-banner, .new-01 .new-01-item .list-decimal-02 .text-illustration-banner, .new-01 .new-01-item .list-decimal .text-illustration-banner, .new-01 .new-01-item .list-dot-6 .text-illustration-banner, .new-01 .new-01-item .list-dot-5 .text-illustration-banner, .new-01 .new-01-item .list-dot-3 .text-illustration-banner, .new-01 .new-01-item .list-dot .text-illustration-banner {
  min-width: auto;
  margin: 0 0 0 2.68vw;
  margin: 0 0 0 var(--space-size-10);
  vertical-align: 1px;
}
.new-01 .new-01-item .text-normal .text-illustration-banner.fill-red, .new-01 .new-01-item .list-sensor .text-illustration-banner.fill-red, .new-01 .new-01-item .list-note-ja .text-illustration-banner.fill-red, .new-01 .new-01-item .list-sharp-03 .text-illustration-banner.fill-red, .new-01 .new-01-item .list-sharp-02 .text-illustration-banner.fill-red, .new-01 .new-01-item .list-sharp-02-from4 .text-illustration-banner.fill-red, .new-01 .new-01-item .list-sharp-02-from3 .text-illustration-banner.fill-red, .new-01 .new-01-item .list-sharp-02-from2 .text-illustration-banner.fill-red, .new-01 .new-01-item .list-sharp .text-illustration-banner.fill-red, .new-01 .new-01-item .list-example .text-illustration-banner.fill-red, .new-01 .new-01-item .list-alphabetical .text-illustration-banner.fill-red, .new-01 .new-01-item .list-decimal-04 .text-illustration-banner.fill-red, .new-01 .new-01-item .list-decimal-03 .text-illustration-banner.fill-red, .new-01 .new-01-item .list-decimal-02 .text-illustration-banner.fill-red, .new-01 .new-01-item .list-decimal .text-illustration-banner.fill-red, .new-01 .new-01-item .list-dot-6 .text-illustration-banner.fill-red, .new-01 .new-01-item .list-dot-5 .text-illustration-banner.fill-red, .new-01 .new-01-item .list-dot-3 .text-illustration-banner.fill-red, .new-01 .new-01-item .list-dot .text-illustration-banner.fill-red {
  background-color: #cc0000;
  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;
}
.new-01 .new-01-item .text-normal .text-illustration-banner.outline-red, .new-01 .new-01-item .list-sensor .text-illustration-banner.outline-red, .new-01 .new-01-item .list-note-ja .text-illustration-banner.outline-red, .new-01 .new-01-item .list-sharp-03 .text-illustration-banner.outline-red, .new-01 .new-01-item .list-sharp-02 .text-illustration-banner.outline-red, .new-01 .new-01-item .list-sharp-02-from4 .text-illustration-banner.outline-red, .new-01 .new-01-item .list-sharp-02-from3 .text-illustration-banner.outline-red, .new-01 .new-01-item .list-sharp-02-from2 .text-illustration-banner.outline-red, .new-01 .new-01-item .list-sharp .text-illustration-banner.outline-red, .new-01 .new-01-item .list-example .text-illustration-banner.outline-red, .new-01 .new-01-item .list-alphabetical .text-illustration-banner.outline-red, .new-01 .new-01-item .list-decimal-04 .text-illustration-banner.outline-red, .new-01 .new-01-item .list-decimal-03 .text-illustration-banner.outline-red, .new-01 .new-01-item .list-decimal-02 .text-illustration-banner.outline-red, .new-01 .new-01-item .list-decimal .text-illustration-banner.outline-red, .new-01 .new-01-item .list-dot-6 .text-illustration-banner.outline-red, .new-01 .new-01-item .list-dot-5 .text-illustration-banner.outline-red, .new-01 .new-01-item .list-dot-3 .text-illustration-banner.outline-red, .new-01 .new-01-item .list-dot .text-illustration-banner.outline-red {
  border: 1px solid #cc0000;
  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: #cc0000;
  color: var(--ion-color-custom-red);
  background-color: #ffffff;
  background-color: var(--ion-color-custom-white);
}
.new-01 .new-01-item .text-normal.text-link, .new-01 .new-01-item .text-link.list-sensor, .new-01 .new-01-item .text-link.list-note-ja, .new-01 .new-01-item .text-link.list-sharp-03, .new-01 .new-01-item .text-link.list-sharp-02, .new-01 .new-01-item .text-link.list-sharp-02-from4, .new-01 .new-01-item .text-link.list-sharp-02-from3, .new-01 .new-01-item .text-link.list-sharp-02-from2, .new-01 .new-01-item .text-link.list-sharp, .new-01 .new-01-item .text-link.list-example, .new-01 .new-01-item .text-link.list-alphabetical, .new-01 .new-01-item .text-link.list-decimal-04, .new-01 .new-01-item .text-link.list-decimal-03, .new-01 .new-01-item .text-link.list-decimal-02, .new-01 .new-01-item .text-link.list-decimal, .new-01 .new-01-item .text-link.list-dot-6, .new-01 .new-01-item .text-link.list-dot-5, .new-01 .new-01-item .text-link.list-dot-3, .new-01 .new-01-item .text-link.list-dot {
  color: #0099ff !important;
  color: var(--ion-color-link) !important;
}
.new-01 .new-01-item .text-normal .title, .new-01 .new-01-item .list-sensor .title, .new-01 .new-01-item .list-note-ja .title, .new-01 .new-01-item .list-sharp-03 .title, .new-01 .new-01-item .list-sharp-02 .title, .new-01 .new-01-item .list-sharp-02-from4 .title, .new-01 .new-01-item .list-sharp-02-from3 .title, .new-01 .new-01-item .list-sharp-02-from2 .title, .new-01 .new-01-item .list-sharp .title, .new-01 .new-01-item .list-example .title, .new-01 .new-01-item .list-alphabetical .title, .new-01 .new-01-item .list-decimal-04 .title, .new-01 .new-01-item .list-decimal-03 .title, .new-01 .new-01-item .list-decimal-02 .title, .new-01 .new-01-item .list-decimal .title, .new-01 .new-01-item .list-dot-6 .title, .new-01 .new-01-item .list-dot-5 .title, .new-01 .new-01-item .list-dot-3 .title, .new-01 .new-01-item .list-dot .title {
  display: inline-block;
  margin-top: 3px;
  margin-right: 1.34vw;
  margin-right: var(--space-size-5);
  line-height: 1.6;
  word-break: break-all;
  overflow-wrap: anywhere;
  cursor: pointer;
}
.new-01 .new-01-item .text-normal .title.bold, .new-01 .new-01-item .list-sensor .title.bold, .new-01 .new-01-item .list-note-ja .title.bold, .new-01 .new-01-item .list-sharp-03 .title.bold, .new-01 .new-01-item .list-sharp-02 .title.bold, .new-01 .new-01-item .list-sharp-02-from4 .title.bold, .new-01 .new-01-item .list-sharp-02-from3 .title.bold, .new-01 .new-01-item .list-sharp-02-from2 .title.bold, .new-01 .new-01-item .list-sharp .title.bold, .new-01 .new-01-item .list-example .title.bold, .new-01 .new-01-item .list-alphabetical .title.bold, .new-01 .new-01-item .list-decimal-04 .title.bold, .new-01 .new-01-item .list-decimal-03 .title.bold, .new-01 .new-01-item .list-decimal-02 .title.bold, .new-01 .new-01-item .list-decimal .title.bold, .new-01 .new-01-item .list-dot-6 .title.bold, .new-01 .new-01-item .list-dot-5 .title.bold, .new-01 .new-01-item .list-dot-3 .title.bold, .new-01 .new-01-item .list-dot .title.bold {
  font-weight: bold;
  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;
}
.new-01 .new-01-item .text-normal .title.date-time, .new-01 .new-01-item .list-sensor .title.date-time, .new-01 .new-01-item .list-note-ja .title.date-time, .new-01 .new-01-item .list-sharp-03 .title.date-time, .new-01 .new-01-item .list-sharp-02 .title.date-time, .new-01 .new-01-item .list-sharp-02-from4 .title.date-time, .new-01 .new-01-item .list-sharp-02-from3 .title.date-time, .new-01 .new-01-item .list-sharp-02-from2 .title.date-time, .new-01 .new-01-item .list-sharp .title.date-time, .new-01 .new-01-item .list-example .title.date-time, .new-01 .new-01-item .list-alphabetical .title.date-time, .new-01 .new-01-item .list-decimal-04 .title.date-time, .new-01 .new-01-item .list-decimal-03 .title.date-time, .new-01 .new-01-item .list-decimal-02 .title.date-time, .new-01 .new-01-item .list-decimal .title.date-time, .new-01 .new-01-item .list-dot-6 .title.date-time, .new-01 .new-01-item .list-dot-5 .title.date-time, .new-01 .new-01-item .list-dot-3 .title.date-time, .new-01 .new-01-item .list-dot .title.date-time {
  margin-top: 0vw;
  margin-top: var(--space-size-0);
}
.new-01 .new-01-item ion-item {
  --border-style: none;
  --padding-start: 0;
  --padding-end: 0;
  --inner-padding-end: 0;
}
.new-01 .border-dashed.space-wide {
  margin: 4.02vw 0 0 0;
  margin: var(--space-size-15) 0 0 0;
}
.new-01 .border-dashed.space-narrow {
  margin: 1.34vw 0 0 0;
  margin: var(--space-size-5) 0 0 0;
}
.new-01 ion-icon {
  position: relative;
  width: 6.7vw !important;
  width: var(--space-size-25) !important;
  height: 6.7vw !important;
  height: var(--space-size-25) !important;
  margin: 0;
  color: #0099ff !important;
  color: var(--ion-color-link) !important;
  cursor: pointer;
  stroke: #0099ff;
  stroke: var(--ion-link-icon-color);
}
/*
 * Pay Box
 * ----------------------------------------------------------------------------
 *
 */
.pay-box {
  margin: 5.36vw 0;
  margin: var(--space-size-20) 0;
  padding-bottom: 5.36vw;
  padding-bottom: var(--space-size-20);
}
.pay-box span {
  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;
}
.pay-box:first-child {
  margin-top: 0;
}
.pay-box:last-child {
  margin-bottom: 0;
}
.pay-box[noBorder] {
  background-image: none;
  border: none;
}
.pay-box[noBorder] + .title-h2 {
  margin-top: 5.36vw 0;
  margin-top: var(--space-size-20) 0;
}
.pay-box .pay-box-line {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0;
}
.pay-box .pay-box-line .pay-box-line-left {
  vertical-align: middle;
  word-break: break-all;
  overflow-wrap: anywhere;
}
.pay-box .pay-box-line .pay-box-line-left a {
  margin-left: 2.68vw;
  margin-left: var(--space-size-10);
  vertical-align: middle;
}
.pay-box .pay-box-line .pay-box-line-left a ion-icon {
  width: calc(5.36vw + 4px);
  width: calc(var(--space-size-20) + 4px);
  height: calc(5.36vw + 4px);
  height: calc(var(--space-size-20) + 4px);
  margin-top: -5px;
  vertical-align: middle;
  fill: #c6a465;
  fill: var(--ion-form-icon-color);
}
.landing-theme .pay-box .pay-box-line .pay-box-line-left a ion-icon {
  fill: #28a69a;
  fill: var(--ion-color-custom-dark-green);
}
.pay-box .pay-box-line .pay-box-line-right {
  flex-shrink: 0;
}
.pay-box .pay-box-line[textBold] > span:last-child:not(.pay-box-line-right) {
  flex-shrink: 0;
  margin-left: 2.68vw;
  margin-left: var(--space-size-10);
}
.pay-box .pay-box-line .font-small, .pay-box .pay-box-line .text-label-point > span, .pay-box .pay-box-line .text-label-title, .pay-box .pay-box-line .text-small-narrow-top-space, .pay-box .pay-box-line .text-small {
  font-weight: normal;
  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;
}
.pay-box .pay-box-line.installments-times {
  align-items: flex-start;
}
.pay-box .pay-box-line.installments-times span {
  display: flex;
  flex-direction: column;
  text-align: right;
}
.pay-box p:not(.text-red) {
  text-align: right;
}
.pay-box .text-normal, .pay-box .list-sensor, .pay-box .list-note-ja, .pay-box .list-sharp-03, .pay-box .list-sharp-02, .pay-box .list-sharp-02-from4, .pay-box .list-sharp-02-from3, .pay-box .list-sharp-02-from2, .pay-box .list-sharp, .pay-box .list-example, .pay-box .list-alphabetical, .pay-box .list-decimal-04, .pay-box .list-decimal-03, .pay-box .list-decimal-02, .pay-box .list-decimal, .pay-box .list-dot-6, .pay-box .list-dot-5, .pay-box .list-dot-3, .pay-box .list-dot {
  margin: 0;
}
.pay-box + .list-sharp {
  margin-top: 5.36vw;
  margin-top: var(--space-size-20);
}
.cnf-normal + .pay-box .pay-box-line .text-normal, .cnf-normal + .pay-box .pay-box-line .list-sensor, .cnf-normal + .pay-box .pay-box-line .list-note-ja, .cnf-normal + .pay-box .pay-box-line .list-sharp-03, .cnf-normal + .pay-box .pay-box-line .list-sharp-02, .cnf-normal + .pay-box .pay-box-line .list-sharp-02-from4, .cnf-normal + .pay-box .pay-box-line .list-sharp-02-from3, .cnf-normal + .pay-box .pay-box-line .list-sharp-02-from2, .cnf-normal + .pay-box .pay-box-line .list-sharp, .cnf-normal + .pay-box .pay-box-line .list-example, .cnf-normal + .pay-box .pay-box-line .list-alphabetical, .cnf-normal + .pay-box .pay-box-line .list-decimal-04, .cnf-normal + .pay-box .pay-box-line .list-decimal-03, .cnf-normal + .pay-box .pay-box-line .list-decimal-02, .cnf-normal + .pay-box .pay-box-line .list-decimal, .cnf-normal + .pay-box .pay-box-line .list-dot-6, .cnf-normal + .pay-box .pay-box-line .list-dot-5, .cnf-normal + .pay-box .pay-box-line .list-dot-3, .cnf-normal + .pay-box .pay-box-line .list-dot {
  text-align: left;
}
.cnf-normal + .pay-box .pay-box-line span {
  flex-shrink: 0;
  max-width: 60%;
  text-align: right;
  word-break: break-all;
  overflow-wrap: anywhere;
}
.pay-box-02 {
  padding: 24px;
  text-align: center;
  background-color: #f4f4f8;
  background-color: var(--ion-color-step-100);
  /* container query version */
}
@container app-page-responsive-content-container (min-width: 769px) {
  .pay-box-02 {
    padding: 34px 16px 44px;
  }
}
.pay-box-02 .pay-box-02-text-price-01 {
  color: #28a69a;
  color: var(--ion-color-custom-dark-green);
  font-weight: bold;
}
.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) {
  .pay-box-02 .pay-box-02-text-price-01 span {
    font-size: 40px;
  }
}
.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) {
  .pay-box-02 .pay-box-02-text-price-02 {
    font-size: var --font-size-20;
  }
}
/*
 * Select Box
 * ----------------------------------------------------------------------------
 *
 */
/* select-box-split-wrap */
.select-box-split-wrap {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  margin: 8.04vw 0 4.02vw 0;
  margin: var(--space-size-30) 0 var(--space-size-15) 0;
  grid-column-gap: 4.02vw;
  -moz-column-gap: 4.02vw;
       column-gap: 4.02vw;
  grid-column-gap: var(--space-size-15);
  -moz-column-gap: var(--space-size-15);
       column-gap: var(--space-size-15);
  grid-row-gap: 4.02vw;
  row-gap: 4.02vw;
  grid-row-gap: var(--space-size-15);
  row-gap: var(--space-size-15);
}
.select-box-split-wrap:first-child {
  margin-top: 0;
}
.select-box-split-wrap:last-child {
  margin-bottom: 0;
}
.select-box-split-wrap .text-selection-input-normal {
  width: 100%;
  margin: 0;
  border-collapse: separate;
}
.select-box-split-wrap .text-selection-input-normal ion-label {
  width: 100%;
}
/* text-selection-input-multiline */
.text-selection-input-multiline {
  border: 1px solid #ded2bc;
  border: 1px solid var(--ion-form-border-color);
  border-radius: 4px;
  margin: 0;
  --padding-start: 0;
}
.text-selection-input-multiline:first-child {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.text-selection-input-multiline + .text-selection-input-multiline {
  border-top: 0;
}
.text-selection-input-multiline + .text-selection-input-multiline:not(:last-child) {
  border-radius: 0;
}
.text-selection-input-multiline:last-child {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.text-selection-input-multiline ion-select {
  align-self: self-start;
  min-width: 100%;
}
.text-selection-input-multiline select {
  align-self: self-start;
  min-width: 100%;
}
/* select-calendar-wrap */
.select-calendar-wrap {
  margin: 32px 0 0;
}
.select-calendar-wrap:first-child {
  margin-top: 0;
}
.select-calendar-wrap:last-child {
  margin-bottom: 0;
}
.select-calendar-wrap .text-info {
  margin-bottom: 4.02vw;
  margin-bottom: var(--space-size-15);
}
.select-calendar-wrap .text-normal, .select-calendar-wrap .list-sensor, .select-calendar-wrap .list-note-ja, .select-calendar-wrap .list-sharp-03, .select-calendar-wrap .list-sharp-02, .select-calendar-wrap .list-sharp-02-from4, .select-calendar-wrap .list-sharp-02-from3, .select-calendar-wrap .list-sharp-02-from2, .select-calendar-wrap .list-sharp, .select-calendar-wrap .list-example, .select-calendar-wrap .list-alphabetical, .select-calendar-wrap .list-decimal-04, .select-calendar-wrap .list-decimal-03, .select-calendar-wrap .list-decimal-02, .select-calendar-wrap .list-decimal, .select-calendar-wrap .list-dot-6, .select-calendar-wrap .list-dot-5, .select-calendar-wrap .list-dot-3, .select-calendar-wrap .list-dot {
  margin-top: 4.02vw;
  margin-top: var(--space-size-15);
  margin-bottom: 0;
}
.select-calendar-wrap .select-box-split-wrap {
  margin-top: 4.02vw;
  margin-top: var(--space-size-15);
}
.select-calendar-wrap .select-box-split-wrap > ion-label {
  width: 100%;
  margin: 0 0 2.68vw 0;
  margin: 0 0 var(--space-size-10) 0;
}
.select-calendar-wrap .select-box-split-wrap .select-box-calendar-wrap {
  display: flex;
  flex-basis: 28px;
  flex-grow: 1;
  align-items: center;
}
.select-calendar-wrap .select-box-split-wrap .select-box-calendar-wrap .text-selection-input-normal {
  width: 100%;
}
.select-calendar-wrap .select-box-split-wrap .select-box-calendar-wrap:first-of-type {
  flex-basis: 40px;
  flex-grow: 2;
}
.select-calendar-wrap .select-box-split-wrap .select-box-calendar-wrap.calendar-2column:first-of-type {
  flex-basis: 40px;
  flex-grow: 1;
}
.select-calendar-wrap .select-box-split-wrap .select-box-calendar-wrap span {
  margin: 2.68vw;
  margin: var(--space-size-10);
}
.select-calendar-wrap .select-box-split-wrap ion-select {
  min-width: 100%;
}
.select-calendar-wrap .select-box-split-wrap select {
  min-width: 100%;
}
.select-calendar-wrap[slc-cal-03] .select-box-split-wrap, .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;
}
.select-calendar-wrap[slc-cal-03] .select-box-split-wrap .select-box-calendar-wrap, .select-calendar-wrap[slc-cal-06] .select-box-split-wrap .select-box-calendar-wrap {
  width: 100%;
  padding-right: 4.02vw;
  padding-right: var(--space-size-15);
}
.select-calendar-wrap[slc-cal-03] .select-box-split-wrap .select-box-calendar-wrap ion-label, .select-calendar-wrap[slc-cal-06] .select-box-split-wrap .select-box-calendar-wrap ion-label {
  width: 100%;
}
.select-calendar-wrap[slc-cal-03] .select-box-split-wrap .select-box-calendar-wrap:last-child, .select-calendar-wrap[slc-cal-06] .select-box-split-wrap .select-box-calendar-wrap:last-child {
  padding-right: 0;
}
.select-calendar-wrap[slc-cal-06] > .text-normal, .select-calendar-wrap[slc-cal-06] > .list-sensor, .select-calendar-wrap[slc-cal-06] > .list-note-ja, .select-calendar-wrap[slc-cal-06] > .list-sharp-03, .select-calendar-wrap[slc-cal-06] > .list-sharp-02, .select-calendar-wrap[slc-cal-06] > .list-sharp-02-from4, .select-calendar-wrap[slc-cal-06] > .list-sharp-02-from3, .select-calendar-wrap[slc-cal-06] > .list-sharp-02-from2, .select-calendar-wrap[slc-cal-06] > .list-sharp, .select-calendar-wrap[slc-cal-06] > .list-example, .select-calendar-wrap[slc-cal-06] > .list-alphabetical, .select-calendar-wrap[slc-cal-06] > .list-decimal-04, .select-calendar-wrap[slc-cal-06] > .list-decimal-03, .select-calendar-wrap[slc-cal-06] > .list-decimal-02, .select-calendar-wrap[slc-cal-06] > .list-decimal, .select-calendar-wrap[slc-cal-06] > .list-dot-6, .select-calendar-wrap[slc-cal-06] > .list-dot-5, .select-calendar-wrap[slc-cal-06] > .list-dot-3, .select-calendar-wrap[slc-cal-06] > .list-dot {
  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;
}
/* select-box-parameters */
div[class*=" select-box-cell"],
div[class^=select-box-cell] {
  flex-grow: unset !important;
}
.select-box-cell-year {
  min-width: calc(18.76vw * 2);
  min-width: calc(var(--space-size-70) * 2);
}
.select-box-cell-month {
  min-width: calc(13.4vw * 2);
  min-width: calc(var(--space-size-50) * 2);
}
.select-box-cell-day {
  min-width: calc(13.4vw * 2);
  min-width: calc(var(--space-size-50) * 2);
}
[SLC-CAL-01] {
  margin-top: 8.04vw;
  margin-top: var(--space-size-30);
}
/*
 * Select By Letter Box
 * ----------------------------------------------------------------------------
 *
 */
.select-by-letter-box:first-child {
  margin-top: 2.68vw;
  margin-top: var(--space-size-10);
}
.select-by-letter-box .select-by-letter-wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 8.04vw 0;
  margin: var(--space-size-30) 0;
}
.select-by-letter-box .select-by-letter-wrap:first-child {
  margin-top: 0;
}
.select-by-letter-box .select-by-letter-wrap:last-child {
  margin-bottom: 0;
}
.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-5);
  display: block;
  width: calc(20% - 2.68vw);
  width: calc(20% - var(--space-size-10));
  height: auto;
  margin: 0 0 5.36vw;
  margin: 0 0 var(--space-size-20);
}
.select-by-letter-box .select-by-letter-wrap ion-button:nth-last-child(1), .select-by-letter-box .select-by-letter-wrap ion-button:nth-last-child(2), .select-by-letter-box .select-by-letter-wrap ion-button:nth-last-child(3), .select-by-letter-box .select-by-letter-wrap ion-button:nth-last-child(4), .select-by-letter-box .select-by-letter-wrap ion-button:nth-last-child(5) {
  margin: 0;
}
.select-by-letter-box .select-by-letter-wrap ion-button ion-text {
  color: #111111;
  color: var(--ion-default-text-color);
  font-size: calc(0.75rem + 1.07vw);
  font-size: var(--font-size-medium);
  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;
}
.select-by-letter-box .select-by-letter-wrap ion-button.ion-activated ion-text {
  color: #ffffff;
  color: var(--ion-color-custom-white);
}
.select-by-letter-box .select-by-letter-wrap ion-button.hide {
  visibility: hidden;
}
/*
 * Select Image
 * ----------------------------------------------------------------------------
 *
 */
/* select-image-01 */
.select-image-01,
.select-image-02,
[slc-img-02] {
  margin: 8.04vw 0 0 0;
  margin: var(--space-size-30) 0 0 0;
}
.select-image-01 .text-normal, .select-image-01 .list-sensor, .select-image-01 .list-note-ja, .select-image-01 .list-sharp-03, .select-image-01 .list-sharp-02, .select-image-01 .list-sharp-02-from4, .select-image-01 .list-sharp-02-from3, .select-image-01 .list-sharp-02-from2, .select-image-01 .list-sharp, .select-image-01 .list-example, .select-image-01 .list-alphabetical, .select-image-01 .list-decimal-04, .select-image-01 .list-decimal-03, .select-image-01 .list-decimal-02, .select-image-01 .list-decimal, .select-image-01 .list-dot-6, .select-image-01 .list-dot-5, .select-image-01 .list-dot-3, .select-image-01 .list-dot,
.select-image-02 .text-normal,
.select-image-02 .list-sensor,
.select-image-02 .list-note-ja,
.select-image-02 .list-sharp-03,
.select-image-02 .list-sharp-02,
.select-image-02 .list-sharp-02-from4,
.select-image-02 .list-sharp-02-from3,
.select-image-02 .list-sharp-02-from2,
.select-image-02 .list-sharp,
.select-image-02 .list-example,
.select-image-02 .list-alphabetical,
.select-image-02 .list-decimal-04,
.select-image-02 .list-decimal-03,
.select-image-02 .list-decimal-02,
.select-image-02 .list-decimal,
.select-image-02 .list-dot-6,
.select-image-02 .list-dot-5,
.select-image-02 .list-dot-3,
.select-image-02 .list-dot,
[slc-img-02] .text-normal,
[slc-img-02] .list-sensor,
[slc-img-02] .list-note-ja,
[slc-img-02] .list-sharp-03,
[slc-img-02] .list-sharp-02,
[slc-img-02] .list-sharp-02-from4,
[slc-img-02] .list-sharp-02-from3,
[slc-img-02] .list-sharp-02-from2,
[slc-img-02] .list-sharp,
[slc-img-02] .list-example,
[slc-img-02] .list-alphabetical,
[slc-img-02] .list-decimal-04,
[slc-img-02] .list-decimal-03,
[slc-img-02] .list-decimal-02,
[slc-img-02] .list-decimal,
[slc-img-02] .list-dot-6,
[slc-img-02] .list-dot-5,
[slc-img-02] .list-dot-3,
[slc-img-02] .list-dot {
  margin: 0 0 4.02vw 0;
  margin: 0 0 var(--space-size-15) 0;
}
.select-image-01 .text-normal a ion-icon, .select-image-01 .list-sensor a ion-icon, .select-image-01 .list-note-ja a ion-icon, .select-image-01 .list-sharp-03 a ion-icon, .select-image-01 .list-sharp-02 a ion-icon, .select-image-01 .list-sharp-02-from4 a ion-icon, .select-image-01 .list-sharp-02-from3 a ion-icon, .select-image-01 .list-sharp-02-from2 a ion-icon, .select-image-01 .list-sharp a ion-icon, .select-image-01 .list-example a ion-icon, .select-image-01 .list-alphabetical a ion-icon, .select-image-01 .list-decimal-04 a ion-icon, .select-image-01 .list-decimal-03 a ion-icon, .select-image-01 .list-decimal-02 a ion-icon, .select-image-01 .list-decimal a ion-icon, .select-image-01 .list-dot-6 a ion-icon, .select-image-01 .list-dot-5 a ion-icon, .select-image-01 .list-dot-3 a ion-icon, .select-image-01 .list-dot a ion-icon,
.select-image-02 .text-normal a ion-icon,
.select-image-02 .list-sensor a ion-icon,
.select-image-02 .list-note-ja a ion-icon,
.select-image-02 .list-sharp-03 a ion-icon,
.select-image-02 .list-sharp-02 a ion-icon,
.select-image-02 .list-sharp-02-from4 a ion-icon,
.select-image-02 .list-sharp-02-from3 a ion-icon,
.select-image-02 .list-sharp-02-from2 a ion-icon,
.select-image-02 .list-sharp a ion-icon,
.select-image-02 .list-example a ion-icon,
.select-image-02 .list-alphabetical a ion-icon,
.select-image-02 .list-decimal-04 a ion-icon,
.select-image-02 .list-decimal-03 a ion-icon,
.select-image-02 .list-decimal-02 a ion-icon,
.select-image-02 .list-decimal a ion-icon,
.select-image-02 .list-dot-6 a ion-icon,
.select-image-02 .list-dot-5 a ion-icon,
.select-image-02 .list-dot-3 a ion-icon,
.select-image-02 .list-dot a ion-icon,
[slc-img-02] .text-normal a ion-icon,
[slc-img-02] .list-sensor a ion-icon,
[slc-img-02] .list-note-ja a ion-icon,
[slc-img-02] .list-sharp-03 a ion-icon,
[slc-img-02] .list-sharp-02 a ion-icon,
[slc-img-02] .list-sharp-02-from4 a ion-icon,
[slc-img-02] .list-sharp-02-from3 a ion-icon,
[slc-img-02] .list-sharp-02-from2 a ion-icon,
[slc-img-02] .list-sharp a ion-icon,
[slc-img-02] .list-example a ion-icon,
[slc-img-02] .list-alphabetical a ion-icon,
[slc-img-02] .list-decimal-04 a ion-icon,
[slc-img-02] .list-decimal-03 a ion-icon,
[slc-img-02] .list-decimal-02 a ion-icon,
[slc-img-02] .list-decimal a ion-icon,
[slc-img-02] .list-dot-6 a ion-icon,
[slc-img-02] .list-dot-5 a ion-icon,
[slc-img-02] .list-dot-3 a ion-icon,
[slc-img-02] .list-dot a ion-icon {
  margin-top: -4px;
}
.select-image-01 .frm-normal-header,
.select-image-02 .frm-normal-header,
[slc-img-02] .frm-normal-header {
  margin: 0 0 4.02vw 0;
  margin: 0 0 var(--space-size-15) 0;
}
.select-image-01 .frm-normal [FRM-05],
.select-image-02 .frm-normal [FRM-05],
[slc-img-02] .frm-normal [FRM-05] {
  margin: 5.36vw 0 0 0;
  margin: var(--space-size-20) 0 0 0;
}
.select-image-01 .radio-button-split-wrap,
.select-image-02 .radio-button-split-wrap,
[slc-img-02] .radio-button-split-wrap {
  margin: 4.02vw 0;
  margin: var(--space-size-15) 0;
}
.select-image-01 .radio-button-split-wrap-noflex,
.select-image-02 .radio-button-split-wrap-noflex,
[slc-img-02] .radio-button-split-wrap-noflex {
  margin: 4.02vw 0;
  margin: var(--space-size-15) 0;
}
.select-image-01 .radio-button-split-wrap-noflex .radio-button-split,
.select-image-02 .radio-button-split-wrap-noflex .radio-button-split,
[slc-img-02] .radio-button-split-wrap-noflex .radio-button-split {
  width: 100%;
}
.select-image-01 .radio-button-split,
.select-image-02 .radio-button-split,
[slc-img-02] .radio-button-split {
  --inner-padding-end: 0;
}
.select-image-01 .radio-button-split ion-thumbnail,
.select-image-02 .radio-button-split ion-thumbnail,
[slc-img-02] .radio-button-split ion-thumbnail {
  margin-top: 0;
  padding: 4.02vw;
  padding: var(--space-size-15);
}
.select-image-01 .radio-button-split .radio-button-split-flex-column,
.select-image-02 .radio-button-split .radio-button-split-flex-column,
[slc-img-02] .radio-button-split .radio-button-split-flex-column {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.select-image-01 .radio-button-split .radio-button-split-flex-column .radio-button-split-thumbnail,
.select-image-02 .radio-button-split .radio-button-split-flex-column .radio-button-split-thumbnail,
[slc-img-02] .radio-button-split .radio-button-split-flex-column .radio-button-split-thumbnail {
  align-items: center;
  display: flex;
  justify-content: flex-start;
}
.select-image-01 .radio-button-split .radio-button-split-flex-column .radio-button-split-thumbnail ion-radio,
.select-image-02 .radio-button-split .radio-button-split-flex-column .radio-button-split-thumbnail ion-radio,
[slc-img-02] .radio-button-split .radio-button-split-flex-column .radio-button-split-thumbnail ion-radio {
  min-width: 20px;
}
.select-image-01 .radio-button-split .radio-button-split-flex-column .radio-button-split-flex-label,
.select-image-02 .radio-button-split .radio-button-split-flex-column .radio-button-split-flex-label,
[slc-img-02] .radio-button-split .radio-button-split-flex-column .radio-button-split-flex-label {
  align-items: center;
  border: none !important;
  display: flex !important;
  flex-direction: row-reverse;
  justify-content: flex-end;
  margin: 0 !important;
  width: 100%;
}
.select-image-01 .radio-button-split .radio-button-split-flex-column .radio-button-split-flex-label ion-label,
.select-image-02 .radio-button-split .radio-button-split-flex-column .radio-button-split-flex-label ion-label,
[slc-img-02] .radio-button-split .radio-button-split-flex-column .radio-button-split-flex-label ion-label {
  white-space: normal !important;
  width: 100%;
}
.select-image-01 .radio-button-split .radio-button-split-flex-column .radio-button-split-flex-label ion-radio,
.select-image-02 .radio-button-split .radio-button-split-flex-column .radio-button-split-flex-label ion-radio,
[slc-img-02] .radio-button-split .radio-button-split-flex-column .radio-button-split-flex-label ion-radio {
  min-width: 20px;
}
.select-image-01 .radio-button-split .radio-button-split-flex-column .radio-button-split-flex-label[textMiddle],
.select-image-02 .radio-button-split .radio-button-split-flex-column .radio-button-split-flex-label[textMiddle],
[slc-img-02] .radio-button-split .radio-button-split-flex-column .radio-button-split-flex-label[textMiddle] {
  margin-bottom: 4.02vw !important;
  margin-bottom: var(--space-size-15) !important;
  text-align: center;
}
.select-image-01[UNI-G11-07],
.select-image-02[UNI-G11-07],
[slc-img-02][UNI-G11-07] {
  margin-top: 8.04vw;
  margin-top: var(--space-size-30);
}
.select-image-01[UNI-G11-07] .radio-button-split-wrap,
.select-image-02[UNI-G11-07] .radio-button-split-wrap,
[slc-img-02][UNI-G11-07] .radio-button-split-wrap {
  grid-column-gap: 4.02vw;
  -moz-column-gap: 4.02vw;
       column-gap: 4.02vw;
  grid-column-gap: var(--space-size-15);
  -moz-column-gap: var(--space-size-15);
       column-gap: var(--space-size-15);
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-row-gap: 4.02vw;
  row-gap: 4.02vw;
  grid-row-gap: var(--space-size-15);
  row-gap: var(--space-size-15);
}
.select-image-01[UNI-G11-07] .radio-button-split-wrap .radio-button-split,
.select-image-02[UNI-G11-07] .radio-button-split-wrap .radio-button-split,
[slc-img-02][UNI-G11-07] .radio-button-split-wrap .radio-button-split {
  width: 100%;
}
.select-image-01[UNI-G11-07] .radio-button-split-flex-column .radio-button-split-flex-label,
.select-image-02[UNI-G11-07] .radio-button-split-flex-column .radio-button-split-flex-label,
[slc-img-02][UNI-G11-07] .radio-button-split-flex-column .radio-button-split-flex-label {
  margin-bottom: 2.68vw !important;
  margin-bottom: var(--space-size-10) !important;
  margin-top: 2.68vw !important;
  margin-top: var(--space-size-10) !important;
}
.select-image-01[UNI-G11-07] ion-label,
.select-image-02[UNI-G11-07] ion-label,
[slc-img-02][UNI-G11-07] ion-label {
  bottom: 2.68vw;
  bottom: var(--space-size-10);
  padding-right: 4.02vw;
  padding-right: var(--space-size-15);
  position: relative;
}
.select-image-01[UNI-G11-07] ion-radio,
.select-image-02[UNI-G11-07] ion-radio,
[slc-img-02][UNI-G11-07] ion-radio {
  align-self: flex-start !important;
  margin: -6px calc(5.36vw / 2) 4.02vw 4.02vw !important;
  margin: -6px calc(var(--space-size-20) / 2) var(--space-size-15) var(--space-size-15) !important;
}
.select-image-01[UNI-G11-07] .frm-normal-header,
.select-image-02[UNI-G11-07] .frm-normal-header,
[slc-img-02][UNI-G11-07] .frm-normal-header {
  margin-top: 4.02vw;
  margin-top: var(--space-size-15);
}
/* select-car-content */
.select-car-content {
  font-weight: normal;
  font-size: calc(0.75rem + 1.07vw);
  font-size: var(--font-size-medium);
  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;
  margin-right: auto;
}
.select-car-content .text-normal, .select-car-content .list-sensor, .select-car-content .list-note-ja, .select-car-content .list-sharp-03, .select-car-content .list-sharp-02, .select-car-content .list-sharp-02-from4, .select-car-content .list-sharp-02-from3, .select-car-content .list-sharp-02-from2, .select-car-content .list-sharp, .select-car-content .list-example, .select-car-content .list-alphabetical, .select-car-content .list-decimal-04, .select-car-content .list-decimal-03, .select-car-content .list-decimal-02, .select-car-content .list-decimal, .select-car-content .list-dot-6, .select-car-content .list-dot-5, .select-car-content .list-dot-3, .select-car-content .list-dot {
  margin: 0;
  margin-bottom: 4.02vw;
  margin-bottom: var(--space-size-15);
}
.select-car-content .select-car-label {
  margin-bottom: 4.02vw;
  margin-bottom: var(--space-size-15);
}
.select-car-content .select-car-content-date {
  margin-top: 2.68vw;
  margin-top: var(--space-size-10);
}
.select-car-content .select-car-content-date .text-normal:first-child, .select-car-content .select-car-content-date .list-sensor:first-child, .select-car-content .select-car-content-date .list-note-ja:first-child, .select-car-content .select-car-content-date .list-sharp-03:first-child, .select-car-content .select-car-content-date .list-sharp-02:first-child, .select-car-content .select-car-content-date .list-sharp-02-from4:first-child, .select-car-content .select-car-content-date .list-sharp-02-from3:first-child, .select-car-content .select-car-content-date .list-sharp-02-from2:first-child, .select-car-content .select-car-content-date .list-sharp:first-child, .select-car-content .select-car-content-date .list-example:first-child, .select-car-content .select-car-content-date .list-alphabetical:first-child, .select-car-content .select-car-content-date .list-decimal-04:first-child, .select-car-content .select-car-content-date .list-decimal-03:first-child, .select-car-content .select-car-content-date .list-decimal-02:first-child, .select-car-content .select-car-content-date .list-decimal:first-child, .select-car-content .select-car-content-date .list-dot-6:first-child, .select-car-content .select-car-content-date .list-dot-5:first-child, .select-car-content .select-car-content-date .list-dot-3:first-child, .select-car-content .select-car-content-date .list-dot:first-child {
  margin-right: 5.36vw;
  margin-right: var(--space-size-20);
}
.select-car-content .select-car-content-date .text-normal:only-child, .select-car-content .select-car-content-date .list-sensor:only-child, .select-car-content .select-car-content-date .list-note-ja:only-child, .select-car-content .select-car-content-date .list-sharp-03:only-child, .select-car-content .select-car-content-date .list-sharp-02:only-child, .select-car-content .select-car-content-date .list-sharp-02-from4:only-child, .select-car-content .select-car-content-date .list-sharp-02-from3:only-child, .select-car-content .select-car-content-date .list-sharp-02-from2:only-child, .select-car-content .select-car-content-date .list-sharp:only-child, .select-car-content .select-car-content-date .list-example:only-child, .select-car-content .select-car-content-date .list-alphabetical:only-child, .select-car-content .select-car-content-date .list-decimal-04:only-child, .select-car-content .select-car-content-date .list-decimal-03:only-child, .select-car-content .select-car-content-date .list-decimal-02:only-child, .select-car-content .select-car-content-date .list-decimal:only-child, .select-car-content .select-car-content-date .list-dot-6:only-child, .select-car-content .select-car-content-date .list-dot-5:only-child, .select-car-content .select-car-content-date .list-dot-3:only-child, .select-car-content .select-car-content-date .list-dot:only-child {
  margin-right: 0;
}
.select-car-content.period-before-wrap .select-car-label .text-label {
  background: #28a69a;
  background: var(--ion-color-custom-dark-green);
  color: #ffffff;
  color: var(--ion-color-custom-white);
  border: 1px solid #28a69a;
  border: 1px solid var(--ion-color-custom-dark-green);
}
.select-car-content.period-before-wrap2 .select-car-label .text-label {
  color: #003a77;
  color: var(--ion-color-blue);
  border: 1px solid #003a77;
  border: 1px solid var(--ion-color-blue);
}
.select-car-content.period-current-wrap .select-car-label .text-label {
  background: #003a77;
  background: var(--ion-color-custom-dark-blue);
  color: #ffffff;
  color: var(--ion-color-custom-white);
  border: 1px solid #003a77;
  border: 1px solid var(--ion-color-custom-dark-blue);
}
.select-car-content.period-after-wrap .select-car-label .text-label {
  background: #c6a465;
  background: var(--ion-color-custom-dark-gold);
  color: #ffffff;
  color: var(--ion-color-custom-white);
  border: 1px solid #c6a465;
  border: 1px solid var(--ion-color-custom-dark-gold);
}
.select-car-content.termination-wrap .select-car-label .text-label {
  background: #999999;
  background: var(--ion-color-step-400);
  color: #ffffff;
  color: var(--ion-color-custom-white);
  border: 1px solid #999999;
  border: 1px solid var(--ion-color-step-400);
}
/*
 * Slider Box
 * ----------------------------------------------------------------------------
 *
 */
/* slider-box */
.slider-box {
  position: relative;
  padding: 0 10.72vw;
  padding: 0 var(--space-size-40);
}
.slider-box ion-slides {
  height: auto;
  min-height: 193px;
  background: #ffffff;
  background: var(--ion-default-bg-color);
  --bullet-background: var(--ion-color-step-200);
  --bullet-background-active: var(--ion-color-custom-dark-gold);
}
.slider-box ion-slides .slider-caption-box {
  width: 100%;
}
.slider-box ion-slides .slider-caption-box .link-image-1 {
  margin: 0 0 10.72vw;
  margin: 0 0 var(--space-size-40);
}
.slider-box ion-slides .slider-caption-box .link-image-1 p {
  margin-top: 2.68vw;
  margin-top: var(--space-size-10);
  text-align: left;
  word-break: break-all;
  overflow-wrap: anywhere;
}
.slider-box.web-top-page-btm-slider {
  padding: 0 8.04vw;
  padding: 0 var(--space-size-30);
}
.slider-box.web-top-page-btm-slider .link-normal {
  font-size: calc(0.75rem + 1.07vw);
  font-size: var(--font-size-medium);
  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;
  align-self: flex-start;
}
.slider-box .slider-next-btn, .slider-box .slider-prev-btn {
  width: 10.72vw;
  width: var(--space-size-40);
  height: calc(8.04vw * 7);
  height: calc(var(--space-size-30) * 7);
  margin: 0;
  --background: none;
  --background-hover: none;
  --background-activated: none;
  --border-radius: 0;
  --box-shadow: none;
}
.slider-box .slider-next-btn ion-icon, .slider-box .slider-prev-btn ion-icon {
  min-width: 4.02vw;
  min-width: var(--space-size-15);
  fill: #cccccc;
  fill: var(--ion-carousel-icon-color);
}
.slider-box .slider-next-btn:hover, .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));
}
.slider-box .slider-prev-btn {
  position: absolute;
  top: 0;
  right: auto;
  bottom: 0;
  left: 0;
}
.slider-box .slider-prev-btn.web-top-page {
  --padding-start: 0;
}
.slider-box .slider-next-btn {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: auto;
}
.slider-box .slider-next-btn.web-top-page {
  --padding-end: 0;
}
.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 5.36vw;
  padding: 0 var(--space-size-20);
}
.slider-web-top-car-wrap .slider-prev-btn {
  width: 10.72vw;
  width: var(--space-size-40);
  margin: 0;
  --background: none;
  --background-hover: none;
  --background-activated: none;
  --border-radius: 0;
  --box-shadow: none;
}
.slider-web-top-car-wrap .slider-prev-btn ion-icon {
  width: 2.68vw;
  width: var(--space-size-10);
  fill: #cccccc;
  fill: var(--ion-carousel-icon-color);
}
.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));
}
.slider-web-top-car-wrap .slider-next-btn {
  width: 10.72vw;
  width: var(--space-size-40);
  margin: 0;
  --background: none;
  --background-hover: none;
  --background-activated: none;
  --border-radius: 0;
  --box-shadow: none;
}
.slider-web-top-car-wrap .slider-next-btn ion-icon {
  width: 2.68vw;
  width: var(--space-size-10);
  fill: #cccccc;
  fill: var(--ion-carousel-icon-color);
}
.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));
}
/*
 * Stepper Box
 * ----------------------------------------------------------------------------
 *
 */
.stepper-box {
  display: flex;
  justify-content: space-between;
  margin-top: 5.36vw;
  margin-top: var(--space-size-20);
  padding-right: calc(4.02vw + 11px);
  padding-right: calc(var(--space-size-15) + 11px);
  padding-left: 4.02vw;
  padding-left: var(--space-size-15);
  list-style: none;
}
.stepper-box.progressStyle {
  padding-right: 5.36vw;
  padding-right: var(--space-size-20);
}
.stepper-box.progressStyle .progress-bar-step:not(.active) .progress {
  display: none;
}
.stepper-box.progressEnd {
  padding-right: calc(4.02vw + 11px);
  padding-right: calc(var(--space-size-15) + 11px);
}
.stepper-box .progress-bar-step {
  position: relative;
  width: 100%;
  height: 9.38vw;
  height: var(--space-size-35);
}
.stepper-box .progress-bar-step:before {
  position: absolute;
  top: calc(6.7vw + 4px);
  top: calc(var(--space-size-25) + 4px);
  width: 100%;
  height: 3px;
  background-color: #cccccc;
  background-color: var(--ion-color-step-200);
  opacity: 0.3;
  content: "";
}
.stepper-box .progress-bar-step:last-child {
  width: 0px;
}
.stepper-box .progress-bar-step:last-child:before {
  opacity: 1;
}
.stepper-box .progress-bar-dot {
  position: absolute;
  display: inline-block;
  background-color: #f0f0f0;
  background-color: var(--ion-color-step-25);
  border-radius: 50%;
}
.stepper-box .progress-bar-dot.progress {
  top: calc(6.7vw + 4px);
  top: calc(var(--space-size-25) + 4px);
  width: 3px;
  height: 3px;
}
.stepper-box .progress-bar-dot.dot {
  top: 6.7vw;
  top: var(--space-size-25);
  width: 11px;
  height: 11px;
}
.stepper-box .active .progress-bar-dot {
  background-color: #c6a465;
  background-color: var(--ion-color-custom-dark-gold);
  opacity: 1;
}
.stepper-box .active.progress-bar-step:before {
  background-color: #c6a465;
  background-color: var(--ion-color-custom-dark-gold);
  opacity: 1;
}
.stepper-box .active.landing .progress-bar-dot {
  background-color: #ffffff;
  background-color: var(--ion-color-custom-white);
  opacity: 1;
}
.stepper-box .active.landing.progress-bar-step:before {
  background-color: #ffffff;
  background-color: var(--ion-color-custom-white);
  opacity: 1;
}
.stepper-box #currentStep:before {
  background-color: #cccccc;
  background-color: var(--ion-color-step-200);
  opacity: 0.3;
}
.stepper-box #currentStep .progress-bar-car {
  opacity: 1;
}
.stepper-box #currentStep .progress {
  top: 6.7vw;
  top: var(--space-size-25);
  width: 11px;
  height: 11px;
}
.stepper-box .progress-bar-car {
  position: absolute;
  top: 0px;
  left: -15px;
  display: block;
  width: 43px;
  height: 16px;
  opacity: 0;
}
.stepper-box .progress-bar-car ion-icon {
  width: 43px;
  height: 16px;
}
.stepper-box .progress-bar-car ion-icon.none {
  display: none;
}
/*
 * Stepper Box wl1 style
 * ----------------------------------------------------------------------------
 *
 */
.stepper-box-wl1 {
  position: relative;
  width: 100%;
  max-width: 244px;
  margin: 0 auto;
  padding: 16px 0;
  /* media query version */
}
@media screen and (min-width: 769px) {
  .stepper-box-wl1 {
    max-width: 444px;
    padding: 32px 0;
  }
}
.stepper-box-wl1 ol.bar {
  display: flex;
  justify-content: space-between;
  padding: 7px 0 0;
}
.stepper-box-wl1 ol.bar li {
  flex: 1;
  height: 1px;
  background: #e0dfdd;
}
.stepper-box-wl1 ol.bar li.visited {
  background: #cc0000;
}
.stepper-box-wl1 ol.bar li:last-child {
  display: none;
}
.stepper-box-wl1 ol.step {
  display: flex;
  justify-content: space-between;
  margin-top: -7px;
}
.stepper-box-wl1 ol.step li {
  display: block;
  box-sizing: border-box;
  width: 14px;
  height: 14px;
  background: #e0dfdd;
  border: 1px solid #e0dfdd;
  border-radius: 100px;
}
.stepper-box-wl1 ol.step li.visited {
  background: #cc0000;
  border: 1px solid #cc0000;
}
.stepper-box-wl1 ol.step li.current {
  background: #fff !important;
  border: 1px solid #cc0000;
}
.stepper-box-wl1 ol.step li:last-child {
  margin-left: 1px;
}
/*
 * Tab
 * ----------------------------------------------------------------------------
 *
 */
tabs .tabs {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  padding-right: 2.68vw;
  padding-right: var(--space-size-10);
  padding-left: 2.68vw;
  padding-left: var(--space-size-10);
  border-bottom: 2px solid #c6a465;
  border-bottom: 2px solid var(--ion-color-brown);
}
tabs .tabs:first-child {
  margin-top: 0;
}
tabs .tabs:last-child {
  margin-bottom: 0;
}
tabs .tabs .tab-button {
  display: flex;
  flex: 1 1 0;
  justify-content: center;
  min-height: 60px;
  margin: 0 1.34vw 0 1.34vw;
  margin: 0 var(--space-size-5) 0 var(--space-size-5);
  text-align: center;
  cursor: pointer;
  border-top: 1px solid #ded2bc;
  border-top: 1px solid var(--ion-form-border-color);
  border-right: 1px solid #ded2bc;
  border-right: 1px solid var(--ion-form-border-color);
  border-left: 1px solid #ded2bc;
  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;
}
tabs .tabs .tab-button > span {
  padding: 2.68vw 4.02vw 2.68vw 4.02vw;
  padding: var(--space-size-10) var(--space-size-15) var(--space-size-10) var(--space-size-15);
  color: #111111;
  color: var(--ion-color-custom-black);
}
tabs .tabs .tab-button.title-top {
  align-items: flex-start;
}
tabs .tabs .tab-button.title-center {
  align-items: center;
}
tabs .tabs .tab-button.active {
  background-color: #c6a465;
  background-color: var(--ion-color-brown);
}
tabs .tabs .tab-button.active span {
  font-weight: bold;
  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;
  color: #ffffff;
  color: var(--ion-color-custom-white);
}
.tab-wrap-scroll tabs .tabs {
  overflow-y: scroll;
}
.tab-wrap-scroll tabs .tabs .tab-button {
  flex: auto;
  flex-shrink: 0;
  width: calc(16.08vw * 3);
  width: calc(var(--space-size-60) * 3);
}
tabs .tab-body {
  margin: 4.02vw;
  margin: var(--space-size-15);
}
/*
 * TGT
 * ----------------------------------------------------------------------------
 *
 */
.tgt-01 {
  margin: 8.04vw 0 0 0;
  margin: var(--space-size-30) 0 0 0;
}
.tgt-01:first-child {
  margin-top: 0;
}
.tgt-01:last-child {
  margin-bottom: 0;
}
.tgt-01 .bac-box {
  padding: 8.04vw 4.02vw !important;
  padding: var(--space-size-30) var(--space-size-15) !important;
}
.tgt-01 .bac-box .text-info {
  margin-bottom: 4.02vw;
  margin-bottom: var(--space-size-15);
}
.tgt-01 .bac-box .text-info.product-information-type-patch {
  justify-content: flex-start;
}
.tgt-01 .bac-box .text-info .text-illustration-banner.product-information-type-patch {
  margin: 0 0 0 4.02vw;
  margin: 0 0 0 var(--space-size-15);
}
.tgt-01 .bac-box .tgt-title {
  color: #003a77;
  color: var(--ion-color-custom-dark-blue);
}
.tgt-01 .bac-box .text-normal, .tgt-01 .bac-box .list-sensor, .tgt-01 .bac-box .list-note-ja, .tgt-01 .bac-box .list-sharp-03, .tgt-01 .bac-box .list-sharp-02, .tgt-01 .bac-box .list-sharp-02-from4, .tgt-01 .bac-box .list-sharp-02-from3, .tgt-01 .bac-box .list-sharp-02-from2, .tgt-01 .bac-box .list-sharp, .tgt-01 .bac-box .list-example, .tgt-01 .bac-box .list-alphabetical, .tgt-01 .bac-box .list-decimal-04, .tgt-01 .bac-box .list-decimal-03, .tgt-01 .bac-box .list-decimal-02, .tgt-01 .bac-box .list-decimal, .tgt-01 .bac-box .list-dot-6, .tgt-01 .bac-box .list-dot-5, .tgt-01 .bac-box .list-dot-3, .tgt-01 .bac-box .list-dot {
  margin: 0;
}
.tgt-01 .bac-box .text-small {
  margin-bottom: 1.34vw;
  margin-bottom: var(--space-size-5);
}
.tgt-01 .bac-box .tgt-small-content {
  margin-top: 2.68vw;
  margin-top: var(--space-size-10);
}
/*
 * Unique Box
 * ----------------------------------------------------------------------------
 *
 */
/* unique-box-01 */
.unique-box-01 {
  padding: 8.04vw 6.7vw 16.08vw;
  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 2.68vw right 50%;
  background-position: bottom var(--space-size-10) right 50%;
  background-size: 9.38vw 5.36vw;
  background-size: var(--space-size-35) var(--space-size-20);
}
.unique-box-01 dt {
  padding-bottom: 2.68vw;
  padding-bottom: var(--space-size-10);
  font-weight: bold;
  font-size: calc(1.125em + 1.07vw);
  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;
}
.unique-box-01 dd {
  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;
}
.landing-form-box .unique-box-01 {
  background-position: bottom 5.36vw right 50%;
  background-position: bottom var(--space-size-20) right 50%;
}
/* unique-box-02 */
.unique-box-02 {
  background: #ffffff;
  background: var(--ion-default-bg-color);
  border: 2px solid #c6a465;
  border: 2px solid var(--ion-tab-border-color);
  border-radius: 4px;
}
.unique-box-02 dt {
  margin-bottom: 0;
  padding: 2.68vw;
  padding: var(--space-size-10);
  color: #ffffff;
  color: var(--ion-table-header-text-color);
  line-height: 1.5;
  letter-spacing: 0.025rem;
  background: #c6a465;
  background: var(--ion-table-header-bg-color);
}
.unique-box-02 dt span {
  color: #ffffff;
  color: var(--ion-table-header-text-color);
}
.unique-box-02 dd {
  padding: 2.68vw;
  padding: var(--space-size-10);
}
.unique-box-02 dd p {
  margin-bottom: 4.02vw;
  margin-bottom: var(--space-size-15);
}
.unique-box-02 dd .link-normal {
  text-decoration: underline;
  font-size: calc(0.5rem + 1.07vw);
  font-size: var(--font-size-12);
  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;
}
/* unique-box-05 */
/* unique-box-07 */
.unique-box-07 {
  margin: 0 4.02vw 8.04vw;
  margin: 0 var(--space-size-15) var(--space-size-30);
  padding: 4.02vw;
  padding: var(--space-size-15);
  background: #ffffff;
  background: var(--ion-default-bg-color);
  border-radius: 4px;
}
.unique-box-07 p {
  margin: 0 0 4.02vw;
  margin: 0 0 var(--space-size-15);
  padding: 4.02vw;
  padding: var(--space-size-15);
  text-align: center;
  background: #f4fffe;
  background: var(--ion-color-custom-super-light-green);
  border: 1px solid #daf5f3;
  border: 1px solid var(--ion-color-custom-light-green);
}
.unique-box-07 p strong {
  color: #003a77;
  color: var(--ion-color-custom-dark-blue);
}
.unique-box-07 dl {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
}
.unique-box-07 dl dt {
  font-weight: bold;
  font-size: calc(0.75rem + 1.07vw);
  font-size: var(--font-size-medium);
  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;
}
.unique-box-07 [displayBlock] {
  display: block;
  margin: 0;
}
.knobs,
.layer {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.toggle-button {
  position: relative;
  width: calc( 22.78vw * 2 + 2.68vw + 2.68vw / 5 );
  width: calc( var(--space-size-85) * 2 + var(--space-size-10) + var(--space-size-10) / 5 );
  height: 10.72vw;
  height: var(--space-size-40);
  overflow: hidden;
}
.toggle-button.b2 {
  border: 1px solid #c6e0dd;
  border: 1px solid var(--ion-color-success-shade);
  border-radius: 4px;
}
.checkbox {
  position: relative;
  z-index: 3;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  cursor: pointer;
  opacity: 0;
}
.knobs {
  z-index: 2;
}
.layer {
  z-index: 1;
  width: 100%;
  background-color: #28a69a;
  background-color: var(--ion-color-success);
  transition: 0.3s ease all;
}
/* Button 10 */
#button-10 .knobs:before,
#button-10 .knobs:after,
#button-10 .knobs span {
  position: absolute;
  top: 0;
  width: calc(22.78vw + 1.34vw);
  width: calc(var(--space-size-85) + var(--space-size-5));
  height: 10.72vw;
  height: var(--space-size-40);
  font-size: 0.625rem;
  font-size: var(--font-size-10);
  line-height: 10.72vw;
  line-height: var(--space-size-40);
  text-align: center;
  transition: 0.3s ease all;
}
#button-10 .knobs:before {
  left: 0;
  background-color: #fff;
  content: "";
}
#button-10 .knobs:after {
  right: 0;
  color: #fff;
  font-size: calc(0.75rem + 1.07vw);
  font-size: var(--font-size-medium);
  content: "なし";
}
#button-10 .knobs span {
  left: 0;
  z-index: 1;
  display: inline-block;
  color: #28a69a;
  color: var(--ion-color-success);
  font-size: calc(0.75rem + 1.07vw);
  font-size: var(--font-size-medium);
}
#button-10 .checkbox:checked + .knobs span {
  color: #4e4e4e;
}
#button-10 .checkbox:checked + .knobs:before {
  left: calc(22.78vw + 1.34vw);
  left: calc(var(--space-size-85) + var(--space-size-5));
  background-color: #f44336;
}
#button-10 .checkbox:checked + .knobs:after {
  color: #fff;
}
#button-10 .checkbox:checked ~ .layer {
  background-color: #fcebeb;
}
/* unique-box-08 */
.unique-box-08 {
  position: relative;
  padding: 6.7vw 4.02vw 0 4.02vw;
  padding: var(--space-size-25) var(--space-size-15) 0 var(--space-size-15);
  background: #daf5f3;
  background: var(--ion-color-custom-light-green);
}
.unique-box-08 h2 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin: 5.36vw 0;
  margin: var(--space-size-20) 0;
  padding: 0;
  text-align: center;
}
.unique-box-08 h2 span {
  padding: 0 5.36vw;
  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;
}
.unique-box-08 h2:before,
.unique-box-08 h2:after {
  flex-basis: 5.36vw;
  flex-basis: var(--space-size-20);
  flex-grow: 1;
  flex-shrink: 0;
  width: inherit;
  border-top: 1px solid #28a69a !important;
  border-top: 1px solid var(--ion-color-custom-dark-green) !important;
  content: "";
}
.unique-box-08 .text-normal, .unique-box-08 .list-sensor, .unique-box-08 .list-note-ja, .unique-box-08 .list-sharp-03, .unique-box-08 .list-sharp-02, .unique-box-08 .list-sharp-02-from4, .unique-box-08 .list-sharp-02-from3, .unique-box-08 .list-sharp-02-from2, .unique-box-08 .list-sharp, .unique-box-08 .list-example, .unique-box-08 .list-alphabetical, .unique-box-08 .list-decimal-04, .unique-box-08 .list-decimal-03, .unique-box-08 .list-decimal-02, .unique-box-08 .list-decimal, .unique-box-08 .list-dot-6, .unique-box-08 .list-dot-5, .unique-box-08 .list-dot-3, .unique-box-08 .list-dot {
  margin: 0;
}
.unique-box-08 + .unique-box-08 {
  padding: 10.72vw 4.02vw 13.4vw 4.02vw;
  padding: var(--space-size-40) var(--space-size-15) var(--space-size-50) var(--space-size-15);
}
/* unique-odo-01 */
.unique-odo-01 {
  margin: 8.04vw 0 0 0;
  margin: var(--space-size-30) 0 0 0;
}
.unique-odo-01 .unique-input {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 2.68vw;
  margin-top: var(--space-size-10);
}
.unique-odo-01 .unique-input ion-input {
  margin: 0 4.02vw 0 4.02vw;
  margin: 0 var(--space-size-15) 0 var(--space-size-15);
}
.unique-odo-01 .text-info span ion-icon {
  width: calc(5.36vw + 4px);
  width: calc(var(--space-size-20) + 4px);
  height: calc(5.36vw + 4px);
  height: calc(var(--space-size-20) + 4px);
  line-height: 16px;
  vertical-align: -5px;
  cursor: pointer;
  fill: #c6a465;
  fill: var(--ion-form-icon-color);
}
/* unique-nmb-01 */
.unique-nmb-01 {
  margin-top: 8.04vw;
  margin-top: var(--space-size-30);
}
.unique-nmb-01 ion-thumbnail {
  width: 100%;
  height: calc(8.04vw * 7);
  height: calc(var(--space-size-30) * 7);
}
.unique-nmb-01 .unique-nmb-input {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  margin-top: 5.36vw;
  margin-top: var(--space-size-20);
  grid-column-gap: 4.02vw;
  -moz-column-gap: 4.02vw;
       column-gap: 4.02vw;
  grid-column-gap: var(--space-size-15);
  -moz-column-gap: var(--space-size-15);
       column-gap: var(--space-size-15);
  grid-row-gap: 4.02vw;
  row-gap: 4.02vw;
  grid-row-gap: var(--space-size-15);
  row-gap: var(--space-size-15);
}
.unique-nmb-01 .unique-nmb-input .text-selection-input-normal,
.unique-nmb-01 .unique-nmb-input .text-input-normal,
.unique-nmb-01 .unique-nmb-input .text-normal,
.unique-nmb-01 .unique-nmb-input .list-sensor,
.unique-nmb-01 .unique-nmb-input .list-note-ja,
.unique-nmb-01 .unique-nmb-input .list-sharp-03,
.unique-nmb-01 .unique-nmb-input .list-sharp-02,
.unique-nmb-01 .unique-nmb-input .list-sharp-02-from4,
.unique-nmb-01 .unique-nmb-input .list-sharp-02-from3,
.unique-nmb-01 .unique-nmb-input .list-sharp-02-from2,
.unique-nmb-01 .unique-nmb-input .list-sharp,
.unique-nmb-01 .unique-nmb-input .list-example,
.unique-nmb-01 .unique-nmb-input .list-alphabetical,
.unique-nmb-01 .unique-nmb-input .list-decimal-04,
.unique-nmb-01 .unique-nmb-input .list-decimal-03,
.unique-nmb-01 .unique-nmb-input .list-decimal-02,
.unique-nmb-01 .unique-nmb-input .list-decimal,
.unique-nmb-01 .unique-nmb-input .list-dot-6,
.unique-nmb-01 .unique-nmb-input .list-dot-5,
.unique-nmb-01 .unique-nmb-input .list-dot-3,
.unique-nmb-01 .unique-nmb-input .list-dot {
  margin: 0;
}
.unique-nmb-01 .unique-nmb-input.car-info-input-only ion-select::part(placeholder) {
  font-size: 0.875em !important;
}
.unique-nmb-01 .unique-nmb-input.car-info-input-only select {
  font-size: 0.875em !important;
}
/* unique-box-10 */
.unique-box-10 .bac-box {
  z-index: 10;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-bottom: 2.68vw;
  margin-bottom: var(--space-size-10);
}
.unique-box-10 .bac-box .font-extra-large, .unique-box-10 .bac-box .text-extra-large, .unique-box-10 .bac-box .official-approximation-result .tab-content .table .tr.tr-01 .td .box-hd, .official-approximation-result .tab-content .table .tr.tr-01 .td .unique-box-10 .bac-box .box-hd, .unique-box-10 .bac-box .official-approximation-result .tab-content .table .tr.tr-01 .td .box-price .split-price, .official-approximation-result .tab-content .table .tr.tr-01 .td .box-price .unique-box-10 .bac-box .split-price, .unique-box-10 .bac-box .official-approximation-result .tab-content .table .tr.tr-02 .th .inner .span-01, .official-approximation-result .tab-content .table .tr.tr-02 .th .inner .unique-box-10 .bac-box .span-01, .unique-box-10 .bac-box .official-approximation-result .tab-content .table .tr.tr-02 .td .split-price, .official-approximation-result .tab-content .table .tr.tr-02 .td .unique-box-10 .bac-box .split-price, .unique-box-10 .bac-box .boomerang-result .tab-content .table .tr.tr-01 .td .box-hd, .boomerang-result .tab-content .table .tr.tr-01 .td .unique-box-10 .bac-box .box-hd, .unique-box-10 .bac-box .boomerang-result .tab-content .table .tr.tr-01 .td .box-blank, .boomerang-result .tab-content .table .tr.tr-01 .td .unique-box-10 .bac-box .box-blank, .unique-box-10 .bac-box .boomerang-result .tab-content .table .tr.tr-01 .td .box-price .split-price, .boomerang-result .tab-content .table .tr.tr-01 .td .box-price .unique-box-10 .bac-box .split-price, .unique-box-10 .bac-box .boomerang-result .tab-content .table .tr.tr-02 .th .inner .span-01, .boomerang-result .tab-content .table .tr.tr-02 .th .inner .unique-box-10 .bac-box .span-01, .unique-box-10 .bac-box .boomerang-result .tab-content .table .tr.tr-02 .td .split-price, .boomerang-result .tab-content .table .tr.tr-02 .td .unique-box-10 .bac-box .split-price {
  color: #28a69a;
  color: var(--ion-color-custom-dark-green);
}
.unique-box-10 .unique-arrow {
  position: relative;
  bottom: 12px;
  width: 0;
  height: 0;
  border-top: 12px solid #ffffff;
  border-top: 12px solid var(--ion-color-custom-white);
  border-right: 6px solid transparent;
  border-bottom: 0 solid transparent;
  border-left: 6px solid transparent;
}
.unique-box-10 .unique-arrow.left {
  width: 0;
  height: 0;
  border-top: 12px solid #ffffff;
  border-top: 12px solid var(--ion-color-custom-white);
  border-right: 10px solid transparent;
  border-bottom: 0 solid transparent;
  border-left: 0 solid transparent;
}
.unique-box-10 .unique-arrow.right {
  width: 0;
  height: 0;
  border-top: 0 solid transparent;
  border-right: 12px solid #ffffff;
  border-right: 12px solid var(--ion-color-custom-white);
  border-bottom: 12px solid transparent;
  border-left: 0 solid transparent;
}
.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: -4.02vw;
  margin-right: var(--space-size-reset);
  padding-left: 15px;
  color: #000000;
  list-style-type: disc;
  opacity: 0.3;
}
.unique-box-10 .unique-box-ticks li:first-child, .unique-box-10 .unique-box-ticks li:last-child {
  visibility: hidden;
}
.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;
}
.unique-box-10 .unique-box-range {
  display: flex;
}
.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: #28a69a;
  background-color: var(--ion-color-custom-dark-green);
  border-top-left-radius: 2.5px;
  border-bottom-left-radius: 2.5px;
}
.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: #cccccc;
  background-color: var(--ion-color-step-200);
  border-top-right-radius: 2.5px;
  border-bottom-right-radius: 2.5px;
}
.unique-box-10 .unique-box-label {
  display: flex;
  justify-content: space-between;
  margin-top: 1.34vw;
  margin-top: var(--space-size-5);
  color: #ffffff;
  color: var(--ion-color-custom-white);
  font-size: calc(0.5rem + 1.07vw);
  font-size: var(--font-size-12);
  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;
}
.unique-box-10 .unique-box-label span:nth-child(2) {
  position: relative;
  right: 1.34vw;
  right: var(--space-size-5);
}
.unique-box-10 .unique-box-label span:nth-child(5) {
  position: relative;
  left: 1.34vw;
  left: var(--space-size-5);
}
.unique-box-10 .unique-box-label span:nth-last-child(2) {
  position: relative;
  left: 2.68vw;
  left: var(--space-size-10);
}
/* unique-cnf-05 */
.unique-cnf-05 .bac-box {
  display: flex;
  align-items: center;
  justify-content: space-around;
  margin-bottom: 2.68vw;
  margin-bottom: var(--space-size-10);
  padding: 4.02vw !important;
  padding: var(--space-size-15) !important;
}
.unique-cnf-05 .bac-box span {
  margin: 0;
}
.unique-cnf-05 .bac-box .unique-cnf-button,
.unique-cnf-05 .bac-box .button-normal {
  max-width: 88px;
}
.unique-cnf-05 .button-split-wrap {
  margin: 0;
}
.unique-cnf-05 .button-split-wrap ion-button {
  --padding-start: var(--space-size-15);
  --padding-end: var(--space-size-15);
}
.unique-cnf-05.float {
  position: sticky;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  max-width: 640px;
  padding: 0 4.02vw 4.02vw 4.02vw;
  padding: 0 var(--space-size-15) var(--space-size-15) var(--space-size-15);
  background-color: #ffffff;
  background-color: var(--ion-color-custom-white);
}
/* unique-cnf-06 */
.unique-cnf-06 .bac-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 2.68vw;
  margin-bottom: var(--space-size-10);
  padding: 1.34vw !important;
  padding: var(--space-size-5) !important;
}
.unique-cnf-06 .bac-box span,
.unique-cnf-06 .bac-box p {
  margin: 0;
}
.unique-cnf-06 .bac-box .unique-cnf-button,
.unique-cnf-06 .bac-box .button-normal {
  width: 88px;
  min-width: 88px;
}
.unique-cnf-06 .button-split-wrap {
  margin: 0;
}
.unique-cnf-06 .button-split-wrap ion-button {
  --padding-start: var(--space-size-15);
  --padding-end: var(--space-size-15);
}
.unique-cnf-06.float {
  position: sticky;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  max-width: 640px;
  padding: 0 4.02vw 4.02vw 4.02vw;
  padding: 0 var(--space-size-15) var(--space-size-15) var(--space-size-15);
  background-color: #ffffff;
  background-color: var(--ion-color-custom-white);
}
/* unique-clc */
.unique-clc {
  min-height: 20px;
  margin: 4.02vw 0;
  margin: var(--space-size-15) 0;
}
.unique-clc .unique-clc-box {
  border: 2px solid #003a77;
  border: 2px solid var(--ion-color-blue);
  padding: 5.36vw;
  padding: var(--space-size-20);
  background: #ffffff;
  background: var(--ion-color-custom-white);
}
.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;
}
.unique-clc .unique-clc-box .unique-clc-inner {
  margin-top: 4.02vw;
  margin-top: var(--space-size-15);
  padding: 4.02vw;
  padding: var(--space-size-15);
  background: #faf7f1;
  background: var(--ion-color-light-brown);
}
.unique-clc .unique-clc-box .unique-clc-inner .unique-clc-inner-line {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.unique-clc .unique-clc-box .unique-clc-inner .unique-clc-inner-line .unique-clc-inner-line-left {
  display: flex;
  flex-direction: column;
}
.unique-clc .unique-clc-box .unique-clc-inner .unique-clc-inner-line .unique-clc-inner-line-left p {
  margin: 0;
}
.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;
}
.unique-clc .unique-clc-box .unique-clc-inner .unique-clc-inner-line .unique-clc-inner-line-right p {
  margin: 0;
}
.unique-clc .unique-clc-box .unique-clc-inner .button-wrap, .unique-clc .unique-clc-box .unique-clc-inner .button-wrap-slim {
  margin-top: 4.02vw;
  margin-top: var(--space-size-15);
}
/* unique-g10-03-wrap */
.unique-g10-03-wrap {
  margin: 8.04vw 0 0 0;
  margin: var(--space-size-30) 0 0 0;
}
.unique-g10-03-wrap:first-child {
  margin-top: 0;
}
.unique-g10-03-wrap:last-child {
  margin-bottom: 0;
}
.unique-g10-03-wrap .text-info {
  margin-bottom: 0;
}
.unique-g10-03-wrap .select-box-split-wrap {
  display: grid;
  grid-template-columns: 0.7fr 25px 1fr;
  align-items: center;
  margin-top: 4.02vw;
  margin-top: var(--space-size-15);
}
.unique-g10-03-wrap .select-box-split-wrap div {
  margin: 0;
}
.unique-g10-03-wrap .select-box-split-wrap span {
  margin: 0;
  text-align: center;
}
.unique-g10-03-wrap .select-box-split-wrap > ion-label {
  width: 100%;
  margin: 0 0 2.68vw 0;
  margin: 0 0 var(--space-size-10) 0;
}
.unique-g10-03-wrap .select-box-split-wrap ion-select {
  min-width: 100%;
}
.unique-g10-03-wrap .select-box-split-wrap select {
  min-width: 100%;
}
.unique-g10-03-wrap .select-box-split-wrap .text-input-normal {
  margin: 0;
}
.unique-g10-03-wrap .select-box-split-wrap app-error {
  align-self: flex-end;
}
.unique-g10-03-wrap .list-sharp {
  margin-top: 5.36vw;
  margin-top: var(--space-size-20);
}
/* unique-g19-04 */
.unique-g19-04 {
  padding: 5.36vw;
  padding: var(--space-size-20);
}
.unique-g19-04 .select-car-label {
  margin-bottom: 4.02vw !important;
  margin-bottom: var(--space-size-15) !important;
}
.unique-g19-04 .select-car-label .text-label {
  padding: 0 2.68vw;
  padding: 0 var(--space-size-10);
}
.unique-g19-04 .unique-g19-04-header {
  display: flex;
  justify-content: space-between;
  min-height: 12.06vw;
  min-height: var(--space-size-45);
}
.unique-g19-04 .unique-g19-04-header.flex-right {
  justify-content: flex-end;
  margin-bottom: 4.02vw;
  margin-bottom: var(--space-size-15);
}
.unique-g19-04 .unique-g19-04-header .period-before-wrap .text-label {
  padding: 0 2.68vw;
  padding: 0 var(--space-size-10);
  color: #ffffff;
  color: var(--ion-color-custom-white);
  background: #28a69a;
  background: var(--ion-color-custom-dark-green);
  border: 1px solid #28a69a;
  border: 1px solid var(--ion-color-custom-dark-green);
}
.unique-g19-04 .unique-g19-04-header .period-before-wrap2 {
  margin-right: auto;
}
.unique-g19-04 .unique-g19-04-header .period-before-wrap2 .text-label {
  padding: 0 2.68vw;
  padding: 0 var(--space-size-10);
  color: #003a77;
  color: var(--ion-color-blue);
  border: 1px solid #003a77;
  border: 1px solid var(--ion-color-blue);
}
.unique-g19-04 .unique-g19-04-header .period-current-wrap {
  margin-right: auto;
}
.unique-g19-04 .unique-g19-04-header .period-current-wrap .text-label {
  padding: 0 2.68vw;
  padding: 0 var(--space-size-10);
  color: #ffffff;
  color: var(--ion-color-custom-white);
  background: #003a77;
  background: var(--ion-color-custom-dark-blue);
  border: 1px solid #003a77;
  border: 1px solid var(--ion-color-custom-dark-blue);
}
.unique-g19-04 .unique-g19-04-header .period-after-wrap {
  margin-right: auto;
}
.unique-g19-04 .unique-g19-04-header .period-after-wrap .text-label {
  padding: 0 2.68vw;
  padding: 0 var(--space-size-10);
  color: #ffffff;
  color: var(--ion-color-custom-white);
  background: #c6a465;
  background: var(--ion-color-custom-dark-gold);
  border: 1px solid #c6a465;
  border: 1px solid var(--ion-color-custom-dark-gold);
}
.unique-g19-04 .unique-g19-04-header .termination-wrap {
  margin-right: auto;
}
.unique-g19-04 .unique-g19-04-header .termination-wrap .text-label {
  padding: 0 2.68vw;
  padding: 0 var(--space-size-10);
  color: #ffffff;
  color: var(--ion-color-custom-white);
  background: #999999;
  background: var(--ion-color-step-400);
  border: 1px solid #999999;
  border: 1px solid var(--ion-color-step-400);
}
.unique-g19-04 .unique-g19-04-header .select-car-label {
  margin-right: auto;
}
.unique-g19-04 .unique-g19-04-header .select-car-label .text-label {
  padding: 0 2.68vw;
  padding: 0 var(--space-size-10);
}
.unique-g19-04 .unique-g19-04-header ion-button {
  border: 0 solid #ded2bc;
  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;
}
.unique-g19-04 .unique-g19-04-header ion-button .button-native {
  border-color: #ded2bc;
  border-color: var(--ion-color-custom-gold);
}
.unique-g19-04 .unique-g19-04-header ion-button ion-icon {
  margin: 0;
  stroke: #c6a465;
  stroke: var(--ion-form-icon-color);
}
.unique-g19-04 .unique-g19-04-header ion-button:last-child {
  margin-left: 4.02vw;
  margin-left: var(--space-size-15);
}
.unique-g19-04 .border-dashed {
  margin: 4.02vw 0;
  margin: var(--space-size-15) 0;
}
.unique-g19-04 .unique-g19-content-flex {
  display: flex;
  flex-direction: row;
  margin-bottom: 4.02vw;
  margin-bottom: var(--space-size-15);
  line-height: 1.63rem;
}
.unique-g19-04 .unique-g19-content-flex .unique-g19-content-flex-item .text-normal, .unique-g19-04 .unique-g19-content-flex .unique-g19-content-flex-item .list-sensor, .unique-g19-04 .unique-g19-content-flex .unique-g19-content-flex-item .list-note-ja, .unique-g19-04 .unique-g19-content-flex .unique-g19-content-flex-item .list-sharp-03, .unique-g19-04 .unique-g19-content-flex .unique-g19-content-flex-item .list-sharp-02, .unique-g19-04 .unique-g19-content-flex .unique-g19-content-flex-item .list-sharp-02-from4, .unique-g19-04 .unique-g19-content-flex .unique-g19-content-flex-item .list-sharp-02-from3, .unique-g19-04 .unique-g19-content-flex .unique-g19-content-flex-item .list-sharp-02-from2, .unique-g19-04 .unique-g19-content-flex .unique-g19-content-flex-item .list-sharp, .unique-g19-04 .unique-g19-content-flex .unique-g19-content-flex-item .list-example, .unique-g19-04 .unique-g19-content-flex .unique-g19-content-flex-item .list-alphabetical, .unique-g19-04 .unique-g19-content-flex .unique-g19-content-flex-item .list-decimal-04, .unique-g19-04 .unique-g19-content-flex .unique-g19-content-flex-item .list-decimal-03, .unique-g19-04 .unique-g19-content-flex .unique-g19-content-flex-item .list-decimal-02, .unique-g19-04 .unique-g19-content-flex .unique-g19-content-flex-item .list-decimal, .unique-g19-04 .unique-g19-content-flex .unique-g19-content-flex-item .list-dot-6, .unique-g19-04 .unique-g19-content-flex .unique-g19-content-flex-item .list-dot-5, .unique-g19-04 .unique-g19-content-flex .unique-g19-content-flex-item .list-dot-3, .unique-g19-04 .unique-g19-content-flex .unique-g19-content-flex-item .list-dot {
  margin: 0;
}
.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;
}
.unique-g19-04 .unique-g19-content-flex .unique-g19-content-flex-item:last-child {
  margin-left: 4.02vw;
  margin-left: var(--space-size-15);
  line-height: 1.63rem;
}
.unique-g19-04 .unique-g19-content-flex.unique-g19-04-content {
  margin-bottom: 0;
}
.unique-g19-04 .unique-g19-content-flex.unique-g19-04-content .unique-g19-content-flex-item:last-child {
  margin-left: 4.02vw;
  margin-left: var(--space-size-15);
  line-height: 1.63rem;
}
.unique-g19-04 .text-normal, .unique-g19-04 .list-sensor, .unique-g19-04 .list-note-ja, .unique-g19-04 .list-sharp-03, .unique-g19-04 .list-sharp-02, .unique-g19-04 .list-sharp-02-from4, .unique-g19-04 .list-sharp-02-from3, .unique-g19-04 .list-sharp-02-from2, .unique-g19-04 .list-sharp, .unique-g19-04 .list-example, .unique-g19-04 .list-alphabetical, .unique-g19-04 .list-decimal-04, .unique-g19-04 .list-decimal-03, .unique-g19-04 .list-decimal-02, .unique-g19-04 .list-decimal, .unique-g19-04 .list-dot-6, .unique-g19-04 .list-dot-5, .unique-g19-04 .list-dot-3, .unique-g19-04 .list-dot {
  margin: 0;
}
.unique-g19-04 .list-dot + .frm-normal {
  margin: 6.7vw 0 8.04vw 0;
  margin: var(--space-size-25) 0 var(--space-size-30) 0;
}
.unique-g19-04 .button-wrap, .unique-g19-04 .button-wrap-slim {
  margin-top: 5.36vw;
  margin-top: var(--space-size-20);
}
.unique-g19-04[UNI-CHG-02] .unique-g19-content-flex {
  line-height: 1.63rem;
}
.unique-g19-04[UNI-CHG-02] .unique-g19-content-flex + p[textBold] + .text-normal, .unique-g19-04[UNI-CHG-02] .unique-g19-content-flex + p[textBold] + .list-sensor, .unique-g19-04[UNI-CHG-02] .unique-g19-content-flex + p[textBold] + .list-note-ja, .unique-g19-04[UNI-CHG-02] .unique-g19-content-flex + p[textBold] + .list-sharp-03, .unique-g19-04[UNI-CHG-02] .unique-g19-content-flex + p[textBold] + .list-sharp-02, .unique-g19-04[UNI-CHG-02] .unique-g19-content-flex + p[textBold] + .list-sharp-02-from4, .unique-g19-04[UNI-CHG-02] .unique-g19-content-flex + p[textBold] + .list-sharp-02-from3, .unique-g19-04[UNI-CHG-02] .unique-g19-content-flex + p[textBold] + .list-sharp-02-from2, .unique-g19-04[UNI-CHG-02] .unique-g19-content-flex + p[textBold] + .list-sharp, .unique-g19-04[UNI-CHG-02] .unique-g19-content-flex + p[textBold] + .list-example, .unique-g19-04[UNI-CHG-02] .unique-g19-content-flex + p[textBold] + .list-alphabetical, .unique-g19-04[UNI-CHG-02] .unique-g19-content-flex + p[textBold] + .list-decimal-04, .unique-g19-04[UNI-CHG-02] .unique-g19-content-flex + p[textBold] + .list-decimal-03, .unique-g19-04[UNI-CHG-02] .unique-g19-content-flex + p[textBold] + .list-decimal-02, .unique-g19-04[UNI-CHG-02] .unique-g19-content-flex + p[textBold] + .list-decimal, .unique-g19-04[UNI-CHG-02] .unique-g19-content-flex + p[textBold] + .list-dot-6, .unique-g19-04[UNI-CHG-02] .unique-g19-content-flex + p[textBold] + .list-dot-5, .unique-g19-04[UNI-CHG-02] .unique-g19-content-flex + p[textBold] + .list-dot-3, .unique-g19-04[UNI-CHG-02] .unique-g19-content-flex + p[textBold] + .list-dot {
  margin-top: 0;
}
.unique-g19-04[UNI-G19-04] .unique-g19-04-header + p[textBold] + .text-normal, .unique-g19-04[UNI-G19-04] .unique-g19-04-header + p[textBold] + .list-sensor, .unique-g19-04[UNI-G19-04] .unique-g19-04-header + p[textBold] + .list-note-ja, .unique-g19-04[UNI-G19-04] .unique-g19-04-header + p[textBold] + .list-sharp-03, .unique-g19-04[UNI-G19-04] .unique-g19-04-header + p[textBold] + .list-sharp-02, .unique-g19-04[UNI-G19-04] .unique-g19-04-header + p[textBold] + .list-sharp-02-from4, .unique-g19-04[UNI-G19-04] .unique-g19-04-header + p[textBold] + .list-sharp-02-from3, .unique-g19-04[UNI-G19-04] .unique-g19-04-header + p[textBold] + .list-sharp-02-from2, .unique-g19-04[UNI-G19-04] .unique-g19-04-header + p[textBold] + .list-sharp, .unique-g19-04[UNI-G19-04] .unique-g19-04-header + p[textBold] + .list-example, .unique-g19-04[UNI-G19-04] .unique-g19-04-header + p[textBold] + .list-alphabetical, .unique-g19-04[UNI-G19-04] .unique-g19-04-header + p[textBold] + .list-decimal-04, .unique-g19-04[UNI-G19-04] .unique-g19-04-header + p[textBold] + .list-decimal-03, .unique-g19-04[UNI-G19-04] .unique-g19-04-header + p[textBold] + .list-decimal-02, .unique-g19-04[UNI-G19-04] .unique-g19-04-header + p[textBold] + .list-decimal, .unique-g19-04[UNI-G19-04] .unique-g19-04-header + p[textBold] + .list-dot-6, .unique-g19-04[UNI-G19-04] .unique-g19-04-header + p[textBold] + .list-dot-5, .unique-g19-04[UNI-G19-04] .unique-g19-04-header + p[textBold] + .list-dot-3, .unique-g19-04[UNI-G19-04] .unique-g19-04-header + p[textBold] + .list-dot {
  margin-top: 0;
}
/* unique-g19-05 */
.box + .unique-g19-05 {
  margin-top: 8.04vw;
  margin-top: var(--space-size-30);
}
.unique-g19-05 .unique-g19-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 2.68vw;
  margin-top: var(--space-size-10);
}
.unique-g19-05 .unique-g19-content .unique-g19-left {
  width: 45%;
  max-width: 200px;
}
.unique-g19-05 .unique-g19-content .unique-g19-left .received .text-label {
  min-width: 80px;
  padding: 0;
  color: #ffffff;
  color: var(--ion-color-custom-white);
  text-align: center;
  background: #999999;
  background: var(--ion-color-step-400);
  border: 1px solid #999999;
  border: 1px solid var(--ion-color-step-400);
}
.unique-g19-05 .unique-g19-content .unique-g19-left .unpaid .text-label {
  min-width: 80px;
  padding: 0;
  color: #ffffff;
  color: var(--ion-color-custom-white);
  text-align: center;
  background: #cc0000;
  background: var(--ion-color-custom-red);
  border: 1px solid #cc0000;
  border: 1px solid var(--ion-color-custom-red);
}
.unique-g19-05 .unique-g19-content .unique-g19-left .prior-to-billing .text-label {
  min-width: 80px;
  padding: 0;
  color: #555555;
  color: var(--ion-color-step-650);
  text-align: center;
  border: 1px solid #999999;
  border: 1px solid var(--ion-color-step-400);
}
.unique-g19-05 .unique-g19-content .unique-g19-left .unique-g19-left-text {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-top: 2.68vw;
  margin-top: var(--space-size-10);
}
.unique-g19-05 .unique-g19-content .unique-g19-left .unique-g19-left-text span {
  margin-bottom: 0;
}
.unique-g19-05 .unique-g19-content .unique-g19-right .button-wrap, .unique-g19-05 .unique-g19-content .unique-g19-right .button-wrap-slim {
  padding-right: 0;
}
/* unique-g19-01 */
.unique-g19-01 {
  margin: 8.04vw 0 0 0;
  margin: var(--space-size-30) 0 0 0;
  padding-top: 0;
}
.unique-g19-01:first-child {
  margin-top: 0;
}
.unique-g19-01:last-child {
  margin-bottom: 0;
}
.unique-g19-01 .unique-g19-item {
  padding: 4.02vw 0;
  padding: var(--space-size-15) 0;
  cursor: pointer;
  border-bottom: 1px solid #ded2bc;
  border-bottom: 1px solid var(--ion-color-custom-gold);
  /* web-top-page専用CSS */
}
.unique-g19-01 .unique-g19-item.unique-webtop-border {
  padding-top: 4.02vw;
  padding-top: var(--space-size-15);
  border-top: 1px solid #ded2bc;
  border-top: 1px solid var(--ion-color-custom-gold);
}
.unique-g19-01 .unique-g19-item ion-item {
  --inner-padding-end: 0;
  --border-style: none;
}
.unique-g19-01 .unique-g19-item ion-icon:first-of-type {
  width: 10.72vw;
  width: var(--space-size-40);
  height: 10.72vw;
  height: var(--space-size-40);
  margin-right: 5.36vw;
  margin-right: var(--space-size-20);
}
.unique-g19-01 .unique-g19-item ion-icon[name=chevron-forward-outline] {
  margin: 0;
}
.unique-g19-01 .unique-g19-item .select-unique-g19 .text-normal, .unique-g19-01 .unique-g19-item .select-unique-g19 .list-sensor, .unique-g19-01 .unique-g19-item .select-unique-g19 .list-note-ja, .unique-g19-01 .unique-g19-item .select-unique-g19 .list-sharp-03, .unique-g19-01 .unique-g19-item .select-unique-g19 .list-sharp-02, .unique-g19-01 .unique-g19-item .select-unique-g19 .list-sharp-02-from4, .unique-g19-01 .unique-g19-item .select-unique-g19 .list-sharp-02-from3, .unique-g19-01 .unique-g19-item .select-unique-g19 .list-sharp-02-from2, .unique-g19-01 .unique-g19-item .select-unique-g19 .list-sharp, .unique-g19-01 .unique-g19-item .select-unique-g19 .list-example, .unique-g19-01 .unique-g19-item .select-unique-g19 .list-alphabetical, .unique-g19-01 .unique-g19-item .select-unique-g19 .list-decimal-04, .unique-g19-01 .unique-g19-item .select-unique-g19 .list-decimal-03, .unique-g19-01 .unique-g19-item .select-unique-g19 .list-decimal-02, .unique-g19-01 .unique-g19-item .select-unique-g19 .list-decimal, .unique-g19-01 .unique-g19-item .select-unique-g19 .list-dot-6, .unique-g19-01 .unique-g19-item .select-unique-g19 .list-dot-5, .unique-g19-01 .unique-g19-item .select-unique-g19 .list-dot-3, .unique-g19-01 .unique-g19-item .select-unique-g19 .list-dot {
  margin-right: 2.68vw;
  margin-right: var(--space-size-10);
}
.unique-g19-01 .unique-g19-item .select-unique-g19 .text-normal:first-child, .unique-g19-01 .unique-g19-item .select-unique-g19 .list-sensor:first-child, .unique-g19-01 .unique-g19-item .select-unique-g19 .list-note-ja:first-child, .unique-g19-01 .unique-g19-item .select-unique-g19 .list-sharp-03:first-child, .unique-g19-01 .unique-g19-item .select-unique-g19 .list-sharp-02:first-child, .unique-g19-01 .unique-g19-item .select-unique-g19 .list-sharp-02-from4:first-child, .unique-g19-01 .unique-g19-item .select-unique-g19 .list-sharp-02-from3:first-child, .unique-g19-01 .unique-g19-item .select-unique-g19 .list-sharp-02-from2:first-child, .unique-g19-01 .unique-g19-item .select-unique-g19 .list-sharp:first-child, .unique-g19-01 .unique-g19-item .select-unique-g19 .list-example:first-child, .unique-g19-01 .unique-g19-item .select-unique-g19 .list-alphabetical:first-child, .unique-g19-01 .unique-g19-item .select-unique-g19 .list-decimal-04:first-child, .unique-g19-01 .unique-g19-item .select-unique-g19 .list-decimal-03:first-child, .unique-g19-01 .unique-g19-item .select-unique-g19 .list-decimal-02:first-child, .unique-g19-01 .unique-g19-item .select-unique-g19 .list-decimal:first-child, .unique-g19-01 .unique-g19-item .select-unique-g19 .list-dot-6:first-child, .unique-g19-01 .unique-g19-item .select-unique-g19 .list-dot-5:first-child, .unique-g19-01 .unique-g19-item .select-unique-g19 .list-dot-3:first-child, .unique-g19-01 .unique-g19-item .select-unique-g19 .list-dot:first-child {
  margin-bottom: 2.68vw;
  margin-bottom: var(--space-size-10);
}
.unique-g19-01 .unique-g19-item .select-unique-g19 .text-normal:not([textbold]), .unique-g19-01 .unique-g19-item .select-unique-g19 .list-sensor:not([textbold]), .unique-g19-01 .unique-g19-item .select-unique-g19 .list-note-ja:not([textbold]), .unique-g19-01 .unique-g19-item .select-unique-g19 .list-sharp-03:not([textbold]), .unique-g19-01 .unique-g19-item .select-unique-g19 .list-sharp-02:not([textbold]), .unique-g19-01 .unique-g19-item .select-unique-g19 .list-sharp-02-from4:not([textbold]), .unique-g19-01 .unique-g19-item .select-unique-g19 .list-sharp-02-from3:not([textbold]), .unique-g19-01 .unique-g19-item .select-unique-g19 .list-sharp-02-from2:not([textbold]), .unique-g19-01 .unique-g19-item .select-unique-g19 .list-sharp:not([textbold]), .unique-g19-01 .unique-g19-item .select-unique-g19 .list-example:not([textbold]), .unique-g19-01 .unique-g19-item .select-unique-g19 .list-alphabetical:not([textbold]), .unique-g19-01 .unique-g19-item .select-unique-g19 .list-decimal-04:not([textbold]), .unique-g19-01 .unique-g19-item .select-unique-g19 .list-decimal-03:not([textbold]), .unique-g19-01 .unique-g19-item .select-unique-g19 .list-decimal-02:not([textbold]), .unique-g19-01 .unique-g19-item .select-unique-g19 .list-decimal:not([textbold]), .unique-g19-01 .unique-g19-item .select-unique-g19 .list-dot-6:not([textbold]), .unique-g19-01 .unique-g19-item .select-unique-g19 .list-dot-5:not([textbold]), .unique-g19-01 .unique-g19-item .select-unique-g19 .list-dot-3:not([textbold]), .unique-g19-01 .unique-g19-item .select-unique-g19 .list-dot: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;
}
.unique-g19-01 .unique-g19-item .select-unique-g19 p {
  word-break: break-all;
  overflow-wrap: anywhere;
}
.unique-g19-01 .unique-g19-item.web-top-page {
  border: 1px none #d8d8d8;
  border: 1px none var(--ion-color-step-150);
  padding: 1.34vw 0 0 0;
  padding: var(--space-size-5) 0 0 0;
}
.unique-g19-01 .unique-g19-item.web-top-page ion-item {
  --padding-start: 0;
  --padding-end: 0;
}
.unique-g19-01 .unique-g19-item.web-top-page ion-icon {
  position: relative;
  right: -20px;
  width: 6.7vw;
  width: var(--space-size-25);
  height: 6.7vw;
  height: var(--space-size-25);
  margin: 0;
}
.unique-g19-01 .unique-g19-item .web-top-cm-btn {
  --padding-start: var(--space-size-5);
}
.unique-g19-01 .unique-g19-item .web-top-cm-btn ion-icon:first-child {
  margin-right: 4.02vw;
  margin-right: var(--space-size-15);
}
.unique-g19-01 .unique-g19-item .web-top-cm-btn ion-icon:last-child {
  margin-right: 0;
}
/* unique-g19-02 */
.unique-g19-02 .unique-g19-item {
  padding: 4.02vw 0;
  padding: var(--space-size-15) 0;
}
.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);
}
.unique-g19-02 .unique-g19-item .text-small {
  margin-top: 1.34vw;
  margin-top: var(--space-size-5);
}
.unique-g19-02 .unique-g19-item .select-unique-g19 .text-normal:first-child, .unique-g19-02 .unique-g19-item .select-unique-g19 .list-sensor:first-child, .unique-g19-02 .unique-g19-item .select-unique-g19 .list-note-ja:first-child, .unique-g19-02 .unique-g19-item .select-unique-g19 .list-sharp-03:first-child, .unique-g19-02 .unique-g19-item .select-unique-g19 .list-sharp-02:first-child, .unique-g19-02 .unique-g19-item .select-unique-g19 .list-sharp-02-from4:first-child, .unique-g19-02 .unique-g19-item .select-unique-g19 .list-sharp-02-from3:first-child, .unique-g19-02 .unique-g19-item .select-unique-g19 .list-sharp-02-from2:first-child, .unique-g19-02 .unique-g19-item .select-unique-g19 .list-sharp:first-child, .unique-g19-02 .unique-g19-item .select-unique-g19 .list-example:first-child, .unique-g19-02 .unique-g19-item .select-unique-g19 .list-alphabetical:first-child, .unique-g19-02 .unique-g19-item .select-unique-g19 .list-decimal-04:first-child, .unique-g19-02 .unique-g19-item .select-unique-g19 .list-decimal-03:first-child, .unique-g19-02 .unique-g19-item .select-unique-g19 .list-decimal-02:first-child, .unique-g19-02 .unique-g19-item .select-unique-g19 .list-decimal:first-child, .unique-g19-02 .unique-g19-item .select-unique-g19 .list-dot-6:first-child, .unique-g19-02 .unique-g19-item .select-unique-g19 .list-dot-5:first-child, .unique-g19-02 .unique-g19-item .select-unique-g19 .list-dot-3:first-child, .unique-g19-02 .unique-g19-item .select-unique-g19 .list-dot:first-child {
  margin-bottom: 2.68vw;
  margin-bottom: var(--space-size-10);
}
.unique-g19-02 .unique-g19-item .select-unique-g19 .text-normal, .unique-g19-02 .unique-g19-item .select-unique-g19 .list-sensor, .unique-g19-02 .unique-g19-item .select-unique-g19 .list-note-ja, .unique-g19-02 .unique-g19-item .select-unique-g19 .list-sharp-03, .unique-g19-02 .unique-g19-item .select-unique-g19 .list-sharp-02, .unique-g19-02 .unique-g19-item .select-unique-g19 .list-sharp-02-from4, .unique-g19-02 .unique-g19-item .select-unique-g19 .list-sharp-02-from3, .unique-g19-02 .unique-g19-item .select-unique-g19 .list-sharp-02-from2, .unique-g19-02 .unique-g19-item .select-unique-g19 .list-sharp, .unique-g19-02 .unique-g19-item .select-unique-g19 .list-example, .unique-g19-02 .unique-g19-item .select-unique-g19 .list-alphabetical, .unique-g19-02 .unique-g19-item .select-unique-g19 .list-decimal-04, .unique-g19-02 .unique-g19-item .select-unique-g19 .list-decimal-03, .unique-g19-02 .unique-g19-item .select-unique-g19 .list-decimal-02, .unique-g19-02 .unique-g19-item .select-unique-g19 .list-decimal, .unique-g19-02 .unique-g19-item .select-unique-g19 .list-dot-6, .unique-g19-02 .unique-g19-item .select-unique-g19 .list-dot-5, .unique-g19-02 .unique-g19-item .select-unique-g19 .list-dot-3, .unique-g19-02 .unique-g19-item .select-unique-g19 .list-dot {
  margin-bottom: 0 !important;
}
.unique-g19-02 ion-icon {
  position: relative;
  right: -20px;
  width: 6.7vw !important;
  width: var(--space-size-25) !important;
  height: 6.7vw !important;
  height: var(--space-size-25) !important;
  margin: 0;
}
.unique-g19-01 + .unique-g19-02 {
  margin-top: 0;
}
.title-h2 + .unique-g19-01 {
  margin: 0;
}
.title-h2 + .unique-g19-01 .unique-g19-item:first-child {
  padding-top: 0;
}
.text-normal + .unique-g19-01, .list-sensor + .unique-g19-01, .list-note-ja + .unique-g19-01, .list-sharp-03 + .unique-g19-01, .list-sharp-02 + .unique-g19-01, .list-sharp-02-from4 + .unique-g19-01, .list-sharp-02-from3 + .unique-g19-01, .list-sharp-02-from2 + .unique-g19-01, .list-sharp + .unique-g19-01, .list-example + .unique-g19-01, .list-alphabetical + .unique-g19-01, .list-decimal-04 + .unique-g19-01, .list-decimal-03 + .unique-g19-01, .list-decimal-02 + .unique-g19-01, .list-decimal + .unique-g19-01, .list-dot-6 + .unique-g19-01, .list-dot-5 + .unique-g19-01, .list-dot-3 + .unique-g19-01, .list-dot + .unique-g19-01 {
  padding-bottom: 0;
}
.text-normal + .unique-g19-01 .unique-g19-item:first-child, .list-sensor + .unique-g19-01 .unique-g19-item:first-child, .list-note-ja + .unique-g19-01 .unique-g19-item:first-child, .list-sharp-03 + .unique-g19-01 .unique-g19-item:first-child, .list-sharp-02 + .unique-g19-01 .unique-g19-item:first-child, .list-sharp-02-from4 + .unique-g19-01 .unique-g19-item:first-child, .list-sharp-02-from3 + .unique-g19-01 .unique-g19-item:first-child, .list-sharp-02-from2 + .unique-g19-01 .unique-g19-item:first-child, .list-sharp + .unique-g19-01 .unique-g19-item:first-child, .list-example + .unique-g19-01 .unique-g19-item:first-child, .list-alphabetical + .unique-g19-01 .unique-g19-item:first-child, .list-decimal-04 + .unique-g19-01 .unique-g19-item:first-child, .list-decimal-03 + .unique-g19-01 .unique-g19-item:first-child, .list-decimal-02 + .unique-g19-01 .unique-g19-item:first-child, .list-decimal + .unique-g19-01 .unique-g19-item:first-child, .list-dot-6 + .unique-g19-01 .unique-g19-item:first-child, .list-dot-5 + .unique-g19-01 .unique-g19-item:first-child, .list-dot-3 + .unique-g19-01 .unique-g19-item:first-child, .list-dot + .unique-g19-01 .unique-g19-item:first-child {
  border-top: 1px solid #ded2bc;
  border-top: 1px solid var(--ion-color-custom-gold);
}
/* unique-g13-03 */
.unique-g13-03 {
  margin-top: 8.04vw;
  margin-top: var(--space-size-30);
}
.unique-g13-03 .text-normal, .unique-g13-03 .list-sensor, .unique-g13-03 .list-note-ja, .unique-g13-03 .list-sharp-03, .unique-g13-03 .list-sharp-02, .unique-g13-03 .list-sharp-02-from4, .unique-g13-03 .list-sharp-02-from3, .unique-g13-03 .list-sharp-02-from2, .unique-g13-03 .list-sharp, .unique-g13-03 .list-example, .unique-g13-03 .list-alphabetical, .unique-g13-03 .list-decimal-04, .unique-g13-03 .list-decimal-03, .unique-g13-03 .list-decimal-02, .unique-g13-03 .list-decimal, .unique-g13-03 .list-dot-6, .unique-g13-03 .list-dot-5, .unique-g13-03 .list-dot-3, .unique-g13-03 .list-dot {
  margin: 0;
}
.unique-g13-03 .unique-g13-03-icon {
  display: flex;
  align-items: center;
  justify-content: space-around;
  margin-top: 4.02vw;
  margin-top: var(--space-size-15);
  padding: 0 12.06vw;
  padding: 0 var(--space-size-45);
}
.modal-box .unique-g13-03 .unique-g13-03-icon {
  padding: 0 4.02vw;
  padding: 0 var(--space-size-15);
}
.unique-g13-03 .unique-g13-03-icon .unique-g13-03-icon-circle {
  width: 10.72vw;
  width: var(--space-size-40);
  height: 10.72vw;
  height: var(--space-size-40);
  line-height: 2.5;
  text-align: center;
  border-radius: 50%;
}
.unique-g13-03 .unique-g13-03-icon .unique-g13-03-icon-circle span {
  color: #ffffff;
  color: var(--ion-table-header-text-color);
}
.unique-g13-03 .unique-g13-03-icon .unique-g13-03-icon-circle.after {
  background: #c6a465;
  background: var(--ion-form-icon-color);
  opacity: 0.4;
}
.unique-g13-03 .unique-g13-03-icon .unique-g13-03-icon-circle.current {
  background: #c6a465;
  background: var(--ion-form-icon-color);
}
.unique-g13-03 .unique-g13-03-icon .unique-g13-03-icon-circle.before {
  border: 1px solid #c6a465;
  border: 1px solid var(--ion-form-icon-color);
}
.unique-g13-03 .unique-g13-03-icon .unique-g13-03-icon-circle.before span {
  color: #c6a465;
  color: var(--ion-form-icon-color);
}
.unique-g13-03 .unique-g13-03-icon .unique-g13-03-icon-border {
  flex: 1;
  border-bottom: 1px solid #c6a465;
  border-bottom: 1px solid var(--ion-form-icon-color);
}
.unique-g13-03 .unique-g13-03-icon .unique-g13-03-icon-border.after {
  opacity: 0.4;
}
.unique-g13-03 .unique-g13-03-label {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin-top: 2.68vw;
  margin-top: var(--space-size-10);
  padding: 0 8.04vw;
  padding: 0 var(--space-size-30);
}
.modal-box .unique-g13-03 .unique-g13-03-label {
  padding: 0;
}
.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;
}
.unique-g13-03 .unique-g13-03-label p.before {
  opacity: 0.4;
}
/* unique-g13-02 */
.unique-g13-02 {
  z-index: 1000;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 22.78vw;
  width: var(--space-size-85);
  height: 22.78vw;
  height: var(--space-size-85);
  text-align: center;
  background-color: #28a69a;
  background-color: var(--ion-color-custom-dark-green);
  cursor: pointer;
  border-radius: 50%;
}
.unique-g13-02 ion-icon {
  width: 6.7vw;
  width: var(--space-size-25);
  height: 6.7vw;
  height: var(--space-size-25);
}
.unique-g13-02 p {
  margin-top: 1.34vw;
  margin-top: var(--space-size-5);
  color: #ffffff;
  color: var(--ion-color-custom-white);
  line-height: 1.25;
}
.unique-g13-02.float-btn {
  position: fixed;
  right: 8.04vw;
  right: var(--space-size-30);
  bottom: 8.04vw;
  bottom: var(--space-size-30);
}
/* unique-g11-01 */
.unique-g11-01 {
  margin-top: 8.04vw;
  margin-top: var(--space-size-30);
}
.unique-g11-01 p {
  text-align: center;
  font-weight: bold;
  font-size: calc(1em + 1.07vw);
  font-size: var(--font-size-20);
  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;
}
/* unique-img-select */
.unique-img-select {
  margin: 8.04vw 0 5.36vw 0;
  margin: var(--space-size-30) 0 var(--space-size-20) 0;
}
.unique-img-select .text-normal, .unique-img-select .list-sensor, .unique-img-select .list-note-ja, .unique-img-select .list-sharp-03, .unique-img-select .list-sharp-02, .unique-img-select .list-sharp-02-from4, .unique-img-select .list-sharp-02-from3, .unique-img-select .list-sharp-02-from2, .unique-img-select .list-sharp, .unique-img-select .list-example, .unique-img-select .list-alphabetical, .unique-img-select .list-decimal-04, .unique-img-select .list-decimal-03, .unique-img-select .list-decimal-02, .unique-img-select .list-decimal, .unique-img-select .list-dot-6, .unique-img-select .list-dot-5, .unique-img-select .list-dot-3, .unique-img-select .list-dot {
  margin: 0;
}
.unique-img-select .text-normal:nth-of-type(2), .unique-img-select .list-sensor:nth-of-type(2), .unique-img-select .list-note-ja:nth-of-type(2), .unique-img-select .list-sharp-03:nth-of-type(2), .unique-img-select .list-sharp-02:nth-of-type(2), .unique-img-select .list-sharp-02-from4:nth-of-type(2), .unique-img-select .list-sharp-02-from3:nth-of-type(2), .unique-img-select .list-sharp-02-from2:nth-of-type(2), .unique-img-select .list-sharp:nth-of-type(2), .unique-img-select .list-example:nth-of-type(2), .unique-img-select .list-alphabetical:nth-of-type(2), .unique-img-select .list-decimal-04:nth-of-type(2), .unique-img-select .list-decimal-03:nth-of-type(2), .unique-img-select .list-decimal-02:nth-of-type(2), .unique-img-select .list-decimal:nth-of-type(2), .unique-img-select .list-dot-6:nth-of-type(2), .unique-img-select .list-dot-5:nth-of-type(2), .unique-img-select .list-dot-3:nth-of-type(2), .unique-img-select .list-dot:nth-of-type(2) {
  margin-top: 4.02vw;
  margin-top: var(--space-size-15);
}
.unique-img-select .checkbox-button-normal {
  margin-top: 4.02vw;
  margin-top: var(--space-size-15);
  margin-bottom: 5.36vw;
  margin-bottom: var(--space-size-20);
}
.unique-img-select .unique-img-select-tire-back {
  display: flex;
  justify-content: center;
  margin-top: 5.36vw;
  margin-top: var(--space-size-20);
}
.unique-img-select .unique-img-select-tire {
  background: url('select-car-background.4cd29e028d7128803b1b.svg') no-repeat bottom;
  background-color: #111111;
  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;
}
.unique-img-select .unique-img-select-tire.car-only {
  background: url('select-car-only-background.4223331caf2b1d5ede00.svg') no-repeat bottom;
  background-color: #111111;
  background-color: var(--ion-color-custom-black);
  background-size: cover;
  background-color: rgba(255, 255, 255, 0.1);
  background-size: auto;
}
.unique-img-select .unique-img-select-tire.car-only .unique-img-select-tire-wrap .checked {
  --background: rgba(198, 164, 101, 0.5);
}
.unique-img-select .unique-img-select-tire.car-only .unique-img-select-tire-wrap .checked .unique-img-select-wrap {
  padding-bottom: 0;
}
.unique-img-select .unique-img-select-tire.car-only .unique-img-select-tire-wrap .unchecked {
  background-color: rgba(255, 255, 255, 0.1);
}
.unique-img-select .unique-img-select-tire.car-only .unique-img-select-tire-wrap .unchecked .unique-img-select-wrap {
  padding-bottom: 0;
}
.unique-img-select .unique-img-select-tire.bike {
  background: url('select-bike-background.15afb49bb841a556ba81.svg') no-repeat bottom;
  background-color: #111111;
  background-color: var(--ion-color-custom-black);
  background-size: cover;
  background-color: rgba(255, 255, 255, 0.1);
  background-size: auto;
}
.unique-img-select .unique-img-select-tire.bike .unique-img-select-tire-wrap .checked {
  --background: rgba(198, 164, 101, 0.5);
}
.unique-img-select .unique-img-select-tire.bike .unique-img-select-tire-wrap .checked .unique-img-select-wrap {
  padding-bottom: 0;
}
.unique-img-select .unique-img-select-tire.bike .unique-img-select-tire-wrap .unchecked {
  background-color: rgba(255, 255, 255, 0.1);
}
.unique-img-select .unique-img-select-tire.bike .unique-img-select-tire-wrap .unchecked .unique-img-select-wrap {
  padding-bottom: 0;
}
.unique-img-select .unique-img-select-tire.bicycle {
  background: url('select-bicycle-background.1c05a0e1c177522afe7f.svg') no-repeat bottom;
  background-color: #111111;
  background-color: var(--ion-color-custom-black);
  background-size: cover;
  background-color: rgba(255, 255, 255, 0.1);
  background-size: auto;
}
.unique-img-select .unique-img-select-tire.bicycle .unique-img-select-tire-wrap .checked {
  --background: rgba(198, 164, 101, 0.5);
}
.unique-img-select .unique-img-select-tire.bicycle .unique-img-select-tire-wrap .checked .unique-img-select-wrap {
  padding-bottom: 0;
}
.unique-img-select .unique-img-select-tire.bicycle .unique-img-select-tire-wrap .unchecked {
  background-color: rgba(255, 255, 255, 0.1);
}
.unique-img-select .unique-img-select-tire.bicycle .unique-img-select-tire-wrap .unchecked .unique-img-select-wrap {
  padding-bottom: 0;
}
.unique-img-select .unique-img-select-tire-wrap {
  display: grid;
  grid-template-rows: 48% 52%;
  grid-template-columns: repeat(3, 1fr);
  height: 100%;
}
.unique-img-select .unique-img-select-tire-wrap.rows-auto {
  display: grid;
  grid-template-rows: auto;
  grid-template-columns: repeat(3, 1fr);
  height: 100%;
}
.unique-img-select .unique-img-select-tire-wrap .unique-img-select-tire-split {
  border: 1px solid #ded2bc;
  border: 1px solid var(--ion-form-border-color);
  display: flex;
  width: 100%;
  background-color: rgba(198, 164, 101, 0.1);
  --background: transparent;
  /* 入力済み state */
}
.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: 2.68vw;
  margin-bottom: var(--space-size-10);
}
.unique-img-select .unique-img-select-tire-wrap .unique-img-select-tire-split.white {
  background-color: rgba(255, 255, 255, 0.1);
}
.unique-img-select .unique-img-select-tire-wrap .unique-img-select-tire-split.checked {
  --background: rgba(198, 164, 101, 0.5);
}
.unique-img-select .unique-img-select-tire-wrap .unique-img-select-tire-split.checked .unique-img-select-wrap {
  padding-bottom: 8.04vw;
  padding-bottom: var(--space-size-30);
}
.unique-img-select .unique-img-select-tire-wrap .unique-img-select-tire-split.unchecked {
  background-color: rgba(255, 255, 255, 0.1);
}
.unique-img-select .unique-img-select-tire-wrap .unique-img-select-tire-split.unchecked .unique-img-select-wrap {
  padding-bottom: 8.04vw;
  padding-bottom: var(--space-size-30);
}
.unique-img-select .unique-img-select-tire-wrap .unique-img-select-tire-split.top {
  border-bottom: 1px none #d8d8d8;
  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;
}
.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;
}
.unique-img-select .unique-img-select-tire-wrap .unique-img-select-tire-split.item-checkbox-checked {
  --background: rgba(198, 164, 101, 0.5);
}
.unique-img-select .unique-img-select-tire-wrap .unique-img-select-tire-split.front-middle {
  grid-row: 1/1;
  grid-column: 2;
}
.unique-img-select .unique-img-select-tire-wrap .unique-img-select-tire-split.front-left {
  grid-row: 2/3;
  grid-column: 1;
}
.unique-img-select .unique-img-select-tire-wrap .unique-img-select-tire-split.front-right {
  grid-row: 2/3;
  grid-column: 3;
}
.unique-img-select .unique-img-select-tire-wrap .unique-img-select-tire-split.rear-left {
  grid-row: 3/4;
  grid-column: 1;
}
.unique-img-select .unique-img-select-tire-wrap .unique-img-select-tire-split.rear-right {
  grid-row: 3/4;
  grid-column: 3;
}
.unique-img-select .unique-img-select-tire-wrap .unique-img-select-tire-split.rear-middle {
  grid-row: 4/5;
  grid-column: 2;
}
.unique-img-select .unique-img-select-tire-wrap .unique-img-select-tire-split.car-only-loop {
  border: 1px none #d8d8d8;
  border: 1px none var(--ion-color-step-150);
  border-left: 1px solid #ded2bc;
  border-left: 1px solid var(--ion-form-border-color);
  border-right: 1px solid #ded2bc;
  border-right: 1px solid var(--ion-form-border-color);
  grid-row: 2/4;
  grid-column: 2;
}
.unique-img-select .unique-img-select-tire-wrap .unique-img-select-tire-split.border {
  border: 1px solid #ded2bc;
  border: 1px solid var(--ion-form-border-color);
}
.unique-img-select .unique-img-select-tire-wrap .unique-img-select-tire-split.border-top-left-bottom {
  border: 1px none #d8d8d8;
  border: 1px none var(--ion-color-step-150);
  border-top: 1px solid #ded2bc;
  border-top: 1px solid var(--ion-form-border-color);
  border-left: 1px solid #ded2bc;
  border-left: 1px solid var(--ion-form-border-color);
  border-bottom: 1px solid #ded2bc;
  border-bottom: 1px solid var(--ion-form-border-color);
}
.unique-img-select .unique-img-select-tire-wrap .unique-img-select-tire-split.border-top-right-bottom {
  border: 1px none #d8d8d8;
  border: 1px none var(--ion-color-step-150);
  border-top: 1px solid #ded2bc;
  border-top: 1px solid var(--ion-form-border-color);
  border-right: 1px solid #ded2bc;
  border-right: 1px solid var(--ion-form-border-color);
  border-bottom: 1px solid #ded2bc;
  border-bottom: 1px solid var(--ion-form-border-color);
}
.unique-img-select .unique-img-select-tire-wrap .unique-img-select-tire-split.border-left-right-bottom {
  border: 1px none #d8d8d8;
  border: 1px none var(--ion-color-step-150);
  border-left: 1px solid #ded2bc;
  border-left: 1px solid var(--ion-form-border-color);
  border-right: 1px solid #ded2bc;
  border-right: 1px solid var(--ion-form-border-color);
  border-bottom: 1px solid #ded2bc;
  border-bottom: 1px solid var(--ion-form-border-color);
}
.unique-img-select .unique-img-select-tire-wrap .unique-img-select-tire-split.border-top-bottom {
  border: 1px none #d8d8d8;
  border: 1px none var(--ion-color-step-150);
  border-top: 1px solid #ded2bc;
  border-top: 1px solid var(--ion-form-border-color);
  border-bottom: 1px solid #ded2bc;
  border-bottom: 1px solid var(--ion-form-border-color);
}
.unique-img-select .unique-img-select-tire-wrap .unique-img-select-tire-split.border-left-bottom {
  border: 1px none #d8d8d8;
  border: 1px none var(--ion-color-step-150);
  border-left: 1px solid #ded2bc;
  border-left: 1px solid var(--ion-form-border-color);
  border-bottom: 1px solid #ded2bc;
  border-bottom: 1px solid var(--ion-form-border-color);
}
.unique-img-select .unique-img-select-tire-wrap .unique-img-select-tire-split.border-right-bottom {
  border: 1px none #d8d8d8;
  border: 1px none var(--ion-color-step-150);
  border-right: 1px solid #ded2bc;
  border-right: 1px solid var(--ion-form-border-color);
  border-bottom: 1px solid #ded2bc;
  border-bottom: 1px solid var(--ion-form-border-color);
}
.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: 2.68vw;
  padding-bottom: var(--space-size-10);
}
.unique-img-select .unique-img-select-tire-wrap .unique-img-select-wrap.align-center {
  align-items: center;
}
.unique-img-select .unique-img-select-tire-wrap .unique-img-select-tire-select {
  display: flex;
  flex-direction: column-reverse;
  align-items: center;
}
.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";
}
/* unique-g12-03 */
.unique-g12-03 .unique-g12-box {
  margin-top: 4.02vw;
  margin-top: var(--space-size-15);
  border: 1px solid #ded2bc;
  border: 1px solid var(--ion-color-custom-gold);
  border-radius: 4px;
}
.unique-g12-03 .unique-g12-box .unique-g12-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 5.36vw 4.02vw;
  padding: var(--space-size-20) var(--space-size-15);
  background: #faf7f1;
  background: var(--ion-color-custom-light-gold);
  border-bottom: 1px solid #ded2bc;
  border-bottom: 1px solid var(--ion-color-custom-gold);
}
.unique-g12-03 .unique-g12-box .unique-g12-item:first-child {
  border-radius: 4px 4px 0 0;
}
.unique-g12-03 .unique-g12-box .unique-g12-item:last-child {
  border: none;
  border-radius: 0 0 4px 4px;
}
.unique-g12-03 .unique-g12-box .unique-g12-label {
  width: 50%;
}
.unique-g12-03 .unique-g12-box .unique-g12-control {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: 50%;
}
.unique-g12-03 .unique-g12-box .unique-g12-control ion-button {
  width: 36px;
  height: 36px;
  margin: 0;
  background: #ffffff;
  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;
}
.unique-g12-03 .unique-g12-box .unique-g12-control ion-input {
  min-width: 64px;
  max-width: 64px;
  height: 36px;
  margin: 0 2.68vw;
  margin: 0 var(--space-size-10);
  text-align: right;
  background: #ffffff;
  background: var(--ion-color-custom-white);
  --padding-bottom: 0;
  --padding-end: var(--space-size-10);
  --padding-start: 0;
  --padding-top: 0;
}
.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 2.68vw;
  margin: 0 var(--space-size-10);
  padding-right: 2.68vw;
  padding-right: var(--space-size-10);
  padding-left: 2.68vw;
  padding-left: var(--space-size-10);
  text-align: right;
  background: #ffffff;
  background: var(--ion-color-custom-white);
  border: 1px solid #ded2bc;
  border: 1px solid var(--ion-form-border-color);
  border-radius: 1.34vw;
  border-radius: var(--space-size-5);
}
.unique-g12-03 .unique-g12-box .unique-g12-control .unique-g12-label-box .text-normal, .unique-g12-03 .unique-g12-box .unique-g12-control .unique-g12-label-box .list-sensor, .unique-g12-03 .unique-g12-box .unique-g12-control .unique-g12-label-box .list-note-ja, .unique-g12-03 .unique-g12-box .unique-g12-control .unique-g12-label-box .list-sharp-03, .unique-g12-03 .unique-g12-box .unique-g12-control .unique-g12-label-box .list-sharp-02, .unique-g12-03 .unique-g12-box .unique-g12-control .unique-g12-label-box .list-sharp-02-from4, .unique-g12-03 .unique-g12-box .unique-g12-control .unique-g12-label-box .list-sharp-02-from3, .unique-g12-03 .unique-g12-box .unique-g12-control .unique-g12-label-box .list-sharp-02-from2, .unique-g12-03 .unique-g12-box .unique-g12-control .unique-g12-label-box .list-sharp, .unique-g12-03 .unique-g12-box .unique-g12-control .unique-g12-label-box .list-example, .unique-g12-03 .unique-g12-box .unique-g12-control .unique-g12-label-box .list-alphabetical, .unique-g12-03 .unique-g12-box .unique-g12-control .unique-g12-label-box .list-decimal-04, .unique-g12-03 .unique-g12-box .unique-g12-control .unique-g12-label-box .list-decimal-03, .unique-g12-03 .unique-g12-box .unique-g12-control .unique-g12-label-box .list-decimal-02, .unique-g12-03 .unique-g12-box .unique-g12-control .unique-g12-label-box .list-decimal, .unique-g12-03 .unique-g12-box .unique-g12-control .unique-g12-label-box .list-dot-6, .unique-g12-03 .unique-g12-box .unique-g12-control .unique-g12-label-box .list-dot-5, .unique-g12-03 .unique-g12-box .unique-g12-control .unique-g12-label-box .list-dot-3, .unique-g12-03 .unique-g12-box .unique-g12-control .unique-g12-label-box .list-dot {
  margin: 0;
}
/* unique-g13-06 */
.unique-g13-06 {
  border: 1px solid #ded2bc;
  border: 1px solid var(--ion-form-border-color);
  border-radius: 4px;
  /* select-unique-13 */
}
.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;
}
.unique-g13-06 .select-unique-g13-06 {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.unique-g13-06 .select-unique-g13-06 .text-info {
  display: flex;
  justify-content: space-between;
  width: 100%;
  margin-bottom: 6.7vw;
  margin-bottom: var(--space-size-25);
}
.unique-g13-06 .select-unique-g13-06 .text-content p {
  font-weight: normal;
}
.unique-g13-06 .select-unique-g13-06 .text-content p:first-child {
  margin-bottom: 5.36vw;
  margin-bottom: var(--space-size-20);
}
.unique-g13-06 .select-unique-g13-06 .text-tag {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  margin-top: 2.68vw;
  margin-top: var(--space-size-10);
}
.unique-g13-06 .select-unique-g13-06 .text-tag .text-label {
  margin: 0 1.34vw 1.34vw 0;
  margin: 0 var(--space-size-5) var(--space-size-5) 0;
  font-weight: normal;
}
/* unique-g13-07 */
.unique-g13-07 .frm-normal-tag {
  margin-bottom: 6.7vw;
  margin-bottom: var(--space-size-25);
}
.unique-g13-07 .frm-normal-tag .text-label {
  min-width: -moz-fit-content;
  min-width: fit-content;
  margin-right: 1.34vw;
  margin-right: var(--space-size-5);
  margin-bottom: 1.34vw;
  margin-bottom: var(--space-size-5);
}
.unique-g13-07 .unique-g13-07-list {
  margin: 5.36vw 0;
  margin: var(--space-size-20) 0;
  padding-bottom: 2.68vw;
  padding-bottom: var(--space-size-10);
}
.unique-g13-07 .unique-g13-07-list:first-child {
  margin-top: 0;
}
.unique-g13-07 .unique-g13-07-list:last-child {
  margin-bottom: 0;
}
.unique-g13-07 .unique-g13-07-list[noBorder] {
  background-image: none;
  border: none;
}
.unique-g13-07 .unique-g13-07-list .unique-g13-07-list-line {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0;
}
.unique-g13-07 .unique-g13-07-list p:not(.text-red) {
  text-align: right;
}
/* unique-ccn-01 */
.unique-ccn-01 .frm-normal {
  margin-bottom: 0;
}
.unique-ccn-01 .text-normal, .unique-ccn-01 .list-sensor, .unique-ccn-01 .list-note-ja, .unique-ccn-01 .list-sharp-03, .unique-ccn-01 .list-sharp-02, .unique-ccn-01 .list-sharp-02-from4, .unique-ccn-01 .list-sharp-02-from3, .unique-ccn-01 .list-sharp-02-from2, .unique-ccn-01 .list-sharp, .unique-ccn-01 .list-example, .unique-ccn-01 .list-alphabetical, .unique-ccn-01 .list-decimal-04, .unique-ccn-01 .list-decimal-03, .unique-ccn-01 .list-decimal-02, .unique-ccn-01 .list-decimal, .unique-ccn-01 .list-dot-6, .unique-ccn-01 .list-dot-5, .unique-ccn-01 .list-dot-3, .unique-ccn-01 .list-dot {
  margin: 5.36vw 0 0 0;
  margin: var(--space-size-20) 0 0 0;
}
.unique-ccn-01 .image-wrap {
  margin: 4.02vw 0 0 0;
  margin: var(--space-size-15) 0 0 0;
}
/* unique-g2-02 */
.unique-g2-02 {
  margin: 8.04vw 0 0 0;
  margin: var(--space-size-30) 0 0 0;
}
.unique-g2-02:first-child {
  margin-top: 0;
}
.unique-g2-02:last-child {
  margin-bottom: 0;
}
.unique-g2-02 .text-normal, .unique-g2-02 .list-sensor, .unique-g2-02 .list-note-ja, .unique-g2-02 .list-sharp-03, .unique-g2-02 .list-sharp-02, .unique-g2-02 .list-sharp-02-from4, .unique-g2-02 .list-sharp-02-from3, .unique-g2-02 .list-sharp-02-from2, .unique-g2-02 .list-sharp, .unique-g2-02 .list-example, .unique-g2-02 .list-alphabetical, .unique-g2-02 .list-decimal-04, .unique-g2-02 .list-decimal-03, .unique-g2-02 .list-decimal-02, .unique-g2-02 .list-decimal, .unique-g2-02 .list-dot-6, .unique-g2-02 .list-dot-5, .unique-g2-02 .list-dot-3, .unique-g2-02 .list-dot,
.unique-g2-02 .text-small {
  margin: 0;
}
.unique-g2-02 ion-list {
  padding: 1px;
}
.unique-g2-02 .unique-g2-02-table {
  margin-top: 4.02vw !important;
  margin-top: var(--space-size-15) !important;
}
.unique-g2-02 .unique-g2-02-table tbody th {
  padding: 0vw;
  padding: var(--space-size-0);
  font-weight: bold;
  text-align: left;
  vertical-align: middle;
}
/* unique-box-reg-01 */
.unique-box-reg-01 {
  margin: 8.04vw 0 0 0;
  margin: var(--space-size-30) 0 0 0;
}
.unique-box-reg-01:first-child {
  margin-top: 0;
}
.unique-box-reg-01:last-child {
  margin-bottom: 0;
}
.unique-box-reg-01:first-child {
  margin: 0 0;
}
.unique-box-reg-01 .text-normal, .unique-box-reg-01 .list-sensor, .unique-box-reg-01 .list-note-ja, .unique-box-reg-01 .list-sharp-03, .unique-box-reg-01 .list-sharp-02, .unique-box-reg-01 .list-sharp-02-from4, .unique-box-reg-01 .list-sharp-02-from3, .unique-box-reg-01 .list-sharp-02-from2, .unique-box-reg-01 .list-sharp, .unique-box-reg-01 .list-example, .unique-box-reg-01 .list-alphabetical, .unique-box-reg-01 .list-decimal-04, .unique-box-reg-01 .list-decimal-03, .unique-box-reg-01 .list-decimal-02, .unique-box-reg-01 .list-decimal, .unique-box-reg-01 .list-dot-6, .unique-box-reg-01 .list-dot-5, .unique-box-reg-01 .list-dot-3, .unique-box-reg-01 .list-dot {
  margin: 4.02vw 0;
  margin: var(--space-size-15) 0;
}
.unique-box-reg-01 .frm-normal-input {
  margin: 5.36vw 0 8.04vw 0;
  margin: var(--space-size-20) 0 var(--space-size-30) 0;
}
.unique-box-reg-01 .font-extra-large, .unique-box-reg-01 .text-extra-large, .unique-box-reg-01 .official-approximation-result .tab-content .table .tr.tr-01 .td .box-hd, .official-approximation-result .tab-content .table .tr.tr-01 .td .unique-box-reg-01 .box-hd, .unique-box-reg-01 .official-approximation-result .tab-content .table .tr.tr-01 .td .box-price .split-price, .official-approximation-result .tab-content .table .tr.tr-01 .td .box-price .unique-box-reg-01 .split-price, .unique-box-reg-01 .official-approximation-result .tab-content .table .tr.tr-02 .th .inner .span-01, .official-approximation-result .tab-content .table .tr.tr-02 .th .inner .unique-box-reg-01 .span-01, .unique-box-reg-01 .official-approximation-result .tab-content .table .tr.tr-02 .td .split-price, .official-approximation-result .tab-content .table .tr.tr-02 .td .unique-box-reg-01 .split-price, .unique-box-reg-01 .boomerang-result .tab-content .table .tr.tr-01 .td .box-hd, .boomerang-result .tab-content .table .tr.tr-01 .td .unique-box-reg-01 .box-hd, .unique-box-reg-01 .boomerang-result .tab-content .table .tr.tr-01 .td .box-blank, .boomerang-result .tab-content .table .tr.tr-01 .td .unique-box-reg-01 .box-blank, .unique-box-reg-01 .boomerang-result .tab-content .table .tr.tr-01 .td .box-price .split-price, .boomerang-result .tab-content .table .tr.tr-01 .td .box-price .unique-box-reg-01 .split-price, .unique-box-reg-01 .boomerang-result .tab-content .table .tr.tr-02 .th .inner .span-01, .boomerang-result .tab-content .table .tr.tr-02 .th .inner .unique-box-reg-01 .span-01, .unique-box-reg-01 .boomerang-result .tab-content .table .tr.tr-02 .td .split-price, .boomerang-result .tab-content .table .tr.tr-02 .td .unique-box-reg-01 .split-price {
  margin-top: 5.36vw;
  margin-top: var(--space-size-20);
}
/* unique-g14-004-wrap */
.unique-g14-004-wrap {
  margin: 8.04vw 0;
  margin: var(--space-size-30) 0;
}
.unique-g14-004-wrap:first-child {
  margin-top: 0;
}
.unique-g14-004-wrap:last-child {
  margin-bottom: 0;
}
.unique-g14-004-wrap .unique-g14-004 {
  border: 1px solid #c6a465;
  border: 1px solid var(--ion-color-custom-dark-gold);
  border-radius: 4px;
  margin: 5.36vw 0;
  margin: var(--space-size-20) 0;
  padding: 5.36vw;
  padding: var(--space-size-20);
  line-height: 1;
}
.unique-g14-004-wrap .unique-g14-004:first-child {
  margin-top: 0;
}
.unique-g14-004-wrap .unique-g14-004:last-child {
  margin-bottom: 0;
}
/* uni-g13-09 */
.uni-g13-09 {
  margin: 8.04vw 0;
  margin: var(--space-size-30) 0;
}
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);
}
.unique-box-11 {
  border: 1px solid #ded2bc;
  border: 1px solid var(--ion-color-custom-gold);
  border-radius: 5px;
  text-align: center;
  margin: 4.02vw 0 0 0;
  margin: var(--space-size-15) 0 0 0;
  padding: 5.36vw;
  padding: var(--space-size-20);
}
.unique-line {
  margin: auto auto;
  background-color: #2a2a2a;
  width: 20px;
  height: 1px;
}
.unique-nmb-input02 {
  display: grid;
  grid-template-columns: 2fr 0.5fr 2fr;
  margin-top: 5.36vw;
  margin-top: var(--space-size-20);
  grid-row-gap: 4.02vw;
  row-gap: 4.02vw;
  grid-row-gap: var(--space-size-15);
  row-gap: var(--space-size-15);
}
.unique-nmb-input02 .text-selection-input-normal,
.unique-nmb-input02 .text-input-normal,
.unique-nmb-input02 .text-normal,
.unique-nmb-input02 .list-sensor,
.unique-nmb-input02 .list-note-ja,
.unique-nmb-input02 .list-sharp-03,
.unique-nmb-input02 .list-sharp-02,
.unique-nmb-input02 .list-sharp-02-from4,
.unique-nmb-input02 .list-sharp-02-from3,
.unique-nmb-input02 .list-sharp-02-from2,
.unique-nmb-input02 .list-sharp,
.unique-nmb-input02 .list-example,
.unique-nmb-input02 .list-alphabetical,
.unique-nmb-input02 .list-decimal-04,
.unique-nmb-input02 .list-decimal-03,
.unique-nmb-input02 .list-decimal-02,
.unique-nmb-input02 .list-decimal,
.unique-nmb-input02 .list-dot-6,
.unique-nmb-input02 .list-dot-5,
.unique-nmb-input02 .list-dot-3,
.unique-nmb-input02 .list-dot {
  margin: 0;
}
.unique-nmb-02 {
  margin-top: 8.04vw;
  margin-top: var(--space-size-30);
}
.unique-nmb-02 ion-thumbnail {
  width: 100%;
  height: calc(8.04vw * 7);
  height: calc(var(--space-size-30) * 7);
}
.unique-nmb-02 .unique-nmb-input {
  display: grid;
  grid-template-columns: 2fr 0.5fr 2fr;
  margin-top: 5.36vw;
  margin-top: var(--space-size-20);
  grid-column-gap: 4.02vw;
  -moz-column-gap: 4.02vw;
       column-gap: 4.02vw;
  grid-column-gap: var(--space-size-15);
  -moz-column-gap: var(--space-size-15);
       column-gap: var(--space-size-15);
  grid-row-gap: 4.02vw;
  row-gap: 4.02vw;
  grid-row-gap: var(--space-size-15);
  row-gap: var(--space-size-15);
}
.unique-nmb-02 .unique-nmb-input .text-selection-input-normal,
.unique-nmb-02 .unique-nmb-input .text-input-normal,
.unique-nmb-02 .unique-nmb-input .text-normal,
.unique-nmb-02 .unique-nmb-input .list-sensor,
.unique-nmb-02 .unique-nmb-input .list-note-ja,
.unique-nmb-02 .unique-nmb-input .list-sharp-03,
.unique-nmb-02 .unique-nmb-input .list-sharp-02,
.unique-nmb-02 .unique-nmb-input .list-sharp-02-from4,
.unique-nmb-02 .unique-nmb-input .list-sharp-02-from3,
.unique-nmb-02 .unique-nmb-input .list-sharp-02-from2,
.unique-nmb-02 .unique-nmb-input .list-sharp,
.unique-nmb-02 .unique-nmb-input .list-example,
.unique-nmb-02 .unique-nmb-input .list-alphabetical,
.unique-nmb-02 .unique-nmb-input .list-decimal-04,
.unique-nmb-02 .unique-nmb-input .list-decimal-03,
.unique-nmb-02 .unique-nmb-input .list-decimal-02,
.unique-nmb-02 .unique-nmb-input .list-decimal,
.unique-nmb-02 .unique-nmb-input .list-dot-6,
.unique-nmb-02 .unique-nmb-input .list-dot-5,
.unique-nmb-02 .unique-nmb-input .list-dot-3,
.unique-nmb-02 .unique-nmb-input .list-dot {
  margin: 0;
}
.unique-nmb-02 .unique-nmb-input.car-info-input-only ion-select::part(placeholder) {
  font-size: 0.875em !important;
}
.unique-nmb-02 .unique-nmb-input.car-info-input-only select {
  font-size: 0.875em !important;
}
.unique-box-reference {
  margin: 12px 0;
  padding: 16px 10px;
  background: #f4f4f8;
  /* media query version */
}
@media screen and (min-width: 769px) {
  .unique-box-reference {
    margin: 20px 0;
  }
}
.unique-box-reference dl.flex {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  /* media query version */
}
@media screen and (min-width: 769px) {
  .unique-box-reference dl.flex {
    justify-content: space-between;
  }
}
.unique-box-reference dl.flex dt {
  text-align: right;
  width: 100%;
  /* media query version */
}
@media screen and (min-width: 769px) {
  .unique-box-reference dl.flex dt {
    text-align: left;
    width: 50%;
  }
}
.unique-box-reference dl.flex dd {
  width: 100%;
  text-align: right;
  /* media query version */
}
@media screen and (min-width: 769px) {
  .unique-box-reference dl.flex dd {
    width: 50%;
  }
}
.unique-box-reference dl.flex dt.text {
  text-align: left;
  width: 100%;
  /* media query version */
}
@media screen and (min-width: 769px) {
  .unique-box-reference dl.flex dt.text {
    text-align: left;
    width: 50%;
  }
}
.unique-box-target-range .box-balloon {
  position: relative;
  display: inline-block;
  margin: 0 0 6px 10px;
  padding: 6px 10px 5px;
  background: #c6a465;
}
.unique-box-target-range .box-balloon p {
  font-weight: bold;
  font-size: 16px;
  line-height: 1;
  color: #fff;
}
.unique-box-target-range .box-balloon::before {
  content: "";
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  left: 20px;
  bottom: -5px;
  border-top: 5px solid #c6a465;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
}
.unique-box-target-range .box-target-range {
  position: relative;
  min-height: 202px;
  /* media query version */
}
@media screen and (min-width: 769px) {
  .unique-box-target-range .box-target-range {
    min-height: 202px;
  }
}
.unique-box-target-range .box-target-range .target-inner {
  position: relative;
}
.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) {
  .unique-box-target-range .box-target-range .target-number {
    top: 9px;
    font-size: 14px;
  }
}
.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) {
  .unique-box-target-range .box-target-range .target-friend {
    height: 100%;
  }
}
.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) {
  .unique-box-target-range .box-target-range .target-unmarried {
    height: calc(100% - 8px);
  }
}
.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) {
  .unique-box-target-range .box-target-range .target-together {
    height: calc(100% - 16px);
  }
}
.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) {
  .unique-box-target-range .box-target-range .target-spouse {
    height: calc(100% - 24px);
  }
}
.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) {
  .unique-box-target-range .box-target-range .target-person {
    height: calc(100% - 32px);
  }
}
.unique-box-target-range .box-target-range.current-1 .target-person {
  background-color: #faf7f1;
  border-color: #c6a465;
  border-style: solid;
}
.unique-box-target-range .box-target-range.current-1 .target-person .target-block-inner {
  opacity: 1;
}
.unique-box-target-range .box-target-range.current-2 .target-person .target-block-inner {
  opacity: 1;
}
.unique-box-target-range .box-target-range.current-2 .target-spouse {
  background-color: #faf7f1;
  border-color: #c6a465;
  border-style: solid;
}
.unique-box-target-range .box-target-range.current-2 .target-spouse .target-block-inner {
  opacity: 1;
}
.unique-box-target-range .box-target-range.current-3 .target-person .target-block-inner {
  opacity: 1;
}
.unique-box-target-range .box-target-range.current-3 .target-together .target-block-inner {
  opacity: 1;
}
.unique-box-target-range .box-target-range.current-3 .target-spouse .target-block-inner {
  opacity: 1;
}
.unique-box-target-range .box-target-range.current-3 .target-unmarried {
  background-color: #faf7f1;
  border-color: #c6a465;
  border-style: solid;
}
.unique-box-target-range .box-target-range.current-3 .target-unmarried .target-block-inner {
  opacity: 1;
}
.unique-box-target-range .box-target-range.current-4 .target-person .target-block-inner {
  opacity: 1;
}
.unique-box-target-range .box-target-range.current-4 .target-together .target-block-inner {
  opacity: 1;
}
.unique-box-target-range .box-target-range.current-4 .target-spouse .target-block-inner {
  opacity: 1;
}
.unique-box-target-range .box-target-range.current-4 .target-unmarried .target-block-inner {
  opacity: 1;
}
.unique-box-target-range .box-target-range.current-4 .target-friend {
  background-color: #faf7f1;
  border-color: #c6a465;
  border-style: solid;
}
.unique-box-target-range .box-target-range.current-4 .target-friend .target-block-inner {
  opacity: 1;
}
.unique-box-target-range .box-target-range .target-block {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.unique-box-target-range .box-target-range .target-block.target-block-spouse {
  padding-left: 50%;
}
.unique-box-target-range .box-target-range .target-block.target-block-together {
  padding-left: calc(100% - (100% / 3));
}
.unique-box-target-range .box-target-range .target-block.target-block-unmarried {
  padding-left: 75%;
}
.unique-box-target-range .box-target-range .target-block.target-block-friend {
  padding-left: 80%;
}
.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;
}
.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) {
  .unique-box-target-range .box-target-range .target-block .target-block-text {
    font-size: 16px;
  }
}
.unique-box-target-range .box-target-range .target-block .target-block-text-span {
  font-size: 11px;
}
.unique-box-target-range .box-arrow-exp {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  margin-top: 8px;
}
.unique-box-target-range .box-arrow-exp .box-txt {
  font-size: 17px;
  font-weight: bold;
  width: 50px;
  color: #111;
}
.unique-box-target-range .box-arrow-exp .box-txt.txt-l {
  padding-right: 4px;
  text-align: right;
}
.unique-box-target-range .box-arrow-exp .box-txt.txt-r {
  padding-left: 4px;
  text-align: left;
}
.unique-box-target-range .box-arrow-exp .box-arrow {
  position: relative;
  width: 100%;
}
.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: #003a77;
  transform: translate(-50%, -50%);
  content: "";
}
.unique-box-target-range .box-arrow-exp .box-arrow .box-arrow-inner {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
.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 #003a77;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
  transform: translateY(-50%);
}
.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 #003a77;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
  transform: translateY(-50%);
}
.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;
}
.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);
}
.compare-site-message {
  text-align: left;
}
.compare-site-temporary-setting {
  width: 100%;
  padding-right: 2.68vw;
  padding-right: var(--space-size-10);
}
.compare-site-temporary-setting .text-info {
  margin: 0 0 4.02vw 0 !important;
  margin: 0 0 var(--space-size-15) 0 !important;
}
.compare-site-temporary-setting .text-info ion-icon {
  width: 18px;
  height: 18px;
  padding-top: 1px;
  vertical-align: middle;
  fill: #c6a465;
  fill: var(--ion-form-icon-color);
}
.landing-theme .compare-site-temporary-setting .text-info ion-icon {
  fill: #28a69a;
  fill: var(--ion-color-custom-dark-green);
}
.compare-site-temporary-setting .text-info span {
  margin-left: 1.34vw;
  margin-left: var(--space-size-5);
  color: red;
}
/*
 * BAC
 * ----------------------------------------------------------------------------
 *
 */
.bac-box {
  position: relative;
  min-height: 20px;
  margin: 4.02vw 0;
  margin: var(--space-size-15) 0;
  padding: 2.68vw;
  padding: var(--space-size-10);
  background-color: #f4f4f8;
  background-color: var(--ion-emphasis-bg-color);
}
.bac-box:first-child {
  margin-top: 0;
}
.bac-box:last-child {
  margin-bottom: 0;
}
.bac-box p {
  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;
}
.bac-box dl {
  text-align: center;
}
.bac-box dl dt {
  color: #28a69a;
  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: "ヒラギノ角ゴ 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;
}
.bac-box dl dt[black] {
  color: #111111;
  color: var(--ion-color-custom-black);
}
.bac-box dl dt[sizeMedium] {
  font-size: calc(0.75rem + 1.07vw);
  font-size: var(--font-size-medium);
}
.bac-box dl dd span {
  color: #111111 !important;
  color: var(--ion-color-custom-black) !important;
  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;
}
[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;
}
.bac-box [textmiddle] {
  margin-bottom: 4.02vw;
  margin-bottom: var(--space-size-15);
}
.bac-box .unique-box-07 {
  margin-top: 4.02vw;
  margin-top: var(--space-size-15);
}
.bac-box ion-item:not(.item-has-placeholder) {
  background: #ffffff;
  background: var(--ion-default-bg-color);
}
.bac-box .checkbox-button-normal.item-checkbox-checked {
  --background: var(--ion-default-bg-color);
  background: #ffffff;
  background: var(--ion-default-bg-color);
}
.bac-box > .box {
  margin-top: 0;
}
.bac-box > .text-normal ion-icon, .bac-box > .list-sensor ion-icon, .bac-box > .list-note-ja ion-icon, .bac-box > .list-sharp-03 ion-icon, .bac-box > .list-sharp-02 ion-icon, .bac-box > .list-sharp-02-from4 ion-icon, .bac-box > .list-sharp-02-from3 ion-icon, .bac-box > .list-sharp-02-from2 ion-icon, .bac-box > .list-sharp ion-icon, .bac-box > .list-example ion-icon, .bac-box > .list-alphabetical ion-icon, .bac-box > .list-decimal-04 ion-icon, .bac-box > .list-decimal-03 ion-icon, .bac-box > .list-decimal-02 ion-icon, .bac-box > .list-decimal ion-icon, .bac-box > .list-dot-6 ion-icon, .bac-box > .list-dot-5 ion-icon, .bac-box > .list-dot-3 ion-icon, .bac-box > .list-dot ion-icon {
  width: calc(5.36vw + 4px);
  width: calc(var(--space-size-20) + 4px);
  height: calc(5.36vw + 4px);
  height: calc(var(--space-size-20) + 4px);
  line-height: 16px;
  vertical-align: -5px;
  cursor: pointer;
  fill: #c6a465;
  fill: var(--ion-form-icon-color);
}
.bac-box[marginXReset] {
  padding: 5.36vw 4.02vw;
  padding: var(--space-size-20) var(--space-size-15);
}
.bac-box[arrow] {
  margin-top: 4.02vw;
  margin-top: var(--space-size-15);
  background-color: #f5f5f5;
  background-color: var(--ion-color-step-115);
}
.bac-box[arrow]:after {
  display: block;
  content: "";
  position: absolute;
  top: calc(2.68vw * -1);
  top: calc(var(--space-size-10) * -1);
  right: auto;
  bottom: auto;
  left: 2.68vw;
  left: var(--space-size-10);
  border-top: 0 solid transparent;
  border-right: 2.68vw solid transparent;
  border-right: var(--space-size-10) solid transparent;
  border-bottom: 2.68vw solid #f5f5f5;
  border-bottom: var(--space-size-10) solid var(--ion-color-step-115);
  border-left: 2.68vw solid transparent;
  border-left: var(--space-size-10) solid transparent;
}
.bac-box[arrow]:after[center] {
  position: absolute;
  top: calc(2.68vw * -1);
  top: calc(var(--space-size-10) * -1);
  right: auto;
  bottom: auto;
  left: calc(50% - calc(2.68vw / 2));
  left: calc(50% - calc(var(--space-size-10) / 2));
}
.bac-box[arrow] > [FRM-02-01] {
  margin-top: var(--space-top-0);
}
.bac-box[black] {
  background-color: #111111;
  background-color: var(--ion-color-custom-black);
}
.bac-box[gold] {
  background-color: #faf7f1;
  background-color: var(--ion-color-custom-light-gold);
}
.bac-box[blue] {
  background-color: #003a77;
  background-color: var(--ion-color-blue);
}
.bac-box[white] {
  background-color: #ffffff;
  background-color: var(--ion-color-custom-white);
  border-radius: 4px;
}
.bac-box[white][arrow]:after {
  position: absolute;
  top: auto;
  right: auto;
  bottom: -8px;
  left: calc(50% - 2.68vw);
  left: calc(50% - var(--space-size-10));
  border-top: 2.68vw solid #ffffff;
  border-top: var(--space-size-10) solid var(--ion-color-custom-white);
  border-right: 1.34vw solid transparent;
  border-right: var(--space-size-5) solid transparent;
  border-bottom: 0 solid transparent;
  border-left: 1.34vw solid transparent;
  border-left: var(--space-size-5) solid transparent;
}
.bac-box[textMiddle] {
  text-align: center;
}
.bac-box[borderGold] {
  border: 1px solid #ded2bc;
  border: 1px solid var(--ion-color-gold);
}
.content-box > [UNI-CMP-01]:first-child {
  margin-top: 10.72vw;
  margin-top: var(--space-size-40);
}
/*
 * Button Base
 * ----------------------------------------------------------------------------
 *
 */
.button-split, .button-right, .button-center, .button-left, .button-link, .button-slim-thin-arrow-down, .button-slim-thin, .button-slim, .button-slc-car, .button-normal, .button-landing-big, .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;
  display: block;
  height: auto;
  margin: 5.36vw 0;
  margin: var(--space-size-20) 0;
  font-weight: bold;
  font-size: calc(0.75rem + 1.07vw);
  font-size: var(--font-size-medium);
  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;
}
.button-split [type=file], .button-right [type=file], .button-center [type=file], .button-left [type=file], .button-link [type=file], .button-slim-thin-arrow-down [type=file], .button-slim-thin [type=file], .button-slim [type=file], .button-slc-car [type=file], .button-normal [type=file], .button-landing-big [type=file], .button-landing-normal [type=file] {
  width: 0;
  height: 0;
  overflow: hidden;
}
.button-split:first-child, .button-right:first-child, .button-center:first-child, .button-left:first-child, .button-link:first-child, .button-slim-thin-arrow-down:first-child, .button-slim-thin:first-child, .button-slim:first-child, .button-slc-car:first-child, .button-normal:first-child, .button-landing-big:first-child, .button-landing-normal:first-child {
  margin-top: 0;
}
.button-split:last-child, .button-right:last-child, .button-center:last-child, .button-left:last-child, .button-link:last-child, .button-slim-thin-arrow-down:last-child, .button-slim-thin:last-child, .button-slim:last-child, .button-slc-car:last-child, .button-normal:last-child, .button-landing-big:last-child, .button-landing-normal:last-child {
  margin-bottom: 0;
}
[fill=outline].button-split, [fill=outline].button-right, [fill=outline].button-center, [fill=outline].button-left, [fill=outline].button-link, [fill=outline].button-slim-thin-arrow-down, [fill=outline].button-slim-thin, [fill=outline].button-slim, [fill=outline].button-slc-car, [fill=outline].button-normal, [fill=outline].button-landing-big, [fill=outline].button-landing-normal {
  --border-width: 2px;
}
[iconSlotStart].button-split, [iconSlotStart].button-right, [iconSlotStart].button-center, [iconSlotStart].button-left, [iconSlotStart].button-link, [iconSlotStart].button-slim-thin-arrow-down, [iconSlotStart].button-slim-thin, [iconSlotStart].button-slim, [iconSlotStart].button-slc-car, [iconSlotStart].button-normal, [iconSlotStart].button-landing-big, [iconSlotStart].button-landing-normal {
  --padding-start: var(--space-size-50);
}
[iconSlotStart].button-split ion-icon, [iconSlotStart].button-right ion-icon, [iconSlotStart].button-center ion-icon, [iconSlotStart].button-left ion-icon, [iconSlotStart].button-link ion-icon, [iconSlotStart].button-slim-thin-arrow-down ion-icon, [iconSlotStart].button-slim-thin ion-icon, [iconSlotStart].button-slim ion-icon, [iconSlotStart].button-slc-car ion-icon, [iconSlotStart].button-normal ion-icon, [iconSlotStart].button-landing-big ion-icon, [iconSlotStart].button-landing-normal ion-icon {
  font-size: 5.36vw;
  font-size: var(--space-size-20);
  stroke: #003a77;
  stroke: var(--ion-default-icon-color);
  position: absolute;
  top: auto;
  right: auto;
  bottom: auto;
  left: -28px;
}
[iconSlotEnd].button-split, [iconSlotEnd].button-right, [iconSlotEnd].button-center, [iconSlotEnd].button-left, [iconSlotEnd].button-link, [iconSlotEnd].button-slim-thin-arrow-down, [iconSlotEnd].button-slim-thin, [iconSlotEnd].button-slim, [iconSlotEnd].button-slc-car, [iconSlotEnd].button-normal, [iconSlotEnd].button-landing-big, [iconSlotEnd].button-landing-normal {
  --padding-end: var(--space-size-50);
  --padding-start: var(--space-size-50);
}
[iconSlotEnd].button-split ion-icon, [iconSlotEnd].button-right ion-icon, [iconSlotEnd].button-center ion-icon, [iconSlotEnd].button-left ion-icon, [iconSlotEnd].button-link ion-icon, [iconSlotEnd].button-slim-thin-arrow-down ion-icon, [iconSlotEnd].button-slim-thin ion-icon, [iconSlotEnd].button-slim ion-icon, [iconSlotEnd].button-slc-car ion-icon, [iconSlotEnd].button-normal ion-icon, [iconSlotEnd].button-landing-big ion-icon, [iconSlotEnd].button-landing-normal ion-icon {
  width: 6.7vw;
  width: var(--space-size-25);
  height: 6.7vw;
  height: var(--space-size-25);
  font-size: 8.04vw;
  font-size: var(--space-size-30);
  stroke: #003a77;
  stroke: var(--ion-default-icon-color);
  position: absolute;
  top: auto;
  right: -28px;
  bottom: auto;
  left: auto;
}
.button-split ion-text, .button-right ion-text, .button-center ion-text, .button-left ion-text, .button-link ion-text, .button-slim-thin-arrow-down ion-text, .button-slim-thin ion-text, .button-slim ion-text, .button-slc-car ion-text, .button-normal ion-text, .button-landing-big ion-text, .button-landing-normal ion-text {
  line-height: 1.5;
  white-space: normal;
  word-break: break-all;
}
/* button-icon-base */
/* button-iupload-base */
.action-sheet-group-cancel {
  display: none;
}
/*
 * Button
 * ----------------------------------------------------------------------------
 *
 */
/* button-landing-normal */
.button-landing-normal {
  --border-radius: var(--space-size-5);
  font-size: calc(0.75rem + 1.07vw);
  font-size: var(--font-size-medium);
  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-end: var(--space-size-25);
  --padding-start: var(--space-size-25);
}
.button-landing-normal.button-split {
  margin: 0 0 5.36vw !important;
  margin: 0 0 var(--space-size-20) !important;
}
.modal-box .content-box .button-landing-normal.button-split:nth-last-child(1), .modal-box .content-box .button-landing-normal.button-split:nth-last-child(2) {
  margin: 0 0 0 !important;
}
.button-landing-normal[fill=outline] {
  --border-width: 2px;
}
/* button-landing-big */
.button-landing-big {
  --border-radius: var(--space-size-15);
  font-size: calc(0.75rem + 1.07vw);
  font-size: var(--font-size-medium);
  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;
  margin: 2.68vw;
  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);
}
.button-landing-big.button-split {
  margin: 0 0 5.36vw !important;
  margin: 0 0 var(--space-size-20) !important;
}
.button-landing-big[fill=outline] {
  --border-width: 1px;
}
/* button-wrap */
.button-wrap, .button-wrap-slim {
  /* container query version */
  margin: 8.04vw 0 !important;
  margin: var(--space-size-30) 0 !important;
  padding: 0 5.36vw;
  padding: 0 var(--space-size-20);
}
@container app-page-responsive-content-container (min-width: 769px) {
  .button-wrap, .button-wrap-slim {
    margin-left: auto !important;
    margin-right: auto !important;
    max-width: 744px;
    padding-left: 0;
    padding-right: 0;
    width: 100%;
  }
}
.button-wrap.button-wrap-responsive, .button-wrap-responsive.button-wrap-slim {
  /* media query version */
}
@media screen and (min-width: 769px) {
  .button-wrap.button-wrap-responsive, .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%;
  }
}
.button-wrap:first-child, .button-wrap-slim:first-child {
  margin-top: 0;
}
.button-wrap:last-child, .button-wrap-slim:last-child {
  margin-bottom: 0;
}
.button-wrap[SLC-CAR-01-01], [SLC-CAR-01-01].button-wrap-slim, .button-wrap[SLC-CAR-01-02], [SLC-CAR-01-02].button-wrap-slim, .button-wrap[UNI-G13-01], [UNI-G13-01].button-wrap-slim {
  padding: 0;
}
.button-wrap[BTN-IUP-01-04] label, [BTN-IUP-01-04].button-wrap-slim label {
  align-items: center;
  display: flex;
}
.button-wrap[BTN-IUP-01-04] ion-icon, [BTN-IUP-01-04].button-wrap-slim ion-icon {
  height: 6.7vw;
  height: var(--space-size-25);
  padding-left: 2.68vw;
  padding-left: var(--space-size-10);
  width: 6.7vw;
  width: var(--space-size-25);
}
.button-wrap[SLC-CAR-01-01] .select-car-content, [SLC-CAR-01-01].button-wrap-slim .select-car-content, .button-wrap[SLC-CAR-01-02] .select-car-content, [SLC-CAR-01-02].button-wrap-slim .select-car-content {
  overflow: hidden;
  width: 100%;
}
.button-wrap[SLC-CAR-01-01] .select-car-content .select-car-label .text-label, [SLC-CAR-01-01].button-wrap-slim .select-car-content .select-car-label .text-label, .button-wrap[SLC-CAR-01-02] .select-car-content .select-car-label .text-label, [SLC-CAR-01-02].button-wrap-slim .select-car-content .select-car-label .text-label {
  min-width: 80px;
}
.button-wrap[SLC-CAR-01-01] .select-car-content .text-normal, .button-wrap[SLC-CAR-01-01] .select-car-content .list-sensor, .button-wrap[SLC-CAR-01-01] .select-car-content .list-note-ja, .button-wrap[SLC-CAR-01-01] .select-car-content .list-sharp-03, .button-wrap[SLC-CAR-01-01] .select-car-content .list-sharp-02, .button-wrap[SLC-CAR-01-01] .select-car-content .list-sharp-02-from4, .button-wrap[SLC-CAR-01-01] .select-car-content .list-sharp-02-from3, .button-wrap[SLC-CAR-01-01] .select-car-content .list-sharp-02-from2, .button-wrap[SLC-CAR-01-01] .select-car-content .list-sharp, .button-wrap[SLC-CAR-01-01] .select-car-content .list-example, .button-wrap[SLC-CAR-01-01] .select-car-content .list-alphabetical, .button-wrap[SLC-CAR-01-01] .select-car-content .list-decimal-04, .button-wrap[SLC-CAR-01-01] .select-car-content .list-decimal-03, .button-wrap[SLC-CAR-01-01] .select-car-content .list-decimal-02, .button-wrap[SLC-CAR-01-01] .select-car-content .list-decimal, .button-wrap[SLC-CAR-01-01] .select-car-content .list-dot-6, .button-wrap[SLC-CAR-01-01] .select-car-content .list-dot-5, .button-wrap[SLC-CAR-01-01] .select-car-content .list-dot-3, .button-wrap[SLC-CAR-01-01] .select-car-content .list-dot, [SLC-CAR-01-01].button-wrap-slim .select-car-content .text-normal, [SLC-CAR-01-01].button-wrap-slim .select-car-content .list-sensor, [SLC-CAR-01-01].button-wrap-slim .select-car-content .list-note-ja, [SLC-CAR-01-01].button-wrap-slim .select-car-content .list-sharp-03, [SLC-CAR-01-01].button-wrap-slim .select-car-content .list-sharp-02, [SLC-CAR-01-01].button-wrap-slim .select-car-content .list-sharp-02-from4, [SLC-CAR-01-01].button-wrap-slim .select-car-content .list-sharp-02-from3, [SLC-CAR-01-01].button-wrap-slim .select-car-content .list-sharp-02-from2, [SLC-CAR-01-01].button-wrap-slim .select-car-content .list-sharp, [SLC-CAR-01-01].button-wrap-slim .select-car-content .list-example, [SLC-CAR-01-01].button-wrap-slim .select-car-content .list-alphabetical, [SLC-CAR-01-01].button-wrap-slim .select-car-content .list-decimal-04, [SLC-CAR-01-01].button-wrap-slim .select-car-content .list-decimal-03, [SLC-CAR-01-01].button-wrap-slim .select-car-content .list-decimal-02, [SLC-CAR-01-01].button-wrap-slim .select-car-content .list-decimal, [SLC-CAR-01-01].button-wrap-slim .select-car-content .list-dot-6, [SLC-CAR-01-01].button-wrap-slim .select-car-content .list-dot-5, [SLC-CAR-01-01].button-wrap-slim .select-car-content .list-dot-3, [SLC-CAR-01-01].button-wrap-slim .select-car-content .list-dot, .button-wrap[SLC-CAR-01-02] .select-car-content .text-normal, .button-wrap[SLC-CAR-01-02] .select-car-content .list-sensor, .button-wrap[SLC-CAR-01-02] .select-car-content .list-note-ja, .button-wrap[SLC-CAR-01-02] .select-car-content .list-sharp-03, .button-wrap[SLC-CAR-01-02] .select-car-content .list-sharp-02, .button-wrap[SLC-CAR-01-02] .select-car-content .list-sharp-02-from4, .button-wrap[SLC-CAR-01-02] .select-car-content .list-sharp-02-from3, .button-wrap[SLC-CAR-01-02] .select-car-content .list-sharp-02-from2, .button-wrap[SLC-CAR-01-02] .select-car-content .list-sharp, .button-wrap[SLC-CAR-01-02] .select-car-content .list-example, .button-wrap[SLC-CAR-01-02] .select-car-content .list-alphabetical, .button-wrap[SLC-CAR-01-02] .select-car-content .list-decimal-04, .button-wrap[SLC-CAR-01-02] .select-car-content .list-decimal-03, .button-wrap[SLC-CAR-01-02] .select-car-content .list-decimal-02, .button-wrap[SLC-CAR-01-02] .select-car-content .list-decimal, .button-wrap[SLC-CAR-01-02] .select-car-content .list-dot-6, .button-wrap[SLC-CAR-01-02] .select-car-content .list-dot-5, .button-wrap[SLC-CAR-01-02] .select-car-content .list-dot-3, .button-wrap[SLC-CAR-01-02] .select-car-content .list-dot, [SLC-CAR-01-02].button-wrap-slim .select-car-content .text-normal, [SLC-CAR-01-02].button-wrap-slim .select-car-content .list-sensor, [SLC-CAR-01-02].button-wrap-slim .select-car-content .list-note-ja, [SLC-CAR-01-02].button-wrap-slim .select-car-content .list-sharp-03, [SLC-CAR-01-02].button-wrap-slim .select-car-content .list-sharp-02, [SLC-CAR-01-02].button-wrap-slim .select-car-content .list-sharp-02-from4, [SLC-CAR-01-02].button-wrap-slim .select-car-content .list-sharp-02-from3, [SLC-CAR-01-02].button-wrap-slim .select-car-content .list-sharp-02-from2, [SLC-CAR-01-02].button-wrap-slim .select-car-content .list-sharp, [SLC-CAR-01-02].button-wrap-slim .select-car-content .list-example, [SLC-CAR-01-02].button-wrap-slim .select-car-content .list-alphabetical, [SLC-CAR-01-02].button-wrap-slim .select-car-content .list-decimal-04, [SLC-CAR-01-02].button-wrap-slim .select-car-content .list-decimal-03, [SLC-CAR-01-02].button-wrap-slim .select-car-content .list-decimal-02, [SLC-CAR-01-02].button-wrap-slim .select-car-content .list-decimal, [SLC-CAR-01-02].button-wrap-slim .select-car-content .list-dot-6, [SLC-CAR-01-02].button-wrap-slim .select-car-content .list-dot-5, [SLC-CAR-01-02].button-wrap-slim .select-car-content .list-dot-3, [SLC-CAR-01-02].button-wrap-slim .select-car-content .list-dot {
  white-space: normal;
}
.button-wrap[UNI-G13-01] .select-car-content, [UNI-G13-01].button-wrap-slim .select-car-content {
  overflow: hidden;
  width: 100%;
}
.button-wrap[UNI-G13-01] .select-car-content p, [UNI-G13-01].button-wrap-slim .select-car-content p {
  display: flex;
  line-height: 1.4rem;
  margin-bottom: 4.02vw;
  margin-bottom: var(--space-size-15);
}
.button-wrap[UNI-G13-01] .select-car-content p:last-child, [UNI-G13-01].button-wrap-slim .select-car-content p:last-child {
  margin-bottom: 0;
}
.button-wrap[UNI-G13-01] .select-car-content p span, [UNI-G13-01].button-wrap-slim .select-car-content p span {
  margin-bottom: 0;
}
.button-wrap[UNI-G13-01] .select-car-content p span:last-child, [UNI-G13-01].button-wrap-slim .select-car-content p span:last-child {
  white-space: normal;
}
.button-wrap[BTN-more-01] ion-icon, [BTN-more-01].button-wrap-slim ion-icon {
  height: calc(5.36vw + 3px);
  height: calc(var(--space-size-20) + 3px);
  width: calc(5.36vw + 3px);
  width: calc(var(--space-size-20) + 3px);
}
.modal-box .content-box .button-wrap, .modal-box .content-box .button-wrap-slim {
  padding: 0;
}
/* button-wrap-slim */
.button-wrap-slim {
  margin: 1.34vw 0 !important;
  margin: var(--space-size-5) 0 !important;
}
/* button-normal */
.button-normal {
  /* container query version */
  min-width: calc( 18.76vw + 18.76vw + 8.04vw);
  min-width: calc( var(--space-size-70) + var(--space-size-70) + var(--space-size-30) );
}
@container app-page-responsive-content-container (min-width: 769px) {
  .button-normal {
    --border-radius: 10px;
  }
}
.button-normal.button-normal-primary-responsive {
  /* container query version */
}
@container app-page-responsive-content-container (min-width: 769px) {
  .button-normal.button-normal-primary-responsive {
    font-size: calc(0.875em + 1.07vw);
    font-size: var(--font-size-large);
    height: 88px;
  }
}
.button-normal.button-normal-primary-modal-responsive {
  /* media query version */
}
@media screen and (min-width: 769px) {
  .button-normal.button-normal-primary-modal-responsive {
    font-size: calc(0.875em + 1.07vw);
    font-size: var(--font-size-large);
    height: 88px;
  }
}
.button-normal.button-normal-secondary-responsive {
  /* container query version */
}
@container app-page-responsive-content-container (min-width: 769px) {
  .button-normal.button-normal-secondary-responsive {
    height: 88px;
    font-size: calc(0.875em + 1.07vw);
    font-size: var(--font-size-large);
  }
}
/* button-slc-car */
.button-slc-car {
  min-width: calc( 18.76vw + 18.76vw + 8.04vw);
  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);
}
.button-slc-car[iconSlotEnd] {
  --padding-end: var(--space-size-40);
  --padding-start: var(--space-size-20);
}
.button-slc-car[fill=outline] {
  --border-width: 1px;
}
/* button-slim */
.button-slim {
  font-size: calc(0.75rem + 1.07vw);
  font-size: var(--font-size-medium);
  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);
}
/* button-slim-thin */
.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);
}
.button-slim-thin[fill=outline] {
  --border-width: 1px;
}
/* button-slim-thin-arrow-down */
.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;
}
.button-slim-thin-arrow-down[fill=outline] {
  --border-width: 1px;
}
.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;
}
/* for LNK-03 */
.button-link {
  font-size: calc(0.75rem + 1.07vw);
  font-size: var(--font-size-medium);
  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-5);
  --padding-start: var(--space-size-5);
  --padding-top: var(--space-size-10);
}
.button-link ion-icon {
  stroke: #003a77;
  stroke: var(--ion-default-icon-color);
}
/* button-wrap-left */
.button-left-wrap {
  display: flex;
  justify-content: flex-start;
  margin: 8.04vw 0;
  margin: var(--space-size-30) 0;
}
.button-left-wrap:first-child {
  margin-top: 0;
}
.button-left-wrap:last-child {
  margin-bottom: 0;
}
/* button-left */
/* button-center-wrap */
.button-center-wrap {
  display: flex;
  justify-content: center;
  margin: 8.04vw 0;
  margin: var(--space-size-30) 0;
}
.button-center-wrap:first-child {
  margin-top: 0;
}
.button-center-wrap:last-child {
  margin-bottom: 0;
}
/* button-center */
/* button-right-wrap */
.button-right-wrap {
  display: flex;
  justify-content: flex-end;
  margin: 8.04vw 0;
  margin: var(--space-size-30) 0;
}
.button-right-wrap:first-child {
  margin-top: 0;
}
.button-right-wrap:last-child {
  margin-bottom: 0;
}
/* button-right */
/* button-split */
.button-split-wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 8.04vw 0;
  margin: var(--space-size-30) 0;
}
.button-split-wrap:first-child {
  margin-top: 0;
}
.button-split-wrap:last-child {
  margin-bottom: 0;
}
.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);
}
.button-split {
  margin: 0 !important;
  width: calc(50% - 2.68vw);
  width: calc(50% - var(--space-size-10));
}
/* button-upload */
/* button-icon-box */
.button-icon-box {
  align-items: center;
  color: #111111 !important;
  color: var(--ion-default-text-color) !important;
  display: flex;
  border: 1px solid #ded2bc;
  border: 1px solid var(--ion-form-border-color);
  border-radius: 4.02vw;
  border-radius: var(--space-size-15);
  margin: 5.36vw 0;
  margin: var(--space-size-20) 0;
  padding: 4.02vw 8.04vw 4.02vw 8.04vw;
  padding: var(--space-size-15) var(--space-size-30) var(--space-size-15) var(--space-size-30);
  text-decoration: none;
}
.button-icon-box:first-child {
  margin-top: 0;
}
.button-icon-box:last-child {
  margin-bottom: 0;
}
.button-icon-box span {
  display: block;
  flex-grow: 1;
  margin: 0;
  padding-right: 2.68vw;
  padding-right: var(--space-size-10);
}
.button-icon-box ion-thumbnail {
  flex-shrink: 0;
  height: 18.76vw;
  height: var(--space-size-70);
  width: calc(13.4vw + 16.08vw);
  width: calc(var(--space-size-50) + var(--space-size-60));
}
/* button-icon-1-wrap */
.button-icon-1-wrap {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  grid-column-gap: 4.02vw;
  -moz-column-gap: 4.02vw;
       column-gap: 4.02vw;
  grid-column-gap: var(--space-size-15);
  -moz-column-gap: var(--space-size-15);
       column-gap: var(--space-size-15);
  grid-row-gap: 4.02vw;
  row-gap: 4.02vw;
  grid-row-gap: var(--space-size-15);
  row-gap: var(--space-size-15);
  margin: 8.04vw 0;
  margin: var(--space-size-30) 0;
}
.button-icon-1-wrap [type=file] {
  width: 0;
  height: 0;
  overflow: hidden;
}
.button-icon-1-wrap > div {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 4.02vw;
  padding: var(--space-size-15);
  border: 1px solid #ded2bc;
  border: 1px solid var(--ion-form-border-color);
  border-radius: 4px;
}
.button-icon-1-wrap > div ion-thumbnail {
  width: 100%;
  min-height: 118px;
  margin-bottom: 2.68vw;
  margin-bottom: var(--space-size-10);
}
.button-icon-1-wrap:first-child {
  margin-top: 0;
}
.button-icon-1-wrap:last-child {
  margin-bottom: 0;
}
.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;
}
/* button-icon-2-wrap */
.button-icon-2-wrap {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-column-gap: 4.02vw;
  -moz-column-gap: 4.02vw;
       column-gap: 4.02vw;
  grid-column-gap: var(--space-size-15);
  -moz-column-gap: var(--space-size-15);
       column-gap: var(--space-size-15);
  grid-row-gap: 4.02vw;
  row-gap: 4.02vw;
  grid-row-gap: var(--space-size-15);
  row-gap: var(--space-size-15);
  margin: 8.04vw 0;
  margin: var(--space-size-30) 0;
}
.button-icon-2-wrap [type=file] {
  width: 0;
  height: 0;
  overflow: hidden;
}
.button-icon-2-wrap > div {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 4.02vw;
  padding: var(--space-size-15);
  border: 1px solid #ded2bc;
  border: 1px solid var(--ion-form-border-color);
  border-radius: 4px;
}
.button-icon-2-wrap > div ion-thumbnail {
  width: 100%;
  min-height: 118px;
  margin-bottom: 2.68vw;
  margin-bottom: var(--space-size-10);
}
.button-icon-2-wrap:first-child {
  margin-top: 0;
}
.button-icon-2-wrap:last-child {
  margin-bottom: 0;
}
.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;
}
/* button-icon-3-wrap */
.button-icon-3-wrap {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-column-gap: 4.02vw;
  -moz-column-gap: 4.02vw;
       column-gap: 4.02vw;
  grid-column-gap: var(--space-size-15);
  -moz-column-gap: var(--space-size-15);
       column-gap: var(--space-size-15);
  grid-row-gap: 4.02vw;
  row-gap: 4.02vw;
  grid-row-gap: var(--space-size-15);
  row-gap: var(--space-size-15);
  margin: 8.04vw 0;
  margin: var(--space-size-30) 0;
}
.button-icon-3-wrap [type=file] {
  width: 0;
  height: 0;
  overflow: hidden;
}
.button-icon-3-wrap > div {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 4.02vw;
  padding: var(--space-size-15);
  border: 1px solid #ded2bc;
  border: 1px solid var(--ion-form-border-color);
  border-radius: 4px;
}
.button-icon-3-wrap > div ion-thumbnail {
  width: 100%;
  min-height: 118px;
  margin-bottom: 2.68vw;
  margin-bottom: var(--space-size-10);
}
.button-icon-3-wrap:first-child {
  margin-top: 0;
}
.button-icon-3-wrap:last-child {
  margin-bottom: 0;
}
.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;
}
/* button-iup-{$i}-wrap */
.button-iup-1-wrap {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  grid-column-gap: 4.02vw;
  -moz-column-gap: 4.02vw;
       column-gap: 4.02vw;
  grid-column-gap: var(--space-size-15);
  -moz-column-gap: var(--space-size-15);
       column-gap: var(--space-size-15);
  grid-row-gap: 4.02vw;
  row-gap: 4.02vw;
  grid-row-gap: var(--space-size-15);
  row-gap: var(--space-size-15);
  margin: 8.04vw 0;
  margin: var(--space-size-30) 0;
}
.button-iup-1-wrap [type=file] {
  width: 0;
  height: 0;
  overflow: hidden;
}
.button-iup-1-wrap .button-iup-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: calc(21.44vw * 2);
  min-height: calc(var(--space-size-80) * 2);
  margin-top: 2.68vw;
  margin-top: var(--space-size-10);
  padding: 5.36vw;
  padding: var(--space-size-20);
  border: 1px solid #ded2bc;
  border: 1px solid var(--ion-form-border-color);
  border-radius: 4px;
}
.button-iup-1-wrap .button-iup-box ion-thumbnail {
  width: 100%;
  min-height: 118px;
}
.button-iup-1-wrap .button-iup-box .text-normal, .button-iup-1-wrap .button-iup-box .list-sensor, .button-iup-1-wrap .button-iup-box .list-note-ja, .button-iup-1-wrap .button-iup-box .list-sharp-03, .button-iup-1-wrap .button-iup-box .list-sharp-02, .button-iup-1-wrap .button-iup-box .list-sharp-02-from4, .button-iup-1-wrap .button-iup-box .list-sharp-02-from3, .button-iup-1-wrap .button-iup-box .list-sharp-02-from2, .button-iup-1-wrap .button-iup-box .list-sharp, .button-iup-1-wrap .button-iup-box .list-example, .button-iup-1-wrap .button-iup-box .list-alphabetical, .button-iup-1-wrap .button-iup-box .list-decimal-04, .button-iup-1-wrap .button-iup-box .list-decimal-03, .button-iup-1-wrap .button-iup-box .list-decimal-02, .button-iup-1-wrap .button-iup-box .list-decimal, .button-iup-1-wrap .button-iup-box .list-dot-6, .button-iup-1-wrap .button-iup-box .list-dot-5, .button-iup-1-wrap .button-iup-box .list-dot-3, .button-iup-1-wrap .button-iup-box .list-dot {
  margin-top: 5.36vw;
  margin-top: var(--space-size-20);
}
.button-iup-1-wrap .button-iup-footer {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #111111;
  color: var(--ion-color-custom-black);
}
.button-iup-1-wrap .button-iup-footer span {
  cursor: pointer;
}
.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: #111111;
  color: var(--ion-color-custom-black);
  font-size: calc(0.875em + 1.07vw);
  font-size: var(--font-size-large);
}
.button-iup-1-wrap:hover .ion-footer span,
.button-iup-1-wrap:hover .ion-footer ion-button {
  color: #cccccc;
  color: var(--ion-color-step-200);
  transition: color 0.5s ease-in;
}
.button-iup-1-wrap .button-iup-icon {
  display: flex;
  align-items: center;
  padding: 4.02vw;
  padding: var(--space-size-15);
  border: 1px dashed #bfbfbf;
  border: 1px dashed var(--ion-color-step-250);
  border-radius: 4px;
}
.button-iup-1-wrap .button-iup-icon ion-icon {
  width: 8.04vw;
  width: var(--space-size-30);
  height: 8.04vw;
  height: var(--space-size-30);
  stroke: #c6a465;
  stroke: var(--ion-color-custom-dark-gold);
}
.button-iup-1-wrap:first-child {
  margin-top: 0;
}
.button-iup-1-wrap:last-child {
  margin-bottom: 0;
}
.button-iup-1-wrap .button-iup-element {
  min-width: calc(2.68vw * 28 / 1);
  min-width: calc(var(--space-size-10) * 28 / 1);
}
.button-iup-1-wrap .button-iup-footer {
  margin: 0 auto -4.02vw auto;
  margin: 0 auto var(--space-size-reset) auto;
}
.button-iup-1-wrap .button-iup-box .text-normal, .button-iup-1-wrap .button-iup-box .list-sensor, .button-iup-1-wrap .button-iup-box .list-note-ja, .button-iup-1-wrap .button-iup-box .list-sharp-03, .button-iup-1-wrap .button-iup-box .list-sharp-02, .button-iup-1-wrap .button-iup-box .list-sharp-02-from4, .button-iup-1-wrap .button-iup-box .list-sharp-02-from3, .button-iup-1-wrap .button-iup-box .list-sharp-02-from2, .button-iup-1-wrap .button-iup-box .list-sharp, .button-iup-1-wrap .button-iup-box .list-example, .button-iup-1-wrap .button-iup-box .list-alphabetical, .button-iup-1-wrap .button-iup-box .list-decimal-04, .button-iup-1-wrap .button-iup-box .list-decimal-03, .button-iup-1-wrap .button-iup-box .list-decimal-02, .button-iup-1-wrap .button-iup-box .list-decimal, .button-iup-1-wrap .button-iup-box .list-dot-6, .button-iup-1-wrap .button-iup-box .list-dot-5, .button-iup-1-wrap .button-iup-box .list-dot-3, .button-iup-1-wrap .button-iup-box .list-dot {
  text-align: center;
}
/* button-iup-{$i}-wrap */
.button-iup-2-wrap {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-column-gap: 4.02vw;
  -moz-column-gap: 4.02vw;
       column-gap: 4.02vw;
  grid-column-gap: var(--space-size-15);
  -moz-column-gap: var(--space-size-15);
       column-gap: var(--space-size-15);
  grid-row-gap: 4.02vw;
  row-gap: 4.02vw;
  grid-row-gap: var(--space-size-15);
  row-gap: var(--space-size-15);
  margin: 8.04vw 0;
  margin: var(--space-size-30) 0;
}
.button-iup-2-wrap [type=file] {
  width: 0;
  height: 0;
  overflow: hidden;
}
.button-iup-2-wrap .button-iup-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: calc(21.44vw * 2);
  min-height: calc(var(--space-size-80) * 2);
  margin-top: 2.68vw;
  margin-top: var(--space-size-10);
  padding: 5.36vw;
  padding: var(--space-size-20);
  border: 1px solid #ded2bc;
  border: 1px solid var(--ion-form-border-color);
  border-radius: 4px;
}
.button-iup-2-wrap .button-iup-box ion-thumbnail {
  width: 100%;
  min-height: 118px;
}
.button-iup-2-wrap .button-iup-box .text-normal, .button-iup-2-wrap .button-iup-box .list-sensor, .button-iup-2-wrap .button-iup-box .list-note-ja, .button-iup-2-wrap .button-iup-box .list-sharp-03, .button-iup-2-wrap .button-iup-box .list-sharp-02, .button-iup-2-wrap .button-iup-box .list-sharp-02-from4, .button-iup-2-wrap .button-iup-box .list-sharp-02-from3, .button-iup-2-wrap .button-iup-box .list-sharp-02-from2, .button-iup-2-wrap .button-iup-box .list-sharp, .button-iup-2-wrap .button-iup-box .list-example, .button-iup-2-wrap .button-iup-box .list-alphabetical, .button-iup-2-wrap .button-iup-box .list-decimal-04, .button-iup-2-wrap .button-iup-box .list-decimal-03, .button-iup-2-wrap .button-iup-box .list-decimal-02, .button-iup-2-wrap .button-iup-box .list-decimal, .button-iup-2-wrap .button-iup-box .list-dot-6, .button-iup-2-wrap .button-iup-box .list-dot-5, .button-iup-2-wrap .button-iup-box .list-dot-3, .button-iup-2-wrap .button-iup-box .list-dot {
  margin-top: 5.36vw;
  margin-top: var(--space-size-20);
}
.button-iup-2-wrap .button-iup-footer {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #111111;
  color: var(--ion-color-custom-black);
}
.button-iup-2-wrap .button-iup-footer span {
  cursor: pointer;
}
.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: #111111;
  color: var(--ion-color-custom-black);
  font-size: calc(0.875em + 1.07vw);
  font-size: var(--font-size-large);
}
.button-iup-2-wrap:hover .ion-footer span,
.button-iup-2-wrap:hover .ion-footer ion-button {
  color: #cccccc;
  color: var(--ion-color-step-200);
  transition: color 0.5s ease-in;
}
.button-iup-2-wrap .button-iup-icon {
  display: flex;
  align-items: center;
  padding: 4.02vw;
  padding: var(--space-size-15);
  border: 1px dashed #bfbfbf;
  border: 1px dashed var(--ion-color-step-250);
  border-radius: 4px;
}
.button-iup-2-wrap .button-iup-icon ion-icon {
  width: 8.04vw;
  width: var(--space-size-30);
  height: 8.04vw;
  height: var(--space-size-30);
  stroke: #c6a465;
  stroke: var(--ion-color-custom-dark-gold);
}
.button-iup-2-wrap:first-child {
  margin-top: 0;
}
.button-iup-2-wrap:last-child {
  margin-bottom: 0;
}
.button-iup-2-wrap .button-iup-element {
  min-width: calc(2.68vw * 28 / 2);
  min-width: calc(var(--space-size-10) * 28 / 2);
}
.button-iup-2-wrap .button-iup-footer {
  margin: 0 auto -4.02vw auto;
  margin: 0 auto var(--space-size-reset) auto;
}
.button-iup-2-wrap .button-iup-box .text-normal, .button-iup-2-wrap .button-iup-box .list-sensor, .button-iup-2-wrap .button-iup-box .list-note-ja, .button-iup-2-wrap .button-iup-box .list-sharp-03, .button-iup-2-wrap .button-iup-box .list-sharp-02, .button-iup-2-wrap .button-iup-box .list-sharp-02-from4, .button-iup-2-wrap .button-iup-box .list-sharp-02-from3, .button-iup-2-wrap .button-iup-box .list-sharp-02-from2, .button-iup-2-wrap .button-iup-box .list-sharp, .button-iup-2-wrap .button-iup-box .list-example, .button-iup-2-wrap .button-iup-box .list-alphabetical, .button-iup-2-wrap .button-iup-box .list-decimal-04, .button-iup-2-wrap .button-iup-box .list-decimal-03, .button-iup-2-wrap .button-iup-box .list-decimal-02, .button-iup-2-wrap .button-iup-box .list-decimal, .button-iup-2-wrap .button-iup-box .list-dot-6, .button-iup-2-wrap .button-iup-box .list-dot-5, .button-iup-2-wrap .button-iup-box .list-dot-3, .button-iup-2-wrap .button-iup-box .list-dot {
  text-align: center;
}
/* button-iup-{$i}-wrap */
.button-iup-3-wrap {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-column-gap: 4.02vw;
  -moz-column-gap: 4.02vw;
       column-gap: 4.02vw;
  grid-column-gap: var(--space-size-15);
  -moz-column-gap: var(--space-size-15);
       column-gap: var(--space-size-15);
  grid-row-gap: 4.02vw;
  row-gap: 4.02vw;
  grid-row-gap: var(--space-size-15);
  row-gap: var(--space-size-15);
  margin: 8.04vw 0;
  margin: var(--space-size-30) 0;
}
.button-iup-3-wrap [type=file] {
  width: 0;
  height: 0;
  overflow: hidden;
}
.button-iup-3-wrap .button-iup-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: calc(21.44vw * 2);
  min-height: calc(var(--space-size-80) * 2);
  margin-top: 2.68vw;
  margin-top: var(--space-size-10);
  padding: 5.36vw;
  padding: var(--space-size-20);
  border: 1px solid #ded2bc;
  border: 1px solid var(--ion-form-border-color);
  border-radius: 4px;
}
.button-iup-3-wrap .button-iup-box ion-thumbnail {
  width: 100%;
  min-height: 118px;
}
.button-iup-3-wrap .button-iup-box .text-normal, .button-iup-3-wrap .button-iup-box .list-sensor, .button-iup-3-wrap .button-iup-box .list-note-ja, .button-iup-3-wrap .button-iup-box .list-sharp-03, .button-iup-3-wrap .button-iup-box .list-sharp-02, .button-iup-3-wrap .button-iup-box .list-sharp-02-from4, .button-iup-3-wrap .button-iup-box .list-sharp-02-from3, .button-iup-3-wrap .button-iup-box .list-sharp-02-from2, .button-iup-3-wrap .button-iup-box .list-sharp, .button-iup-3-wrap .button-iup-box .list-example, .button-iup-3-wrap .button-iup-box .list-alphabetical, .button-iup-3-wrap .button-iup-box .list-decimal-04, .button-iup-3-wrap .button-iup-box .list-decimal-03, .button-iup-3-wrap .button-iup-box .list-decimal-02, .button-iup-3-wrap .button-iup-box .list-decimal, .button-iup-3-wrap .button-iup-box .list-dot-6, .button-iup-3-wrap .button-iup-box .list-dot-5, .button-iup-3-wrap .button-iup-box .list-dot-3, .button-iup-3-wrap .button-iup-box .list-dot {
  margin-top: 5.36vw;
  margin-top: var(--space-size-20);
}
.button-iup-3-wrap .button-iup-footer {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #111111;
  color: var(--ion-color-custom-black);
}
.button-iup-3-wrap .button-iup-footer span {
  cursor: pointer;
}
.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: #111111;
  color: var(--ion-color-custom-black);
  font-size: calc(0.875em + 1.07vw);
  font-size: var(--font-size-large);
}
.button-iup-3-wrap:hover .ion-footer span,
.button-iup-3-wrap:hover .ion-footer ion-button {
  color: #cccccc;
  color: var(--ion-color-step-200);
  transition: color 0.5s ease-in;
}
.button-iup-3-wrap .button-iup-icon {
  display: flex;
  align-items: center;
  padding: 4.02vw;
  padding: var(--space-size-15);
  border: 1px dashed #bfbfbf;
  border: 1px dashed var(--ion-color-step-250);
  border-radius: 4px;
}
.button-iup-3-wrap .button-iup-icon ion-icon {
  width: 8.04vw;
  width: var(--space-size-30);
  height: 8.04vw;
  height: var(--space-size-30);
  stroke: #c6a465;
  stroke: var(--ion-color-custom-dark-gold);
}
.button-iup-3-wrap:first-child {
  margin-top: 0;
}
.button-iup-3-wrap:last-child {
  margin-bottom: 0;
}
.button-iup-3-wrap .button-iup-element {
  min-width: calc(2.68vw * 28 / 3);
  min-width: calc(var(--space-size-10) * 28 / 3);
}
.button-iup-3-wrap .button-iup-footer {
  margin: 0 auto -4.02vw auto;
  margin: 0 auto var(--space-size-reset) auto;
}
.button-iup-3-wrap .button-iup-box .text-normal, .button-iup-3-wrap .button-iup-box .list-sensor, .button-iup-3-wrap .button-iup-box .list-note-ja, .button-iup-3-wrap .button-iup-box .list-sharp-03, .button-iup-3-wrap .button-iup-box .list-sharp-02, .button-iup-3-wrap .button-iup-box .list-sharp-02-from4, .button-iup-3-wrap .button-iup-box .list-sharp-02-from3, .button-iup-3-wrap .button-iup-box .list-sharp-02-from2, .button-iup-3-wrap .button-iup-box .list-sharp, .button-iup-3-wrap .button-iup-box .list-example, .button-iup-3-wrap .button-iup-box .list-alphabetical, .button-iup-3-wrap .button-iup-box .list-decimal-04, .button-iup-3-wrap .button-iup-box .list-decimal-03, .button-iup-3-wrap .button-iup-box .list-decimal-02, .button-iup-3-wrap .button-iup-box .list-decimal, .button-iup-3-wrap .button-iup-box .list-dot-6, .button-iup-3-wrap .button-iup-box .list-dot-5, .button-iup-3-wrap .button-iup-box .list-dot-3, .button-iup-3-wrap .button-iup-box .list-dot {
  text-align: center;
}
.button-iup-2-wrap > .button-iup-element {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  min-height: calc(21.44vw * 2);
  min-height: calc(var(--space-size-80) * 2);
}
.button-iup-2-wrap > .button-iup-element ion-thumbnail {
  height: calc( 13.4vw + 13.4vw + 2.68vw);
  height: calc( var(--space-size-50) + var(--space-size-50) + var(--space-size-10) );
  width: 100%;
}
.button-iup-2-wrap > .button-iup-element .div-align-height {
  height: 16.08vw;
  height: var(--space-size-60);
}
.button-iup-2-wrap > .button-iup-element .text-normal, .button-iup-2-wrap > .button-iup-element .list-sensor, .button-iup-2-wrap > .button-iup-element .list-note-ja, .button-iup-2-wrap > .button-iup-element .list-sharp-03, .button-iup-2-wrap > .button-iup-element .list-sharp-02, .button-iup-2-wrap > .button-iup-element .list-sharp-02-from4, .button-iup-2-wrap > .button-iup-element .list-sharp-02-from3, .button-iup-2-wrap > .button-iup-element .list-sharp-02-from2, .button-iup-2-wrap > .button-iup-element .list-sharp, .button-iup-2-wrap > .button-iup-element .list-example, .button-iup-2-wrap > .button-iup-element .list-alphabetical, .button-iup-2-wrap > .button-iup-element .list-decimal-04, .button-iup-2-wrap > .button-iup-element .list-decimal-03, .button-iup-2-wrap > .button-iup-element .list-decimal-02, .button-iup-2-wrap > .button-iup-element .list-decimal, .button-iup-2-wrap > .button-iup-element .list-dot-6, .button-iup-2-wrap > .button-iup-element .list-dot-5, .button-iup-2-wrap > .button-iup-element .list-dot-3, .button-iup-2-wrap > .button-iup-element .list-dot {
  margin-bottom: 1.34vw;
  margin-bottom: var(--space-size-5);
}
.button-iup-2-wrap .button-iup-box {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-top: 0;
  min-height: calc(21.44vw * 2);
  min-height: calc(var(--space-size-80) * 2);
  padding: 5.36vw;
  padding: var(--space-size-20);
  width: 100%;
}
.button-iup-2-wrap .btn-iup-thumbnail {
  align-items: center;
  display: flex;
  flex-direction: column;
  border: 1px solid #d8d8d8;
  border: 1px solid var(--ion-color-step-150);
  justify-content: center;
  min-height: calc(21.44vw * 2);
  min-height: calc(var(--space-size-80) * 2);
  width: 100%;
}
.button-iup-2-wrap .btn-iup-thumbnail ion-thumbnail {
  margin-bottom: 0;
}
.button-iup-2-wrap .link-normal {
  margin-top: 2.68vw;
  margin-top: var(--space-size-10);
}
.button-iup-2-wrap .link-normal a {
  font-size: calc(0.75rem + 1.07vw);
  font-size: var(--font-size-medium);
  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;
}
.button-iup-2-wrap .link-normal a ion-icon {
  height: 5.36vw;
  height: var(--space-size-20);
  padding-left: 1.34vw;
  padding-left: var(--space-size-5);
  stroke: #0099ff;
  stroke: var(--ion-color-link);
  width: 5.36vw;
  width: var(--space-size-20);
}
.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;
}
.button-iup-2-wrap.long-label .button-iup-element-flex {
  display: flex;
  justify-content: space-between;
}
.button-iup-2-wrap.long-label .button-iup-element-flex:last-child {
  margin-top: 1.34vw;
  margin-top: var(--space-size-5);
}
.button-iup-2-wrap.long-label .button-iup-element-flex .text-normal, .button-iup-2-wrap.long-label .button-iup-element-flex .list-sensor, .button-iup-2-wrap.long-label .button-iup-element-flex .list-note-ja, .button-iup-2-wrap.long-label .button-iup-element-flex .list-sharp-03, .button-iup-2-wrap.long-label .button-iup-element-flex .list-sharp-02, .button-iup-2-wrap.long-label .button-iup-element-flex .list-sharp-02-from4, .button-iup-2-wrap.long-label .button-iup-element-flex .list-sharp-02-from3, .button-iup-2-wrap.long-label .button-iup-element-flex .list-sharp-02-from2, .button-iup-2-wrap.long-label .button-iup-element-flex .list-sharp, .button-iup-2-wrap.long-label .button-iup-element-flex .list-example, .button-iup-2-wrap.long-label .button-iup-element-flex .list-alphabetical, .button-iup-2-wrap.long-label .button-iup-element-flex .list-decimal-04, .button-iup-2-wrap.long-label .button-iup-element-flex .list-decimal-03, .button-iup-2-wrap.long-label .button-iup-element-flex .list-decimal-02, .button-iup-2-wrap.long-label .button-iup-element-flex .list-decimal, .button-iup-2-wrap.long-label .button-iup-element-flex .list-dot-6, .button-iup-2-wrap.long-label .button-iup-element-flex .list-dot-5, .button-iup-2-wrap.long-label .button-iup-element-flex .list-dot-3, .button-iup-2-wrap.long-label .button-iup-element-flex .list-dot,
.button-iup-2-wrap.long-label .button-iup-element-flex .button-iup-box {
  flex-basis: calc(50% - 7.5px);
  margin-bottom: 0;
}
.button-iup-2-wrap.long-label .button-iup-element-flex .text-normal .text-normal, .button-iup-2-wrap.long-label .button-iup-element-flex .list-sensor .text-normal, .button-iup-2-wrap.long-label .button-iup-element-flex .list-note-ja .text-normal, .button-iup-2-wrap.long-label .button-iup-element-flex .list-sharp-03 .text-normal, .button-iup-2-wrap.long-label .button-iup-element-flex .list-sharp-02 .text-normal, .button-iup-2-wrap.long-label .button-iup-element-flex .list-sharp-02-from4 .text-normal, .button-iup-2-wrap.long-label .button-iup-element-flex .list-sharp-02-from3 .text-normal, .button-iup-2-wrap.long-label .button-iup-element-flex .list-sharp-02-from2 .text-normal, .button-iup-2-wrap.long-label .button-iup-element-flex .list-sharp .text-normal, .button-iup-2-wrap.long-label .button-iup-element-flex .list-example .text-normal, .button-iup-2-wrap.long-label .button-iup-element-flex .list-alphabetical .text-normal, .button-iup-2-wrap.long-label .button-iup-element-flex .list-decimal-04 .text-normal, .button-iup-2-wrap.long-label .button-iup-element-flex .list-decimal-03 .text-normal, .button-iup-2-wrap.long-label .button-iup-element-flex .list-decimal-02 .text-normal, .button-iup-2-wrap.long-label .button-iup-element-flex .list-decimal .text-normal, .button-iup-2-wrap.long-label .button-iup-element-flex .list-dot-6 .text-normal, .button-iup-2-wrap.long-label .button-iup-element-flex .list-dot-5 .text-normal, .button-iup-2-wrap.long-label .button-iup-element-flex .list-dot-3 .text-normal, .button-iup-2-wrap.long-label .button-iup-element-flex .list-dot .text-normal, .button-iup-2-wrap.long-label .button-iup-element-flex .text-normal .list-sensor, .button-iup-2-wrap.long-label .button-iup-element-flex .text-normal .list-note-ja, .button-iup-2-wrap.long-label .button-iup-element-flex .text-normal .list-sharp-03, .button-iup-2-wrap.long-label .button-iup-element-flex .text-normal .list-sharp-02, .button-iup-2-wrap.long-label .button-iup-element-flex .text-normal .list-sharp-02-from4, .button-iup-2-wrap.long-label .button-iup-element-flex .text-normal .list-sharp-02-from3, .button-iup-2-wrap.long-label .button-iup-element-flex .text-normal .list-sharp-02-from2, .button-iup-2-wrap.long-label .button-iup-element-flex .text-normal .list-sharp, .button-iup-2-wrap.long-label .button-iup-element-flex .text-normal .list-example, .button-iup-2-wrap.long-label .button-iup-element-flex .text-normal .list-alphabetical, .button-iup-2-wrap.long-label .button-iup-element-flex .text-normal .list-decimal-04, .button-iup-2-wrap.long-label .button-iup-element-flex .text-normal .list-decimal-03, .button-iup-2-wrap.long-label .button-iup-element-flex .text-normal .list-decimal-02, .button-iup-2-wrap.long-label .button-iup-element-flex .text-normal .list-decimal, .button-iup-2-wrap.long-label .button-iup-element-flex .text-normal .list-dot-6, .button-iup-2-wrap.long-label .button-iup-element-flex .text-normal .list-dot-5, .button-iup-2-wrap.long-label .button-iup-element-flex .text-normal .list-dot-3, .button-iup-2-wrap.long-label .button-iup-element-flex .text-normal .list-dot, .button-iup-2-wrap.long-label .button-iup-element-flex .list-sensor .list-sensor, .button-iup-2-wrap.long-label .button-iup-element-flex .list-note-ja .list-sensor, .button-iup-2-wrap.long-label .button-iup-element-flex .list-sensor .list-note-ja, .button-iup-2-wrap.long-label .button-iup-element-flex .list-note-ja .list-note-ja, .button-iup-2-wrap.long-label .button-iup-element-flex .list-sharp-03 .list-sensor, .button-iup-2-wrap.long-label .button-iup-element-flex .list-sharp-03 .list-note-ja, .button-iup-2-wrap.long-label .button-iup-element-flex .list-sensor .list-sharp-03, .button-iup-2-wrap.long-label .button-iup-element-flex .list-note-ja .list-sharp-03, .button-iup-2-wrap.long-label .button-iup-element-flex .list-sharp-03 .list-sharp-03, .button-iup-2-wrap.long-label .button-iup-element-flex .list-sharp-02 .list-sensor, .button-iup-2-wrap.long-label .button-iup-element-flex .list-sharp-02-from4 .list-sensor, .button-iup-2-wrap.long-label .button-iup-element-flex .list-sharp-02-from3 .list-sensor, .button-iup-2-wrap.long-label .button-iup-element-flex .list-sharp-02-from2 .list-sensor, .button-iup-2-wrap.long-label .button-iup-element-flex .list-sharp-02 .list-note-ja, .button-iup-2-wrap.long-label .button-iup-element-flex .list-sharp-02-from4 .list-note-ja, .button-iup-2-wrap.long-label .button-iup-element-flex .list-sharp-02-from3 .list-note-ja, .button-iup-2-wrap.long-label .button-iup-element-flex .list-sharp-02-from2 .list-note-ja, .button-iup-2-wrap.long-label .button-iup-element-flex .list-sharp-02 .list-sharp-03, .button-iup-2-wrap.long-label .button-iup-element-flex .list-sharp-02-from4 .list-sharp-03, .button-iup-2-wrap.long-label .button-iup-element-flex .list-sharp-02-from3 .list-sharp-03, .button-iup-2-wrap.long-label .button-iup-element-flex .list-sharp-02-from2 .list-sharp-03, .button-iup-2-wrap.long-label .button-iup-element-flex .list-sensor .list-sharp-02, .button-iup-2-wrap.long-label .button-iup-element-flex .list-sensor .list-sharp-02-from4, .button-iup-2-wrap.long-label .button-iup-element-flex .list-sensor .list-sharp-02-from3, .button-iup-2-wrap.long-label .button-iup-element-flex .list-sensor .list-sharp-02-from2, .button-iup-2-wrap.long-label .button-iup-element-flex .list-note-ja .list-sharp-02, .button-iup-2-wrap.long-label .button-iup-element-flex .list-note-ja .list-sharp-02-from4, .button-iup-2-wrap.long-label .button-iup-element-flex .list-note-ja .list-sharp-02-from3, .button-iup-2-wrap.long-label .button-iup-element-flex .list-note-ja .list-sharp-02-from2, .button-iup-2-wrap.long-label .button-iup-element-flex .list-sharp-03 .list-sharp-02, .button-iup-2-wrap.long-label .button-iup-element-flex .list-sharp-03 .list-sharp-02-from4, .button-iup-2-wrap.long-label .button-iup-element-flex .list-sharp-03 .list-sharp-02-from3, .button-iup-2-wrap.long-label .button-iup-element-flex .list-sharp-03 .list-sharp-02-from2, .button-iup-2-wrap.long-label .button-iup-element-flex .list-sharp-02 .list-sharp-02, .button-iup-2-wrap.long-label .button-iup-element-flex .list-sharp-02-from4 .list-sharp-02, .button-iup-2-wrap.long-label .button-iup-element-flex .list-sharp-02 .list-sharp-02-from4, .button-iup-2-wrap.long-label .button-iup-element-flex .list-sharp-02-from4 .list-sharp-02-from4, .button-iup-2-wrap.long-label .button-iup-element-flex .list-sharp-02-from3 .list-sharp-02, .button-iup-2-wrap.long-label .button-iup-element-flex .list-sharp-02-from3 .list-sharp-02-from4, .button-iup-2-wrap.long-label .button-iup-element-flex .list-sharp-02 .list-sharp-02-from3, .button-iup-2-wrap.long-label .button-iup-element-flex .list-sharp-02-from4 .list-sharp-02-from3, .button-iup-2-wrap.long-label .button-iup-element-flex .list-sharp-02-from3 .list-sharp-02-from3, .button-iup-2-wrap.long-label .button-iup-element-flex .list-sharp-02-from2 .list-sharp-02, .button-iup-2-wrap.long-label .button-iup-element-flex .list-sharp-02-from2 .list-sharp-02-from4, .button-iup-2-wrap.long-label .button-iup-element-flex .list-sharp-02-from2 .list-sharp-02-from3, .button-iup-2-wrap.long-label .button-iup-element-flex .list-sharp-02 .list-sharp-02-from2, .button-iup-2-wrap.long-label .button-iup-element-flex .list-sharp-02-from4 .list-sharp-02-from2, .button-iup-2-wrap.long-label .button-iup-element-flex .list-sharp-02-from3 .list-sharp-02-from2, .button-iup-2-wrap.long-label .button-iup-element-flex .list-sharp-02-from2 .list-sharp-02-from2, .button-iup-2-wrap.long-label .button-iup-element-flex .list-sharp .list-sensor, .button-iup-2-wrap.long-label .button-iup-element-flex .list-sharp .list-note-ja, .button-iup-2-wrap.long-label .button-iup-element-flex .list-sharp .list-sharp-03, .button-iup-2-wrap.long-label .button-iup-element-flex .list-sharp .list-sharp-02, .button-iup-2-wrap.long-label .button-iup-element-flex .list-sharp .list-sharp-02-from4, .button-iup-2-wrap.long-label .button-iup-element-flex .list-sharp .list-sharp-02-from3, .button-iup-2-wrap.long-label .button-iup-element-flex .list-sharp .list-sharp-02-from2, .button-iup-2-wrap.long-label .button-iup-element-flex .list-sensor .list-sharp, .button-iup-2-wrap.long-label .button-iup-element-flex .list-note-ja .list-sharp, .button-iup-2-wrap.long-label .button-iup-element-flex .list-sharp-03 .list-sharp, .button-iup-2-wrap.long-label .button-iup-element-flex .list-sharp-02 .list-sharp, .button-iup-2-wrap.long-label .button-iup-element-flex .list-sharp-02-from4 .list-sharp, .button-iup-2-wrap.long-label .button-iup-element-flex .list-sharp-02-from3 .list-sharp, .button-iup-2-wrap.long-label .button-iup-element-flex .list-sharp-02-from2 .list-sharp, .button-iup-2-wrap.long-label .button-iup-element-flex .list-sharp .list-sharp, .button-iup-2-wrap.long-label .button-iup-element-flex .list-example .list-sensor, .button-iup-2-wrap.long-label .button-iup-element-flex .list-example .list-note-ja, .button-iup-2-wrap.long-label .button-iup-element-flex .list-example .list-sharp-03, .button-iup-2-wrap.long-label .button-iup-element-flex .list-example .list-sharp-02, .button-iup-2-wrap.long-label .button-iup-element-flex .list-example .list-sharp-02-from4, .button-iup-2-wrap.long-label .button-iup-element-flex .list-example .list-sharp-02-from3, .button-iup-2-wrap.long-label .button-iup-element-flex .list-example .list-sharp-02-from2, .button-iup-2-wrap.long-label .button-iup-element-flex .list-example .list-sharp, .button-iup-2-wrap.long-label .button-iup-element-flex .list-sensor .list-example, .button-iup-2-wrap.long-label .button-iup-element-flex .list-note-ja .list-example, .button-iup-2-wrap.long-label .button-iup-element-flex .list-sharp-03 .list-example, .button-iup-2-wrap.long-label .button-iup-element-flex .list-sharp-02 .list-example, .button-iup-2-wrap.long-label .button-iup-element-flex .list-sharp-02-from4 .list-example, .button-iup-2-wrap.long-label .button-iup-element-flex .list-sharp-02-from3 .list-example, .button-iup-2-wrap.long-label .button-iup-element-flex .list-sharp-02-from2 .list-example, .button-iup-2-wrap.long-label .button-iup-element-flex .list-sharp .list-example, .button-iup-2-wrap.long-label .button-iup-element-flex .list-example .list-example, .button-iup-2-wrap.long-label .button-iup-element-flex .list-alphabetical .list-sensor, .button-iup-2-wrap.long-label .button-iup-element-flex .list-alphabetical .list-note-ja, .button-iup-2-wrap.long-label .button-iup-element-flex .list-alphabetical .list-sharp-03, .button-iup-2-wrap.long-label .button-iup-element-flex .list-alphabetical .list-sharp-02, .button-iup-2-wrap.long-label .button-iup-element-flex .list-alphabetical .list-sharp-02-from4, .button-iup-2-wrap.long-label .button-iup-element-flex .list-alphabetical .list-sharp-02-from3, .button-iup-2-wrap.long-label .button-iup-element-flex .list-alphabetical .list-sharp-02-from2, .button-iup-2-wrap.long-label .button-iup-element-flex .list-alphabetical .list-sharp, .button-iup-2-wrap.long-label .button-iup-element-flex .list-alphabetical .list-example, .button-iup-2-wrap.long-label .button-iup-element-flex .list-sensor .list-alphabetical, .button-iup-2-wrap.long-label .button-iup-element-flex .list-note-ja .list-alphabetical, .button-iup-2-wrap.long-label .button-iup-element-flex .list-sharp-03 .list-alphabetical, .button-iup-2-wrap.long-label .button-iup-element-flex .list-sharp-02 .list-alphabetical, .button-iup-2-wrap.long-label .button-iup-element-flex .list-sharp-02-from4 .list-alphabetical, .button-iup-2-wrap.long-label .button-iup-element-flex .list-sharp-02-from3 .list-alphabetical, .button-iup-2-wrap.long-label .button-iup-element-flex .list-sharp-02-from2 .list-alphabetical, .button-iup-2-wrap.long-label .button-iup-element-flex .list-sharp .list-alphabetical, .button-iup-2-wrap.long-label .button-iup-element-flex .list-example .list-alphabetical, .button-iup-2-wrap.long-label .button-iup-element-flex .list-alphabetical .list-alphabetical, .button-iup-2-wrap.long-label .button-iup-element-flex .list-decimal-04 .list-sensor, .button-iup-2-wrap.long-label .button-iup-element-flex .list-decimal-04 .list-note-ja, .button-iup-2-wrap.long-label .button-iup-element-flex .list-decimal-04 .list-sharp-03, .button-iup-2-wrap.long-label .button-iup-element-flex .list-decimal-04 .list-sharp-02, .button-iup-2-wrap.long-label .button-iup-element-flex .list-decimal-04 .list-sharp-02-from4, .button-iup-2-wrap.long-label .button-iup-element-flex .list-decimal-04 .list-sharp-02-from3, .button-iup-2-wrap.long-label .button-iup-element-flex .list-decimal-04 .list-sharp-02-from2, .button-iup-2-wrap.long-label .button-iup-element-flex .list-decimal-04 .list-sharp, .button-iup-2-wrap.long-label .button-iup-element-flex .list-decimal-04 .list-example, .button-iup-2-wrap.long-label .button-iup-element-flex .list-decimal-04 .list-alphabetical, .button-iup-2-wrap.long-label .button-iup-element-flex .list-sensor .list-decimal-04, .button-iup-2-wrap.long-label .button-iup-element-flex .list-note-ja .list-decimal-04, .button-iup-2-wrap.long-label .button-iup-element-flex .list-sharp-03 .list-decimal-04, .button-iup-2-wrap.long-label .button-iup-element-flex .list-sharp-02 .list-decimal-04, .button-iup-2-wrap.long-label .button-iup-element-flex .list-sharp-02-from4 .list-decimal-04, .button-iup-2-wrap.long-label .button-iup-element-flex .list-sharp-02-from3 .list-decimal-04, .button-iup-2-wrap.long-label .button-iup-element-flex .list-sharp-02-from2 .list-decimal-04, .button-iup-2-wrap.long-label .button-iup-element-flex .list-sharp .list-decimal-04, .button-iup-2-wrap.long-label .button-iup-element-flex .list-example .list-decimal-04, .button-iup-2-wrap.long-label .button-iup-element-flex .list-alphabetical .list-decimal-04, .button-iup-2-wrap.long-label .button-iup-element-flex .list-decimal-04 .list-decimal-04, .button-iup-2-wrap.long-label .button-iup-element-flex .list-decimal-03 .list-sensor, .button-iup-2-wrap.long-label .button-iup-element-flex .list-decimal-03 .list-note-ja, .button-iup-2-wrap.long-label .button-iup-element-flex .list-decimal-03 .list-sharp-03, .button-iup-2-wrap.long-label .button-iup-element-flex .list-decimal-03 .list-sharp-02, .button-iup-2-wrap.long-label .button-iup-element-flex .list-decimal-03 .list-sharp-02-from4, .button-iup-2-wrap.long-label .button-iup-element-flex .list-decimal-03 .list-sharp-02-from3, .button-iup-2-wrap.long-label .button-iup-element-flex .list-decimal-03 .list-sharp-02-from2, .button-iup-2-wrap.long-label .button-iup-element-flex .list-decimal-03 .list-sharp, .button-iup-2-wrap.long-label .button-iup-element-flex .list-decimal-03 .list-example, .button-iup-2-wrap.long-label .button-iup-element-flex .list-decimal-03 .list-alphabetical, .button-iup-2-wrap.long-label .button-iup-element-flex .list-decimal-03 .list-decimal-04, .button-iup-2-wrap.long-label .button-iup-element-flex .list-sensor .list-decimal-03, .button-iup-2-wrap.long-label .button-iup-element-flex .list-note-ja .list-decimal-03, .button-iup-2-wrap.long-label .button-iup-element-flex .list-sharp-03 .list-decimal-03, .button-iup-2-wrap.long-label .button-iup-element-flex .list-sharp-02 .list-decimal-03, .button-iup-2-wrap.long-label .button-iup-element-flex .list-sharp-02-from4 .list-decimal-03, .button-iup-2-wrap.long-label .button-iup-element-flex .list-sharp-02-from3 .list-decimal-03, .button-iup-2-wrap.long-label .button-iup-element-flex .list-sharp-02-from2 .list-decimal-03, .button-iup-2-wrap.long-label .button-iup-element-flex .list-sharp .list-decimal-03, .button-iup-2-wrap.long-label .button-iup-element-flex .list-example .list-decimal-03, .button-iup-2-wrap.long-label .button-iup-element-flex .list-alphabetical .list-decimal-03, .button-iup-2-wrap.long-label .button-iup-element-flex .list-decimal-04 .list-decimal-03, .button-iup-2-wrap.long-label .button-iup-element-flex .list-decimal-03 .list-decimal-03, .button-iup-2-wrap.long-label .button-iup-element-flex .list-decimal-02 .list-sensor, .button-iup-2-wrap.long-label .button-iup-element-flex .list-decimal-02 .list-note-ja, .button-iup-2-wrap.long-label .button-iup-element-flex .list-decimal-02 .list-sharp-03, .button-iup-2-wrap.long-label .button-iup-element-flex .list-decimal-02 .list-sharp-02, .button-iup-2-wrap.long-label .button-iup-element-flex .list-decimal-02 .list-sharp-02-from4, .button-iup-2-wrap.long-label .button-iup-element-flex .list-decimal-02 .list-sharp-02-from3, .button-iup-2-wrap.long-label .button-iup-element-flex .list-decimal-02 .list-sharp-02-from2, .button-iup-2-wrap.long-label .button-iup-element-flex .list-decimal-02 .list-sharp, .button-iup-2-wrap.long-label .button-iup-element-flex .list-decimal-02 .list-example, .button-iup-2-wrap.long-label .button-iup-element-flex .list-decimal-02 .list-alphabetical, .button-iup-2-wrap.long-label .button-iup-element-flex .list-decimal-02 .list-decimal-04, .button-iup-2-wrap.long-label .button-iup-element-flex .list-decimal-02 .list-decimal-03, .button-iup-2-wrap.long-label .button-iup-element-flex .list-sensor .list-decimal-02, .button-iup-2-wrap.long-label .button-iup-element-flex .list-note-ja .list-decimal-02, .button-iup-2-wrap.long-label .button-iup-element-flex .list-sharp-03 .list-decimal-02, .button-iup-2-wrap.long-label .button-iup-element-flex .list-sharp-02 .list-decimal-02, .button-iup-2-wrap.long-label .button-iup-element-flex .list-sharp-02-from4 .list-decimal-02, .button-iup-2-wrap.long-label .button-iup-element-flex .list-sharp-02-from3 .list-decimal-02, .button-iup-2-wrap.long-label .button-iup-element-flex .list-sharp-02-from2 .list-decimal-02, .button-iup-2-wrap.long-label .button-iup-element-flex .list-sharp .list-decimal-02, .button-iup-2-wrap.long-label .button-iup-element-flex .list-example .list-decimal-02, .button-iup-2-wrap.long-label .button-iup-element-flex .list-alphabetical .list-decimal-02, .button-iup-2-wrap.long-label .button-iup-element-flex .list-decimal-04 .list-decimal-02, .button-iup-2-wrap.long-label .button-iup-element-flex .list-decimal-03 .list-decimal-02, .button-iup-2-wrap.long-label .button-iup-element-flex .list-decimal-02 .list-decimal-02, .button-iup-2-wrap.long-label .button-iup-element-flex .list-decimal .list-sensor, .button-iup-2-wrap.long-label .button-iup-element-flex .list-decimal .list-note-ja, .button-iup-2-wrap.long-label .button-iup-element-flex .list-decimal .list-sharp-03, .button-iup-2-wrap.long-label .button-iup-element-flex .list-decimal .list-sharp-02, .button-iup-2-wrap.long-label .button-iup-element-flex .list-decimal .list-sharp-02-from4, .button-iup-2-wrap.long-label .button-iup-element-flex .list-decimal .list-sharp-02-from3, .button-iup-2-wrap.long-label .button-iup-element-flex .list-decimal .list-sharp-02-from2, .button-iup-2-wrap.long-label .button-iup-element-flex .list-decimal .list-sharp, .button-iup-2-wrap.long-label .button-iup-element-flex .list-decimal .list-example, .button-iup-2-wrap.long-label .button-iup-element-flex .list-decimal .list-alphabetical, .button-iup-2-wrap.long-label .button-iup-element-flex .list-decimal .list-decimal-04, .button-iup-2-wrap.long-label .button-iup-element-flex .list-decimal .list-decimal-03, .button-iup-2-wrap.long-label .button-iup-element-flex .list-decimal .list-decimal-02, .button-iup-2-wrap.long-label .button-iup-element-flex .list-sensor .list-decimal, .button-iup-2-wrap.long-label .button-iup-element-flex .list-note-ja .list-decimal, .button-iup-2-wrap.long-label .button-iup-element-flex .list-sharp-03 .list-decimal, .button-iup-2-wrap.long-label .button-iup-element-flex .list-sharp-02 .list-decimal, .button-iup-2-wrap.long-label .button-iup-element-flex .list-sharp-02-from4 .list-decimal, .button-iup-2-wrap.long-label .button-iup-element-flex .list-sharp-02-from3 .list-decimal, .button-iup-2-wrap.long-label .button-iup-element-flex .list-sharp-02-from2 .list-decimal, .button-iup-2-wrap.long-label .button-iup-element-flex .list-sharp .list-decimal, .button-iup-2-wrap.long-label .button-iup-element-flex .list-example .list-decimal, .button-iup-2-wrap.long-label .button-iup-element-flex .list-alphabetical .list-decimal, .button-iup-2-wrap.long-label .button-iup-element-flex .list-decimal-04 .list-decimal, .button-iup-2-wrap.long-label .button-iup-element-flex .list-decimal-03 .list-decimal, .button-iup-2-wrap.long-label .button-iup-element-flex .list-decimal-02 .list-decimal, .button-iup-2-wrap.long-label .button-iup-element-flex .list-decimal .list-decimal, .button-iup-2-wrap.long-label .button-iup-element-flex .list-dot-6 .list-sensor, .button-iup-2-wrap.long-label .button-iup-element-flex .list-dot-6 .list-note-ja, .button-iup-2-wrap.long-label .button-iup-element-flex .list-dot-6 .list-sharp-03, .button-iup-2-wrap.long-label .button-iup-element-flex .list-dot-6 .list-sharp-02, .button-iup-2-wrap.long-label .button-iup-element-flex .list-dot-6 .list-sharp-02-from4, .button-iup-2-wrap.long-label .button-iup-element-flex .list-dot-6 .list-sharp-02-from3, .button-iup-2-wrap.long-label .button-iup-element-flex .list-dot-6 .list-sharp-02-from2, .button-iup-2-wrap.long-label .button-iup-element-flex .list-dot-6 .list-sharp, .button-iup-2-wrap.long-label .button-iup-element-flex .list-dot-6 .list-example, .button-iup-2-wrap.long-label .button-iup-element-flex .list-dot-6 .list-alphabetical, .button-iup-2-wrap.long-label .button-iup-element-flex .list-dot-6 .list-decimal-04, .button-iup-2-wrap.long-label .button-iup-element-flex .list-dot-6 .list-decimal-03, .button-iup-2-wrap.long-label .button-iup-element-flex .list-dot-6 .list-decimal-02, .button-iup-2-wrap.long-label .button-iup-element-flex .list-dot-6 .list-decimal, .button-iup-2-wrap.long-label .button-iup-element-flex .list-sensor .list-dot-6, .button-iup-2-wrap.long-label .button-iup-element-flex .list-note-ja .list-dot-6, .button-iup-2-wrap.long-label .button-iup-element-flex .list-sharp-03 .list-dot-6, .button-iup-2-wrap.long-label .button-iup-element-flex .list-sharp-02 .list-dot-6, .button-iup-2-wrap.long-label .button-iup-element-flex .list-sharp-02-from4 .list-dot-6, .button-iup-2-wrap.long-label .button-iup-element-flex .list-sharp-02-from3 .list-dot-6, .button-iup-2-wrap.long-label .button-iup-element-flex .list-sharp-02-from2 .list-dot-6, .button-iup-2-wrap.long-label .button-iup-element-flex .list-sharp .list-dot-6, .button-iup-2-wrap.long-label .button-iup-element-flex .list-example .list-dot-6, .button-iup-2-wrap.long-label .button-iup-element-flex .list-alphabetical .list-dot-6, .button-iup-2-wrap.long-label .button-iup-element-flex .list-decimal-04 .list-dot-6, .button-iup-2-wrap.long-label .button-iup-element-flex .list-decimal-03 .list-dot-6, .button-iup-2-wrap.long-label .button-iup-element-flex .list-decimal-02 .list-dot-6, .button-iup-2-wrap.long-label .button-iup-element-flex .list-decimal .list-dot-6, .button-iup-2-wrap.long-label .button-iup-element-flex .list-dot-6 .list-dot-6, .button-iup-2-wrap.long-label .button-iup-element-flex .list-dot-5 .list-sensor, .button-iup-2-wrap.long-label .button-iup-element-flex .list-dot-5 .list-note-ja, .button-iup-2-wrap.long-label .button-iup-element-flex .list-dot-5 .list-sharp-03, .button-iup-2-wrap.long-label .button-iup-element-flex .list-dot-5 .list-sharp-02, .button-iup-2-wrap.long-label .button-iup-element-flex .list-dot-5 .list-sharp-02-from4, .button-iup-2-wrap.long-label .button-iup-element-flex .list-dot-5 .list-sharp-02-from3, .button-iup-2-wrap.long-label .button-iup-element-flex .list-dot-5 .list-sharp-02-from2, .button-iup-2-wrap.long-label .button-iup-element-flex .list-dot-5 .list-sharp, .button-iup-2-wrap.long-label .button-iup-element-flex .list-dot-5 .list-example, .button-iup-2-wrap.long-label .button-iup-element-flex .list-dot-5 .list-alphabetical, .button-iup-2-wrap.long-label .button-iup-element-flex .list-dot-5 .list-decimal-04, .button-iup-2-wrap.long-label .button-iup-element-flex .list-dot-5 .list-decimal-03, .button-iup-2-wrap.long-label .button-iup-element-flex .list-dot-5 .list-decimal-02, .button-iup-2-wrap.long-label .button-iup-element-flex .list-dot-5 .list-decimal, .button-iup-2-wrap.long-label .button-iup-element-flex .list-dot-5 .list-dot-6, .button-iup-2-wrap.long-label .button-iup-element-flex .list-sensor .list-dot-5, .button-iup-2-wrap.long-label .button-iup-element-flex .list-note-ja .list-dot-5, .button-iup-2-wrap.long-label .button-iup-element-flex .list-sharp-03 .list-dot-5, .button-iup-2-wrap.long-label .button-iup-element-flex .list-sharp-02 .list-dot-5, .button-iup-2-wrap.long-label .button-iup-element-flex .list-sharp-02-from4 .list-dot-5, .button-iup-2-wrap.long-label .button-iup-element-flex .list-sharp-02-from3 .list-dot-5, .button-iup-2-wrap.long-label .button-iup-element-flex .list-sharp-02-from2 .list-dot-5, .button-iup-2-wrap.long-label .button-iup-element-flex .list-sharp .list-dot-5, .button-iup-2-wrap.long-label .button-iup-element-flex .list-example .list-dot-5, .button-iup-2-wrap.long-label .button-iup-element-flex .list-alphabetical .list-dot-5, .button-iup-2-wrap.long-label .button-iup-element-flex .list-decimal-04 .list-dot-5, .button-iup-2-wrap.long-label .button-iup-element-flex .list-decimal-03 .list-dot-5, .button-iup-2-wrap.long-label .button-iup-element-flex .list-decimal-02 .list-dot-5, .button-iup-2-wrap.long-label .button-iup-element-flex .list-decimal .list-dot-5, .button-iup-2-wrap.long-label .button-iup-element-flex .list-dot-6 .list-dot-5, .button-iup-2-wrap.long-label .button-iup-element-flex .list-dot-5 .list-dot-5, .button-iup-2-wrap.long-label .button-iup-element-flex .list-dot-3 .list-sensor, .button-iup-2-wrap.long-label .button-iup-element-flex .list-dot-3 .list-note-ja, .button-iup-2-wrap.long-label .button-iup-element-flex .list-dot-3 .list-sharp-03, .button-iup-2-wrap.long-label .button-iup-element-flex .list-dot-3 .list-sharp-02, .button-iup-2-wrap.long-label .button-iup-element-flex .list-dot-3 .list-sharp-02-from4, .button-iup-2-wrap.long-label .button-iup-element-flex .list-dot-3 .list-sharp-02-from3, .button-iup-2-wrap.long-label .button-iup-element-flex .list-dot-3 .list-sharp-02-from2, .button-iup-2-wrap.long-label .button-iup-element-flex .list-dot-3 .list-sharp, .button-iup-2-wrap.long-label .button-iup-element-flex .list-dot-3 .list-example, .button-iup-2-wrap.long-label .button-iup-element-flex .list-dot-3 .list-alphabetical, .button-iup-2-wrap.long-label .button-iup-element-flex .list-dot-3 .list-decimal-04, .button-iup-2-wrap.long-label .button-iup-element-flex .list-dot-3 .list-decimal-03, .button-iup-2-wrap.long-label .button-iup-element-flex .list-dot-3 .list-decimal-02, .button-iup-2-wrap.long-label .button-iup-element-flex .list-dot-3 .list-decimal, .button-iup-2-wrap.long-label .button-iup-element-flex .list-dot-3 .list-dot-6, .button-iup-2-wrap.long-label .button-iup-element-flex .list-dot-3 .list-dot-5, .button-iup-2-wrap.long-label .button-iup-element-flex .list-sensor .list-dot-3, .button-iup-2-wrap.long-label .button-iup-element-flex .list-note-ja .list-dot-3, .button-iup-2-wrap.long-label .button-iup-element-flex .list-sharp-03 .list-dot-3, .button-iup-2-wrap.long-label .button-iup-element-flex .list-sharp-02 .list-dot-3, .button-iup-2-wrap.long-label .button-iup-element-flex .list-sharp-02-from4 .list-dot-3, .button-iup-2-wrap.long-label .button-iup-element-flex .list-sharp-02-from3 .list-dot-3, .button-iup-2-wrap.long-label .button-iup-element-flex .list-sharp-02-from2 .list-dot-3, .button-iup-2-wrap.long-label .button-iup-element-flex .list-sharp .list-dot-3, .button-iup-2-wrap.long-label .button-iup-element-flex .list-example .list-dot-3, .button-iup-2-wrap.long-label .button-iup-element-flex .list-alphabetical .list-dot-3, .button-iup-2-wrap.long-label .button-iup-element-flex .list-decimal-04 .list-dot-3, .button-iup-2-wrap.long-label .button-iup-element-flex .list-decimal-03 .list-dot-3, .button-iup-2-wrap.long-label .button-iup-element-flex .list-decimal-02 .list-dot-3, .button-iup-2-wrap.long-label .button-iup-element-flex .list-decimal .list-dot-3, .button-iup-2-wrap.long-label .button-iup-element-flex .list-dot-6 .list-dot-3, .button-iup-2-wrap.long-label .button-iup-element-flex .list-dot-5 .list-dot-3, .button-iup-2-wrap.long-label .button-iup-element-flex .list-dot-3 .list-dot-3, .button-iup-2-wrap.long-label .button-iup-element-flex .list-dot .list-sensor, .button-iup-2-wrap.long-label .button-iup-element-flex .list-dot .list-note-ja, .button-iup-2-wrap.long-label .button-iup-element-flex .list-dot .list-sharp-03, .button-iup-2-wrap.long-label .button-iup-element-flex .list-dot .list-sharp-02, .button-iup-2-wrap.long-label .button-iup-element-flex .list-dot .list-sharp-02-from4, .button-iup-2-wrap.long-label .button-iup-element-flex .list-dot .list-sharp-02-from3, .button-iup-2-wrap.long-label .button-iup-element-flex .list-dot .list-sharp-02-from2, .button-iup-2-wrap.long-label .button-iup-element-flex .list-dot .list-sharp, .button-iup-2-wrap.long-label .button-iup-element-flex .list-dot .list-example, .button-iup-2-wrap.long-label .button-iup-element-flex .list-dot .list-alphabetical, .button-iup-2-wrap.long-label .button-iup-element-flex .list-dot .list-decimal-04, .button-iup-2-wrap.long-label .button-iup-element-flex .list-dot .list-decimal-03, .button-iup-2-wrap.long-label .button-iup-element-flex .list-dot .list-decimal-02, .button-iup-2-wrap.long-label .button-iup-element-flex .list-dot .list-decimal, .button-iup-2-wrap.long-label .button-iup-element-flex .list-dot .list-dot-6, .button-iup-2-wrap.long-label .button-iup-element-flex .list-dot .list-dot-5, .button-iup-2-wrap.long-label .button-iup-element-flex .list-dot .list-dot-3, .button-iup-2-wrap.long-label .button-iup-element-flex .list-sensor .list-dot, .button-iup-2-wrap.long-label .button-iup-element-flex .list-note-ja .list-dot, .button-iup-2-wrap.long-label .button-iup-element-flex .list-sharp-03 .list-dot, .button-iup-2-wrap.long-label .button-iup-element-flex .list-sharp-02 .list-dot, .button-iup-2-wrap.long-label .button-iup-element-flex .list-sharp-02-from4 .list-dot, .button-iup-2-wrap.long-label .button-iup-element-flex .list-sharp-02-from3 .list-dot, .button-iup-2-wrap.long-label .button-iup-element-flex .list-sharp-02-from2 .list-dot, .button-iup-2-wrap.long-label .button-iup-element-flex .list-sharp .list-dot, .button-iup-2-wrap.long-label .button-iup-element-flex .list-example .list-dot, .button-iup-2-wrap.long-label .button-iup-element-flex .list-alphabetical .list-dot, .button-iup-2-wrap.long-label .button-iup-element-flex .list-decimal-04 .list-dot, .button-iup-2-wrap.long-label .button-iup-element-flex .list-decimal-03 .list-dot, .button-iup-2-wrap.long-label .button-iup-element-flex .list-decimal-02 .list-dot, .button-iup-2-wrap.long-label .button-iup-element-flex .list-decimal .list-dot, .button-iup-2-wrap.long-label .button-iup-element-flex .list-dot-6 .list-dot, .button-iup-2-wrap.long-label .button-iup-element-flex .list-dot-5 .list-dot, .button-iup-2-wrap.long-label .button-iup-element-flex .list-dot-3 .list-dot, .button-iup-2-wrap.long-label .button-iup-element-flex .list-dot .list-dot,
.button-iup-2-wrap.long-label .button-iup-element-flex .button-iup-box .text-normal,
.button-iup-2-wrap.long-label .button-iup-element-flex .button-iup-box .list-sensor,
.button-iup-2-wrap.long-label .button-iup-element-flex .button-iup-box .list-note-ja,
.button-iup-2-wrap.long-label .button-iup-element-flex .button-iup-box .list-sharp-03,
.button-iup-2-wrap.long-label .button-iup-element-flex .button-iup-box .list-sharp-02,
.button-iup-2-wrap.long-label .button-iup-element-flex .button-iup-box .list-sharp-02-from4,
.button-iup-2-wrap.long-label .button-iup-element-flex .button-iup-box .list-sharp-02-from3,
.button-iup-2-wrap.long-label .button-iup-element-flex .button-iup-box .list-sharp-02-from2,
.button-iup-2-wrap.long-label .button-iup-element-flex .button-iup-box .list-sharp,
.button-iup-2-wrap.long-label .button-iup-element-flex .button-iup-box .list-example,
.button-iup-2-wrap.long-label .button-iup-element-flex .button-iup-box .list-alphabetical,
.button-iup-2-wrap.long-label .button-iup-element-flex .button-iup-box .list-decimal-04,
.button-iup-2-wrap.long-label .button-iup-element-flex .button-iup-box .list-decimal-03,
.button-iup-2-wrap.long-label .button-iup-element-flex .button-iup-box .list-decimal-02,
.button-iup-2-wrap.long-label .button-iup-element-flex .button-iup-box .list-decimal,
.button-iup-2-wrap.long-label .button-iup-element-flex .button-iup-box .list-dot-6,
.button-iup-2-wrap.long-label .button-iup-element-flex .button-iup-box .list-dot-5,
.button-iup-2-wrap.long-label .button-iup-element-flex .button-iup-box .list-dot-3,
.button-iup-2-wrap.long-label .button-iup-element-flex .button-iup-box .list-dot {
  margin-left: 0;
}
.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(21.44vw * 2);
  min-height: calc(var(--space-size-80) * 2);
}
.button-iup-2-wrap.long-label .button-iup-element-flex .button-iup-element ion-thumbnail {
  height: calc( 13.4vw + 13.4vw + 2.68vw);
  height: calc( var(--space-size-50) + var(--space-size-50) + var(--space-size-10) );
  width: 100%;
}
.button-iup-2-wrap.headered-button-header {
  margin-bottom: 0;
}
.button-iup-2-wrap.headered-button-button {
  margin-top: 0;
}
/* ion-button click時の挙動制御*/
ion-button[fill=outline][color=blue].ion-activated {
  background: #003a77;
  background: var(--ion-color-blue);
  border-radius: 4px;
}
ion-button[fill=outline][color=brown].ion-activated {
  background: #c6a465;
  background: var(--ion-color-brown);
  border-radius: 4px;
}
ion-button:not([fill])[color=blue].ion-activated, ion-button:not([fill])[color=brown].ion-activated {
  opacity: 0.3;
}
/*
 * Border Base
 * ----------------------------------------------------------------------------
 *
 */
.border-sensor, .border-normal {
  border-bottom: 1px solid #cccccc;
  border-bottom: 1px solid var(--ion-separator-border-color);
}
.border-dashed, .correction-content .frm-normal,
.continue-content .frm-normal, .correction-content .unique-g19-01 .unique-g19-item,
.continue-content .unique-g19-01 .unique-g19-item, .cnf-normal, .pay-box, .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;
}
/*
 * Border
 * ----------------------------------------------------------------------------
 *
 */
/* border-normal */
.border-normal {
  margin: 10.72vw 0;
  margin: var(--space-size-40) 0;
}
.unique-g13-03 + .link-normal + .border-normal {
  margin: 6.7vw 0;
  margin: var(--space-size-25) 0;
}
.border-bottom-line {
  border-bottom: 3px solid #003a77;
  border-bottom: 3px solid var(--ion-default-border-color);
}
/* border-sensor */
.border-sensor {
  line-height: 1.5;
  border-bottom: 2px solid #003a77;
  border-bottom: 2px solid var(--ion-default-border-color);
}
/*
 * Checkbox Button Base
 * ----------------------------------------------------------------------------
 *
 */
.checkbox-button-multiline, .checkbox-button-split, .bac-box .checkbox-button-normal {
  display: block;
  margin: 4.02vw 0;
  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 #ded2bc;
  border: 1px solid var(--ion-form-border-color);
  border-radius: 4px;
  /* 入力済み state */
  /* 非活性 state */
  /* 任意項目 */
  /* エラー state */
}
.checkbox-button-multiline ion-label.sc-ion-label-md-h, .checkbox-button-split ion-label.sc-ion-label-md-h, .bac-box .checkbox-button-normal ion-label.sc-ion-label-md-h {
  margin: 0;
  color: #111111;
  color: var(--ion-default-text-color);
  font-size: calc(0.75rem + 1.07vw);
  font-size: var(--font-size-medium);
  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;
}
.checkbox-button-multiline ion-checkbox, .checkbox-button-split ion-checkbox, .bac-box .checkbox-button-normal ion-checkbox {
  align-self: end;
  margin: 5.36vw calc(5.36vw / 2) 5.36vw 4.02vw;
  margin: var(--space-size-20) calc(var(--space-size-20) / 2) var(--space-size-20) var(--space-size-15);
  ---size: 5.36vw;
  ---size: var(--space-size-20);
}
.checkbox-button-multiline ion-checkbox:not(.checkbox-checked)::part(container), .checkbox-button-split ion-checkbox:not(.checkbox-checked)::part(container), .bac-box .checkbox-button-normal ion-checkbox:not(.checkbox-checked)::part(container) {
  border: 1px solid #cccccc;
  border: 1px solid var(--ion-color-step-200);
  background-color: #ffffff;
  background-color: var(--ion-color-custom-white);
}
.item-checkbox-checked.checkbox-button-multiline, .item-checkbox-checked.checkbox-button-split, .bac-box .item-checkbox-checked.checkbox-button-normal {
  --background: transparent;
}
.item-checkbox-other-checked.checkbox-button-multiline, .item-checkbox-other-checked.checkbox-button-split, .bac-box .item-checkbox-other-checked.checkbox-button-normal {
  --background: transparent;
}
[disabled].checkbox-button-multiline, [disabled].checkbox-button-split, .bac-box [disabled].checkbox-button-normal {
  color: #111111;
  color: var(--ion-default-text-color);
}
[optional] .checkbox-button-multiline, [optional] .checkbox-button-split, [optional] .bac-box .checkbox-button-normal, .bac-box [optional] .checkbox-button-normal, [optional].checkbox-button-multiline, [optional].checkbox-button-split, .bac-box [optional].checkbox-button-normal {
  --background: transparent;
}
[invalid].checkbox-button-multiline, [invalid].checkbox-button-split, .bac-box [invalid].checkbox-button-normal {
  --background: var(--ion-form-error-bg-color);
}
.landing-theme .checkbox-button-multiline, .landing-theme .checkbox-button-split, .landing-theme .bac-box .checkbox-button-normal, .bac-box .landing-theme .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 #ffffff;
  border: 1px solid var(--ion-color-custom-white);
  border-radius: 4.02vw;
  border-radius: var(--space-size-15);
}
.landing-theme .checkbox-button-multiline ion-checkbox, .landing-theme .checkbox-button-split ion-checkbox, .landing-theme .bac-box .checkbox-button-normal ion-checkbox, .bac-box .landing-theme .checkbox-button-normal ion-checkbox {
  align-self: center;
  margin: 0 2.68vw 0 0;
  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 .checkbox-button-multiline ion-checkbox:not(.checkbox-checked)::part(container), .landing-theme .checkbox-button-split ion-checkbox:not(.checkbox-checked)::part(container), .landing-theme .bac-box .checkbox-button-normal ion-checkbox:not(.checkbox-checked)::part(container), .bac-box .landing-theme .checkbox-button-normal ion-checkbox:not(.checkbox-checked)::part(container) {
  border: 1px solid #cccccc;
  border: 1px solid var(--ion-color-step-200);
  background-color: transparent;
}
.landing-theme .checkbox-button-multiline ion-checkbox:after, .landing-theme .checkbox-button-split ion-checkbox:after, .landing-theme .bac-box .checkbox-button-normal ion-checkbox:after, .bac-box .landing-theme .checkbox-button-normal ion-checkbox:after {
  border-color: #cccccc !important;
  border-color: var(--ion-color-step-200) !important;
}
.landing-theme .item-checkbox-checked.checkbox-button-multiline, .landing-theme .item-checkbox-checked.checkbox-button-split, .landing-theme .bac-box .item-checkbox-checked.checkbox-button-normal, .bac-box .landing-theme .item-checkbox-checked.checkbox-button-normal, .landing-theme [disabled].checkbox-button-multiline, .landing-theme [disabled].checkbox-button-split, .landing-theme .bac-box [disabled].checkbox-button-normal, .bac-box .landing-theme [disabled].checkbox-button-normal, .landing-theme [invalid].checkbox-button-multiline, .landing-theme [invalid].checkbox-button-split, .landing-theme .bac-box [invalid].checkbox-button-normal, .bac-box .landing-theme [invalid].checkbox-button-normal {
  --background: transparent;
}
/*
 * Checkbox Button
 * ----------------------------------------------------------------------------
 *
 */
/* checkbox-button-normal-wrap */
.checkbox-button-normal-wrap {
  margin: 5.36vw 0 0 0;
  margin: var(--space-size-20) 0 0 0;
}
.checkbox-button-normal-wrap:first-child {
  margin-top: 0;
}
.checkbox-button-normal-wrap:last-child {
  margin-bottom: 0;
}
/* checkbox-button-normal */
.checkbox-button-normal {
  margin-top: 4.02vw;
  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;
}
.checkbox-button-normal ion-label {
  --color: var(--ion-default-text-color) !important;
  margin: 0;
  line-height: 1.5;
  white-space: normal !important;
}
.checkbox-button-normal ion-checkbox {
  margin: 0 2.68vw 0 0;
  margin: 0 var(--space-size-10) 0 0;
  --size: var(--space-size-20);
}
.checkbox-button-normal ion-checkbox:not(.checkbox-checked)::part(container) {
  border: 1px solid #cccccc;
  border: 1px solid var(--ion-color-step-200);
  background-color: #ffffff;
  background-color: var(--ion-color-custom-white);
}
.checkbox-button-normal[noBorder] {
  border: none !important;
}
.checkbox-button-normal.item-checkbox-checked {
  --background: none;
  background: none;
}
.landing-theme .checkbox-button-normal {
  --padding-top: 0;
  --padding-end: 0;
  --padding-bottom: 0;
  --padding-start: 0;
  --background: transparent;
  border: 1px solid #ffffff;
  border: 1px solid var(--ion-color-custom-white);
}
.landing-theme .checkbox-button-normal ion-checkbox {
  align-self: center;
  margin: 0 2.68vw 0 0;
  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 .checkbox-button-normal ion-checkbox:not(.checkbox-checked)::part(container) {
  border: 1px solid #cccccc;
  border: 1px solid var(--ion-color-step-200);
  background-color: transparent;
}
.landing-theme .checkbox-button-normal ion-checkbox:after {
  border-color: #cccccc !important;
  border-color: var(--ion-color-step-200) !important;
}
.landing-theme .checkbox-button-normal.item-checkbox-checked, .landing-theme .checkbox-button-normal[disabled], .landing-theme .checkbox-button-normal[invalid] {
  --background: transparent;
}
.landing-theme > .checkbox-button-normal {
  margin-top: 10.72vw;
  margin-top: var(--space-size-40);
  margin-bottom: 16.08vw;
  margin-bottom: var(--space-size-60);
}
/* checkbox-button-split */
.checkbox-button-split-wrap {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  margin: 4.02vw 0 0 0;
  margin: var(--space-size-15) 0 0 0;
  grid-column-gap: 4.02vw;
  -moz-column-gap: 4.02vw;
       column-gap: 4.02vw;
  grid-column-gap: var(--space-size-15);
  -moz-column-gap: var(--space-size-15);
       column-gap: var(--space-size-15);
}
.checkbox-button-split-wrap:first-child {
  margin-top: 0;
}
.checkbox-button-split-wrap:last-child {
  margin-bottom: 0;
}
.checkbox-button-split-wrap + .checkbox-button-split-wrap {
  margin-top: 4.02vw;
  margin-top: var(--space-size-15);
}
.checkbox-button-split {
  width: 100%;
  margin: 0;
}
/* checkbox-button-multiline */
.checkbox-button-multiline {
  margin: 0;
  padding: 0;
}
.checkbox-button-multiline:first-child {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.checkbox-button-multiline + .checkbox-button-multiline {
  border-top: 0;
}
.checkbox-button-multiline + .checkbox-button-multiline:not(:last-child) {
  border-radius: 0;
}
.checkbox-button-multiline:last-child {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.checkbox-button-multiline:only-child {
  border-radius: 4px;
}
.checkbox-button-multiline ion-checkbox {
  align-self: end;
  margin: 5.36vw 2.68vw 5.36vw 4.02vw;
  margin: var(--space-size-20) var(--space-size-10) var(--space-size-20) var(--space-size-15);
  --size: var(--space-size-20);
  /* container query version */
}
@container app-page-responsive-content-container (min-width: 769px) {
  .checkbox-button-multiline ion-checkbox {
    align-self: center;
  }
}
.checkbox-button-multiline .checkbox-button-multiline-wrap {
  padding: 4.02vw 4.02vw 4.02vw 0;
  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) {
  .checkbox-button-multiline .checkbox-button-multiline-wrap {
    display: flex;
    align-items: center;
    min-height: 80px;
  }
}
.checkbox-button-multiline .checkbox-button-multiline-wrap div ion-label.sc-ion-label-md-h {
  white-space: normal;
  word-break: break-all;
}
.checkbox-button-multiline .checkbox-button-multiline-wrap div ion-label.sc-ion-label-md-h + p {
  padding-top: 2.68vw;
  padding-top: var(--space-size-10);
  color: #555555;
  color: var(--ion-color-step-650);
  font-size: var(--font-size-14);
  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;
}
.checkbox-button-multiline .checkbox-button-multiline-wrap div:nth-child(2) {
  flex-shrink: 0;
  text-align: right;
}
.checkbox-button-multiline .checkbox-button-multiline-wrap ion-label {
  white-space: normal;
  word-break: break-all;
}
.checkbox-button-multiline .checkbox-button-multiline-wrap.flex-box,
.checkbox-button-multiline .checkbox-button-multiline-wrap .flex-box {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  width: 100%;
}
/*
 * Controller Box
 * ----------------------------------------------------------------------------
 *
 */
/* 設定 */
/* controller-box */
.controller-box {
  margin: 8.04vw 0;
  margin: var(--space-size-30) 0;
}
.controller-box ion-col {
  border: 1px solid #ffffff;
  border: 1px solid var(--ion-color-custom-white);
  --ion-grid-column-padding: 0;
}
.controller-box ion-col.controller-box-rewind, .controller-box ion-col.controller-box-forward {
  max-width: calc(12.06vw * 2) !important;
  max-width: calc(var(--space-size-45) * 2) !important;
}
.controller-box ion-col.controller-box-rewind ion-button ion-icon, .controller-box ion-col.controller-box-forward ion-button ion-icon {
  width: 8.04vw;
  width: var(--space-size-30);
  fill: #c6a465;
  fill: var(--ion-color-custom-dark-gold);
  stroke: none;
}
.controller-box ion-col.controller-box-rewind ion-button ion-text, .controller-box ion-col.controller-box-forward ion-button ion-text {
  margin: 0 2.68vw 0;
  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;
}
.controller-box ion-col.controller-box-rewind ion-button.ion-activated ion-icon, .controller-box ion-col.controller-box-forward ion-button.ion-activated ion-icon {
  fill: #ffffff;
  fill: var(--ion-color-custom-white);
}
.controller-box ion-col.controller-box-rewind ion-button.ion-activated ion-text, .controller-box ion-col.controller-box-forward ion-button.ion-activated ion-text {
  color: #ffffff;
  color: var(--ion-color-custom-white);
}
.controller-box ion-col.controller-box-previous, .controller-box ion-col.controller-box-next {
  max-width: 10.72vw !important;
  max-width: var(--space-size-40) !important;
}
.controller-box ion-col.controller-box-previous ion-button ion-icon, .controller-box ion-col.controller-box-next ion-button ion-icon {
  fill: #c6a465;
  fill: var(--ion-color-custom-dark-gold);
  stroke: #c6a465;
  stroke: var(--ion-color-custom-dark-gold);
}
.controller-box ion-col.controller-box-previous ion-button.ion-activated ion-icon, .controller-box ion-col.controller-box-next ion-button.ion-activated ion-icon {
  fill: #ffffff;
  fill: var(--ion-color-custom-white);
  stroke: #ffffff;
  stroke: var(--ion-color-custom-white);
}
.controller-box ion-col p {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1.34vw 0 0 0;
  padding: var(--space-size-5) 0 0 0;
}
/*
 * Image Base
 * ----------------------------------------------------------------------------
 *
 */
/* image-text-base */
/*
 * Image
 * ----------------------------------------------------------------------------
 *
 */
.image-wrap {
  margin: 5.36vw 0;
  margin: var(--space-size-20) 0;
}
.image-wrap:first-child {
  margin-top: 0;
}
.image-wrap:last-child {
  margin-bottom: 0;
}
.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;
}
.image-box * {
  width: auto;
  max-width: 100%;
  height: auto;
  max-height: 100%;
  margin: auto;
}
.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;
  }
}
/* image-text-1 */
.image-text-1, .image-text-4 {
  margin: 0 4.02vw;
  margin: 0 var(--space-size-15);
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  margin-top: 4.02vw;
  margin-top: var(--space-size-15);
  grid-column-gap: 2.68vw;
  -moz-column-gap: 2.68vw;
       column-gap: 2.68vw;
  grid-column-gap: var(--space-size-10);
  -moz-column-gap: var(--space-size-10);
       column-gap: var(--space-size-10);
  grid-row-gap: 2.68vw;
  row-gap: 2.68vw;
  grid-row-gap: var(--space-size-10);
  row-gap: var(--space-size-10);
}
.image-text-1 > div, .image-text-4 > div {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.image-text-1 > div ion-thumbnail, .image-text-4 > div ion-thumbnail {
  width: 100%;
  margin-bottom: 4.02vw;
  margin-bottom: var(--space-size-15);
}
.image-text-1 > div a, .image-text-4 > div a {
  color: #111111;
  color: var(--ion-default-text-color);
  font-size: calc(0.625rem + 1.07vw);
  font-size: var(--font-size-small);
  text-align: left;
}
.landing-theme .image-text-1 > div, .landing-theme .image-text-4 > div {
  padding: 2.68vw;
  padding: var(--space-size-10);
  border: 1px solid #ded2bc;
  border: 1px solid var(--ion-form-border-color);
  border-radius: 4.02vw;
  border-radius: var(--space-size-15);
}
.image-text-1 ion-thumbnail, .image-text-4 ion-thumbnail {
  height: calc(8.04vw * 7);
  height: calc(var(--space-size-30) * 7);
}
.image-text-1 p, .image-text-4 p {
  margin-bottom: 2.68vw;
  margin-bottom: var(--space-size-10);
}
.image-text-1 p:nth-of-type(1), .image-text-4 p:nth-of-type(1) {
  margin-bottom: 4.02vw;
  margin-bottom: var(--space-size-15);
}
/* image-text-2 */
.image-text-2 div {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  margin-bottom: 4.02vw;
  margin-bottom: var(--space-size-15);
}
.image-text-2 ion-thumbnail {
  min-width: 100px;
  min-height: 100px;
  margin-right: 5.36vw;
  margin-right: var(--space-size-20);
}
/* image-text-3 */
.image-text-3 div {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  margin-bottom: 4.02vw;
  margin-bottom: var(--space-size-15);
}
.image-text-3 ion-thumbnail {
  margin-right: 5.36vw;
  margin-right: var(--space-size-20);
}
.image-text-3 .image-box {
  min-width: 50px;
}
.image-text-3 .title {
  margin-top: auto;
  margin-bottom: auto;
}
/* image-text-4 */
.image-text-4 {
  margin-top: 5.36vw;
  margin-top: var(--space-size-20);
}
.image-text-4 ion-thumbnail {
  height: auto;
}
.image-text-4 .text-small {
  width: 100%;
  margin-top: auto;
  text-align: center;
}
/*
 * Input Base
 * ----------------------------------------------------------------------------
 *
 */
.text-calendar-time-input-normal, .time-input-normal, .text-calendar-input-normal, .text-search-input-normal, .text-selection-input-normal, .text-area-input-normal, .text-input-normal {
  margin: 4.02vw 0 0 0;
  margin: var(--space-size-15) 0 0 0;
  padding: 1.34vw;
  padding: var(--space-size-5);
  color: #111111;
  color: var(--ion-default-text-color);
  font-size: calc(0.75rem + 1.07vw);
  font-size: var(--font-size-medium);
  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;
  border: 1px solid #ded2bc;
  border: 1px solid var(--ion-form-border-color);
  border-radius: 1.34vw;
  border-radius: var(--space-size-5);
  --background: var(--ion-table-form-bg-color);
  background: #faf7f1;
  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) {
  .text-calendar-time-input-normal, .time-input-normal, .text-calendar-input-normal, .text-search-input-normal, .text-selection-input-normal, .text-area-input-normal, .text-input-normal {
    min-height: 80px;
  }
}
.item-has-placeholder.text-calendar-time-input-normal ion-select, .item-has-placeholder.time-input-normal ion-select, .item-has-placeholder.text-calendar-input-normal ion-select, .item-has-placeholder.text-search-input-normal ion-select, .item-has-placeholder.text-selection-input-normal ion-select, .item-has-placeholder.text-area-input-normal ion-select, .item-has-placeholder.text-input-normal ion-select {
  --padding-start: calc(var(--space-size-20) / 2);
  align-items: center;
}
.item-has-placeholder.text-calendar-time-input-normal select, .item-has-placeholder.time-input-normal select, .item-has-placeholder.text-calendar-input-normal select, .item-has-placeholder.text-search-input-normal select, .item-has-placeholder.text-selection-input-normal select, .item-has-placeholder.text-area-input-normal select, .item-has-placeholder.text-input-normal select {
  --padding-start: calc(var(--space-size-20) / 2);
  align-items: center;
}
.text-calendar-time-input-normal .down-icon, .time-input-normal .down-icon, .text-calendar-input-normal .down-icon, .text-search-input-normal .down-icon, .text-selection-input-normal .down-icon, .text-area-input-normal .down-icon, .text-input-normal .down-icon,
.text-calendar-time-input-normal ion-select::part(icon),
.time-input-normal ion-select::part(icon),
.text-calendar-input-normal ion-select::part(icon),
.text-search-input-normal ion-select::part(icon),
.text-selection-input-normal ion-select::part(icon),
.text-area-input-normal ion-select::part(icon),
.text-input-normal ion-select::part(icon) {
  width: 17px;
  height: 10px;
  color: transparent;
  background-color: #c6a465;
  background-color: var(--ion-color-custom-dark-gold);
  opacity: 1;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  transform: translateY(-50%);
  position: absolute;
  top: 50%;
  right: 2.68vw;
  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 .text-calendar-time-input-normal .down-icon, .landing-theme .time-input-normal .down-icon, .landing-theme .text-calendar-input-normal .down-icon, .landing-theme .text-search-input-normal .down-icon, .landing-theme .text-selection-input-normal .down-icon, .landing-theme .text-area-input-normal .down-icon, .landing-theme .text-input-normal .down-icon,
.landing-theme .text-calendar-time-input-normal ion-select::part(icon),
.landing-theme .time-input-normal ion-select::part(icon),
.landing-theme .text-calendar-input-normal ion-select::part(icon),
.landing-theme .text-search-input-normal ion-select::part(icon),
.landing-theme .text-selection-input-normal ion-select::part(icon),
.landing-theme .text-area-input-normal ion-select::part(icon),
.landing-theme .text-input-normal ion-select::part(icon) {
  background-color: #ffffff;
  background-color: var(--ion-color-custom-white);
}
.text-calendar-time-input-normal .down-icon, .time-input-normal .down-icon, .text-calendar-input-normal .down-icon, .text-search-input-normal .down-icon, .text-selection-input-normal .down-icon, .text-area-input-normal .down-icon, .text-input-normal .down-icon {
  z-index: -1;
}
.text-calendar-time-input-normal select, .time-input-normal select, .text-calendar-input-normal select, .text-search-input-normal select, .text-selection-input-normal select, .text-area-input-normal select, .text-input-normal select {
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  appearance: none;
}
.has-value.text-calendar-time-input-normal, .has-value.time-input-normal, .has-value.text-calendar-input-normal, .has-value.text-search-input-normal, .has-value.text-selection-input-normal, .has-value.text-area-input-normal, .has-value.text-input-normal, .item-has-value.text-calendar-time-input-normal, .item-has-value.time-input-normal, .item-has-value.text-calendar-input-normal, .item-has-value.text-search-input-normal, .item-has-value.text-selection-input-normal, .item-has-value.text-area-input-normal, .item-has-value.text-input-normal {
  --background: var(--ion-default-bg-color);
  background: #ffffff;
  background: var(--ion-default-bg-color);
}
.has-value.text-calendar-time-input-normal ion-select, .has-value.time-input-normal ion-select, .has-value.text-calendar-input-normal ion-select, .has-value.text-search-input-normal ion-select, .has-value.text-selection-input-normal ion-select, .has-value.text-area-input-normal ion-select, .has-value.text-input-normal ion-select, .item-has-value.text-calendar-time-input-normal ion-select, .item-has-value.time-input-normal ion-select, .item-has-value.text-calendar-input-normal ion-select, .item-has-value.text-search-input-normal ion-select, .item-has-value.text-selection-input-normal ion-select, .item-has-value.text-area-input-normal ion-select, .item-has-value.text-input-normal ion-select {
  --placeholder-color: var(--ion-color-step-400);
}
.has-value.text-calendar-time-input-normal select, .has-value.time-input-normal select, .has-value.text-calendar-input-normal select, .has-value.text-search-input-normal select, .has-value.text-selection-input-normal select, .has-value.text-area-input-normal select, .has-value.text-input-normal select, .item-has-value.text-calendar-time-input-normal select, .item-has-value.time-input-normal select, .item-has-value.text-calendar-input-normal select, .item-has-value.text-search-input-normal select, .item-has-value.text-selection-input-normal select, .item-has-value.text-area-input-normal select, .item-has-value.text-input-normal select {
  --placeholder-color: var(--ion-color-step-400);
}
[disabled].text-calendar-time-input-normal, [disabled].time-input-normal, [disabled].text-calendar-input-normal, [disabled].text-search-input-normal, [disabled].text-selection-input-normal, [disabled].text-area-input-normal, [disabled].text-input-normal {
  --background: var(--ion-color-step-100);
  background: #f4f4f8;
  background: var(--ion-color-step-100);
}
[disabled].text-calendar-time-input-normal ion-select, [disabled].time-input-normal ion-select, [disabled].text-calendar-input-normal ion-select, [disabled].text-search-input-normal ion-select, [disabled].text-selection-input-normal ion-select, [disabled].text-area-input-normal ion-select, [disabled].text-input-normal ion-select {
  --placeholder-color: var(--ion-default-text-color);
  --placeholder-opacity: 0.6;
}
[disabled].text-calendar-time-input-normal select, [disabled].time-input-normal select, [disabled].text-calendar-input-normal select, [disabled].text-search-input-normal select, [disabled].text-selection-input-normal select, [disabled].text-area-input-normal select, [disabled].text-input-normal select {
  --placeholder-color: var(--ion-default-text-color);
  --placeholder-opacity: 0.6;
}
[optional].text-calendar-time-input-normal, [optional].time-input-normal, [optional].text-calendar-input-normal, [optional].text-search-input-normal, [optional].text-selection-input-normal, [optional].text-area-input-normal, [optional].text-input-normal, [optional] .text-calendar-time-input-normal, [optional] .time-input-normal, [optional] .text-calendar-input-normal, [optional] .text-search-input-normal, [optional] .text-selection-input-normal, [optional] .text-area-input-normal, [optional] .text-input-normal {
  --background: var(--ion-default-bg-color);
  background: #ffffff;
  background: var(--ion-default-bg-color);
}
[invalid].text-calendar-time-input-normal, [invalid].time-input-normal, [invalid].text-calendar-input-normal, [invalid].text-search-input-normal, [invalid].text-selection-input-normal, [invalid].text-area-input-normal, [invalid].text-input-normal {
  --background: var(--ion-form-error-bg-color);
  background: #fcecec;
  background: var(--ion-form-error-bg-color);
}
[invalid].text-calendar-time-input-normal ion-select, [invalid].time-input-normal ion-select, [invalid].text-calendar-input-normal ion-select, [invalid].text-search-input-normal ion-select, [invalid].text-selection-input-normal ion-select, [invalid].text-area-input-normal ion-select, [invalid].text-input-normal ion-select {
  --placeholder-color: var(--ion-default-text-color);
  --placeholder-opacity: 1;
}
[invalid].text-calendar-time-input-normal select, [invalid].time-input-normal select, [invalid].text-calendar-input-normal select, [invalid].text-search-input-normal select, [invalid].text-selection-input-normal select, [invalid].text-area-input-normal select, [invalid].text-input-normal select {
  --placeholder-color: var(--ion-default-text-color);
  --placeholder-opacity: 1;
}
.landing-theme .text-calendar-time-input-normal, .landing-theme .time-input-normal, .landing-theme .text-calendar-input-normal, .landing-theme .text-search-input-normal, .landing-theme .text-selection-input-normal, .landing-theme .text-area-input-normal, .landing-theme .text-input-normal {
  --background: none;
  background: none;
}
.landing-theme .text-calendar-time-input-normal ion-select, .landing-theme .time-input-normal ion-select, .landing-theme .text-calendar-input-normal ion-select, .landing-theme .text-search-input-normal ion-select, .landing-theme .text-selection-input-normal ion-select, .landing-theme .text-area-input-normal ion-select, .landing-theme .text-input-normal ion-select {
  --placeholder-color: var(--ion-color-custom-white);
  --placeholder-opacity: 1;
}
.landing-theme .text-calendar-time-input-normal select, .landing-theme .time-input-normal select, .landing-theme .text-calendar-input-normal select, .landing-theme .text-search-input-normal select, .landing-theme .text-selection-input-normal select, .landing-theme .text-area-input-normal select, .landing-theme .text-input-normal select {
  --placeholder-color: var(--ion-color-custom-white);
  --placeholder-opacity: 1;
}
/*
 * Input
 * ----------------------------------------------------------------------------
 *
 */
/* text-input-normal */
.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) {
  .text-input-normal {
    min-height: 80px;
  }
}
.text-input-normal.text-input-normal-card-code {
  width: calc(16.08vw * 2);
  width: calc(var(--space-size-60) * 2);
}
.text-input-normal.text-input-normal-postal-code {
  width: calc(13.4vw * 2);
  width: calc(var(--space-size-50) * 2);
}
.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;
}
/* text-area-input-normal */
/* text-selection-input-normal */
.text-selection-input-normal {
  --padding-start: 0;
  /* container query version */
}
@container app-page-responsive-content-container (min-width: 769px) {
  .text-selection-input-normal {
    display: flex;
    align-items: center;
    padding-top: 0;
    padding-bottom: 0;
  }
}
.text-selection-input-normal ion-select {
  min-width: 100%;
}
.text-selection-input-normal select {
  min-width: 100%;
  /* container query version */
}
@container app-page-responsive-content-container (min-width: 769px) {
  .text-selection-input-normal select {
    min-height: 78px;
  }
}
/* text-search-input-normal */
/* text-calendar-input-normal */
.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: 5.36vw 0;
  margin: var(--space-size-20) 0;
  text-align: left;
  background: #faf7f1;
  background: var(--ion-table-form-bg-color);
  /* container query version */
}
.text-calendar-input-normal:after {
  display: block;
  width: 6.7vw;
  width: var(--space-size-25);
  height: 6.7vw;
  height: var(--space-size-25);
  background: url('ios-calendar-icon.c4bae0081dd2ad5da7f7.svg') no-repeat 0 0;
  background-size: 6.7vw 6.7vw;
  background-size: var(--space-size-25) var(--space-size-25);
  content: "";
  position: absolute;
  top: calc(50% - 12px);
  right: 4.02vw;
  right: var(--space-size-15);
  bottom: auto;
  left: auto;
}
@container app-page-responsive-content-container (min-width: 769px) {
  .text-calendar-input-normal {
    display: flex;
    align-items: center;
    min-height: 80px;
  }
}
/* text-search-input-normal */
.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: #ffffff;
  background: var(--ion-color-custom-white);
}
.time-input-normal:after {
  display: block;
  width: 17px;
  height: 10px;
  color: transparent;
  background-color: #c6a465;
  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: 4.02vw;
  right: var(--space-size-15);
  bottom: auto;
  left: auto;
}
.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: 2.68vw;
  right: var(--space-size-10);
  bottom: auto;
  left: auto;
}
/* text-calendar-time-input-normal */
.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: 5.36vw 0;
  margin: var(--space-size-20) 0;
  text-align: left;
  background: #faf7f1;
  background: var(--ion-table-form-bg-color);
}
.text-calendar-time-input-normal:after {
  display: block;
  width: 6.7vw;
  width: var(--space-size-25);
  height: 6.7vw;
  height: var(--space-size-25);
  background: no-repeat 0 0;
  background-size: 6.7vw 6.7vw;
  background-size: var(--space-size-25) var(--space-size-25);
  content: "";
  position: absolute;
  top: calc(50% - 12px);
  right: 4.02vw;
  right: var(--space-size-15);
  bottom: auto;
  left: auto;
}
.position-relative {
  position: relative;
}
.password-icon {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  margin-right: 10px;
  z-index: 999;
  font-size: 24px;
}
input::-ms-reveal {
  display: none;
}
/*
 * Link Base
 * ----------------------------------------------------------------------------
 *
 */
.link-icon, .link-inline, .link-large, .text-in-sentence, .text-normal-link, .link-normal {
  margin: 5.36vw 0;
  margin: var(--space-size-20) 0;
}
.link-icon:first-child, .link-inline:first-child, .link-large:first-child, .text-in-sentence:first-child, .text-normal-link:first-child, .link-normal:first-child {
  margin-top: 0;
}
.link-icon:last-child, .link-inline:last-child, .link-large:last-child, .text-in-sentence:last-child, .text-normal-link:last-child, .link-normal:last-child {
  margin-bottom: 0;
}
.link-icon a, .link-inline a, .link-large a, .text-in-sentence a, .text-normal-link a, .link-normal a {
  color: #0099ff !important;
  color: var(--ion-link-text-color) !important;
  text-decoration: none;
}
.link-icon a:link, .link-inline a:link, .link-large a:link, .text-in-sentence a:link, .text-normal-link a:link, .link-normal a:link, .link-icon a:visited, .link-inline a:visited, .link-large a:visited, .text-in-sentence a:visited, .text-normal-link a:visited, .link-normal a:visited, .link-icon a:hover, .link-inline a:hover, .link-large a:hover, .text-in-sentence a:hover, .text-normal-link a:hover, .link-normal a:hover, .link-icon a:active, .link-inline a:active, .link-large a:active, .text-in-sentence a:active, .text-normal-link a:active, .link-normal a:active {
  color: #0099ff;
  color: var(--ion-link-text-color);
}
.link-icon a ion-icon, .link-inline a ion-icon, .link-large a ion-icon, .text-in-sentence a ion-icon, .text-normal-link a ion-icon, .link-normal a ion-icon {
  flex-shrink: 0;
}
.landing-theme .link-icon a, .landing-theme .link-inline a, .landing-theme .link-large a, .landing-theme .text-in-sentence a, .landing-theme .text-normal-link a, .landing-theme .link-normal a {
  color: #111111 !important;
  color: var(--ion-default-text-color) !important;
}
.landing-theme .link-icon a ion-icon, .landing-theme .link-inline a ion-icon, .landing-theme .link-large a ion-icon, .landing-theme .text-in-sentence a ion-icon, .landing-theme .text-normal-link a ion-icon, .landing-theme .link-normal a ion-icon {
  stroke: #28a69a;
  stroke: var(--ion-color-custom-dark-green);
}
[link-green].link-icon a, [link-green].link-inline a, [link-green].link-large a, [link-green].text-in-sentence a, [link-green].text-normal-link a, [link-green].link-normal a {
  color: #111111 !important;
  color: var(--ion-default-text-color) !important;
}
[link-green].link-icon a ion-icon, [link-green].link-inline a ion-icon, [link-green].link-large a ion-icon, [link-green].text-in-sentence a ion-icon, [link-green].text-normal-link a ion-icon, [link-green].link-normal a ion-icon {
  stroke: #28a69a;
  stroke: var(--ion-color-custom-dark-green);
}
[linkMiddle].link-icon, [linkMiddle].link-inline, [linkMiddle].link-large, [linkMiddle].text-in-sentence, [linkMiddle].text-normal-link, [linkMiddle].link-normal,
.link-icon [linkMiddle],
.link-inline [linkMiddle],
.link-large [linkMiddle],
.text-in-sentence [linkMiddle],
.text-normal-link [linkMiddle],
.link-normal [linkMiddle] {
  text-align: center;
}
[linkRight].link-icon, [linkRight].link-inline, [linkRight].link-large, [linkRight].text-in-sentence, [linkRight].text-normal-link, [linkRight].link-normal,
.link-icon [linkRight],
.link-inline [linkRight],
.link-large [linkRight],
.text-in-sentence [linkRight],
.text-normal-link [linkRight],
.link-normal [linkRight] {
  text-align: right;
}
/* link-image-base */
/*
 * Link
 * ----------------------------------------------------------------------------
 *
 */
/* link-normal */
.link-normal ion-icon {
  padding-bottom: calc(1.34vw / 2);
  padding-bottom: calc(var(--space-size-5) / 2);
  line-height: 1;
  vertical-align: middle;
  stroke: #0099ff;
  stroke: var(--ion-link-icon-color);
}
.landing-theme .link-normal ion-icon {
  stroke: #111111 !important;
  stroke: var(--ion-default-text-color) !important;
}
/* text-normal-link */
.text-normal-link:first-child {
  margin-top: 0;
}
.text-normal-link:last-child {
  margin-bottom: 0;
}
.text-normal-link a,
.text-normal-link span {
  margin: 0 !important;
}
.text-normal-link a ion-icon,
.text-normal-link span ion-icon {
  stroke: #0099ff;
  stroke: var(--ion-link-icon-color);
}
.text-normal-link[UNI-G19-07] a {
  text-decoration: underline;
}
/* text-in-sentence */
.text-in-sentence {
  line-height: 1.6;
}
.text-in-sentence:first-child {
  margin-top: 0;
}
.text-in-sentence:last-child {
  margin-bottom: 0;
}
.text-in-sentence .text-normal, .text-in-sentence .list-sensor, .text-in-sentence .list-note-ja, .text-in-sentence .list-sharp-03, .text-in-sentence .list-sharp-02, .text-in-sentence .list-sharp-02-from4, .text-in-sentence .list-sharp-02-from3, .text-in-sentence .list-sharp-02-from2, .text-in-sentence .list-sharp, .text-in-sentence .list-example, .text-in-sentence .list-alphabetical, .text-in-sentence .list-decimal-04, .text-in-sentence .list-decimal-03, .text-in-sentence .list-decimal-02, .text-in-sentence .list-decimal, .text-in-sentence .list-dot-6, .text-in-sentence .list-dot-5, .text-in-sentence .list-dot-3, .text-in-sentence .list-dot {
  margin: 0;
  vertical-align: middle;
}
.text-in-sentence a {
  margin: 0 !important;
  line-height: normal;
  line-height: initial;
}
.text-in-sentence a span {
  vertical-align: middle;
}
.text-in-sentence a ion-icon {
  margin: 0;
  padding-left: 2px;
  vertical-align: middle;
  stroke: #0099ff;
  stroke: var(--ion-link-icon-color);
}
/* link-large */
/* link-inline */
.link-inline {
  display: inline-block;
  margin: 5.36vw 0;
  margin: var(--space-size-20) 0;
}
.link-inline.unique-g19-07 {
  display: flex;
  align-items: center;
}
.link-inline.unique-g19-07 a,
.link-inline.unique-g19-07 span {
  margin: 0 !important;
}
.link-inline:first-child {
  margin-top: 0;
}
.link-inline:last-child {
  margin-bottom: 0;
}
.link-inline a,
.link-inline span {
  display: flex;
  align-items: center;
  margin: 0 5.36vw 0 0 !important;
  margin: 0 var(--space-size-20) 0 0 !important;
}
.link-inline ion-icon {
  padding-bottom: calc(1.34vw / 3);
  padding-bottom: calc(var(--space-size-5) / 3);
  line-height: 1;
  vertical-align: middle;
  stroke: #0099ff;
  stroke: var(--ion-link-icon-color);
}
/* link-icon */
.link-icon {
  padding: 0 0 0 5px;
}
/* link-image-1 */
.link-image-1 {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  margin-top: 8.04vw;
  margin-top: var(--space-size-30);
  grid-column-gap: 4.02vw;
  -moz-column-gap: 4.02vw;
       column-gap: 4.02vw;
  grid-column-gap: var(--space-size-15);
  -moz-column-gap: var(--space-size-15);
       column-gap: var(--space-size-15);
  grid-row-gap: 8.04vw;
  row-gap: 8.04vw;
  grid-row-gap: var(--space-size-30);
  row-gap: var(--space-size-30);
}
.link-image-1 > div {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.link-image-1 > div ion-thumbnail {
  width: 100%;
  margin-bottom: 4.02vw;
  margin-bottom: var(--space-size-15);
}
.link-image-1 > div a {
  color: #111111;
  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 .link-image-1 > div {
  padding: 2.68vw;
  padding: var(--space-size-10);
  border: 1px solid #ded2bc;
  border: 1px solid var(--ion-form-border-color);
  border-radius: 4.02vw;
  border-radius: var(--space-size-15);
}
.link-image-1 ion-thumbnail {
  height: calc(8.04vw * 7);
  height: calc(var(--space-size-30) * 7);
  margin: 0;
}
.link-image-1 .link-normal {
  margin: 0;
  color: #0099ff !important;
  color: var(--ion-link-text-color) !important;
}
.link-image-1 .text-normal, .link-image-1 .list-sensor, .link-image-1 .list-note-ja, .link-image-1 .list-sharp-03, .link-image-1 .list-sharp-02, .link-image-1 .list-sharp-02-from4, .link-image-1 .list-sharp-02-from3, .link-image-1 .list-sharp-02-from2, .link-image-1 .list-sharp, .link-image-1 .list-example, .link-image-1 .list-alphabetical, .link-image-1 .list-decimal-04, .link-image-1 .list-decimal-03, .link-image-1 .list-decimal-02, .link-image-1 .list-decimal, .link-image-1 .list-dot-6, .link-image-1 .list-dot-5, .link-image-1 .list-dot-3, .link-image-1 .list-dot {
  margin: 2.68vw 0 0 0;
  margin: var(--space-size-10) 0 0 0;
}
/* link-image-2 */
.link-image-2 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  margin-top: 8.04vw;
  margin-top: var(--space-size-30);
  grid-column-gap: 4.02vw;
  -moz-column-gap: 4.02vw;
       column-gap: 4.02vw;
  grid-column-gap: var(--space-size-15);
  -moz-column-gap: var(--space-size-15);
       column-gap: var(--space-size-15);
  grid-row-gap: 8.04vw;
  row-gap: 8.04vw;
  grid-row-gap: var(--space-size-30);
  row-gap: var(--space-size-30);
}
.link-image-2 > div {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.link-image-2 > div ion-thumbnail {
  width: 100%;
  margin-bottom: 4.02vw;
  margin-bottom: var(--space-size-15);
}
.link-image-2 > div a {
  color: #111111;
  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 .link-image-2 > div {
  padding: 2.68vw;
  padding: var(--space-size-10);
  border: 1px solid #ded2bc;
  border: 1px solid var(--ion-form-border-color);
  border-radius: 4.02vw;
  border-radius: var(--space-size-15);
}
.link-image-2 ion-thumbnail {
  height: calc( 13.4vw + 13.4vw + 2.68vw);
  height: calc( var(--space-size-50) + var(--space-size-50) + var(--space-size-10) );
}
.link-image-2 a {
  margin: 0;
}
.link-image-2.text-center .link-normal {
  text-align: center;
}
.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: "ヒラギノ角ゴ 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;
}
.unique-box-02 .link-image-2 {
  margin-top: 4.02vw;
  margin-top: var(--space-size-15);
}
/* link-image-3-unique */
.link-image-3-unique {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  margin-top: 8.04vw;
  margin-top: var(--space-size-30);
  grid-column-gap: 4.02vw;
  -moz-column-gap: 4.02vw;
       column-gap: 4.02vw;
  grid-column-gap: var(--space-size-15);
  -moz-column-gap: var(--space-size-15);
       column-gap: var(--space-size-15);
  grid-row-gap: 8.04vw;
  row-gap: 8.04vw;
  grid-row-gap: var(--space-size-30);
  row-gap: var(--space-size-30);
  margin-bottom: 4.02vw;
  margin-bottom: var(--space-size-15);
}
.link-image-3-unique > div {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.link-image-3-unique > div ion-thumbnail {
  width: 100%;
  margin-bottom: 4.02vw;
  margin-bottom: var(--space-size-15);
}
.link-image-3-unique > div a {
  color: #111111;
  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 .link-image-3-unique > div {
  padding: 2.68vw;
  padding: var(--space-size-10);
  border: 1px solid #ded2bc;
  border: 1px solid var(--ion-form-border-color);
  border-radius: 4.02vw;
  border-radius: var(--space-size-15);
}
.link-image-3-unique ion-thumbnail {
  height: calc( 13.4vw + 13.4vw + 2.68vw);
  height: calc( var(--space-size-50) + var(--space-size-50) + var(--space-size-10) );
}
.link-image-3-unique > div {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #d8d8d8;
  border: 1px solid var(--ion-color-step-150);
  min-height: calc(5.36vw * 6);
  min-height: calc(var(--space-size-20) * 6);
}
.link-image-3-unique > div ion-thumbnail {
  margin-bottom: 0;
}
.link-image-3-unique a {
  margin: 0;
}
/* link-image-3-unique-file */
.link-image-3-unique-file {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  margin-top: 8.04vw;
  margin-top: var(--space-size-30);
  grid-column-gap: 4.02vw;
  -moz-column-gap: 4.02vw;
       column-gap: 4.02vw;
  grid-column-gap: var(--space-size-15);
  -moz-column-gap: var(--space-size-15);
       column-gap: var(--space-size-15);
  grid-row-gap: 8.04vw;
  row-gap: 8.04vw;
  grid-row-gap: var(--space-size-30);
  row-gap: var(--space-size-30);
}
.link-image-3-unique-file > div {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.link-image-3-unique-file > div ion-thumbnail {
  width: 100%;
  margin-bottom: 4.02vw;
  margin-bottom: var(--space-size-15);
}
.link-image-3-unique-file > div a {
  color: #111111;
  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 .link-image-3-unique-file > div {
  padding: 2.68vw;
  padding: var(--space-size-10);
  border: 1px solid #ded2bc;
  border: 1px solid var(--ion-form-border-color);
  border-radius: 4.02vw;
  border-radius: var(--space-size-15);
}
.link-image-3-unique-file [type=file] {
  width: 0;
  max-width: 0;
  height: 0;
  overflow: hidden;
}
.link-image-3-unique-file ion-thumbnail {
  height: calc( 13.4vw + 13.4vw + 2.68vw);
  height: calc( var(--space-size-50) + var(--space-size-50) + var(--space-size-10) );
}
.link-image-3-unique-file ion-icon {
  stroke: #c6a465;
  stroke: var(--ion-color-custom-dark-gold);
}
.link-image-3-unique-file > div {
  align-items: flex-start;
  min-height: 140px;
}
.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 #ded2bc;
  border: 1px solid var(--ion-form-border-color);
  min-height: 140px;
}
.link-image-3-unique-file > div label:not(.button-iup-box):not(.btn-iup-thumbnail) ion-thumbnail {
  margin-bottom: 0;
}
.link-image-3-unique-file .btn-iup-thumbnail {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 100%;
  border: 1px solid #d8d8d8;
  border: 1px solid var(--ion-color-step-150);
  min-height: 140px;
}
.link-image-3-unique-file .btn-iup-thumbnail ion-thumbnail {
  margin-bottom: 0;
}
.link-image-3-unique-file a {
  margin: 0;
}
.link-image-3-unique-file .link-normal {
  margin-top: 2.68vw;
  margin-top: var(--space-size-10);
}
.link-image-3-unique-file .link-normal a {
  font-size: calc(0.75rem + 1.07vw);
  font-size: var(--font-size-medium);
  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;
}
.link-image-3-unique-file .link-normal a ion-icon {
  width: 5.36vw;
  width: var(--space-size-20);
  height: 5.36vw;
  height: var(--space-size-20);
  padding-left: 1.34vw;
  padding-left: var(--space-size-5);
  stroke: #0099ff;
  stroke: var(--ion-color-link);
}
.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: 5.36vw 5.36vw 4.02vw 5.36vw;
  padding: var(--space-size-20) var(--space-size-20) var(--space-size-15) var(--space-size-20);
  border: 1px solid #ded2bc;
  border: 1px solid var(--ion-form-border-color);
  border-radius: 4px;
}
.link-image-3-unique-file .link-image-3-unique-file-before .button-iup-box {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2.68vw;
  padding: var(--space-size-10);
  border: 1px dashed #cccccc;
  border: 1px dashed var(--ion-color-step-200);
  border-radius: 4px;
}
.link-image-3-unique-file .link-image-3-unique-file-before .button-iup-box ion-icon {
  width: 8.04vw;
  width: var(--space-size-30);
  height: 8.04vw;
  height: var(--space-size-30);
}
.link-image-3-unique-file .link-image-3-unique-file-before .text-normal, .link-image-3-unique-file .link-image-3-unique-file-before .list-sensor, .link-image-3-unique-file .link-image-3-unique-file-before .list-note-ja, .link-image-3-unique-file .link-image-3-unique-file-before .list-sharp-03, .link-image-3-unique-file .link-image-3-unique-file-before .list-sharp-02, .link-image-3-unique-file .link-image-3-unique-file-before .list-sharp-02-from4, .link-image-3-unique-file .link-image-3-unique-file-before .list-sharp-02-from3, .link-image-3-unique-file .link-image-3-unique-file-before .list-sharp-02-from2, .link-image-3-unique-file .link-image-3-unique-file-before .list-sharp, .link-image-3-unique-file .link-image-3-unique-file-before .list-example, .link-image-3-unique-file .link-image-3-unique-file-before .list-alphabetical, .link-image-3-unique-file .link-image-3-unique-file-before .list-decimal-04, .link-image-3-unique-file .link-image-3-unique-file-before .list-decimal-03, .link-image-3-unique-file .link-image-3-unique-file-before .list-decimal-02, .link-image-3-unique-file .link-image-3-unique-file-before .list-decimal, .link-image-3-unique-file .link-image-3-unique-file-before .list-dot-6, .link-image-3-unique-file .link-image-3-unique-file-before .list-dot-5, .link-image-3-unique-file .link-image-3-unique-file-before .list-dot-3, .link-image-3-unique-file .link-image-3-unique-file-before .list-dot {
  margin-top: 4.02vw;
  margin-top: var(--space-size-15);
  margin-right: -4.02vw;
  margin-right: var(--space-size-reset);
  margin-left: -4.02vw;
  margin-left: var(--space-size-reset);
}
/* link-image-3 */
.link-image-3 div {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  margin-bottom: 4.02vw;
  margin-bottom: var(--space-size-15);
}
.link-image-3 .text-normal, .link-image-3 .list-sensor, .link-image-3 .list-note-ja, .link-image-3 .list-sharp-03, .link-image-3 .list-sharp-02, .link-image-3 .list-sharp-02-from4, .link-image-3 .list-sharp-02-from3, .link-image-3 .list-sharp-02-from2, .link-image-3 .list-sharp, .link-image-3 .list-example, .link-image-3 .list-alphabetical, .link-image-3 .list-decimal-04, .link-image-3 .list-decimal-03, .link-image-3 .list-decimal-02, .link-image-3 .list-decimal, .link-image-3 .list-dot-6, .link-image-3 .list-dot-5, .link-image-3 .list-dot-3, .link-image-3 .list-dot {
  margin: 0;
}
.link-image-3 .link-normal a {
  word-break: break-all;
  overflow-wrap: anywhere;
}
.link-image-3 ion-thumbnail {
  min-width: 100px;
  min-height: 100px;
  margin-right: 5.36vw;
  margin-right: var(--space-size-20);
}
/* link-image-2-unique-file */
.link-image-2-unique-file {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  margin-top: 8.04vw;
  margin-top: var(--space-size-30);
  grid-column-gap: 4.02vw;
  -moz-column-gap: 4.02vw;
       column-gap: 4.02vw;
  grid-column-gap: var(--space-size-15);
  -moz-column-gap: var(--space-size-15);
       column-gap: var(--space-size-15);
  grid-row-gap: 8.04vw;
  row-gap: 8.04vw;
  grid-row-gap: var(--space-size-30);
  row-gap: var(--space-size-30);
}
.link-image-2-unique-file > div {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.link-image-2-unique-file > div ion-thumbnail {
  width: 100%;
  margin-bottom: 4.02vw;
  margin-bottom: var(--space-size-15);
}
.link-image-2-unique-file > div a {
  color: #111111;
  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 .link-image-2-unique-file > div {
  padding: 2.68vw;
  padding: var(--space-size-10);
  border: 1px solid #ded2bc;
  border: 1px solid var(--ion-form-border-color);
  border-radius: 4.02vw;
  border-radius: var(--space-size-15);
}
.link-image-2-unique-file [type=file] {
  width: 0;
  max-width: 0;
  height: 0;
  overflow: hidden;
}
.link-image-2-unique-file ion-thumbnail {
  height: calc( 13.4vw + 13.4vw + 2.68vw);
  height: calc( var(--space-size-50) + var(--space-size-50) + var(--space-size-10) );
}
.link-image-2-unique-file ion-icon {
  stroke: #c6a465;
  stroke: var(--ion-color-custom-dark-gold);
}
.link-image-2-unique-file > div {
  align-items: flex-start;
  min-height: calc(21.44vw * 2);
  min-height: calc(var(--space-size-80) * 2);
}
.link-image-2-unique-file .btn-iup-thumbnail {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: calc(21.44vw * 2);
  min-height: calc(var(--space-size-80) * 2);
  border: 1px solid #d8d8d8;
  border: 1px solid var(--ion-color-step-150);
}
.link-image-2-unique-file .btn-iup-thumbnail ion-thumbnail {
  margin-bottom: 0;
}
.link-image-2-unique-file a {
  margin: 0;
}
.link-image-2-unique-file .link-normal {
  margin-top: 2.68vw;
  margin-top: var(--space-size-10);
}
.link-image-2-unique-file .link-normal a {
  font-size: calc(0.75rem + 1.07vw);
  font-size: var(--font-size-medium);
  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;
}
.link-image-2-unique-file .link-normal a ion-icon {
  width: 5.36vw;
  width: var(--space-size-20);
  height: 5.36vw;
  height: var(--space-size-20);
  padding-left: 1.34vw;
  padding-left: var(--space-size-5);
  stroke: #0099ff;
  stroke: var(--ion-color-link);
}
.link-image-2-unique-file .button-iup-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: calc(21.44vw * 2);
  min-height: calc(var(--space-size-80) * 2);
  padding: 5.36vw;
  padding: var(--space-size-20);
  border: 1px solid #ded2bc;
  border: 1px solid var(--ion-form-border-color);
  border-radius: 4px;
}
.link-image-2-unique-file .button-iup-box ion-thumbnail {
  width: 100%;
  min-height: 118px;
}
.link-image-2-unique-file .button-iup-box .text-normal, .link-image-2-unique-file .button-iup-box .list-sensor, .link-image-2-unique-file .button-iup-box .list-note-ja, .link-image-2-unique-file .button-iup-box .list-sharp-03, .link-image-2-unique-file .button-iup-box .list-sharp-02, .link-image-2-unique-file .button-iup-box .list-sharp-02-from4, .link-image-2-unique-file .button-iup-box .list-sharp-02-from3, .link-image-2-unique-file .button-iup-box .list-sharp-02-from2, .link-image-2-unique-file .button-iup-box .list-sharp, .link-image-2-unique-file .button-iup-box .list-example, .link-image-2-unique-file .button-iup-box .list-alphabetical, .link-image-2-unique-file .button-iup-box .list-decimal-04, .link-image-2-unique-file .button-iup-box .list-decimal-03, .link-image-2-unique-file .button-iup-box .list-decimal-02, .link-image-2-unique-file .button-iup-box .list-decimal, .link-image-2-unique-file .button-iup-box .list-dot-6, .link-image-2-unique-file .button-iup-box .list-dot-5, .link-image-2-unique-file .button-iup-box .list-dot-3, .link-image-2-unique-file .button-iup-box .list-dot {
  margin-top: 5.36vw;
  margin-top: var(--space-size-20);
  font-size: calc(0.75rem + 1.07vw);
  font-size: var(--font-size-medium);
}
.link-image-2-unique-file .button-iup-box .button-iup-icon {
  display: flex;
  align-items: center;
  padding: 4.02vw;
  padding: var(--space-size-15);
  border: 1px dashed #bfbfbf;
  border: 1px dashed var(--ion-color-step-250);
  border-radius: 4px;
}
.link-image-2-unique-file .button-iup-box .button-iup-icon ion-icon {
  width: 8.04vw;
  width: var(--space-size-30);
  height: 8.04vw;
  height: var(--space-size-30);
  stroke: #c6a465;
  stroke: var(--ion-color-custom-dark-gold);
}
.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%;
}
.link-youtube > iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.link-in-text {
  color: #0099ff !important;
  color: var(--ion-link-text-color) !important;
  text-decoration: none;
}
@media only screen and (max-width: 545px) {
  .upload-image-text {
    height: 50px;
  }
}
/*
 * Paragraph Base
 * ----------------------------------------------------------------------------
 *
 */
.list-sensor, .list-note-ja, .list-sharp-03, .list-sharp-02, .list-sharp-02-from4, .list-sharp-02-from3, .list-sharp-02-from2, .list-sharp, .list-example, .list-alphabetical, .list-decimal-04, .list-decimal-03, .list-decimal-02, .list-decimal, .list-dot-6, .list-dot-5, .list-dot-3, .list-dot {
  margin: 8.04vw 0 0 0;
  margin: var(--space-size-30) 0 0 0;
  list-style: none;
}
.list-sensor > li, .list-note-ja > li, .list-sharp-03 > li, .list-sharp-02 > li, .list-sharp-02-from4 > li, .list-sharp-02-from3 > li, .list-sharp-02-from2 > li, .list-sharp > li, .list-example > li, .list-alphabetical > li, .list-decimal-04 > li, .list-decimal-03 > li, .list-decimal-02 > li, .list-decimal > li, .list-dot-6 > li, .list-dot-5 > li, .list-dot-3 > li, .list-dot > li {
  position: relative;
  margin: 0 0 4.02vw 6.7vw;
  margin: 0 0 var(--space-size-15) var(--space-size-25);
}
.list-sensor > li:first-child, .list-note-ja > li:first-child, .list-sharp-03 > li:first-child, .list-sharp-02 > li:first-child, .list-sharp-02-from4 > li:first-child, .list-sharp-02-from3 > li:first-child, .list-sharp-02-from2 > li:first-child, .list-sharp > li:first-child, .list-example > li:first-child, .list-alphabetical > li:first-child, .list-decimal-04 > li:first-child, .list-decimal-03 > li:first-child, .list-decimal-02 > li:first-child, .list-decimal > li:first-child, .list-dot-6 > li:first-child, .list-dot-5 > li:first-child, .list-dot-3 > li:first-child, .list-dot > li:first-child {
  margin-top: 0;
}
.list-sensor > li:last-child, .list-note-ja > li:last-child, .list-sharp-03 > li:last-child, .list-sharp-02 > li:last-child, .list-sharp-02-from4 > li:last-child, .list-sharp-02-from3 > li:last-child, .list-sharp-02-from2 > li:last-child, .list-sharp > li:last-child, .list-example > li:last-child, .list-alphabetical > li:last-child, .list-decimal-04 > li:last-child, .list-decimal-03 > li:last-child, .list-decimal-02 > li:last-child, .list-decimal > li:last-child, .list-dot-6 > li:last-child, .list-dot-5 > li:last-child, .list-dot-3 > li:last-child, .list-dot > li:last-child {
  margin-bottom: 0;
}
.list-sensor > li > ul > li, .list-note-ja > li > ul > li, .list-sharp-03 > li > ul > li, .list-sharp-02 > li > ul > li, .list-sharp-02-from4 > li > ul > li, .list-sharp-02-from3 > li > ul > li, .list-sharp-02-from2 > li > ul > li, .list-sharp > li > ul > li, .list-example > li > ul > li, .list-alphabetical > li > ul > li, .list-decimal-04 > li > ul > li, .list-decimal-03 > li > ul > li, .list-decimal-02 > li > ul > li, .list-decimal > li > ul > li, .list-dot-6 > li > ul > li, .list-dot-5 > li > ul > li, .list-dot-3 > li > ul > li, .list-dot > li > ul > li {
  margin-left: 8.04vw;
  margin-left: var(--space-size-30);
}
.list-sensor > li > ul > li:first-child, .list-note-ja > li > ul > li:first-child, .list-sharp-03 > li > ul > li:first-child, .list-sharp-02 > li > ul > li:first-child, .list-sharp-02-from4 > li > ul > li:first-child, .list-sharp-02-from3 > li > ul > li:first-child, .list-sharp-02-from2 > li > ul > li:first-child, .list-sharp > li > ul > li:first-child, .list-example > li > ul > li:first-child, .list-alphabetical > li > ul > li:first-child, .list-decimal-04 > li > ul > li:first-child, .list-decimal-03 > li > ul > li:first-child, .list-decimal-02 > li > ul > li:first-child, .list-decimal > li > ul > li:first-child, .list-dot-6 > li > ul > li:first-child, .list-dot-5 > li > ul > li:first-child, .list-dot-3 > li > ul > li:first-child, .list-dot > li > ul > li:first-child {
  margin-top: 4.02vw;
  margin-top: var(--space-size-15);
}
/*
 * Paragraph
 * ----------------------------------------------------------------------------
 *
 */
/* list dot */
.list-dot {
  margin: 8.04vw 0;
  margin: var(--space-size-30) 0;
}
.list-dot:first-child {
  margin-top: 0;
}
.list-dot:last-child {
  margin-bottom: 0;
}
.list-dot > li {
  margin-left: 16px !important;
  line-height: 1.75rem;
  text-indent: -8px;
}
.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;
}
[small] .list-dot > li {
  margin: 2.68vw 0;
  margin: var(--space-size-10) 0;
}
.list-dot > li span {
  vertical-align: middle;
}
.list-dot > li.list-icon span {
  margin-left: -5px;
  vertical-align: bottom;
}
.list-dot > li ion-icon {
  display: inline-block;
  width: calc(5.36vw + 4px);
  width: calc(var(--space-size-20) + 4px);
  height: calc(5.36vw + 4px);
  height: calc(var(--space-size-20) + 4px);
  margin-top: -4px;
  margin-left: 5px;
  vertical-align: middle;
  cursor: pointer;
  fill: #c6a465;
  fill: var(--ion-form-icon-color);
}
.list-dot .list-decimal-04 {
  margin: 4.02vw 0 0 5.36vw;
  margin: var(--space-size-15) 0 0 var(--space-size-20);
}
.list-dot .list-decimal-04 > li {
  margin-left: 16px;
  line-height: 1.75rem;
}
.list-dot .list-sharp > li:first-child {
  margin-top: 1.34vw;
  margin-top: var(--space-size-5);
}
/* list dot 2 */
.list-dot-2 li {
  margin-bottom: 1.34vw;
  margin-bottom: var(--space-size-5);
  margin-left: 16px !important;
  line-height: 1.75rem;
  text-indent: -8px;
}
.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;
}
/* list dot 3 */
.list-dot-3 {
  margin: 8.04vw 0;
  margin: var(--space-size-30) 0;
}
.list-dot-3:first-child {
  margin-top: 0;
}
.list-dot-3:last-child {
  margin-bottom: 0;
}
.list-dot-3 > li {
  margin-left: 16px !important;
  line-height: 1.75rem;
  text-indent: -8px;
}
.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] .list-dot-3 > li {
  margin: 2.68vw 0;
  margin: var(--space-size-10) 0;
}
.list-dot-3 > li span {
  vertical-align: middle;
}
.list-dot-3 > li.list-icon span {
  margin-left: -5px;
  vertical-align: bottom;
}
.list-dot-3 > li ion-icon {
  display: inline-block;
  margin-top: -4px;
  vertical-align: middle;
  cursor: pointer;
  stroke: #0099ff;
  stroke: var(--ion-link-icon-color);
}
.list-dot-3 .list-decimal-04 {
  margin: 4.02vw 0 0 5.36vw;
  margin: var(--space-size-15) 0 0 var(--space-size-20);
}
.list-dot-3 .list-decimal-04 > li {
  margin-left: 16px;
  line-height: 1.75rem;
}
.list-dot-3 .list-sharp > li:first-child {
  margin-top: 1.34vw;
  margin-top: var(--space-size-5);
}
/* list dot 4 */
.list-dot-4 li {
  margin-bottom: 1.34vw;
  margin-bottom: var(--space-size-5);
  margin-left: 16px !important;
  color: #0099ff !important;
  color: var(--ion-link-text-color) !important;
  line-height: 1.75rem;
  text-indent: -8px;
}
.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;
}
/* list dot 5 */
.list-dot-5 {
  margin: 2.68vw 0 8.04vw;
  margin: var(--space-size-10) 0 var(--space-size-30);
}
.list-dot-5:first-child {
  margin-top: 0;
}
.list-dot-5:last-child {
  margin-bottom: 0;
}
.list-dot-5 > li {
  margin-left: 1.5em !important;
  line-height: 1.75rem;
}
.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;
}
[small] .list-dot-5 > li {
  margin: 2.68vw 0;
  margin: var(--space-size-10) 0;
}
.list-dot-5 > li span {
  vertical-align: middle;
}
.list-dot-5 > li.list-icon span {
  margin-left: -5px;
  vertical-align: bottom;
}
.list-dot-5 > li ion-icon {
  width: calc(5.36vw + 4px);
  width: calc(var(--space-size-20) + 4px);
  height: calc(5.36vw + 4px);
  height: calc(var(--space-size-20) + 4px);
  margin-top: -4px;
  padding-top: 1px;
  vertical-align: middle;
  fill: #c6a465;
  fill: var(--ion-form-icon-color);
}
.list-dot-5 .list-decimal-04 {
  margin: 4.02vw 0 0 5.36vw;
  margin: var(--space-size-15) 0 0 var(--space-size-20);
}
.list-dot-5 .list-decimal-04 > li {
  margin-left: 16px;
  line-height: 1.75rem;
}
.list-dot-5 .list-sharp > li:first-child {
  margin-top: 1.34vw;
  margin-top: var(--space-size-5);
}
.list-dot-5 .indent {
  margin-left: 4%;
}
.list-dot-6 {
  margin: 2.68vw 0 2.68vw 0 !important;
  margin: var(--space-size-10) 0 var(--space-size-10) 0 !important;
}
.list-dot-6:first-child {
  margin-top: 0;
}
.list-dot-6:last-child {
  margin-bottom: 0;
}
.list-dot-6 > li {
  margin-left: 16px !important;
  line-height: 1.75rem;
  text-indent: -8px;
}
.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;
}
.list-dot-6 > li[li-text-small] {
  font-size: calc(0.625rem + 1.07vw);
  font-size: var(--font-size-small);
  margin: 1.27vw 0 1.27vw;
  margin: var(--space-size-4) 0 var(--space-size-4);
}
[small] .list-dot-6 > li {
  margin: 2.68vw 0;
  margin: var(--space-size-10) 0;
}
.list-dot-6 > li span {
  vertical-align: middle;
}
.list-dot-6 > li.list-icon span {
  margin-left: -5px;
  vertical-align: bottom;
}
.list-dot-6 > li ion-icon {
  display: inline-block;
  width: calc(5.36vw + 4px);
  width: calc(var(--space-size-20) + 4px);
  height: calc(5.36vw + 4px);
  height: calc(var(--space-size-20) + 4px);
  margin-top: -4px;
  margin-left: 5px;
  vertical-align: middle;
  cursor: pointer;
  fill: #c6a465;
  fill: var(--ion-form-icon-color);
}
.list-dot-6 .list-decimal-04 {
  margin: 4.02vw 0 0 5.36vw;
  margin: var(--space-size-15) 0 0 var(--space-size-20);
}
.list-dot-6 .list-decimal-04 > li {
  margin-left: 16px;
  line-height: 1.75rem;
}
.list-dot-6 .list-sharp > li:first-child {
  margin-top: 1.34vw;
  margin-top: var(--space-size-5);
}
/* list decimal */
.list-decimal {
  margin-left: 4.02vw;
  margin-left: var(--space-size-15);
  list-style: decimal;
}
.list-decimal[indentNone] {
  text-indent: 0;
}
/* list decimal 02 */
.list-decimal-02 {
  counter-reset: step;
}
.list-decimal-02 > li {
  padding-left: 2.68vw;
  padding-left: var(--space-size-10);
}
.list-decimal-02 > li::before {
  content: "(" counter(step) ")";
  counter-increment: step;
  position: absolute;
  top: auto;
  right: auto;
  bottom: auto;
  left: -24px;
}
/* list decimal 03 */
.list-decimal-03 {
  counter-reset: step;
}
.list-decimal-03 > dl > dt {
  position: relative;
  display: flex;
  margin: 0 0 1.34vw 6.7vw;
  margin: 0 0 var(--space-size-5) var(--space-size-25);
  padding-left: 2.68vw;
  padding-left: var(--space-size-10);
}
.list-decimal-03 > dl > dt::before {
  width: 6.7vw;
  width: var(--space-size-25);
  height: 6.7vw;
  height: var(--space-size-25);
  color: #ffffff;
  color: var(--ion-table-header-text-color);
  line-height: 6.7vw;
  line-height: var(--space-size-25);
  text-align: center;
  background: #c6a465;
  background: var(--ion-form-icon-color);
  content: counter(step);
  counter-increment: step;
  position: absolute;
  top: auto;
  right: auto;
  bottom: auto;
  left: calc(-1 * 6.7vw);
  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: "ヒラギノ角ゴ 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;
  border-radius: 50%;
}
.list-decimal-03 > dl > dd p {
  margin-left: 9.38vw;
  margin-left: var(--space-size-35);
}
.list-decimal-03.long-contents > dl > dt {
  margin: 0 0 5.36vw 2.68vw;
  margin: 0 0 var(--space-size-20) var(--space-size-10);
}
.list-decimal-03.long-contents > dl > dt .list-decimal-03-num {
  width: 6.7vw;
  width: var(--space-size-25);
  height: 6.7vw;
  height: var(--space-size-25);
  margin-left: 4.02vw;
  margin-left: var(--space-size-15);
  color: #ffffff;
  color: var(--ion-table-header-text-color);
  line-height: 6.7vw;
  line-height: var(--space-size-25);
  text-align: center;
  background: #c6a465;
  background: var(--ion-form-icon-color);
  position: absolute;
  top: auto;
  right: auto;
  bottom: auto;
  left: calc(-1 * 6.7vw);
  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: "ヒラギノ角ゴ 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;
  border-radius: 50%;
}
.list-decimal-03.long-contents > dl > dt dd .button-wrap, .list-decimal-03.long-contents > dl > dt dd .button-wrap-slim {
  margin: 5.36vw 0 !important;
  margin: var(--space-size-20) 0 !important;
}
.list-decimal-03.long-contents > dl > dt::before {
  display: none;
}
.modal-box .list-decimal-03 > dl > dt {
  padding-right: 4.02vw;
  padding-right: var(--space-size-15);
  padding-left: 6.7vw;
  padding-left: var(--space-size-25);
}
.modal-box .list-decimal-03 > dl > dd > p {
  margin: 0;
}
.list-decimal-03 .button-iup-1-wrap input {
  display: none;
}
.list-decimal-03 .button-iup-1-wrap .button-iup-box {
  margin-top: 0;
}
/* list decimal 04 */
.list-decimal-04 > li::before {
  position: absolute;
  top: auto;
  right: auto;
  bottom: auto;
  left: -24px;
}
.list-decimal-04 > li:nth-of-type(1):before {
  content: "①";
}
.list-decimal-04 > li:nth-of-type(2):before {
  content: "②";
}
.list-decimal-04 > li:nth-of-type(3):before {
  content: "③";
}
.list-decimal-04 > li:nth-of-type(4):before {
  content: "④";
}
.list-decimal-04 > li:nth-of-type(5):before {
  content: "⑤";
}
.list-decimal-04 > li:nth-of-type(6):before {
  content: "⑥";
}
.list-decimal-04 > li:nth-of-type(7):before {
  content: "⑦";
}
.list-decimal-04 > li:nth-of-type(8):before {
  content: "⑧";
}
.list-decimal-04 > li:nth-of-type(9):before {
  content: "⑨";
}
.list-decimal-04 > li:nth-of-type(10):before {
  content: "⑩";
}
.list-decimal-04 > li:nth-of-type(11):before {
  content: "⑪";
}
.list-decimal-04 > li:nth-of-type(12):before {
  content: "⑫";
}
.list-decimal-04 > li:nth-of-type(13):before {
  content: "⑬";
}
.list-decimal-04 > li:nth-of-type(14):before {
  content: "⑭";
}
.list-decimal-04 > li:nth-of-type(15):before {
  content: "⑮";
}
.list-decimal-04 > li:nth-of-type(16):before {
  content: "⑯";
}
.list-decimal-04 > li:nth-of-type(17):before {
  content: "⑰";
}
.list-decimal-04 > li:nth-of-type(18):before {
  content: "⑱";
}
.list-decimal-04 > li:nth-of-type(19):before {
  content: "⑲";
}
.list-decimal-04 > li:nth-of-type(20):before {
  content: "⑳";
}
/* list alphabetical */
.list-alphabetical {
  margin: 8.04vw 0;
  margin: var(--space-size-30) 0;
  counter-reset: step;
}
.list-alphabetical:first-child {
  margin-top: 0;
}
.list-alphabetical:last-child {
  margin-bottom: 0;
}
.list-alphabetical > li::before {
  position: absolute;
  top: auto;
  right: auto;
  bottom: auto;
  left: -24px;
  content: counter(step, upper-alpha) ")";
  counter-increment: step;
}
/* list example */
.list-example {
  margin: 8.04vw 0;
  margin: var(--space-size-30) 0;
  counter-reset: step;
}
.list-example:first-child {
  margin-top: 0;
}
.list-example:last-child {
  margin-bottom: 0;
}
.list-example > li {
  padding-left: 2.68vw;
  padding-left: var(--space-size-10);
}
.list-example > li::before {
  position: absolute;
  top: auto;
  right: auto;
  bottom: auto;
  left: -24px;
  content: "(例)";
  counter-increment: step;
}
/* list sharp */
.list-sharp {
  margin: 8.04vw 0;
  margin: var(--space-size-30) 0;
  counter-reset: step;
}
.list-sharp:first-child {
  margin-top: 0;
}
.list-sharp:last-child {
  margin-bottom: 0;
}
.list-sharp > li {
  margin: 0 0 1.34vw 6.7vw;
  margin: 0 0 var(--space-size-5) var(--space-size-25);
  font-size: calc(0.625rem + 1.07vw);
  font-size: var(--font-size-small);
}
.list-sharp > li::before {
  position: absolute;
  top: auto;
  right: auto;
  bottom: auto;
  left: -24px;
  content: "※";
  counter-increment: step;
}
/* list sharp 02 */
.list-sharp-02, .list-sharp-02-from4, .list-sharp-02-from3, .list-sharp-02-from2 {
  margin: 8.04vw 0;
  margin: var(--space-size-30) 0;
  counter-reset: step;
}
.list-sharp-02:first-child, .list-sharp-02-from4:first-child, .list-sharp-02-from3:first-child, .list-sharp-02-from2:first-child {
  margin-top: 0;
}
.list-sharp-02:last-child, .list-sharp-02-from4:last-child, .list-sharp-02-from3:last-child, .list-sharp-02-from2:last-child {
  margin-bottom: 0;
}
.list-sharp-02 > li, .list-sharp-02-from4 > li, .list-sharp-02-from3 > li, .list-sharp-02-from2 > li {
  margin: 0 0 1.34vw 6.7vw;
  margin: 0 0 var(--space-size-5) var(--space-size-25);
  padding-left: 2.68vw;
  padding-left: var(--space-size-10);
  font-size: calc(0.625rem + 1.07vw);
  font-size: var(--font-size-small);
}
.list-sharp-02 > li::before, .list-sharp-02-from4 > li::before, .list-sharp-02-from3 > li::before, .list-sharp-02-from2 > li::before {
  content: "※" counter(step);
  counter-increment: step;
  position: absolute;
  top: auto;
  right: auto;
  bottom: auto;
  left: -24px;
}
/* list sharp 03 */
.list-sharp-03 {
  margin: 8.04vw 0;
  margin: var(--space-size-30) 0;
  counter-reset: step;
}
.list-sharp-03:first-child {
  margin-top: 0;
}
.list-sharp-03:last-child {
  margin-bottom: 0;
}
.list-sharp-03 > li {
  margin: 0 0 1.34vw 6.7vw;
  margin: 0 0 var(--space-size-5) var(--space-size-25);
  padding-left: 2.68vw;
  padding-left: var(--space-size-10);
  font-size: calc(0.75rem + 1.07vw);
  font-size: var(--font-size-medium);
}
.list-sharp-03 > li::before {
  content: "（" counter(step) "） ";
  counter-increment: step;
  position: absolute;
  top: auto;
  right: auto;
  bottom: auto;
  left: -24px;
}
/* list note ja */
.list-note-ja {
  margin: 8.04vw 0;
  margin: var(--space-size-30) 0;
  counter-reset: step;
}
.list-note-ja:first-child {
  margin-top: 0;
}
.list-note-ja:last-child {
  margin-bottom: 0;
}
.list-note-ja > li {
  margin: 0 0 1.34vw 6.7vw;
  margin: 0 0 var(--space-size-5) var(--space-size-25);
  font-size: calc(0.625rem + 1.07vw);
  font-size: var(--font-size-small);
}
.list-note-ja > li::before {
  position: absolute;
  top: auto;
  right: auto;
  bottom: auto;
  left: -24px;
  content: "(注)";
  counter-increment: step;
}
.list-sharp-02-from2 {
  counter-reset: step 1;
}
.list-sharp-02-from3 {
  counter-reset: step 2;
}
.list-sharp-02-from4 {
  counter-reset: step 3;
}
.paragraph-explanation {
  margin: 8.04vw 0;
  margin: var(--space-size-30) 0;
}
.paragraph-explanation:first-child {
  margin-top: 0;
}
.paragraph-explanation:last-child {
  margin-bottom: 0;
}
.paragraph-explanation dt {
  margin-bottom: 4.02vw;
  margin-bottom: var(--space-size-15);
}
.paragraph-explanation dd {
  margin-bottom: 6.7vw;
  margin-bottom: var(--space-size-25);
}
.paragraph-explanation dd:last-child {
  margin-bottom: 0;
}
.paragraph-explanation[textLeft] {
  text-align: left;
}
/*
 * List Selection Button Base
 * ----------------------------------------------------------------------------
 *
 */
.list-selection-button-multiline, .list-selection-button-normal {
  margin: 2.68vw 0;
  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 #daf5f3;
  border: 1px solid var(--ion-color-custom-light-green);
}
.list-selection-button-multiline ion-label.sc-ion-label-md-h, .list-selection-button-normal ion-label.sc-ion-label-md-h {
  margin: 0;
  color: #111111;
  color: var(--ion-default-text-color);
  font-size: calc(0.75rem + 1.07vw);
  font-size: var(--font-size-medium);
  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;
}
.list-selection-button-multiline:hover, .list-selection-button-normal:hover {
  --background: var(--ion-color-custom-super-light-green);
}
.landing-theme .list-selection-button-multiline, .landing-theme .list-selection-button-normal {
  --padding-top: var(--space-size-15);
  --padding-bottom: var(--space-size-15);
  border: 1px solid #ffffff;
  border: 1px solid var(--ion-color-custom-white);
  border-radius: 4.02vw;
  border-radius: var(--space-size-15);
}
/*
 * List Selection Button
 * ----------------------------------------------------------------------------
 *
 */
/* list-selection-button-normal-wrap */
.list-selection-button-normal-wrap {
  margin: 8.04vw 0 0 0;
  margin: var(--space-size-30) 0 0 0;
  padding: 0;
}
.list-selection-button-normal-wrap:first-child {
  margin: 4.02vw 0 0 0;
  margin: var(--space-size-15) 0 0 0;
}
.list-selection-button-normal-wrap ion-list-header {
  min-height: 1rem;
  padding-bottom: 2.68vw;
  padding-bottom: var(--space-size-10);
  padding-left: 0;
}
.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: "ヒラギノ角ゴ 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;
}
.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);
}
.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;
}
.list-selection-button-normal-wrap ion-item ion-icon {
  margin-top: 1.34vw;
  margin-top: var(--space-size-5);
  margin-bottom: 1.34vw;
  margin-bottom: var(--space-size-5);
}
.list-selection-button-normal-wrap[UNI-05] ion-list-header + .text-normal, .list-selection-button-normal-wrap[UNI-05] ion-list-header + .list-sensor, .list-selection-button-normal-wrap[UNI-05] ion-list-header + .list-dot, .list-selection-button-normal-wrap[UNI-05] ion-list-header + .list-dot-3, .list-selection-button-normal-wrap[UNI-05] ion-list-header + .list-dot-5, .list-selection-button-normal-wrap[UNI-05] ion-list-header + .list-dot-6, .list-selection-button-normal-wrap[UNI-05] ion-list-header + .list-decimal, .list-selection-button-normal-wrap[UNI-05] ion-list-header + .list-decimal-02, .list-selection-button-normal-wrap[UNI-05] ion-list-header + .list-decimal-03, .list-selection-button-normal-wrap[UNI-05] ion-list-header + .list-decimal-04, .list-selection-button-normal-wrap[UNI-05] ion-list-header + .list-alphabetical, .list-selection-button-normal-wrap[UNI-05] ion-list-header + .list-example, .list-selection-button-normal-wrap[UNI-05] ion-list-header + .list-sharp, .list-selection-button-normal-wrap[UNI-05] ion-list-header + .list-sharp-02, .list-selection-button-normal-wrap[UNI-05] ion-list-header + .list-sharp-03, .list-selection-button-normal-wrap[UNI-05] ion-list-header + .list-note-ja, .list-selection-button-normal-wrap[UNI-05] ion-list-header + .list-sharp-02-from2, .list-selection-button-normal-wrap[UNI-05] ion-list-header + .list-sharp-02-from3, .list-selection-button-normal-wrap[UNI-05] ion-list-header + .list-sharp-02-from4 {
  margin-top: 0;
}
/* list-selection-button-normal */
/* list-selection-button-multiline */
.list-selection-button-multiline {
  margin: 0;
}
.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;
}
.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: "ヒラギノ角ゴ 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;
  font-weight: bold;
  font-size: calc(0.75rem + 1.07vw);
  font-size: var(--font-size-medium);
  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;
}
.list-selection-button-multiline ion-list-header ion-label {
  font-size: calc(0.75rem + 1.07vw);
  font-size: var(--font-size-medium);
  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;
}
.list-selection-button-multiline + .list-selection-button-multiline {
  border-top: 0 !important;
}
.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 .list-selection-button-multiline {
  border: 1px solid #ded2bc;
  border: 1px solid var(--ion-form-border-color);
}
ion-list.list-brown .list-selection-button-multiline:hover {
  --background: var(--ion-table-form-bg-color);
}
/*
 * Margin
 * ----------------------------------------------------------------------------
 *
 */
/*
  使い方要注意!!!
  他に方法がなければこれを使ってください。あまり使って欲しくないdirectiveです。
*/
/* content-box margin reset */
[marginXReset] {
  margin-right: -4.02vw !important;
  margin-right: var(--space-size-reset) !important;
  margin-left: -4.02vw !important;
  margin-left: var(--space-size-reset) !important;
}
[marginYReset] {
  margin-top: -4.02vw !important;
  margin-top: var(--space-size-reset) !important;
  margin-bottom: -4.02vw !important;
  margin-bottom: var(--space-size-reset) !important;
}
[marginTopReset] {
  margin-top: -4.02vw !important;
  margin-top: var(--space-size-reset) !important;
}
[marginBottomReset] {
  margin-bottom: -4.02vw !important;
  margin-bottom: var(--space-size-reset) !important;
}
/* margin top 60px */
[topSpace60] {
  margin-top: 16.08vw !important;
  margin-top: var(--space-size-60) !important;
}
/* margin top 55px */
[topSpace55] {
  margin-top: 14.74vw !important;
  margin-top: var(--space-size-55) !important;
}
/* margin top 50px */
[topSpace50] {
  margin-top: 13.4vw !important;
  margin-top: var(--space-size-50) !important;
}
/* margin top 45px */
[topSpace45] {
  margin-top: 12.06vw !important;
  margin-top: var(--space-size-45) !important;
}
/* margin top 40px */
[topSpace40] {
  margin-top: 10.72vw !important;
  margin-top: var(--space-size-40) !important;
}
/* margin top 35px */
[topSpace35] {
  margin-top: 9.38vw !important;
  margin-top: var(--space-size-35) !important;
}
/* margin top 30px */
[topSpace30] {
  margin-top: 8.04vw !important;
  margin-top: var(--space-size-30) !important;
}
/* margin top 25px */
[topSpace25] {
  margin-top: 6.7vw !important;
  margin-top: var(--space-size-25) !important;
}
/* margin top 20px */
[topSpace20] {
  margin-top: 5.36vw !important;
  margin-top: var(--space-size-20) !important;
}
/* margin top 15px */
[topSpace15] {
  margin-top: 4.02vw !important;
  margin-top: var(--space-size-15) !important;
}
/* margin top 10px */
[topSpace10] {
  margin-top: 2.68vw !important;
  margin-top: var(--space-size-10) !important;
}
/* margin top 5px */
[topSpace5] {
  margin-top: 1.34vw !important;
  margin-top: var(--space-size-5) !important;
}
/* margin bottom 5px */
[btmSpace5] {
  margin-bottom: 1.34vw !important;
  margin-bottom: var(--space-size-5) !important;
}
/* margin bottom 10px */
[btmSpace10] {
  margin-bottom: 2.68vw !important;
  margin-bottom: var(--space-size-10) !important;
}
/* margin bottom 15px */
[btmSpace15] {
  margin-bottom: 4.02vw !important;
  margin-bottom: var(--space-size-15) !important;
}
/* margin bottom 20px */
[btmSpace20] {
  margin-bottom: 5.36vw !important;
  margin-bottom: var(--space-size-20) !important;
}
/* margin bottom 25px */
[btmSpace25] {
  margin-bottom: 6.7vw !important;
  margin-bottom: var(--space-size-25) !important;
}
/* margin bottom 30px */
[btmSpace30] {
  margin-bottom: 8.04vw !important;
  margin-bottom: var(--space-size-30) !important;
}
/* margin bottom 35px */
[btmSpace35] {
  margin-bottom: 9.38vw !important;
  margin-bottom: var(--space-size-35) !important;
}
/* margin bottom 40px */
[btmSpace40] {
  margin-bottom: 10.72vw !important;
  margin-bottom: var(--space-size-40) !important;
}
/* margin bottom 45px */
[btmSpace45] {
  margin-bottom: 12.06vw !important;
  margin-bottom: var(--space-size-45) !important;
}
/* margin bottom 190px */
[btmSpace190px] {
  margin-bottom: calc(2.68vw * 19) !important;
  margin-bottom: calc(var(--space-size-10) * 19) !important;
}
/* margin bottom 210px */
[btmSpace210px] {
  margin-bottom: calc(2.68vw * 21) !important;
  margin-bottom: calc(var(--space-size-10) * 21) !important;
}
/* margin left 5px */
[leftSpace5] {
  margin-left: 1.34vw !important;
  margin-left: var(--space-size-5) !important;
}
/* margin left 10px */
[leftSpace10] {
  margin-left: 2.68vw !important;
  margin-left: var(--space-size-10) !important;
}
/* margin left 15px */
[leftSpace15] {
  margin-left: 4.02vw !important;
  margin-left: var(--space-size-15) !important;
}
/* margin left 20px */
[leftSpace20] {
  margin-left: 5.36vw !important;
  margin-left: var(--space-size-20) !important;
}
/* margin left 80px */
[leftSpace80] {
  margin-left: 21.44vw !important;
  margin-left: var(--space-size-80) !important;
}
/* margin right 5px */
[rightSpace5] {
  margin-right: 1.34vw !important;
  margin-right: var(--space-size-5) !important;
}
/* margin right 10px */
[rightSpace10] {
  margin-right: 2.68vw !important;
  margin-right: var(--space-size-10) !important;
}
/* margin right 15px */
[rightSpace15] {
  margin-right: 4.02vw !important;
  margin-right: var(--space-size-15) !important;
}
/* margin right 20px */
[rightSpace20] {
  margin-right: 5.36vw !important;
  margin-right: var(--space-size-20) !important;
}
/* margin top 0px */
[topSpace0] {
  margin-top: 0vw !important;
  margin-top: var(--space-size-0) !important;
}
/* margin bottom -40px */
[btmSpace-40] {
  margin-bottom: -10.72vw !important;
  margin-bottom: var(--space-size--40) !important;
}
/* content-box margin reset */
/* padding 0 */
[paddingReset] {
  padding: 0vw !important;
  padding: var(--space-size-0) !important;
}
/* padding top 40px */
[topPadding40] {
  padding-top: 10.72vw !important;
  padding-top: var(--space-size-40) !important;
}
/* margin 0 */
[marginRest] {
  margin: 0vw !important;
  margin: var(--space-size-0) !important;
}
[res-topSpace0] {
  /* media query version */
}
@media screen and (min-width: 769px) {
  [res-topSpace0] {
    margin-top: 0vw !important;
    margin-top: var(--space-size-0) !important;
  }
}
[res-bottomSpace0] {
  /* media query version */
}
@media screen and (min-width: 769px) {
  [res-bottomSpace0] {
    margin-bottom: 0vw !important;
    margin-bottom: var(--space-size-0) !important;
  }
}
[res-topSpace24] {
  /* media query version */
}
@media screen and (min-width: 769px) {
  [res-topSpace24] {
    margin-top: 24px !important;
  }
}
[res-topSpace30] {
  /* media query version */
}
@media screen and (min-width: 769px) {
  [res-topSpace30] {
    margin-top: 30px !important;
  }
}
[res-bottomSpace16] {
  /* media query version */
}
@media screen and (min-width: 769px) {
  [res-bottomSpace16] {
    margin-bottom: 16px !important;
  }
}
[res-bottomSpace30] {
  /* media query version */
}
@media screen and (min-width: 769px) {
  [res-bottomSpace30] {
    margin-bottom: 30px !important;
  }
}
[res-padding0] {
  /* media query version */
}
@media screen and (min-width: 769px) {
  [res-padding0] {
    padding: 0vw !important;
    padding: var(--space-size-0) !important;
  }
}
[res-bottomPadding0] {
  /* media query version */
}
@media screen and (min-width: 769px) {
  [res-bottomPadding0] {
    padding-bottom: 0vw !important;
    padding-bottom: var(--space-size-0) !important;
  }
}
[res-topPadding20] {
  /* media query version */
}
@media screen and (min-width: 769px) {
  [res-topPadding20] {
    padding-top: 5.36vw !important;
    padding-top: var(--space-size-20) !important;
  }
}
/*
 * Radio Button Base
 * ----------------------------------------------------------------------------
 *
 */
.radio-button-multiline, .radio-button-split, .table-radio-button, .radio-button-normal, .select-image-01 .radio-button-split .radio-button-split-flex-column .radio-button-split-flex-label,
.select-image-02 .radio-button-split .radio-button-split-flex-column .radio-button-split-flex-label,
[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: 2.68vw 0;
  margin: var(--space-size-10) 0;
  color: #111111;
  color: var(--ion-default-text-color);
  --inner-padding-end: 0;
  --padding-start: 0;
  border: 1px solid #ded2bc;
  border: 1px solid var(--ion-form-border-color);
  border-radius: 4px;
  /* 入力済み state */
  /* グループの内どれでも入力された場合 */
  /* 非活性 state */
  /* 任意項目 */
  /* エラー state */
}
.radio-button-multiline ion-label.sc-ion-label-md-h, .radio-button-split ion-label.sc-ion-label-md-h, .table-radio-button ion-label.sc-ion-label-md-h, .radio-button-normal ion-label.sc-ion-label-md-h, .select-image-01 .radio-button-split .radio-button-split-flex-column .radio-button-split-flex-label ion-label.sc-ion-label-md-h,
.select-image-02 .radio-button-split .radio-button-split-flex-column .radio-button-split-flex-label ion-label.sc-ion-label-md-h,
[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: "ヒラギノ角ゴ 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;
}
.radio-button-multiline ion-radio, .radio-button-split ion-radio, .table-radio-button ion-radio, .radio-button-normal ion-radio, .select-image-01 .radio-button-split .radio-button-split-flex-column .radio-button-split-flex-label ion-radio,
.select-image-02 .radio-button-split .radio-button-split-flex-column .radio-button-split-flex-label ion-radio,
[slc-img-02] .radio-button-split .radio-button-split-flex-column .radio-button-split-flex-label ion-radio {
  align-self: center;
  margin: 4.02vw 2.68vw;
  margin: var(--space-size-15) var(--space-size-10);
}
.radio-button-multiline ion-radio:not(.radio-checked)::part(container), .radio-button-split ion-radio:not(.radio-checked)::part(container), .table-radio-button ion-radio:not(.radio-checked)::part(container), .radio-button-normal ion-radio:not(.radio-checked)::part(container), .select-image-01 .radio-button-split .radio-button-split-flex-column .radio-button-split-flex-label ion-radio:not(.radio-checked)::part(container),
.select-image-02 .radio-button-split .radio-button-split-flex-column .radio-button-split-flex-label ion-radio:not(.radio-checked)::part(container),
[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 #cccccc;
  border: 1px solid var(--ion-color-step-200);
  background-color: #ffffff;
  background-color: var(--ion-color-custom-white);
}
.radio-button-multiline ion-radio.radio-checked::part(container), .radio-button-split ion-radio.radio-checked::part(container), .table-radio-button ion-radio.radio-checked::part(container), .radio-button-normal ion-radio.radio-checked::part(container), .select-image-01 .radio-button-split .radio-button-split-flex-column .radio-button-split-flex-label ion-radio.radio-checked::part(container),
.select-image-02 .radio-button-split .radio-button-split-flex-column .radio-button-split-flex-label ion-radio.radio-checked::part(container),
[slc-img-02] .radio-button-split .radio-button-split-flex-column .radio-button-split-flex-label ion-radio.radio-checked::part(container) {
  background-color: #c6a465;
  background-color: var(--ion-color-brown);
}
.radio-button-multiline ion-radio.radio-checked::part(mark), .radio-button-split ion-radio.radio-checked::part(mark), .table-radio-button ion-radio.radio-checked::part(mark), .radio-button-normal ion-radio.radio-checked::part(mark), .select-image-01 .radio-button-split .radio-button-split-flex-column .radio-button-split-flex-label ion-radio.radio-checked::part(mark),
.select-image-02 .radio-button-split .radio-button-split-flex-column .radio-button-split-flex-label ion-radio.radio-checked::part(mark),
[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: #ffffff;
  background-color: var(--ion-color-custom-white);
}
.item-radio-checked.radio-button-multiline, .item-radio-checked.radio-button-split, .item-radio-checked.table-radio-button, .item-radio-checked.radio-button-normal, .select-image-01 .radio-button-split .radio-button-split-flex-column .item-radio-checked.radio-button-split-flex-label,
.select-image-02 .radio-button-split .radio-button-split-flex-column .item-radio-checked.radio-button-split-flex-label,
[slc-img-02] .radio-button-split .radio-button-split-flex-column .item-radio-checked.radio-button-split-flex-label {
  --background: transparent;
}
.item-radio-other-checked.radio-button-multiline, .item-radio-other-checked.radio-button-split, .item-radio-other-checked.table-radio-button, .item-radio-other-checked.radio-button-normal, .select-image-01 .radio-button-split .radio-button-split-flex-column .item-radio-other-checked.radio-button-split-flex-label,
.select-image-02 .radio-button-split .radio-button-split-flex-column .item-radio-other-checked.radio-button-split-flex-label,
[slc-img-02] .radio-button-split .radio-button-split-flex-column .item-radio-other-checked.radio-button-split-flex-label {
  --background: transparent;
}
[disabled].radio-button-multiline, [disabled].radio-button-split, [disabled].table-radio-button, [disabled].radio-button-normal, .select-image-01 .radio-button-split .radio-button-split-flex-column [disabled].radio-button-split-flex-label,
.select-image-02 .radio-button-split .radio-button-split-flex-column [disabled].radio-button-split-flex-label,
[slc-img-02] .radio-button-split .radio-button-split-flex-column [disabled].radio-button-split-flex-label {
  color: #111111;
  color: var(--ion-default-text-color);
}
[optional] .radio-button-multiline, [optional] .radio-button-split, [optional] .table-radio-button, [optional] .radio-button-normal, [optional] .select-image-01 .radio-button-split .radio-button-split-flex-column .radio-button-split-flex-label, .select-image-01 .radio-button-split .radio-button-split-flex-column [optional] .radio-button-split-flex-label,
[optional] .select-image-02 .radio-button-split .radio-button-split-flex-column .radio-button-split-flex-label,
.select-image-02 .radio-button-split .radio-button-split-flex-column [optional] .radio-button-split-flex-label,
[optional] [slc-img-02] .radio-button-split .radio-button-split-flex-column .radio-button-split-flex-label,
[slc-img-02] .radio-button-split .radio-button-split-flex-column [optional] .radio-button-split-flex-label {
  --background: transparent;
}
[invalid].radio-button-multiline, [invalid].radio-button-split, [invalid].table-radio-button, [invalid].radio-button-normal, .select-image-01 .radio-button-split .radio-button-split-flex-column [invalid].radio-button-split-flex-label,
.select-image-02 .radio-button-split .radio-button-split-flex-column [invalid].radio-button-split-flex-label,
[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 .radio-button-multiline, .landing-theme .radio-button-split, .landing-theme .table-radio-button, .landing-theme .radio-button-normal, .landing-theme .select-image-01 .radio-button-split .radio-button-split-flex-column .radio-button-split-flex-label, .select-image-01 .radio-button-split .radio-button-split-flex-column .landing-theme .radio-button-split-flex-label,
.landing-theme .select-image-02 .radio-button-split .radio-button-split-flex-column .radio-button-split-flex-label,
.select-image-02 .radio-button-split .radio-button-split-flex-column .landing-theme .radio-button-split-flex-label,
.landing-theme [slc-img-02] .radio-button-split .radio-button-split-flex-column .radio-button-split-flex-label,
[slc-img-02] .radio-button-split .radio-button-split-flex-column .landing-theme .radio-button-split-flex-label {
  --padding-top: var(--space-size-10);
  --padding-bottom: var(--space-size-10);
  --background: transparent;
  border: 1px solid #ffffff;
  border: 1px solid var(--ion-color-custom-white);
  border-radius: 4.02vw;
  border-radius: var(--space-size-15);
}
.landing-theme .radio-button-multiline ion-radio, .landing-theme .radio-button-split ion-radio, .landing-theme .table-radio-button ion-radio, .landing-theme .radio-button-normal ion-radio, .landing-theme .select-image-01 .radio-button-split .radio-button-split-flex-column .radio-button-split-flex-label ion-radio, .select-image-01 .radio-button-split .radio-button-split-flex-column .landing-theme .radio-button-split-flex-label ion-radio,
.landing-theme .select-image-02 .radio-button-split .radio-button-split-flex-column .radio-button-split-flex-label ion-radio,
.select-image-02 .radio-button-split .radio-button-split-flex-column .landing-theme .radio-button-split-flex-label ion-radio,
.landing-theme [slc-img-02] .radio-button-split .radio-button-split-flex-column .radio-button-split-flex-label ion-radio,
[slc-img-02] .radio-button-split .radio-button-split-flex-column .landing-theme .radio-button-split-flex-label ion-radio {
  --border-width: 1px;
  --background: none;
}
.landing-theme .radio-button-multiline ion-radio:not(.radio-checked)::part(container), .landing-theme .radio-button-split ion-radio:not(.radio-checked)::part(container), .landing-theme .table-radio-button ion-radio:not(.radio-checked)::part(container), .landing-theme .radio-button-normal ion-radio:not(.radio-checked)::part(container), .landing-theme .select-image-01 .radio-button-split .radio-button-split-flex-column .radio-button-split-flex-label ion-radio:not(.radio-checked)::part(container), .select-image-01 .radio-button-split .radio-button-split-flex-column .landing-theme .radio-button-split-flex-label ion-radio:not(.radio-checked)::part(container),
.landing-theme .select-image-02 .radio-button-split .radio-button-split-flex-column .radio-button-split-flex-label ion-radio:not(.radio-checked)::part(container),
.select-image-02 .radio-button-split .radio-button-split-flex-column .landing-theme .radio-button-split-flex-label ion-radio:not(.radio-checked)::part(container),
.landing-theme [slc-img-02] .radio-button-split .radio-button-split-flex-column .radio-button-split-flex-label ion-radio:not(.radio-checked)::part(container),
[slc-img-02] .radio-button-split .radio-button-split-flex-column .landing-theme .radio-button-split-flex-label ion-radio:not(.radio-checked)::part(container) {
  border: 1px solid #ffffff;
  border: 1px solid var(--ion-color-custom-white);
  background-color: transparent;
}
.landing-theme .radio-button-multiline ion-radio.radio-checked::part(container), .landing-theme .radio-button-split ion-radio.radio-checked::part(container), .landing-theme .table-radio-button ion-radio.radio-checked::part(container), .landing-theme .radio-button-normal ion-radio.radio-checked::part(container), .landing-theme .select-image-01 .radio-button-split .radio-button-split-flex-column .radio-button-split-flex-label ion-radio.radio-checked::part(container), .select-image-01 .radio-button-split .radio-button-split-flex-column .landing-theme .radio-button-split-flex-label ion-radio.radio-checked::part(container),
.landing-theme .select-image-02 .radio-button-split .radio-button-split-flex-column .radio-button-split-flex-label ion-radio.radio-checked::part(container),
.select-image-02 .radio-button-split .radio-button-split-flex-column .landing-theme .radio-button-split-flex-label ion-radio.radio-checked::part(container),
.landing-theme [slc-img-02] .radio-button-split .radio-button-split-flex-column .radio-button-split-flex-label ion-radio.radio-checked::part(container),
[slc-img-02] .radio-button-split .radio-button-split-flex-column .landing-theme .radio-button-split-flex-label ion-radio.radio-checked::part(container) {
  background-color: transparent;
}
.landing-theme .radio-button-multiline ion-radio.radio-checked::part(mark), .landing-theme .radio-button-split ion-radio.radio-checked::part(mark), .landing-theme .table-radio-button ion-radio.radio-checked::part(mark), .landing-theme .radio-button-normal ion-radio.radio-checked::part(mark), .landing-theme .select-image-01 .radio-button-split .radio-button-split-flex-column .radio-button-split-flex-label ion-radio.radio-checked::part(mark), .select-image-01 .radio-button-split .radio-button-split-flex-column .landing-theme .radio-button-split-flex-label ion-radio.radio-checked::part(mark),
.landing-theme .select-image-02 .radio-button-split .radio-button-split-flex-column .radio-button-split-flex-label ion-radio.radio-checked::part(mark),
.select-image-02 .radio-button-split .radio-button-split-flex-column .landing-theme .radio-button-split-flex-label ion-radio.radio-checked::part(mark),
.landing-theme [slc-img-02] .radio-button-split .radio-button-split-flex-column .radio-button-split-flex-label ion-radio.radio-checked::part(mark),
[slc-img-02] .radio-button-split .radio-button-split-flex-column .landing-theme .radio-button-split-flex-label ion-radio.radio-checked::part(mark) {
  --border-width: 0px;
  background-color: #28a69a;
  background-color: var(--ion-color-success);
}
.landing-theme .item-radio-checked.radio-button-multiline, .landing-theme .item-radio-checked.radio-button-split, .landing-theme .item-radio-checked.table-radio-button, .landing-theme .item-radio-checked.radio-button-normal, .landing-theme .select-image-01 .radio-button-split .radio-button-split-flex-column .item-radio-checked.radio-button-split-flex-label, .select-image-01 .radio-button-split .radio-button-split-flex-column .landing-theme .item-radio-checked.radio-button-split-flex-label,
.landing-theme .select-image-02 .radio-button-split .radio-button-split-flex-column .item-radio-checked.radio-button-split-flex-label,
.select-image-02 .radio-button-split .radio-button-split-flex-column .landing-theme .item-radio-checked.radio-button-split-flex-label,
.landing-theme [slc-img-02] .radio-button-split .radio-button-split-flex-column .item-radio-checked.radio-button-split-flex-label,
[slc-img-02] .radio-button-split .radio-button-split-flex-column .landing-theme .item-radio-checked.radio-button-split-flex-label, .landing-theme [disabled].radio-button-multiline, .landing-theme [disabled].radio-button-split, .landing-theme [disabled].table-radio-button, .landing-theme [disabled].radio-button-normal, .landing-theme .select-image-01 .radio-button-split .radio-button-split-flex-column [disabled].radio-button-split-flex-label, .select-image-01 .radio-button-split .radio-button-split-flex-column .landing-theme [disabled].radio-button-split-flex-label,
.landing-theme .select-image-02 .radio-button-split .radio-button-split-flex-column [disabled].radio-button-split-flex-label,
.select-image-02 .radio-button-split .radio-button-split-flex-column .landing-theme [disabled].radio-button-split-flex-label,
.landing-theme [slc-img-02] .radio-button-split .radio-button-split-flex-column [disabled].radio-button-split-flex-label,
[slc-img-02] .radio-button-split .radio-button-split-flex-column .landing-theme [disabled].radio-button-split-flex-label, .landing-theme [invalid].radio-button-multiline, .landing-theme [invalid].radio-button-split, .landing-theme [invalid].table-radio-button, .landing-theme [invalid].radio-button-normal, .landing-theme .select-image-01 .radio-button-split .radio-button-split-flex-column [invalid].radio-button-split-flex-label, .select-image-01 .radio-button-split .radio-button-split-flex-column .landing-theme [invalid].radio-button-split-flex-label,
.landing-theme .select-image-02 .radio-button-split .radio-button-split-flex-column [invalid].radio-button-split-flex-label,
.select-image-02 .radio-button-split .radio-button-split-flex-column .landing-theme [invalid].radio-button-split-flex-label,
.landing-theme [slc-img-02] .radio-button-split .radio-button-split-flex-column [invalid].radio-button-split-flex-label,
[slc-img-02] .radio-button-split .radio-button-split-flex-column .landing-theme [invalid].radio-button-split-flex-label {
  --background: transparent;
}
/*
 * Radio Button
 * ----------------------------------------------------------------------------
 *
 */
/* radio-button-inline */
.radio-button-inline + label {
  display: inline-block;
  padding-left: 2.68vw;
  padding-left: var(--space-size-10);
  cursor: pointer;
}
/* radio-button-normal-wrap */
.radio-button-normal-wrap {
  margin: 4.02vw 0 0 0;
  margin: var(--space-size-15) 0 0 0;
}
.radio-button-normal-wrap:first-child {
  margin-top: 0;
}
.radio-button-normal-wrap:last-child {
  margin-bottom: 0;
}
.radio-button-normal-wrap ion-radio-group {
  /* container query version */
}
@container app-page-responsive-content-container (min-width: 769px) {
  .radio-button-normal-wrap ion-radio-group {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
  }
}
/* radio-button-normal */
.radio-button-normal[noBorder] {
  border: none !important;
}
/* table-radio-button */
.table-radio-button {
  --background: transparent;
  margin: 0;
  color: #111111;
  color: var(--ion-default-text-color);
  border: none;
}
.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;
}
.table-radio-button ion-radio {
  align-self: center;
  margin: 4.02vw 2.68vw;
  margin: var(--space-size-15) var(--space-size-10);
}
.table-radio-button ion-radio .radio-icon {
  background-color: #ffffff !important;
  background-color: var(--ion-color-custom-white) !important;
}
/* radio-button-split */
.radio-button-split-wrap {
  --background: var(--ion-table-form-bg-color);
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-column-gap: 4.02vw;
  -moz-column-gap: 4.02vw;
       column-gap: 4.02vw;
  grid-column-gap: var(--space-size-15);
  -moz-column-gap: var(--space-size-15);
       column-gap: var(--space-size-15);
}
.radio-button-split-wrap ion-label.sc-ion-label-ios-h,
.radio-button-split-wrap ion-label.sc-ion-label-md-h {
  white-space: normal;
  word-break: break-all;
}
.radio-button-split-wrap:not(:first-child) {
  margin-top: 4.02vw;
  margin-top: var(--space-size-15);
}
.radio-button-split {
  width: 100%;
  margin: 0;
}
.radio-button-split-unique-g11-03 {
  border: 1px solid #ded2bc;
  border: 1px solid var(--ion-form-border-color);
  border-radius: 4px;
  width: 100%;
  min-height: 20.1vw;
  min-height: var(--space-size-75);
  margin: 8.04vw 0 0 0;
  margin: var(--space-size-30) 0 0 0;
  /* 入力済み state */
  /* グループの内どれでも入力された場合 */
  /* 非活性 state */
  /* エラー state */
}
.radio-button-split-unique-g11-03 ion-radio {
  align-self: self-start;
  align-self: center;
  margin: 6.7vw 4.02vw 6.7vw 0;
  margin: var(--space-size-25) var(--space-size-15) var(--space-size-25) 0;
}
.radio-button-split-unique-g11-03 ion-radio:not(.radio-checked)::part(container) {
  border: 1px solid #cccccc;
  border: 1px solid var(--ion-color-step-200);
  background-color: #ffffff;
  background-color: var(--ion-color-custom-white);
}
.radio-button-split-unique-g11-03 ion-radio.radio-checked::part(container) {
  background-color: #c6a465;
  background-color: var(--ion-color-brown);
}
.radio-button-split-unique-g11-03 ion-radio.radio-checked::part(mark) {
  --border-width: 0px;
  background-color: #ffffff;
  background-color: var(--ion-color-custom-white);
}
.radio-button-split-unique-g11-03.item-radio-checked {
  --background: transparent;
}
.radio-button-split-unique-g11-03.item-radio-other-checked {
  --background: transparent;
}
.radio-button-split-unique-g11-03[disabled] {
  color: #111111;
  color: var(--ion-default-text-color);
}
.radio-button-split-unique-g11-03[invalid] {
  --background: var(--ion-form-error-bg-color);
}
.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 */
}
.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: "ヒラギノ角ゴ 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;
}
.radio-button-split-srt ion-radio {
  width: 0;
  height: 0;
  margin: 0;
  overflow: hidden !important;
}
.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);
}
.radio-button-split-srt.item-radio-checked:hover {
  --color: var(--ion-color-custom-white);
}
/*
  ※イレギュラーなion-radio-groupでのレイアウトで使用する
  ion-radio-groupと同様のプロパティが設定されている。
  ion-radio-group 内でラジオボタン要素が連続しない場合に要素順が乱れてしまう場合、multi colレイアウトを整える為に使うwrapper。
*/
.radio-button-multiline-parent {
  /* container query version */
}
@container app-page-responsive-content-container (min-width: 769px) {
  .radio-button-multiline-parent {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    width: 100%;
  }
}
/* radio-button-multiline */
.radio-button-multiline {
  margin: 0;
  overflow: auto;
  /* container query version */
}
@container app-page-responsive-content-container (min-width: 769px) {
  .radio-button-multiline {
    width: 100%;
    height: auto;
    margin: 16px 0 0;
    border: 1px solid #ded2bc !important;
    border: 1px solid var(--ion-form-border-color) !important;
    border-radius: 4px !important;
  }
  .radio-button-multiline:first-child {
    margin-top: 0 !important;
  }
}
.radio-button-multiline.nomargin {
  /* container query version */
}
@container app-page-responsive-content-container (min-width: 769px) {
  .radio-button-multiline.nomargin {
    margin: 0 !important;
  }
}
.radio-button-multiline.slim {
  /* container query version */
}
@container app-page-responsive-content-container (min-width: 769px) {
  .radio-button-multiline.slim {
    height: 52px !important;
    border-radius: 0px !important;
    overflow-y: hidden;
  }
}
.radio-button-multiline-col2 {
  /* container query version */
}
@container app-page-responsive-content-container (min-width: 769px) {
  .radio-button-multiline-col2 {
    width: calc(50% - 8px);
    margin-top: 0 !important;
    margin-right: 8px;
    margin-left: 8px;
  }
  .radio-button-multiline-col2:nth-child(2n+1) {
    margin-left: 0;
  }
  .radio-button-multiline-col2:nth-child(2n+2) {
    margin-right: 0;
  }
  .radio-button-multiline-col2:nth-child(n+3) {
    margin-top: 16px !important;
  }
}
.radio-button-multiline-col3 {
  /* container query version */
}
@container app-page-responsive-content-container (min-width: 769px) {
  .radio-button-multiline-col3 {
    width: calc(100% / 3 - 11px);
    margin-top: 0 !important;
    margin-right: 8px;
    margin-left: 8px;
  }
  .radio-button-multiline-col3:nth-child(3n+1) {
    margin-left: 0;
  }
  .radio-button-multiline-col3:nth-child(3n+3) {
    margin-right: 0;
  }
  .radio-button-multiline-col3:nth-child(n+4) {
    margin-top: 16px !important;
  }
}
.radio-button-multiline-col4 {
  /* container query version */
}
@container app-page-responsive-content-container (min-width: 769px) {
  .radio-button-multiline-col4 {
    width: calc(100% / 4 - 12px);
    margin-top: 0 !important;
    margin-right: 8px;
    margin-left: 8px;
  }
  .radio-button-multiline-col4:nth-child(4n+1) {
    margin-left: 0;
  }
  .radio-button-multiline-col4:nth-child(4n+4) {
    margin-right: 0;
  }
  .radio-button-multiline-col4:nth-child(n+5) {
    margin-top: 16px !important;
  }
}
.radio-button-multiline:first-child {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.radio-button-multiline + .radio-button-multiline {
  border-top: 0;
}
.radio-button-multiline + .radio-button-multiline:not(:last-child) {
  border-radius: 0;
}
.radio-button-multiline:last-child {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.radio-button-multiline ion-radio {
  align-self: self-start;
  border-radius: 4px;
  /* container query version */
}
@container app-page-responsive-content-container (min-width: 769px) {
  .radio-button-multiline ion-radio {
    align-self: center;
  }
}
.radio-button-multiline .radio-button-multiline-wrap {
  padding: 2.68vw 4.02vw 2.68vw 0;
  padding: var(--space-size-10) var(--space-size-15) var(--space-size-10) 0;
  /* container query version */
}
.radio-button-multiline .radio-button-multiline-wrap ion-label.sc-ion-label-ios-h,
.radio-button-multiline .radio-button-multiline-wrap ion-label.sc-ion-label-md-h {
  white-space: normal;
  word-break: break-all;
}
.radio-button-multiline .radio-button-multiline-wrap div ion-label.sc-ion-label-ios-h + p,
.radio-button-multiline .radio-button-multiline-wrap div ion-label.sc-ion-label-md-h + p {
  padding-top: 2.68vw;
  padding-top: var(--space-size-10);
  color: #555555;
  color: var(--ion-color-step-650);
  font-size: var(--font-size-14);
  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;
}
.radio-button-multiline .radio-button-multiline-wrap div:nth-child(2) {
  flex-shrink: 0;
  text-align: right;
}
.radio-button-multiline .radio-button-multiline-wrap.flex-box,
.radio-button-multiline .radio-button-multiline-wrap .flex-box {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  width: 100%;
}
.radio-button-multiline .radio-button-multiline-wrap.flex-box-row-responsive {
  /* container query version */
}
@container app-page-responsive-content-container (min-width: 769px) {
  .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) {
  .radio-button-multiline .radio-button-multiline-wrap {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    min-height: 80px;
  }
}
.radio-button-multiline .radio-button-multiline-wrap.slim {
  /* container query version */
}
@container app-page-responsive-content-container (min-width: 769px) {
  .radio-button-multiline .radio-button-multiline-wrap.slim {
    min-height: 52px !important;
  }
}
[slc-img-02] .radio-button-multiline ion-radio {
  align-self: center;
}
[slc-img-02] .radio-button-multiline ion-thumbnail {
  width: calc(16.08vw * 2);
  width: calc(var(--space-size-60) * 2);
  margin: 5.36vw 2.68vw;
  margin: var(--space-size-20) var(--space-size-10);
  text-align: right;
}
[slc-img-02] .radio-button-multiline ion-thumbnail img {
  width: auto;
  max-width: 100%;
  height: auto;
  max-height: 100%;
}
.radio-button-multiline-unique ion-radio {
  align-self: center;
  margin: 4.02vw 2.68vw;
  margin: var(--space-size-15) var(--space-size-10);
}
.radio-button-multiline-unique ion-radio:not(.radio-checked)::part(container) {
  border: 1px solid #cccccc;
  border: 1px solid var(--ion-color-step-200);
  background-color: #ffffff;
  background-color: var(--ion-color-custom-white);
}
.radio-button-multiline-unique ion-radio.radio-checked::part(container) {
  background-color: #c6a465;
  background-color: var(--ion-color-brown);
}
.radio-button-multiline-unique ion-radio.radio-checked::part(mark) {
  --border-width: 0px;
  background-color: #ffffff;
  background-color: var(--ion-color-custom-white);
}
.radio-button-multiline-unique .radio-button-multiline-wrap {
  padding: 2.68vw 4.02vw 2.68vw 0;
  padding: var(--space-size-10) var(--space-size-15) var(--space-size-10) 0;
}
.radio-button-multiline-unique .radio-button-multiline-wrap ion-label.sc-ion-label-ios-h,
.radio-button-multiline-unique .radio-button-multiline-wrap ion-label.sc-ion-label-md-h {
  white-space: normal;
  word-break: break-all;
}
.radio-button-multiline-unique .radio-button-multiline-wrap div ion-label.sc-ion-label-ios-h + p,
.radio-button-multiline-unique .radio-button-multiline-wrap div ion-label.sc-ion-label-md-h + p {
  padding-top: 2.68vw;
  padding-top: var(--space-size-10);
  color: #555555;
  color: var(--ion-color-step-650);
  font-size: var(--font-size-14);
  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;
}
.radio-button-multiline-unique .radio-button-multiline-wrap div:nth-child(2) {
  flex-shrink: 0;
  text-align: right;
}
.radio-button-multiline-unique .radio-button-multiline-wrap.flex-box,
.radio-button-multiline-unique .radio-button-multiline-wrap .flex-box {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  width: 100%;
}
/*
 * Table Base
 * ----------------------------------------------------------------------------
 *
 */
/* table-base */
.table-fixed, .table-normal {
  width: 100%;
  height: 100%;
  margin: 8.04vw 0;
  margin: var(--space-size-30) 0;
  border-collapse: collapse;
  font-size: calc(0.75rem + 1.07vw);
  font-size: var(--font-size-medium);
  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;
  border: 1px hidden #d8d8d8;
  border: 1px hidden var(--ion-color-step-150);
  border-radius: 4px;
  box-shadow: 0 0 0 1px #ded2bc;
  box-shadow: 0 0 0 1px var(--ion-form-border-color);
}
.table-fixed:first-child, .table-normal:first-child {
  margin-top: 0;
}
.table-fixed:last-child, .table-normal:last-child {
  margin-bottom: 0;
}
.table-fixed th, .table-normal th,
.table-fixed td,
.table-normal td {
  border: 1px solid #ded2bc;
  border: 1px solid var(--ion-form-border-color);
  padding: 2.68vw;
  padding: var(--space-size-10);
  vertical-align: top;
}
.table-fixed thead th, .table-normal thead th {
  color: #ffffff;
  color: var(--ion-table-header-text-color);
  background-color: #c6a465;
  background-color: var(--ion-table-header-bg-color);
}
.table-fixed thead th:first-child, .table-normal thead th:first-child {
  border-top-left-radius: 4px;
}
.table-fixed thead th:last-child, .table-normal thead th:last-child {
  border-top-right-radius: 4px;
}
.table-fixed tbody[center], .table-normal tbody[center] {
  text-align: center;
}
.table-fixed tbody th, .table-normal tbody th {
  padding: 2.68vw;
  padding: var(--space-size-10);
  background-color: #faf7f1;
  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;
}
.table-fixed tbody th .link-normal, .table-normal tbody th .link-normal {
  margin: 2.68vw 0;
  margin: var(--space-size-10) 0;
}
.table-fixed tr[left], .table-normal tr[left],
.table-fixed td[left],
.table-normal td[left] {
  text-align: left;
}
.table-fixed tr[center], .table-normal tr[center],
.table-fixed td[center],
.table-normal td[center] {
  text-align: center;
  vertical-align: middle;
}
.table-fixed tr[right], .table-normal tr[right],
.table-fixed td[right],
.table-normal td[right] {
  text-align: right;
}
.table-fixed tbody tr:last-child th, .table-normal tbody tr:last-child th {
  border-bottom-left-radius: 4px;
}
[tbl-01] .table-fixed thead:not(:first-child) th, [tbl-01] .table-normal thead:not(:first-child) th {
  padding: 2.68vw;
  padding: var(--space-size-10);
  border-radius: 0;
}
.table-fixed table, .table-normal table,
.table-fixed tbody,
.table-normal tbody,
.table-fixed tr,
.table-normal tr,
.table-fixed th,
.table-normal th {
  height: 100%;
}
/*
 * Table
 * ----------------------------------------------------------------------------
 *
 */
/* .table-normal */
.table-normal tbody th {
  min-width: 125px;
  font-weight: bold;
}
.table-normal tbody td {
  font-size: calc(0.625rem + 1.07vw);
  font-size: var(--font-size-small);
}
[tbl-01],
[tbl-04] {
  padding: 1px;
}
[tbl-02] .table-normal,
[tbl-03] .table-normal {
  margin-top: 8.04vw;
  margin-top: var(--space-size-30);
}
[tbl-02] .table-normal tbody td,
[tbl-03] .table-normal tbody td {
  width: 50%;
}
[tbl-03] {
  padding: 1px;
}
[tbl-03] .table-normal {
  margin-top: 8.04vw;
  margin-top: var(--space-size-30);
}
.modal-box .content-box > [tbl-02] .table-normal {
  margin-top: 0;
}
/* .table-fixed */
.table-fixed thead th:not(:first-child) {
  min-width: 212px;
}
.table-fixed tbody th {
  min-width: 180px;
}
/* table-scroll-box */
.table-scroll-box {
  margin: 4.02vw 0;
  margin: var(--space-size-15) 0;
  overflow-x: scroll;
}
.table-scroll-box:first-child {
  margin-top: 0;
}
.table-scroll-box:last-child {
  margin-bottom: 0;
}
/*
 * Text Base
 * ----------------------------------------------------------------------------
 *
 */
.text-sensor, .text-illustration-banner2, .text-illustration-banner, .text-info, .text-label-point > span, .text-label-title, .text-label, .text-bottom, .text-top, .text-medium-large, .text-large, .text-extra-large, .text-extra-small, .text-small-narrow-top-space, .text-small, .text-normal, .list-sensor, .list-dot, .list-dot-3, .list-dot-5, .list-dot-6, .list-decimal, .list-decimal-02, .list-decimal-03, .list-decimal-04, .list-alphabetical, .list-example, .list-sharp, .list-sharp-02, .list-sharp-03, .list-note-ja, .list-sharp-02-from2, .list-sharp-02-from3, .list-sharp-02-from4, .link-normal a, .text-normal-link a, .text-in-sentence a, .link-large a, .link-inline a, .link-icon a {
  margin: 8.04vw 0 4.02vw 0;
  margin: var(--space-size-30) 0 var(--space-size-15) 0;
  color: #111111;
  color: var(--ion-default-text-color);
  font-size: calc(0.75rem + 1.07vw);
  font-size: var(--font-size-medium);
  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;
}
.text-sensor:first-child, .text-illustration-banner2:first-child, .text-illustration-banner:first-child, .text-info:first-child, .text-label-point > span:first-child, .text-label-title:first-child, .text-label:first-child, .text-bottom:first-child, .text-top:first-child, .text-medium-large:first-child, .text-large:first-child, .text-extra-large:first-child, .text-extra-small:first-child, .text-small-narrow-top-space:first-child, .text-small:first-child, .text-normal:first-child, .list-sensor:first-child, .list-dot:first-child, .list-dot-3:first-child, .list-dot-5:first-child, .list-dot-6:first-child, .list-decimal:first-child, .list-decimal-02:first-child, .list-decimal-03:first-child, .list-decimal-04:first-child, .list-alphabetical:first-child, .list-example:first-child, .list-sharp:first-child, .list-sharp-02:first-child, .list-sharp-03:first-child, .list-note-ja:first-child, .list-sharp-02-from2:first-child, .list-sharp-02-from3:first-child, .list-sharp-02-from4:first-child, .link-normal a:first-child, .text-normal-link a:first-child, .text-in-sentence a:first-child, .link-large a:first-child, .link-inline a:first-child, .link-icon a:first-child {
  margin-top: 0;
}
.text-sensor:last-child, .text-illustration-banner2:last-child, .text-illustration-banner:last-child, .text-info:last-child, .text-label-point > span:last-child, .text-label-title:last-child, .text-label:last-child, .text-bottom:last-child, .text-top:last-child, .text-medium-large:last-child, .text-large:last-child, .text-extra-large:last-child, .text-extra-small:last-child, .text-small-narrow-top-space:last-child, .text-small:last-child, .text-normal:last-child, .list-sensor:last-child, .list-dot:last-child, .list-dot-3:last-child, .list-dot-5:last-child, .list-dot-6:last-child, .list-decimal:last-child, .list-decimal-02:last-child, .list-decimal-03:last-child, .list-decimal-04:last-child, .list-alphabetical:last-child, .list-example:last-child, .list-sharp:last-child, .list-sharp-02:last-child, .list-sharp-03:last-child, .list-note-ja:last-child, .list-sharp-02-from2:last-child, .list-sharp-02-from3:last-child, .list-sharp-02-from4:last-child, .link-normal a:last-child, .text-normal-link a:last-child, .text-in-sentence a:last-child, .link-large a:last-child, .link-inline a:last-child, .link-icon a:last-child {
  margin-bottom: 0;
}
ion-icon + .text-sensor, ion-icon + .text-illustration-banner2, ion-icon + .text-illustration-banner, ion-icon + .text-info, .text-label-point > ion-icon + span, ion-icon + .text-label-title, ion-icon + .text-label, ion-icon + .text-bottom, ion-icon + .text-top, ion-icon + .text-medium-large, ion-icon + .text-large, ion-icon + .text-extra-large, ion-icon + .text-extra-small, ion-icon + .text-small-narrow-top-space, ion-icon + .text-small, ion-icon + .text-normal, ion-icon + .list-sensor, ion-icon + .list-dot, ion-icon + .list-dot-3, ion-icon + .list-dot-5, ion-icon + .list-dot-6, ion-icon + .list-decimal, ion-icon + .list-decimal-02, ion-icon + .list-decimal-03, ion-icon + .list-decimal-04, ion-icon + .list-alphabetical, ion-icon + .list-example, ion-icon + .list-sharp, ion-icon + .list-sharp-02, ion-icon + .list-sharp-03, ion-icon + .list-note-ja, ion-icon + .list-sharp-02-from2, ion-icon + .list-sharp-02-from3, ion-icon + .list-sharp-02-from4, .link-normal ion-icon + a, .text-normal-link ion-icon + a, .text-in-sentence ion-icon + a, .link-large ion-icon + a, .link-inline ion-icon + a, .link-icon ion-icon + a {
  margin-top: 0;
}
[textMiddle].text-sensor, [textMiddle].text-illustration-banner2, [textMiddle].text-illustration-banner, [textMiddle].text-info, .text-label-point > span[textMiddle], [textMiddle].text-label-title, [textMiddle].text-label, [textMiddle].text-bottom, [textMiddle].text-top, [textMiddle].text-medium-large, [textMiddle].text-large, [textMiddle].text-extra-large, [textMiddle].text-extra-small, [textMiddle].text-small-narrow-top-space, [textMiddle].text-small, [textMiddle].text-normal, [textMiddle].list-sensor, [textMiddle].list-dot, [textMiddle].list-dot-3, [textMiddle].list-dot-5, [textMiddle].list-dot-6, [textMiddle].list-decimal, [textMiddle].list-decimal-02, [textMiddle].list-decimal-03, [textMiddle].list-decimal-04, [textMiddle].list-alphabetical, [textMiddle].list-example, [textMiddle].list-sharp, [textMiddle].list-sharp-02, [textMiddle].list-sharp-03, [textMiddle].list-note-ja, [textMiddle].list-sharp-02-from2, [textMiddle].list-sharp-02-from3, [textMiddle].list-sharp-02-from4, .link-normal a[textMiddle], .text-normal-link a[textMiddle], .text-in-sentence a[textMiddle], .link-large a[textMiddle], .link-inline a[textMiddle], .link-icon a[textMiddle],
.text-sensor [textMiddle],
.text-illustration-banner2 [textMiddle],
.text-illustration-banner [textMiddle],
.text-info [textMiddle],
.text-label-point > span [textMiddle],
.text-label-title [textMiddle],
.text-label [textMiddle],
.text-bottom [textMiddle],
.text-top [textMiddle],
.text-medium-large [textMiddle],
.text-large [textMiddle],
.text-extra-large [textMiddle],
.text-extra-small [textMiddle],
.text-small-narrow-top-space [textMiddle],
.text-small [textMiddle],
.text-normal [textMiddle],
.list-sensor [textMiddle],
.list-dot [textMiddle],
.list-dot-3 [textMiddle],
.list-dot-5 [textMiddle],
.list-dot-6 [textMiddle],
.list-decimal [textMiddle],
.list-decimal-02 [textMiddle],
.list-decimal-03 [textMiddle],
.list-decimal-04 [textMiddle],
.list-alphabetical [textMiddle],
.list-example [textMiddle],
.list-sharp [textMiddle],
.list-sharp-02 [textMiddle],
.list-sharp-03 [textMiddle],
.list-note-ja [textMiddle],
.list-sharp-02-from2 [textMiddle],
.list-sharp-02-from3 [textMiddle],
.list-sharp-02-from4 [textMiddle],
.link-normal a [textMiddle],
.text-normal-link a [textMiddle],
.text-in-sentence a [textMiddle],
.link-large a [textMiddle],
.link-inline a [textMiddle],
.link-icon a [textMiddle] {
  text-align: center;
}
[textBold].text-sensor, [textBold].text-illustration-banner2, [textBold].text-illustration-banner, [textBold].text-info, .text-label-point > span[textBold], [textBold].text-label-title, [textBold].text-label, [textBold].text-bottom, [textBold].text-top, [textBold].text-medium-large, [textBold].text-large, [textBold].text-extra-large, [textBold].text-extra-small, [textBold].text-small-narrow-top-space, [textBold].text-small, [textBold].text-normal, [textBold].list-sensor, [textBold].list-dot, [textBold].list-dot-3, [textBold].list-dot-5, [textBold].list-dot-6, [textBold].list-decimal, [textBold].list-decimal-02, [textBold].list-decimal-03, [textBold].list-decimal-04, [textBold].list-alphabetical, [textBold].list-example, [textBold].list-sharp, [textBold].list-sharp-02, [textBold].list-sharp-03, [textBold].list-note-ja, [textBold].list-sharp-02-from2, [textBold].list-sharp-02-from3, [textBold].list-sharp-02-from4, .link-normal a[textBold], .text-normal-link a[textBold], .text-in-sentence a[textBold], .link-large a[textBold], .link-inline a[textBold], .link-icon a[textBold],
.text-sensor [textBold],
.text-illustration-banner2 [textBold],
.text-illustration-banner [textBold],
.text-info [textBold],
.text-label-point > span [textBold],
.text-label-title [textBold],
.text-label [textBold],
.text-bottom [textBold],
.text-top [textBold],
.text-medium-large [textBold],
.text-large [textBold],
.text-extra-large [textBold],
.text-extra-small [textBold],
.text-small-narrow-top-space [textBold],
.text-small [textBold],
.text-normal [textBold],
.list-sensor [textBold],
.list-dot [textBold],
.list-dot-3 [textBold],
.list-dot-5 [textBold],
.list-dot-6 [textBold],
.list-decimal [textBold],
.list-decimal-02 [textBold],
.list-decimal-03 [textBold],
.list-decimal-04 [textBold],
.list-alphabetical [textBold],
.list-example [textBold],
.list-sharp [textBold],
.list-sharp-02 [textBold],
.list-sharp-03 [textBold],
.list-note-ja [textBold],
.list-sharp-02-from2 [textBold],
.list-sharp-02-from3 [textBold],
.list-sharp-02-from4 [textBold],
.link-normal a [textBold],
.text-normal-link a [textBold],
.text-in-sentence a [textBold],
.link-large a [textBold],
.link-inline a [textBold],
.link-icon a [textBold] {
  font-weight: bold;
  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;
}
[textEllipsis].text-sensor, [textEllipsis].text-illustration-banner2, [textEllipsis].text-illustration-banner, [textEllipsis].text-info, .text-label-point > span[textEllipsis], [textEllipsis].text-label-title, [textEllipsis].text-label, [textEllipsis].text-bottom, [textEllipsis].text-top, [textEllipsis].text-medium-large, [textEllipsis].text-large, [textEllipsis].text-extra-large, [textEllipsis].text-extra-small, [textEllipsis].text-small-narrow-top-space, [textEllipsis].text-small, [textEllipsis].text-normal, [textEllipsis].list-sensor, [textEllipsis].list-dot, [textEllipsis].list-dot-3, [textEllipsis].list-dot-5, [textEllipsis].list-dot-6, [textEllipsis].list-decimal, [textEllipsis].list-decimal-02, [textEllipsis].list-decimal-03, [textEllipsis].list-decimal-04, [textEllipsis].list-alphabetical, [textEllipsis].list-example, [textEllipsis].list-sharp, [textEllipsis].list-sharp-02, [textEllipsis].list-sharp-03, [textEllipsis].list-note-ja, [textEllipsis].list-sharp-02-from2, [textEllipsis].list-sharp-02-from3, [textEllipsis].list-sharp-02-from4, .link-normal a[textEllipsis], .text-normal-link a[textEllipsis], .text-in-sentence a[textEllipsis], .link-large a[textEllipsis], .link-inline a[textEllipsis], .link-icon a[textEllipsis],
.text-sensor [textEllipsis],
.text-illustration-banner2 [textEllipsis],
.text-illustration-banner [textEllipsis],
.text-info [textEllipsis],
.text-label-point > span [textEllipsis],
.text-label-title [textEllipsis],
.text-label [textEllipsis],
.text-bottom [textEllipsis],
.text-top [textEllipsis],
.text-medium-large [textEllipsis],
.text-large [textEllipsis],
.text-extra-large [textEllipsis],
.text-extra-small [textEllipsis],
.text-small-narrow-top-space [textEllipsis],
.text-small [textEllipsis],
.text-normal [textEllipsis],
.list-sensor [textEllipsis],
.list-dot [textEllipsis],
.list-dot-3 [textEllipsis],
.list-dot-5 [textEllipsis],
.list-dot-6 [textEllipsis],
.list-decimal [textEllipsis],
.list-decimal-02 [textEllipsis],
.list-decimal-03 [textEllipsis],
.list-decimal-04 [textEllipsis],
.list-alphabetical [textEllipsis],
.list-example [textEllipsis],
.list-sharp [textEllipsis],
.list-sharp-02 [textEllipsis],
.list-sharp-03 [textEllipsis],
.list-note-ja [textEllipsis],
.list-sharp-02-from2 [textEllipsis],
.list-sharp-02-from3 [textEllipsis],
.list-sharp-02-from4 [textEllipsis],
.link-normal a [textEllipsis],
.text-normal-link a [textEllipsis],
.text-in-sentence a [textEllipsis],
.link-large a [textEllipsis],
.link-inline a [textEllipsis],
.link-icon a [textEllipsis] {
  overflow: hidden;
  white-space: nowrap;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
/*
 * Text
 * ----------------------------------------------------------------------------
 *
 */
/* text-normal 16px */
.text-normal.driving-self-assessment-top-text, .driving-self-assessment-top-text.list-sensor, .driving-self-assessment-top-text.list-dot, .driving-self-assessment-top-text.list-dot-3, .driving-self-assessment-top-text.list-dot-5, .driving-self-assessment-top-text.list-dot-6, .driving-self-assessment-top-text.list-decimal, .driving-self-assessment-top-text.list-decimal-02, .driving-self-assessment-top-text.list-decimal-03, .driving-self-assessment-top-text.list-decimal-04, .driving-self-assessment-top-text.list-alphabetical, .driving-self-assessment-top-text.list-example, .driving-self-assessment-top-text.list-sharp, .driving-self-assessment-top-text.list-sharp-02, .driving-self-assessment-top-text.list-sharp-03, .driving-self-assessment-top-text.list-note-ja, .driving-self-assessment-top-text.list-sharp-02-from2, .driving-self-assessment-top-text.list-sharp-02-from3, .driving-self-assessment-top-text.list-sharp-02-from4 {
  margin-top: 5.36vw;
  margin-top: var(--space-size-20);
}
.text-normal .link-normal a, .list-sensor .link-normal a, .list-dot .link-normal a, .list-dot-3 .link-normal a, .list-dot-5 .link-normal a, .list-dot-6 .link-normal a, .list-decimal .link-normal a, .list-decimal-02 .link-normal a, .list-decimal-03 .link-normal a, .list-decimal-04 .link-normal a, .list-alphabetical .link-normal a, .list-example .link-normal a, .list-sharp .link-normal a, .list-sharp-02 .link-normal a, .list-sharp-03 .link-normal a, .list-note-ja .link-normal a, .list-sharp-02-from2 .link-normal a, .list-sharp-02-from3 .link-normal a, .list-sharp-02-from4 .link-normal a {
  text-decoration: underline;
  vertical-align: unset;
}
.text-normal .indent, .list-sensor .indent, .list-dot .indent, .list-dot-3 .indent, .list-dot-5 .indent, .list-dot-6 .indent, .list-decimal .indent, .list-decimal-02 .indent, .list-decimal-03 .indent, .list-decimal-04 .indent, .list-alphabetical .indent, .list-example .indent, .list-sharp .indent, .list-sharp-02 .indent, .list-sharp-03 .indent, .list-note-ja .indent, .list-sharp-02-from2 .indent, .list-sharp-02-from3 .indent, .list-sharp-02-from4 .indent {
  text-indent: -3em;
  padding-left: 3em;
}
/* text-small */
.text-small-narrow-top-space {
  margin: 2.68vw 0 4.02vw 0;
  margin: var(--space-size-10) 0 var(--space-size-15) 0;
}
/* text-extra-small */
/* text-extra-large */
/* text-large */
.text-large[blue] {
  color: #003a77;
  color: var(--ion-color-blue);
}
/* text-center */
.text-center {
  text-align: center;
}
/* text-medium-large */
.text-medium-large[blue] {
  color: #003a77;
  color: var(--ion-color-blue);
}
/* text-top */
.text-top {
  vertical-align: super;
}
/* text-bottom */
.text-bottom {
  vertical-align: baseline;
}
/* text-label */
.text-label {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 70px;
  height: calc(5.36vw + 1px);
  height: calc(var(--space-size-20) + 1px);
  padding: 0 2.68vw;
  padding: 0 var(--space-size-10);
  border: 1px solid #cccccc;
  border: 1px solid var(--ion-separator-border-color);
}
.text-label-title {
  display: inline-flex;
  padding: 0 8px;
  color: #003a77;
  color: var(--ion-color-blue);
  background-color: #ffffff;
  background-color: var(--ion-color-custom-white);
  border: 1px solid #003a77;
  border: 1px solid var(--ion-color-blue);
}
.text-label-point {
  margin-left: -20px;
}
.text-label-point > span {
  position: relative;
  display: inline-block;
  padding: 0 22px 0 10px;
  overflow: hidden;
  color: #ffffff;
  color: var(--ion-color-custom-white);
  vertical-align: top;
  background-color: #003a77;
  background-color: var(--ion-color-blue);
}
.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 #f4f4f8;
  border-right: 10px solid var(--ion-color-step-100);
  border-bottom: 10px solid transparent;
  border-left: 10px solid transparent;
  content: "";
}
/* text-label-multiline */
.text-label-multiline {
  margin-bottom: 6.7vw;
  margin-bottom: var(--space-size-25);
}
.text-label-multiline .text-label {
  margin-bottom: 1.34vw;
  margin-bottom: var(--space-size-5);
}
/* text-validation */
.text-validation {
  font-weight: bold;
  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;
}
/* text-info */
.text-info {
  display: flex;
  justify-content: space-between;
}
.text-info p {
  margin: 0;
  line-height: 1.4;
  word-break: break-all;
  overflow-wrap: anywhere;
}
.text-info p span {
  vertical-align: middle;
}
.text-info p a {
  display: inline-block;
  margin-left: 2.68vw;
  margin-left: var(--space-size-10);
  line-height: 1;
  vertical-align: middle;
}
.text-info p a ion-icon {
  width: calc(5.36vw + 4px);
  width: calc(var(--space-size-20) + 4px);
  height: calc(5.36vw + 4px);
  height: calc(var(--space-size-20) + 4px);
  padding-top: 1px;
  vertical-align: middle;
  fill: #c6a465;
  fill: var(--ion-form-icon-color);
}
.landing-theme .text-info p a ion-icon {
  fill: #28a69a;
  fill: var(--ion-color-custom-dark-green);
}
.text-info p .a-left {
  margin-left: 0;
  vertical-align: bottom;
}
.text-info .text-label,
.text-info .text-illustration-banner {
  margin-top: calc(1.34vw / 2) !important;
  margin-top: calc(var(--space-size-5) / 2) !important;
  margin-left: 5.36vw;
  margin-left: var(--space-size-20);
}
/* text-illustration-banner */
.text-illustration-banner {
  border-radius: 2px;
  display: inline-flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  min-width: 70px;
  height: calc(5.36vw + 1px);
  height: calc(var(--space-size-20) + 1px);
  padding: 0 2.68vw;
  padding: 0 var(--space-size-10);
  color: #ffffff;
  color: var(--ion-table-header-text-color);
  background: #28a69a;
  background: var(--ion-notification-icon-color);
}
.tgt-01 .text-illustration-banner {
  border-radius: 0;
}
.text-illustration-banner[darkblue] {
  background: #003a77;
  background: var(--ion-color-custom-dark-blue);
}
.text-illustration-banner2 {
  border-radius: 2px;
  display: inline-flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  min-width: 100%;
  height: calc(5.36vw + 1px);
  height: calc(var(--space-size-20) + 1px);
  padding: 0 2.68vw;
  padding: 0 var(--space-size-10);
}
.tgt-01 .text-illustration-banner2 {
  border-radius: 0;
}
#discription {
  margin-bottom: 6.7vw;
  margin-bottom: var(--space-size-25);
}
.margin-top-30 {
  margin-top: 30px !important;
}
.margin-top-15 {
  margin-top: 15px !important;
}
.margin-bottom-0 {
  margin-bottom: 0px !important;
}
/* text-sensor */
.text-sensor {
  display: flex;
  justify-content: space-between;
  margin-bottom: 2.68vw;
  margin-bottom: var(--space-size-10);
}
.text-sensor p {
  margin: 0;
  line-height: 1.4;
  word-break: break-all;
  overflow-wrap: anywhere;
  font-size: calc(1em + 1.07vw);
  font-size: var(--font-size-20);
  font-weight: bold;
  /* media query version */
}
@media screen and (min-width: 769px) {
  .text-sensor p {
    font-size: 24px;
  }
}
.text-sensor p span {
  vertical-align: middle;
}
.text-sensor p a {
  display: inline-block;
  margin-left: 2.68vw;
  margin-left: var(--space-size-10);
  line-height: 1;
  vertical-align: middle;
}
.text-sensor p a ion-icon {
  width: calc(5.36vw + 4px);
  width: calc(var(--space-size-20) + 4px);
  height: calc(5.36vw + 4px);
  height: calc(var(--space-size-20) + 4px);
  padding-top: 1px;
  vertical-align: middle;
  fill: #c6a465;
  fill: var(--ion-form-icon-color);
}
.landing-theme .text-sensor p a ion-icon {
  fill: #28a69a;
  fill: var(--ion-color-custom-dark-green);
}
.list-sensor {
  margin: 2.68vw 0 2.68vw 0 !important;
  margin: var(--space-size-10) 0 var(--space-size-10) 0 !important;
}
.list-sensor:first-child {
  margin-top: 0;
}
.list-sensor:last-child {
  margin-bottom: 0;
}
.list-sensor > li {
  margin-left: 16px !important;
  line-height: 1.75rem;
  text-indent: -8px;
}
.list-sensor > li::before {
  display: inline-block;
  padding-right: 8px;
  line-height: 0;
  vertical-align: middle;
  content: url('list-dot-icon.31922761392b5a914db6.svg');
  counter-increment: step;
}
.list-sensor > li[li-content] {
  font-size: 16px;
  margin: 1.27vw 0 1.27vw;
  margin: var(--space-size-4) 0 var(--space-size-4);
}
/*
 * Text Color
 * ----------------------------------------------------------------------------
 *
 */
.text-black {
  color: #111111 !important;
  color: var(--ion-color-custom-black) !important;
}
.text-red {
  color: #cc0000 !important;
  color: var(--ion-color-danger) !important;
}
.text-green {
  color: #28a69a !important;
  color: var(--ion-color-success) !important;
}
.text-gray {
  color: #999999 !important;
  color: var(--ion-color-step-400) !important;
}
.text-blue {
  color: #003a77 !important;
  color: var(--ion-color-blue) !important;
}
.text-gray {
  color: #e5e5e5;
  color: var(--ion-color-custom-gray);
}
/*
 * Title
 * ----------------------------------------------------------------------------
 *
 */
.landing-theme .title-h6, .landing-theme .title-h5, .landing-theme .title-h4, .landing-theme .title-h3, .landing-theme .title-h2, .title-h1.landing-theme, .landing-theme .title-h1 {
  color: #ffffff;
  color: var(--ion-table-header-text-color);
  line-height: 1.5;
  text-align: center;
}
.title-h1 {
  margin: 10.72vw 0 4.02vw;
  margin: var(--space-size-40) 0 var(--space-size-15);
  color: #003a77;
  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: "ヒラギノ角ゴ 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;
  /* container query version */
}
@container app-page-responsive-content-container (min-width: 769px) {
  .title-h1 {
    font-size: 32px;
  }
}
.title-h1.landing-theme, .landing-theme .title-h1 {
  margin: 6.7vw -4.02vw 4.02vw;
  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;
}
.title-h1.landing-theme[topSpace40], .landing-theme .title-h1[topSpace40] {
  padding: 0 13.4vw;
  padding: 0 var(--space-size-50);
}
.title-h1.landing-theme[textBold], .landing-theme .title-h1[textBold] {
  font-weight: bold;
  font-size: calc(1.25rem + 1.07vw);
  font-size: var(--font-size-24);
  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;
}
.title-h2 {
  margin: 10.72vw 0 4.02vw;
  margin: var(--space-size-40) 0 var(--space-size-15);
  padding-bottom: 2.68vw;
  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: "ヒラギノ角ゴ 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;
  border-bottom: 2px solid #003a77;
  border-bottom: 2px solid var(--ion-default-border-color);
  /* container query version */
}
.title-h2:first-child {
  margin-top: 0;
}
.title-h2:last-child {
  margin-bottom: 0;
}
@container app-page-responsive-content-container (min-width: 769px) {
  .title-h2 {
    font-size: 24px;
  }
}
.title-h2:first-child {
  margin-top: 4.02vw;
  margin-top: var(--space-size-15);
}
.title-h2[noBorder] {
  padding-bottom: 0;
  border: none;
}
.title-h2[textGreen] {
  color: #28a69a;
  color: var(--ion-color-custom-dark-green);
  text-align: center;
}
.title-h3 {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin: 10.72vw 0 4.02vw;
  margin: var(--space-size-40) 0 var(--space-size-15);
  padding-left: 2.68vw;
  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: "ヒラギノ角ゴ 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;
  border-left: 3px solid #003a77;
  border-left: 3px solid var(--ion-default-border-color);
}
.title-h3:first-child {
  margin-top: 0;
}
.title-h3:last-child {
  margin-bottom: 0;
}
.title-h3 .text-illustration-banner {
  min-width: 46px;
  margin-top: calc(1.34vw / 2);
  margin-top: calc(var(--space-size-5) / 2);
  font-weight: normal;
  background: #cc0000;
  background: var(--ion-color-custom-red);
}
.title-h3[noBorder] {
  padding-left: 0;
  border: none;
}
.landing-theme .title-h3 {
  padding: 0 0 2.68vw 0;
  padding: 0 0 var(--space-size-10) 0;
  border-bottom: 2px solid #000;
  border-left: none;
  border-bottom: 2px solid #28a69a;
  border-bottom: 2px solid var(--ion-color-custom-dark-green);
}
.modal-box .title-h3:first-child {
  margin-top: 6.7vw;
  margin-top: var(--space-size-25);
}
.title-h4 {
  margin: 8.04vw 0 4.02vw;
  margin: var(--space-size-30) 0 var(--space-size-15);
  padding-bottom: 4.02vw;
  padding-bottom: var(--space-size-15);
  line-height: 1.5;
  font-weight: bold;
  font-size: var(--font-size-normal);
  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;
  border-bottom: 1px solid #cccccc;
  border-bottom: 1px solid var(--ion-separator-border-color);
}
.title-h4:first-child {
  margin-top: 0;
}
.title-h4:last-child {
  margin-bottom: 0;
}
.title-h4[noBorder] {
  padding-left: 0;
  border: none;
}
.title-h5 {
  margin: 8.04vw 0 4.02vw;
  margin: var(--space-size-30) 0 var(--space-size-15);
  font-weight: bold;
  font-size: var(--font-size-normal);
  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;
}
.title-h5:first-child {
  margin-top: 0;
}
.title-h5:last-child {
  margin-bottom: 0;
}
.title-h6 {
  margin: 8.04vw 0 4.02vw;
  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: "ヒラギノ角ゴ 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;
}
.title-h6:first-child {
  margin-top: 0;
}
.title-h6:last-child {
  margin-bottom: 0;
}
.landing-theme .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;
}
/*
 * dropdown
 * ----------------------------------------------------------------------------
 *
 */
.remind-signin-selectBox {
  width: 100%;
  padding: 1px 24px 1px 6px;
  background: transparent;
  border: none;
  outline: none;
}
.remind-signin-selectOption {
  color: black;
}
.defaultDropdown {
  min-width: 100%;
}
.default-height {
  min-height: 44px;
}
.select-box-split-wrap-2v1 {
  display: grid;
  grid-template-columns: 2fr 1fr;
  margin: 8.04vw 0 4.02vw 0;
  margin: var(--space-size-30) 0 var(--space-size-15) 0;
  grid-column-gap: 4.02vw;
  -moz-column-gap: 4.02vw;
       column-gap: 4.02vw;
  grid-column-gap: var(--space-size-15);
  -moz-column-gap: var(--space-size-15);
       column-gap: var(--space-size-15);
  grid-row-gap: 4.02vw;
  row-gap: 4.02vw;
  grid-row-gap: var(--space-size-15);
  row-gap: var(--space-size-15);
}
.select-box-split-wrap-2v1:first-child {
  margin-top: 0;
}
.select-box-split-wrap-2v1:last-child {
  margin-bottom: 0;
}
.select-box-split-wrap-2v1 .text-selection-input-normal {
  width: 100%;
  margin: 0;
  border-collapse: separate;
}
.select-box-split-wrap-2v1 .text-selection-input-normal ion-label {
  width: 100%;
}
.tnet table.err_01 td.border_color {
  background: #c93004;
}
.tnet table.err_01 td.bg_color_01 {
  padding: 8px 10px 6px 10px;
  background: #f4f4f4;
}
.tnet table.err_01 td.bg_color_01 font {
  line-height: 1.1em !important;
}
.tnet img.icn_err {
  margin: 0 12px 2px 4px;
  vertical-align: middle;
}
.tnet td.padding_border {
  padding: 3px;
}
.tnet span.color_04 {
  color: #c20000;
}
.tnet .table_border01err {
  width: 974px;
}
.tnet .mt15err {
  margin-top: 15px !important;
}
.tnet select[disabled] {
  background-color: #d3d3d3;
  /* 灰色 */
  color: #6c757d;
  /* テキストの色も変更する場合 */
}
/*-----------------------

2012.01.13更新
2012.02.24更新

------------------------*/
/*-----------------------
[base.css]

1.reset
2.base
　2-1.body・basefont
　2-2.link
3.layout
　3-1.layoutbase
　3-2.header
	3-3.content
　3-4.footer
4.clearfix
5.others

------------------------*/
/*----------
1.reset
----------*/
.tnet {
  height: 100% !important;
  overflow-y: auto;
}
.tnet {
  /*----------
  2.基本設定
  ----------*/
  /*2-1.body・basefont*/
  /*2-2.リンク*/
  /*float*/
  /*Horizontal Rule*/
  /*----------
  3.レイアウト
  ----------*/
  /*----------3-1.base----------*/
  /*----------3-3.content----------*/
  /*----------
  4.clearfix
  ----------*/
  /*for safari2*/
  /* Hides from IE-mac \*/
  /* End hide from IE-mac */
  /*----------
  5.その他
  ----------*/
  /*スクロールバー常時表示*/
  /*-----------------------
  [header.css]

  ------------------------*/
  /*-----------------------
  [footer.css]

  ------------------------*/
  /*-----------------------
  [common.css]

  1.汎用クラス
  2.共通クラス
  3.個別クラス
  4.マージン・パディング

  ------------------------*/
  /*----------
  1.汎用クラス
  ----------*/
  /*1.フロート*/
  /*2.テキスト*/
  /*3.テーブル*/
  /*border01 通常見出し*/
  /*border01 通常セル*/
  /*4.フォーム*/
  /*----------
  2.共通クラス
  ----------*/
  /*----------
  3.個別クラス
  ----------*/
  /*契約検索*/
  /*契約一覧*/
  /*契約内容照会*/
  /*for safari*/
  /*error*/
  /*満期契約一覧*/
  /*----------
  4.マージン・パディング
  ----------*/
  /*1.マージン*/
  /*2.パディング*/
}
.tnet body,
.tnet div,
.tnet dl,
.tnet dt,
.tnet dd,
.tnet ul,
.tnet ol,
.tnet li,
.tnet h1,
.tnet h2,
.tnet h3,
.tnet h4,
.tnet h5,
.tnet h6,
.tnet pre,
.tnet form,
.tnet fieldset,
.tnet input,
.tnet textarea,
.tnet p,
.tnet blockquote,
.tnet th,
.tnet td {
  margin: 0;
  padding: 0;
}
.tnet #form1 {
  height: 100% !important;
}
.tnet .content {
  height: 100%;
}
.tnet h1,
.tnet h2,
.tnet h3,
.tnet h4,
.tnet h5,
.tnet h6,
.tnet p,
.tnet th,
.tnet td {
  font-size: 12px;
  font-weight: normal;
  font-family: sans-serif;
}
.tnet p.btn_searchLast,
.tnet p.btn_searchThis,
.tnet p.btn_searchNext,
.tnet p.btn_searchNext2 {
  font-size: 0px;
}
.tnet address,
.tnet caption,
.tnet code,
.tnet em,
.tnet strong {
  font-style: normal;
  font-weight: normal;
}
.tnet table {
  border-collapse: collapse;
  border-spacing: 0;
  word-break: break-all;
}
.tnet caption,
.tnet th {
  text-align: left;
  font-weight: normal;
}
.tnet img {
  vertical-align: top;
  border: 0;
}
.tnet ol,
.tnet ul {
  list-style-type: none;
}
.tnet table {
  border-collapse: collapse;
}
.tnet body {
  font-size: 12px;
  color: #000;
  font-family: sans-serif;
  background: #fff;
}
.tnet table th,
.tnet table td {
  font-size: 12px;
}
.tnet a {
  /* except for IE-mac \*/
  overflow: hidden;
  /**/
}
.tnet a:link {
  color: #00f;
}
.tnet a:visited {
  text-decoration: none;
}
.tnet a:hover,
.tnet a:focus,
.tnet a:active {
  text-decoration: underline;
}
.tnet .clr {
  clear: both;
  height: 0;
  font-size: 0;
}
.tnet hr {
  display: none;
}
.tnet input,
.tnet select {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13.3333px;
}
.tnet html,
.tnet body,
.tnet #container {
  height: 100%;
}
.tnet #container {
  width: 1024px;
}
.tnet .form {
  height: 100% !important;
}
.tnet #content_container {
  width: 1024px;
  min-height: 559px;
  height: 86.2%;
  margin: 0;
  padding: 0;
  text-align: left;
}
.tnet * html #content_container {
  height: 559px;
}
.tnet #content {
  padding: 15px 25px 33px;
}
.tnet .clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.tnet html[xmlns*=""] body:last-child .clearfix:after {
  line-height: 0;
  font-size: 1px;
}
.tnet .clearfix {
  display: inline-table;
  zoom: 1;
}
.tnet * html .clearfix {
  height: 1%;
}
.tnet .clearfix {
  display: block;
}
.tnet html {
  overflow-y: scroll;
}
.tnet #header {
  position: relative;
  width: 1024px;
  min-height: 63px;
  height: 9.8% !important;
  margin: 0;
  padding: 0;
  background: #cedfff;
  text-align: left;
}
.tnet * html #header {
  height: 63px;
}
.tnet #header .header_utility {
  padding: 6px 30px 7px 5px;
}
.tnet #header h1 {
  float: left;
  font-size: 12px;
  font-weight: bold;
}
.tnet #header h1 span {
  font-size: 11px;
  font-weight: normal;
}
.tnet #header p.date {
  float: right;
}
.tnet #header p.userid {
  font-size: 11px;
  text-align: center;
}
.tnet #header .header_btn_backtop {
  position: absolute;
  top: 2.5em;
  left: 3px;
  width: 120px;
  height: 23px;
}
.tnet #header .header_btn_prev {
  position: absolute;
  top: 2.5em;
  left: 25px;
  width: 120px;
  height: 23px;
}
.tnet #header .header_btn_print {
  position: absolute;
  top: 2.5em;
  left: 754px;
  width: 100px;
  height: 23px;
}
.tnet #header .header_btn_close {
  position: absolute;
  top: 2.5em;
  left: 858px;
  width: 140px;
  height: 23px;
}
.tnet .kaiyaku {
  display: block;
  text-align: -webkit-center;
  unicode-bidi: -webkit-isolate;
  unicode-bidi: -moz-isolate;
  unicode-bidi: isolate;
  color: red;
  font-size: 14px;
  font-weight: bold;
  line-height: 25px;
}
.tnet #footer {
  position: fixed;
  bottom: 0;
  width: 1024px;
  min-height: 27px;
  height: 4%;
  margin: 0;
  padding: 0;
  background: #cedfff;
  text-align: left;
}
.tnet * html #footer {
  height: 27px;
}
.tnet #footer .footer_btn_backsearch {
  position: absolute;
  top: 3px;
  left: 25px;
  width: 130px;
  height: 23px;
}
.tnet #footer .footer_btn_clear {
  position: absolute;
  top: 3px;
  left: 598px;
  width: 130px;
  height: 23px;
}
.tnet #footer .footer_btn_middle {
  position: absolute;
  top: 3px;
  left: 730px;
  width: 130px;
  height: 23px;
}
.tnet #footer .footer_btn_search {
  position: absolute;
  top: 3px;
  left: 862px;
  width: 130px;
  height: 23px;
}
.tnet .fr {
  float: right;
}
.tnet .fl {
  float: left;
}
.tnet .clr {
  clear: both;
  height: 0;
  font-size: 0;
  line-height: 0;
}
.tnet .txtac {
  text-align: center;
}
.tnet .txtar {
  text-align: right;
}
.tnet .txtal {
  text-align: left;
}
.tnet .em01 {
  font-weight: bold !important;
}
.tnet .em02 {
  color: #00f !important;
}
.tnet .txt_s {
  font-size: 11px;
}
.tnet .txt_ss {
  font-size: 9px;
}
.tnet .table_border01 {
  width: 100%;
}
.tnet .table_border01 tr {
  vertical-align: top;
}
.tnet .table_border01 th,
.tnet .table_border01 td {
  padding: 6px 4px 4px;
  border: 1px solid #9c9ace;
}
.tnet .table_border01 th {
  background: #cedfff;
  font-weight: normal;
  text-align: left;
}
.tnet .table_border01 td {
  background: #fff;
}
.tnet .nb_all {
  border: none !important;
}
.tnet .nb_top {
  border-top: none !important;
}
.tnet .nb_right {
  border-right: none !important;
}
.tnet .nb_bottom {
  border-bottom: none !important;
}
.tnet .nb_left {
  border-left: none !important;
}
.tnet .formstyle01 {
  height: 1.4em;
  border: 1px solid #7b9ebd;
}
.tnet .w55 {
  width: 55px;
}
.tnet .w75 {
  width: 75px;
}
.tnet .w125 {
  width: 125px;
}
.tnet .w180 {
  width: 180px;
}
.tnet h2.h2_01 {
  margin: 0;
  padding: 7px 5px 6px;
  background: #00008c;
  color: #fff;
}
.tnet .table_search th {
  padding: 12px 4px 8px;
}
.tnet .table_search th.th_01 {
  width: 158px;
}
.tnet .table_criteria th {
  width: 148px;
}
.tnet .table_criteria td {
  width: 168px;
}
.tnet .table_result th.th_01 {
  width: 152px;
}
.tnet .table_result th.th_02 {
  width: 173px;
}
.tnet .table_result th.th_03 {
  width: 324px;
}
.tnet .table_result th.th_04 {
  width: auto;
}
.tnet .table_result td.td_list {
  padding: 0 !important;
  border-bottom: none !important;
}
.tnet .table_result td.td_list div.scrollarea {
  height: 300px;
  overflow-y: scroll;
  border-bottom: 1px solid #9c9ace;
}
.tnet .table_result td.td_list div.scrollarea table.table_list {
  width: 954px;
}
.tnet .table_result td.td_list div.scrollarea table.table_list td.td_01 {
  width: 152px;
}
.tnet .table_result td.td_list div.scrollarea table.table_list td.td_02 {
  width: 324px;
}
.tnet .table_result td.td_list div.scrollarea table.table_list td.td_03 {
  width: 172.5px;
}
.tnet .table_result td.td_list div.scrollarea table.table_list td.td_04 {
  width: 152px;
}
.tnet .table_result td.td_list div.scrollarea table.table_list td.td_05 {
  width: auto;
}
.tnet .table_result td.td_list div.scrollarea table.table_list td.td_06 {
  width: 490px;
}
.tnet .table_result td.td_list div.scrollarea table.table_list td {
  border-top: none;
  border-left: none;
}
.tnet .list_header {
  margin-top: 5px;
}
.tnet .list_header p.txt {
  float: left;
  width: 80%;
}
.tnet .list_header p.pagenav {
  float: right;
  width: 20%;
  text-align: right;
}
.tnet .contract_half {
  width: calc((100% - 8px) / 2);
}
.tnet .contract_half table {
  width: 100%;
}
.tnet .table_contract01 th {
  width: 112px;
}
.tnet .table_contract01 th.th_01 {
  width: 112px;
}
.tnet .table_contract01 td {
  width: 111px;
}
.tnet .table_contract01 td.td_01 {
  width: 119px;
}
.tnet .table_contract02 .notopborder {
  border-top: none !important;
}
.tnet .table_contract02 th {
  white-space: nowrap;
}
.tnet .table_contract02 th,
.tnet .table_contract02 td {
  padding-top: 5px;
  padding-bottom: 2px;
}
.tnet body:first-of-type .table_contract02 th,
.tnet body:first-of-type .table_contract02 td {
  padding-top: 4px;
  padding-bottom: 2px;
}
.tnet .table_contract02 th.th_title {
  background: #ccccfe;
}
.tnet .table_contract02 th.th_01 {
  width: 25% !important;
}
.tnet .table_contract02 th.th_02 {
  width: 160px !important;
}
.tnet .table_contract02 th.th_03 {
  width: 110px !important;
}
.tnet .table_contract02 td.td_01 {
  width: 25% !important;
}
.tnet .table_contract02 td.td_02 {
  width: 63px !important;
  text-align: center;
}
.tnet .table_contract02 td.td_03 {
  width: 48px !important;
  text-align: center;
}
.tnet .table_contract02 td.td_04 {
  background: #ccccfe;
}
.tnet .table_contract02 td div.address {
  height: 32px;
}
.tnet .tnet_pulldown {
  font-family: Arial !important;
}
.tnet .errormes {
  padding: 50px 60px;
}
.tnet .errormes .errorttl {
  margin-bottom: 15px;
  font-size: 18px;
  font-weight: bold;
}
.tnet .errormes p {
  line-height: 1.4;
}
.tnet .errormes ul {
  margin-left: 20px;
  list-style-type: disc;
}
.tnet .errormes ul li {
  line-height: 1.6;
}
.tnet .table_criteria_manki th {
  width: 162px;
}
.tnet .table_criteria_manki td {
  width: 326px;
}
.tnet .table_result_manki th.th_01 {
  width: 80px;
  vertical-align: middle;
}
.tnet .table_result_manki th.th_02 {
  width: 160px;
}
.tnet .table_result_manki th.th_03 {
  width: 308px;
}
.tnet .table_result_manki th.th_04 {
  width: auto;
}
.tnet .table_result_manki td.td_list {
  padding: 0 !important;
  border-bottom: none !important;
}
.tnet .table_result_manki td.td_list div.scrollarea {
  height: 300px;
  overflow-y: scroll;
  border-bottom: 1px solid #9c9ace;
}
.tnet .table_result_manki td.td_list div.scrollarea table.table_list {
  width: 954px;
  table-layout: fixed;
}
.tnet .table_result_manki td.td_list div.scrollarea table.table_list td.td_01 {
  width: 80px;
  vertical-align: middle;
}
.tnet .table_result_manki td.td_list div.scrollarea table.table_list td.td_02 {
  width: 160px;
}
.tnet .table_result_manki td.td_list div.scrollarea table.table_list td.td_03 {
  width: 80px;
  vertical-align: middle;
}
.tnet .table_result_manki td.td_list div.scrollarea table.table_list td.td_04 {
  width: 160px;
}
.tnet .table_result_manki td.td_list div.scrollarea table.table_list td.td_05 {
  width: 160px;
}
.tnet .table_result_manki td.td_list div.scrollarea table.table_list td.td_06 {
  width: 160px;
}
.tnet .table_result_manki td.td_list div.scrollarea table.table_list td.td_07 {
  width: auto;
}
.tnet .table_result_manki td.td_list div.scrollarea table.table_list td.td_08 {
  width: 317px;
}
.tnet .table_result_manki td.td_list div.scrollarea table.table_list td {
  border-top: none;
  border-left: none;
}
.tnet .mt0 {
  margin-top: 0 !important;
}
.tnet .mt03 {
  margin-top: 3px !important;
}
.tnet .mt05 {
  margin-top: 5px !important;
}
.tnet .mt07 {
  margin-top: 7px !important;
}
.tnet .mt10 {
  margin-top: 10px !important;
}
.tnet .mt12 {
  margin-top: 12px !important;
}
.tnet .mt15 {
  margin-top: 15px !important;
}
.tnet .mt20 {
  margin-top: 20px !important;
}
.tnet .mt25 {
  margin-top: 25px !important;
}
.tnet .mt30 {
  margin-top: 30px !important;
}
.tnet .mt40 {
  margin-top: 40px !important;
}
.tnet .mt50 {
  margin-top: 50px !important;
}
.tnet .mt60 {
  margin-top: 60px !important;
}
.tnet .mt70 {
  margin-top: 70px !important;
}
.tnet .mt80 {
  margin-top: 80px !important;
}
.tnet .mt90 {
  margin-top: 90px !important;
}
.tnet .mt100 {
  margin-top: 100px !important;
}
.tnet .mt120 {
  margin-top: 120px !important;
}
.tnet .mt150 {
  margin-top: 150px !important;
}
.tnet .mt200 {
  margin-top: 200px !important;
}
.tnet .mt250 {
  margin-top: 250px !important;
}
.tnet .mt300 {
  margin-top: 300px !important;
}
.tnet .mt400 {
  margin-top: 400px !important;
}
.tnet .mt500 {
  margin-top: 500px !important;
}
.tnet .mb0 {
  margin-bottom: 0 !important;
}
.tnet .mb03 {
  margin-bottom: 3px !important;
}
.tnet .mb05 {
  margin-bottom: 5px !important;
}
.tnet .mb07 {
  margin-bottom: 7px !important;
}
.tnet .mb10 {
  margin-bottom: 10px !important;
}
.tnet .mb12 {
  margin-bottom: 12px !important;
}
.tnet .mb15 {
  margin-bottom: 15px !important;
}
.tnet .mb20 {
  margin-bottom: 20px !important;
}
.tnet .mb25 {
  margin-bottom: 25px !important;
}
.tnet .mb30 {
  margin-bottom: 30px !important;
}
.tnet .mb40 {
  margin-bottom: 40px !important;
}
.tnet .mb50 {
  margin-bottom: 50px !important;
}
.tnet .mb60 {
  margin-bottom: 60px !important;
}
.tnet .mb70 {
  margin-bottom: 70px !important;
}
.tnet .mb80 {
  margin-bottom: 80px !important;
}
.tnet .mb90 {
  margin-bottom: 90px !important;
}
.tnet .mb100 {
  margin-bottom: 100px !important;
}
.tnet .mb120 {
  margin-bottom: 120px !important;
}
.tnet .mb150 {
  margin-bottom: 150px !important;
}
.tnet .mb200 {
  margin-bottom: 200px !important;
}
.tnet .mb250 {
  margin-bottom: 250px !important;
}
.tnet .mb300 {
  margin-bottom: 300px !important;
}
.tnet .mb400 {
  margin-bottom: 400px !important;
}
.tnet .mb500 {
  margin-bottom: 500px !important;
}
.tnet .ml0 {
  margin-left: 0 !important;
}
.tnet .ml03 {
  margin-left: 3px !important;
}
.tnet .ml05 {
  margin-left: 5px !important;
}
.tnet .ml10 {
  margin-left: 10px !important;
}
.tnet .ml15 {
  margin-left: 15px !important;
}
.tnet .ml20 {
  margin-left: 20px !important;
}
.tnet .ml25 {
  margin-left: 25px !important;
}
.tnet .ml30 {
  margin-left: 30px !important;
}
.tnet .ml35 {
  margin-left: 35px !important;
}
.tnet .ml40 {
  margin-left: 40px !important;
}
.tnet .ml45 {
  margin-left: 45px !important;
}
.tnet .ml50 {
  margin-left: 50px !important;
}
.tnet .ml55 {
  margin-left: 55px !important;
}
.tnet .ml60 {
  margin-left: 60px !important;
}
.tnet .ml65 {
  margin-left: 65px !important;
}
.tnet .ml70 {
  margin-left: 70px !important;
}
.tnet .ml75 {
  margin-left: 75px !important;
}
.tnet .ml80 {
  margin-left: 80px !important;
}
.tnet .ml85 {
  margin-left: 85px !important;
}
.tnet .ml90 {
  margin-left: 90px !important;
}
.tnet .ml95 {
  margin-left: 95px !important;
}
.tnet .ml100 {
  margin-left: 100px !important;
}
.tnet .ml120 {
  margin-left: 120px !important;
}
.tnet .ml150 {
  margin-left: 150px !important;
}
.tnet .ml200 {
  margin-left: 200px !important;
}
.tnet .ml250 {
  margin-left: 250px !important;
}
.tnet .ml300 {
  margin-left: 300px !important;
}
.tnet .ml400 {
  margin-left: 400px !important;
}
.tnet .ml500 {
  margin-left: 500px !important;
}
.tnet .mr0 {
  margin-right: 0 !important;
}
.tnet .mr03 {
  margin-right: 3px !important;
}
.tnet .mr05 {
  margin-right: 5px !important;
}
.tnet .mr10 {
  margin-right: 10px !important;
}
.tnet .mr15 {
  margin-right: 15px !important;
}
.tnet .mr20 {
  margin-right: 20px !important;
}
.tnet .mr25 {
  margin-right: 25px !important;
}
.tnet .mr30 {
  margin-right: 30px !important;
}
.tnet .mr35 {
  margin-right: 35px !important;
}
.tnet .mr40 {
  margin-right: 40px !important;
}
.tnet .mr45 {
  margin-right: 45px !important;
}
.tnet .mr50 {
  margin-right: 50px !important;
}
.tnet .mr55 {
  margin-right: 55px !important;
}
.tnet .mr60 {
  margin-right: 60px !important;
}
.tnet .mr65 {
  margin-right: 65px !important;
}
.tnet .mr70 {
  margin-right: 70px !important;
}
.tnet .mr75 {
  margin-right: 75px !important;
}
.tnet .mr80 {
  margin-right: 80px !important;
}
.tnet .mr85 {
  margin-right: 85px !important;
}
.tnet .mr90 {
  margin-right: 90px !important;
}
.tnet .mr95 {
  margin-right: 95px !important;
}
.tnet .mr100 {
  margin-right: 100px !important;
}
.tnet .mr120 {
  margin-right: 120px !important;
}
.tnet .mr150 {
  margin-right: 150px !important;
}
.tnet .mr200 {
  margin-right: 200px !important;
}
.tnet .mr250 {
  margin-right: 250px !important;
}
.tnet .mr300 {
  margin-right: 300px !important;
}
.tnet .mr400 {
  margin-right: 400px !important;
}
.tnet .mr500 {
  margin-right: 500px !important;
}
.tnet .pt0 {
  padding-top: 0 !important;
}
.tnet .pt05 {
  padding-top: 5px !important;
}
.tnet .pt07 {
  padding-top: 7px !important;
}
.tnet .pt10 {
  padding-top: 10px !important;
}
.tnet .pt12 {
  padding-top: 12px !important;
}
.tnet .pt15 {
  padding-top: 15px !important;
}
.tnet .pt20 {
  padding-top: 20px !important;
}
.tnet .pt25 {
  padding-top: 25px !important;
}
.tnet .pt30 {
  padding-top: 30px !important;
}
.tnet .pt40 {
  padding-top: 40px !important;
}
.tnet .pt50 {
  padding-top: 50px !important;
}
.tnet .pt60 {
  padding-top: 60px !important;
}
.tnet .pt70 {
  padding-top: 70px !important;
}
.tnet .pt80 {
  padding-top: 80px !important;
}
.tnet .pt90 {
  padding-top: 90px !important;
}
.tnet .pt100 {
  padding-top: 100px !important;
}
.tnet .pt120 {
  padding-top: 120px !important;
}
.tnet .pt150 {
  padding-top: 150px !important;
}
.tnet .pt200 {
  padding-top: 200px !important;
}
.tnet .pt250 {
  padding-top: 250px !important;
}
.tnet .pt300 {
  padding-top: 300px !important;
}
.tnet .pt400 {
  padding-top: 400px !important;
}
.tnet .pt500 {
  padding-top: 500px !important;
}
.tnet .pb0 {
  padding-bottom: 0 !important;
}
.tnet .pb05 {
  padding-bottom: 5px !important;
}
.tnet .pb07 {
  padding-bottom: 7px !important;
}
.tnet .pb10 {
  padding-bottom: 10px !important;
}
.tnet .pb12 {
  padding-bottom: 12px !important;
}
.tnet .pb15 {
  padding-bottom: 15px !important;
}
.tnet .pb20 {
  padding-bottom: 20px !important;
}
.tnet .pb25 {
  padding-bottom: 25px !important;
}
.tnet .pb30 {
  padding-bottom: 30px !important;
}
.tnet .pb40 {
  padding-bottom: 40px !important;
}
.tnet .pb50 {
  padding-bottom: 50px !important;
}
.tnet .pb60 {
  padding-bottom: 60px !important;
}
.tnet .pb70 {
  padding-bottom: 70px !important;
}
.tnet .pb80 {
  padding-bottom: 80px !important;
}
.tnet .pb90 {
  padding-bottom: 90px !important;
}
.tnet .pb100 {
  padding-bottom: 100px !important;
}
.tnet .pb120 {
  padding-bottom: 120px !important;
}
.tnet .pb150 {
  padding-bottom: 150px !important;
}
.tnet .pb200 {
  padding-bottom: 200px !important;
}
.tnet .pb250 {
  padding-bottom: 250px !important;
}
.tnet .pb300 {
  padding-bottom: 300px !important;
}
.tnet .pb400 {
  padding-bottom: 400px !important;
}
.tnet .pb500 {
  padding-bottom: 500px !important;
}
.tnet .pl0 {
  padding-left: 0 !important;
}
.tnet .pl05 {
  padding-left: 5px !important;
}
.tnet .pl10 {
  padding-left: 10px !important;
}
.tnet .pl15 {
  padding-left: 15px !important;
}
.tnet .pl20 {
  padding-left: 20px !important;
}
.tnet .pl25 {
  padding-left: 25px !important;
}
.tnet .pl30 {
  padding-left: 30px !important;
}
.tnet .pl35 {
  padding-left: 35px !important;
}
.tnet .pl40 {
  padding-left: 40px !important;
}
.tnet .pl45 {
  padding-left: 45px !important;
}
.tnet .pl50 {
  padding-left: 50px !important;
}
.tnet .pl55 {
  padding-left: 55px !important;
}
.tnet .pl60 {
  padding-left: 60px !important;
}
.tnet .pl65 {
  padding-left: 65px !important;
}
.tnet .pl70 {
  padding-left: 70px !important;
}
.tnet .pl75 {
  padding-left: 75px !important;
}
.tnet .pl80 {
  padding-left: 80px !important;
}
.tnet .pl85 {
  padding-left: 85px !important;
}
.tnet .pl90 {
  padding-left: 90px !important;
}
.tnet .pl95 {
  padding-left: 95px !important;
}
.tnet .pl100 {
  padding-left: 100px !important;
}
.tnet .pl120 {
  padding-left: 120px !important;
}
.tnet .pl150 {
  padding-left: 150px !important;
}
.tnet .pl200 {
  padding-left: 200px !important;
}
.tnet .pl250 {
  padding-left: 250px !important;
}
.tnet .pl300 {
  padding-left: 300px !important;
}
.tnet .pl400 {
  padding-left: 400px !important;
}
.tnet .pl500 {
  padding-left: 500px !important;
}
.tnet .pr0 {
  padding-right: 0 !important;
}
.tnet .pr05 {
  padding-right: 5px !important;
}
.tnet .pr10 {
  padding-right: 10px !important;
}
.tnet .pr15 {
  padding-right: 15px !important;
}
.tnet .pr20 {
  padding-right: 20px !important;
}
.tnet .pr25 {
  padding-right: 25px !important;
}
.tnet .pr30 {
  padding-right: 30px !important;
}
.tnet .pr35 {
  padding-right: 35px !important;
}
.tnet .pr40 {
  padding-right: 40px !important;
}
.tnet .pr45 {
  padding-right: 45px !important;
}
.tnet .pr50 {
  padding-right: 50px !important;
}
.tnet .pr55 {
  padding-right: 55px !important;
}
.tnet .pr60 {
  padding-right: 60px !important;
}
.tnet .pr65 {
  padding-right: 65px !important;
}
.tnet .pr70 {
  padding-right: 70px !important;
}
.tnet .pr75 {
  padding-right: 75px !important;
}
.tnet .pr80 {
  padding-right: 80px !important;
}
.tnet .pr85 {
  padding-right: 85px !important;
}
.tnet .pr90 {
  padding-right: 90px !important;
}
.tnet .pr95 {
  padding-right: 95px !important;
}
.tnet .pr100 {
  padding-right: 100px !important;
}
.tnet .pr120 {
  padding-right: 120px !important;
}
.tnet .pr150 {
  padding-right: 150px !important;
}
.tnet .pr200 {
  padding-right: 200px !important;
}
.tnet .pr250 {
  padding-right: 250px !important;
}
.tnet .pr300 {
  padding-right: 300px !important;
}
.tnet .pr400 {
  padding-right: 400px !important;
}
.tnet .pr500 {
  padding-right: 500px !important;
}