:root {
  --purpose-color: #ef5e64;
  --idcard-color: #ef5e64;
  --idcard-gradation01: linear-gradient(180deg, var(--idcard-color) 0%, #f59ea2 100%);
  --idcard-gradation02: linear-gradient(90deg, var(--idcard-color) 0%, #f59ea2 100%);
  --idcard-back-lightcolor: #fdefef;
  --idcard-type01:var(--idcard-color);
  --idcard-type02: #6ebc5c;
  --idcard-type03: #0071bc;
}

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

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

@media (min-width: 768px) {
  .purpose-fv {
    background-image: url("../img/hoscard/fv.jpg");
  }
}
.purpose-fv__back {
  background-image: url("../img/hoscard/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/hoscard/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%, #a7d69c 100%);
}
.purpose-section .type__item:nth-of-type(3) {
  background: linear-gradient(90deg, var(--idcard-type03) 0%, #66aad7 100%);
}
.purpose-section.type01 {
  background-image: url(../img/hoscard/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/hoscard/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%, #a7d69c 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/hoscard/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%, #66aad7 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%, #a7d69c 100%);
}
.purpose-section .flex-table__header--spec._type03 {
  background: linear-gradient(180deg, var(--idcard-type03) 0%, #66aad7 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;
}
}
.purpose-section .type__info.printer-tatoorw {
    background-image: url(../img/printer-tatoorw-sp.jpg);
}

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

.hoscard__head {
  text-align: center;
}

.hoscard__head span {
  font-size: 16px;
  font-weight: 700;
}

@media (min-width: 768px) {
.hoscard__head span{
  font-size: 30px;
  }
}



.hoscard__body {
  padding: 10px;
  background-color: #fff;
  border: 1px solid var(--idcard-color);
  border-top: none;
}

@media (min-width: 768px) {
  .hoscard__body {
    padding: 58px 100px 28px;
  }
}

.hoscard__text {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.6;
  margin-inline: auto;
}

@media (min-width: 768px) {
  .hoscard__text {
    font-size: 20px;
    text-align: center;
  }
}

  .hoscard__img:first-of-type {
    width: 100%;
  }

@media (min-width: 768px) {
.hoscard__img:first-of-type {
  margin-inline: -5%;
  width: 110%;
}
}

.hoscard__text-lg {
  font-size: 20px;
  font-weight: 700;
  margin-inline: auto;
  padding-bottom: 10px;
  position: relative;
}

@media (min-width: 768px) {
.hoscard__text-lg {
  font-size: 30px;
}

}

.hoscard__text-lg::after {
  position: absolute;
  content: "";
  bottom: 0;
  left: 50%;
  translate: -50%;
  background: var(--idcard-gradation01);
  width: 30px;
  height: 2px;
}


.purpose-section .type__feature-options__item .type__feature-options__title {
  display: block; 
}

.note {
  font-size: 0.5em;
  vertical-align: super;
}

.content-panel__item.is-hidden-hoscard {
  display: none !important;
}


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





/* 矢印をピンクに */
.arrow_pink::after {
  background-image: url(../img/introduction-arrow-pink.svg) !important;
}