:root {
  --purpose-color: #F08437;
  --idcard-color: #F08437;
  --idcard-gradation01: linear-gradient(180deg, var(--idcard-color) 0%, #F5A973 100%);
  --idcard-gradation02: linear-gradient(90deg, var(--idcard-color) 0%, #F5A973 100%);
  --idcard-back-lightcolor: #FDF2EB;
  --idcard-type01: var(--idcard-color);
  --idcard-type02: #006245;
  --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: #F1EAF4;
}

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

@media (min-width: 768px) {
  .purpose-fv {
    background-image: url("../img/rental/fv.jpg");
  }
}

.purpose-fv__back {
  background-image: url("../img/rental/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/rental/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%, #66A18F 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/rental/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/rental/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%, #66A18F 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/rental/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%, #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%, #66A18F 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: #AC0040;
}


.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.support .point__list-support .back_color.support2 {}


.purpose-section .point__item-number.support2 {
  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.support2 {
    border-top-left-radius: 20px;
    width: 160px;
    height: 50px;
    padding: 7px 20px;
  }
}

.f_color2 {
  color: #0F3675;
}

.text-color-orange {
  color: #F08437;
}

.purpose-section .features__title {
  margin-bottom: 0;
  border-bottom: 0;
}

.introduction._type1 {
  background: #f0ebf3;
}

.introduction._type1 .f_color {
  color: #68337f;
}

.introduction._type1 .introduction__flow-item .flow-num::after,
.introduction._type1 .f_gradation {
  background: linear-gradient(180deg, #e3d6e6 0%, #68337f 100%);
}

.introduction._type1 .introduction__flow-container::after {
  background-color: #68337f;
}

.introduction._type1 .introduction__flow-item::after {
  background-image: url(../img/rental/introduction-arrow_type1.svg);
}

.introduction._type2 {
  background: #e6f7f4;
}

.introduction._type2 .f_color {
  color: #00aa7b;
}

.introduction._type2 .introduction__flow-item .flow-num::after,
.introduction._type2 .f_gradation {
  background: linear-gradient(180deg, #cceee7 0%, #00aa7b 100%);
}

.introduction._type2 .introduction__flow-container::after {
  background-color: #00aa7b;
}

.introduction._type2 .introduction__flow-item::after {
  background-image: url(../img/rental/introduction-arrow_type2.svg);
}

.purpose-section .introduction__flow-item .flow-icon {
  width: 190px;
}

@media (min-width: 768px) {

  .purpose-section .introduction__flow-item .flow-icon {
    width: 100%;
  }
}

@media (min-width: 768px) {

  .purpose-section .introduction__flow-item .flow-img {
    padding: 20px 1vw 30px;
  }
}

@media (min-width: 768px) {

  .purpose-section .introduction__flow-item::after {
    right: -15%;
    bottom: auto;
    transform: rotate(0deg);
    top: 51%;
    width: 10%;
    height: 40px;
  }
}

@media (min-width:1200px) {

  .purpose-section .introduction__flow-item::after {
    right: -22%;

  }
}

.purpose-section .flow__item-detail {
  gap: 0;
}

@media (min-width: 768px) {

  .purpose-section .flow__item-detail {
    gap: 20px;
  }
}

.rental__flow .purpose-section__title .box-line-half {
  left: 100%;
}

@media (min-width: 768px) {

  .purpose-section .introduction__flow-item.rental__item1 {
    width: calc((100% - 13.88vw) / 4);
  }

  .purpose-section .introduction__flow-item.rental__item2 {
    width: calc((100% - 13.88vw) / 3);
  }
}

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