/*
 * text-left
 * ----------------------------------------------------------------------------
 *
 */
.text-left {
  margin-top: var(--space-size-20);
  color: var(--ion-default-text-color);
  font-size: var(--font-size-14);
  font-family: var(--hiragino-font-3);
  line-height: 20px;
}

.text-left-bold {
  font-weight: bold;
  font-family: var(--hiragino-font-6);
}

.text-left.main,
.text-left .main {
  color: var(--ion-label-text-color);
}

/* text-leftのmargin-top制御（デフォルトPC20,SP20） */
/* margin-top:PC0,SP0（下記に直前の部品を追加していく） */
.acc-content > .text-left:first-child,
.acc-content-white > .text-left:first-child,
td > .text-left:first-child {
  margin-top: 0;
}

/* margin-top:PC6,SP6（下記に直前の部品を追加していく） */
.title-subheading + .text-left {
  margin-top: var(--space-size-6);
}

/* margin-top:PC10,SP10（下記に直前の部品を追加していく） */
.title-small + .text-left,
.tag-horizontal + .text-left {
  margin-top: var(--space-size-10);
}

/* margin-top:PC30,SP20（下記に直前の部品を追加していく） */
.title-heading + .text-left,
.button-primary-wrapper + .text-left {
  margin-top: var(--space-size-20);
}

/*
 * text-center
 * ----------------------------------------------------------------------------
 *
 */
.text-center {
  color: var(--ion-default-text-color);
  font-size: var(--font-size-14);
  font-family: var(--hiragino-font-6);
  font-weight: 700;
  line-height: 20px;
  text-align: center;
}

/* text-centerのmargin-top制御（デフォルトPC20,SP20） */
/* margin-top:PC10,SP10（下記に直前の部品を追加していく） */
.title-small + .text-center {
  margin-top: var(--space-size-10);
}

/* margin-top:PC30,SP20（下記に直前の部品を追加していく） */
.title-heading + .text-center {
  margin-top: var(--space-size-20);
}

/*
 * text-right
 * ----------------------------------------------------------------------------
 *
 */
.text-right {
  margin-top: var(--space-size-20);
  color: var(--ion-default-text-color);
  font-size: var(--font-size-14);
  font-family: var(--hiragino-font-3);
  line-height: 20px;
  text-align: right;
}

/* text-rightのmargin-top制御（デフォルトPC20,SP20） */
/* margin-top:PC10,SP10（下記に直前の部品を追加していく） */
.title-small + .text-right {
  margin-top: var(--space-size-10);
}

/* margin-top:PC30,SP20（下記に直前の部品を追加していく） */
.title-heading + .text-right {
  margin-top: var(--space-size-20);
}

/*
 * text-small
 * ----------------------------------------------------------------------------
 *
 */
.text-small {
  color: var(--ion-default-text-color);
  font-size: var(--font-size-12);
  font-family: var(--hiragino-font-3);
  line-height: 20px;
}

/*
 * list-text-dot
 * ----------------------------------------------------------------------------
 *
 */
.list-text-dot {
  margin-top: var(--space-size-10);
  color: var(--ion-default-text-color);
  font-size: var(--font-size-10);
  font-family: var(--hiragino-font-3);
  line-height: 20px;
}

.list-text-dot ion-text {
  font-size: var(--font-size-14);
}

.list-text-dot > ul {
  padding-left: var(--space-size-12);
  list-style: disc;
}

.list-text-dot > ul > li > span {
  font-size: var(--font-size-14);
  vertical-align: middle;
}

.list-text-dot > ul.main,
.list-text-dot > ul li.main,
.list-text-dot > ul li .main {
  color: var(--ion-label-text-color);
}

.list-text-dot > ul li:not(:first-child) {
  margin-top: var(--space-size-4);
}

/* list-text-dotのmargin-top制御（デフォルトPC10,SP10） */
/* margin-top:PC4,SP4（下記に直前の部品を追加していく） */
.list-text-asterisk + .list-text-dot,
.list-text-asterisk .list-text-dot {
  margin-top: var(--space-size-4);
}

/* margin-top:PC6,SP6（下記に直前の部品を追加していく） */
.title-subheading + .list-text-dot {
  margin-top: var(--space-size-6);
}

/* margin-top:PC30,SP20（下記に直前の部品を追加していく） */
.title-heading + .list-text-dot {
  margin-top: var(--space-size-20);
}

/*
 * list-text-asterisk
 * ----------------------------------------------------------------------------
 *
 */
.list-text-asterisk {
  margin-top: var(--space-size-10);
  color: var(--ion-default-text-color);
  font-size: var(--font-size-12);
  font-family: var(--hiragino-font-3);
  line-height: 20px;
}

