:root {
  --purpose-color: #0f3675;
  --idcard-color: #0f3675;
  --idcard-gradation01: linear-gradient(180deg, var(--idcard-color) 0%, #49638f 100%);
  --idcard-gradation02: linear-gradient(90deg, var(--idcard-color) 0%, #49638f 100%);
  --idcard-back-lightcolor: #f2f5fa;
  --idcard-type01:var(--idcard-color);
  --idcard-type02: #00aa7b;
  --idcard-type03: #ac0040;
}

.f_color {
  color: var(--idcard-color);
}

.f_gradation {
  background: var(--idcard-gradation01);
}

.f_gradation2 {
  background: var(--idcard-gradation02);
}

.back_color {
  background-color: var(--idcard-color);
}

.back_color-light {
  background-color: var(--idcard-back-lightcolor);
}

.back_color-type01 {
  background: var(--idcard-color);
}

.back_color-type01-light {
  background-color: var(--idcard-back-lightcolor);
}

.f_color-type01 {
  color: var(--idcard-color);
}

.back_color-type02 {
  background: var(--idcard-type02);
}

.back_color-type02-light {
  background: rgb(230, 247, 242);
}

.f_color-type02 {
  color: var(--idcard-type02);
}

.back_color-type03 {
  background: var(--idcard-type03);
}

.back_color-type03-light {
  background: rgb(251, 242, 245);
}

.f_color-type03 {
  color: var(--idcard-type03);
}

@media (min-width: 768px) {
  .purpose-fv {
    background-image: url("../img/idcard/fv.jpg");
  }
}
.purpose-fv__back {
  background-image: url("../img/idcard/fv-sp.jpg");
  background-size: cover;
  background-position: 20% 0%;
}
@media (min-width: 768px) {
  .purpose-fv__back {
    background-position: center;
  }
}
.purpose-section.common-issues {
  background-image: url(../img/idcard/issues.jpg);
}
.purpose-section .type__item {
  background: var(--idcard-gradation02);
}
.purpose-section .type__item:nth-of-type(2) {
  background: linear-gradient(90deg, var(--idcard-type02) 0%, #66ccb0 100%);
}
.purpose-section .type__item:nth-of-type(3) {
  background: linear-gradient(90deg, var(--idcard-type03) 0%, #cd668c 100%);
}
.purpose-section.type01 {
  background-image: url(../img/idcard/feature-options-back01.jpg);
}
.purpose-section.type01 .inline01 {
  outline: 1px solid var(--idcard-color);
}
.purpose-section.type01 .type__info-title {
  border-bottom: 1px solid var(--idcard-color);
}
.purpose-section.type01 .type__feature-options__text {
  border-top: 1px solid var(--idcard-color);
}
.purpose-section.type02 {
  background-image: url(../img/idcard/feature-options-back02.jpg);
}
.purpose-section.type02 .indent::before {
  background-color: var(--idcard-type02);
}
.purpose-section.type02 .f_gradation {
  background: linear-gradient(180deg, var(--idcard-type02) 0%, #66ccb0 100%);
}
.purpose-section.type02 .inline01 {
  outline: 1px solid var(--idcard-type02);
}
.purpose-section.type02 .type__info-title {
  border-bottom: 1px solid var(--idcard-type02);
}
.purpose-section.type02 .type__feature-options__text {
  border-top: 1px solid var(--idcard-type02);
}
.purpose-section.type03 {
  background-image: url(../img/idcard/feature-options-back03.jpg);
}
.purpose-section.type03 .indent::before {
  background-color: var(--idcard-type03);
}
.purpose-section.type03 .f_gradation {
  background: linear-gradient(180deg, var(--idcard-type03) 0%, #cd668c 100%);
}
.purpose-section.type03 .inline01 {
  outline: 1px solid var(--idcard-type03);
}
.purpose-section.type03 .type__info-title {
  border-bottom: 1px solid var(--idcard-type03);
}
.purpose-section.type03 .type__feature-options__text {
  border-top: 1px solid var(--idcard-type03);
}
.purpose-section.type03 .type__feature-options__title {
  min-height: 4em;
}
.purpose-section .flex-table__header--spec._type01 {
  background: var(--idcard-gradation01);
}
.purpose-section .flex-table__header--spec._type02 {
  background: linear-gradient(180deg, var(--idcard-type02) 0%, #66ccb0 100%);
}
.purpose-section .flex-table__header--spec._type03 {
  background: linear-gradient(180deg, var(--idcard-type03) 0%, #cd668c 100%);
}
.purpose-section .recommend__title {
  background-image: url(../img/recommend-title01-sp.png);
}
@media (min-width: 768px) {
  .purpose-section .recommend__title {
    background-image: url(../img/recommend-title01.png);
  }
}
.purpose-section .circle-text {
  border: 1px solid var(--idcard-type02);
}
.purpose-section .management-item::after {
  border: 2px solid var(--idcard-type02);
}
.purpose-section .management-item .circle-top {
  background: linear-gradient(90deg, var(--idcard-type02) 0%, #66ccb0 100%);
  border-bottom: 2px solid var(--idcard-type02);
}
.purpose-section .recommend__bottom-area .point__list .back_color {
  background: var(--idcard-type02);
}
.purpose-section .recommend__bottom-area .point__list .f_color {
  color: var(--idcard-type02);
}
.purpose-section .recommend__bottom-area .point__list .inline01 {
  outline: 1px solid var(--idcard-type02);
}/*# sourceMappingURL=idcard.css.map */

.back_color-lightblue {
  background-color: #F3F5F8;
}

.content-panel ._note {
  padding: 15px 20px;
}