:root {
  --purpose-color: #FF7FA4;
  --idcard-color: #FF7FA4;
  --idcard-gradation01: linear-gradient(180deg, var(--idcard-color) 0%, #FFB2C8 100%);
  --idcard-gradation02: linear-gradient(90deg, var(--idcard-color) 0%, #FFB2C8 100%);
  --idcard-back-lightcolor: #fff8f9;
  --idcard-type01:var(--idcard-color);
  --idcard-type02: #00AA7B;
  --idcard-type03: #F08437;
}

.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: #E5F6F2;
}

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

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

.back_color-type03-light {
  background: #E5F6F2;
}

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

@media (min-width: 768px) {
  .purpose-fv {
    background-image: url("../img/members/fv_image.jpg");
  }
}
.purpose-fv__back {
  background-image: url("../img/members/fv_image-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/members/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%, #F6B587 100%);
}
.purpose-section.type01 {
  background-image: url(../img/members/back-image01.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/members/back-image02.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/members/back-image02.jpg);
}
.purpose-section.type03 .indent::before {
  background-color: var(--idcard-type03);
}
.purpose-section.type03 .f_gradation {
  background: linear-gradient(180deg, var(--idcard-type03) 0%, #F6B587 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%, #F6B587 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%, #a7d69c 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);
}

@media (min-width: 768px) {
.purpose-section .point__item-img01{
	width:612px;
}
}

@media (min-width: 768px) {
    .purpose-section .type__info.printer-tatoorw {
        background-image: url(../img/printer-tatoorw.jpg);
    }
}
.purpose-section .type__info.printer-tatoorw {
    background-image: url(../img/printer-tatoorw.jpg);
}
.flow_text_color_red{
	color: #ff7fa4;
}


.purpose-section.support .point__list-support .back_color.support {
    background: var(--idcard-color);
}


.purpose-section .point__item-number.support {
    border-top-left-radius: 10px;
    position: absolute;
    top: 0;
    left: 0;
    padding: 5px 15px;
    width: 130px;
    height: 40px;
}

@media (min-width: 768px) {
    .purpose-section .point__item-number.support {
        border-top-left-radius: 20px;
        width: 160px;
        height: 50px;
        padding: 7px 20px;
    }
}
.purpose-section .common-issues__list {
justify-content: flex-start	
}
.content-panel ._note {
  padding: 15px 20px;
}