.list-text-asterisk-1line {
  margin-top: 0;
  color: var(--ion-default-text-color);
  font-size: var(--font-size-12);
  font-family: var(--hiragino-font-3);
  line-height: 20px;
}

.list-text-asterisk > ul {
  padding-left: var(--space-size-18);
  list-style: disc;
}

.list-text-asterisk-1line > ul {
  padding-left: var(--space-size-18);
  list-style: disc;
}

.list-text-asterisk > ul.main,
.list-text-asterisk > ul li.main {
  color: var(--ion-label-text-color);
}

.list-text-asterisk > ul[textBold],
.list-text-asterisk > ul li[textBold] {
  font-weight: bold;
  font-family: var(--hiragino-font-6);
}

.list-text-asterisk-1line > ul[textBold],
.list-text-asterisk-1line > ul li[textBold] {
  font-weight: bold;
  font-family: var(--hiragino-font-6);
}

.list-text-asterisk > ul li {
  position: relative;
  list-style-type: none;
}

.list-text-asterisk-1line > ul li {
  position: relative;
  list-style-type: none;
}

.list-text-asterisk > ul li:before {
  position: absolute;
  left: -18px;
  display: inline;
  content: '※  ';
}

.list-text-asterisk-1line > ul li:before {
  position: absolute;
  left: -18px;
  display: inline;
  content: '※  ';
}

.list-text-asterisk > ul li:not(:first-child) {
  margin-top: var(--space-size-4);
}

.list-text-asterisk > ul span[default] {
  color: var(--ion-default-text-color);
}

/* list-text-asteriskのmargin-top制御（デフォルトPC10,SP10） */
/* margin-top:PC4,SP4（下記に直前の部品を追加していく） */
.list-text-dot + .list-text-asterisk,
.list-text-dot .list-text-asterisk {
  margin-top: var(--space-size-4);
}

/* margin-top:PC30,SP20（下記に直前の部品を追加していく） */
.title-heading + .list-text-asterisk,
.button-primary-wrapper + .list-text-asterisk {
  margin-top: var(--space-size-20);
}

/* margin-top:PC20,SP20（下記に直前の部品を追加していく） */
.boxgroup-square-horizontal + .list-text-asterisk {
  margin-top: var(--space-size-20);
}

/*
 * list-text-number
 * ----------------------------------------------------------------------------
 *
 */
.list-text-number {
  margin-top: var(--space-size-10);
  color: var(--ion-default-text-color);
  font-size: var(--font-size-14);
  font-family: var(--hiragino-font-3);
  line-height: 20px;
}

.list-text-number > ol {
  margin-left: var(--space-size-6);
  padding-left: var(--space-size-14);
  list-style: decimal;
}

.list-text-number > ol li:not(:first-child) {
  margin-top: var(--space-size-4);
}

/* list-text-numberのmargin-top制御（デフォルトPC10,SP10） */
/* margin-top:PC6,SP6（下記に直前の部品を追加していく） */
.title-subheading + .list-text-number {
  margin-top: var(--space-size-6);
}

/* margin-top:PC30,SP20（下記に直前の部品を追加していく） */
.title-heading + .list-text-number {
  margin-top: var(--space-size-20);
}

.text-indent-box {
  margin-left: var(--font-size-14);
}

/*
 * list-text-circled-number
 * ----------------------------------------------------------------------------
 *
 */
.list-text-circled-number {
  margin-top: var(--space-size-10);
  color: var(--ion-default-text-color);
  font-size: var(--font-size-14);
  font-family: var(--hiragino-font-3);
  line-height: 20px;
}

.list-text-circled-number > ol li:not(:first-child) {
  margin-top: var(--space-size-4);
}

/* list-text-circled-numberのmargin-top制御（デフォルトPC10,SP10） */
/* margin-top:PC6,SP6（下記に直前の部品を追加していく） */
.title-subheading + .list-text-circled-number {
  margin-top: var(--space-size-6);
}

/* margin-top:PC30,SP20（下記に直前の部品を追加していく） */
.title-heading + .list-text-circled-number {
  margin-top: var(--space-size-20);
}

.text-accent {
  color: var(--ion-color-accent);
}

.center-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.text-nowrap {
   white-space: nowrap;
}

.text-padding-left {
  padding-left: 40px;
}

.text-padding-right {
  padding-right: 70px;
  word-break: break-word;
}

.left-space10 {
  margin-left: var(--space-size-10) !important;
}

.top-space10 {
  margin-top: var(--space-size-10) !important;
}

top-space0 {
  margin-top: 0 !important;
}