:root {
  --purpose-color: #68CBD3;
  --idcard-color: #68CBD3;
  --idcard-gradation01: linear-gradient(180deg, var(--idcard-color) 0%, #B3E5E9 100%);
  --idcard-gradation02: linear-gradient(90deg, var(--idcard-color) 0%, #B3E5E9 100%);
  --idcard-back-lightcolor: #ebf7f9;
  --idcard-type01:var(--idcard-color);
  --idcard-type02: #EF5E64;
  --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: #fff6f6;
}

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

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

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

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

@media (min-width: 768px) {
  .purpose-fv {
    background-image: url("../img/pscard/fv_image.jpg");
  }
}
.purpose-fv__back {
  background-image: url("../img/pscard/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/pscard/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%, #F7AEB1 100%);
}
.purpose-section .type__item:nth-of-type(3) {
  background: linear-gradient(90deg, var(--idcard-type03) 0%, #F7C19B 100%);
}
.purpose-section.type01 {
  background-image: url(../img/pscard/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/pscard/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%, #F7AEB1 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/pscard/back-image03.jpg);
}
.purpose-section.type03 .indent::before {
  background-color: var(--idcard-type03);
}
.purpose-section.type03 .f_gradation {
  background: linear-gradient(180deg, var(--idcard-type03) 0%, #F7C19B 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%, #F7AEB1 100%);
}
.purpose-section .flex-table__header--spec._type03 {
  background: linear-gradient(180deg, var(--idcard-type03) 0%, #F7C19B 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: #68cbd3;
}


.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	
}

.purpose-section .pscard__list {

}

@media (min-width: 768px) {
.purpose-section .pscard__list {
  justify-content: start;
}
  }

.pscard__fv-copy {
  text-shadow:
1px 1px 0 #FFF, 
-1px -1px 0 #FFF, 
-1px 1px 0 #FFF, 
1px -1px 0 #FFF, 
0px 1px 0 #FFF, 
0 -1px 0 #FFF, 
-1px 0 0 #FFF, 
1px 0 0 #FFF;
}


@media (min-width: 768px) {
    .purpose-section .introduction__flow-item {
        flex-direction: column;
        width: calc((100% - 13.88vw) / 4);
        padding-bottom: 0;
    }
}

@media (min-width: 768px) {
    .purpose-section .introduction__flow-item::after {
        right: -20%;
    }
}


@media (min-width: 768px) {
    .purpose-section.pscard_section .introduction__flow-item .flow-icon {
      width: 240px;
      aspect-ratio: 183 / 150;
    }
}

.content-panel ._note {
  padding: 15px 20px;
}
.purpose-section .clumn3-img__item ._note{
  position:absolute;
  right:0;
}