.company__intro {
    padding-top: 47.19px;
    padding-bottom: 40.92px;
    background-image: url('../image/img/company-bg-l.png');
    background-color: #fffcff;
}
.company__intro {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
.company__intro {
    background-size: 100% auto;
    background-position: 0 bottom;
}
.company__intro--title {
    padding: 0 23.1px;
    color: #5b5556;
    font-size: 1.2375rem;
    font-weight: 600;
    line-height: 32.01px;
}
.company__intro--logo {
    width: 291.06px;
    max-width: calc(100% - 65.34px);
    height: 59.73px;
    margin-top: 9.9px;
    margin-right: 42.24px;
    margin-left: 23.1px;
    background-image: url('../image/img/about-story-logo.png');
}
.company__intro--logo {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
.company__intro--logo {
    color: rgba(255, 255, 255, 0);
    font-size: 0;
}
.company__intro--logo {
    background-size: 100% auto;
    background-position: 0 0;
}
.company__intro--img {
    margin-top: 37.62px;
    padding-bottom: 13.53px;
}
.company__intro--img img {
    display: block;
    width: 100%;
}
.company__intro--text {
    padding-right: 51.15px;
    padding-left: 23.1px;
    margin-top: 16.5px;
    color: #433d3e;
    font-size: 0.86625rem;
    font-weight: 450;
    line-height: 23.76px;
}
@media (min-width: 481px) {
    .company__intro--text {
        padding-right: 89.1px;
    }
}
.company__intro--text br.ta {
    display: none;
}
@media (min-width: 481px) {
    .company__intro--text br.ta {
        display: block;
    }
}
.company__system {
    padding: 39.6px 23.1px 49.5px;
    background-image: url('../image/img/company-bg-r.png');
    background-color: #f2f2f2;
}
.company__system {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
.company__system {
    background-size: 100% auto;
    background-position: 0 bottom;
}
.company__system--title {
    color: #dd2f94;
    font-size: 1.546875rem;
    font-weight: 600;
    line-height: 36.3px;
}
.company__system--text {
    padding-bottom: 14.52px;
    margin-top: 7.92px;
    color: #303030;
    font-size: 0.9075rem;
    font-weight: 450;
    line-height: 24.42px;
}
.company__system--box {
    gap: 33px;
    padding: 12.87px 12.87px 12.87px 29.7px;
    margin-top: 11.88px;
    background-color: #ffffff;
    border-radius: 6.6px;
    box-shadow: 0 0 8.25px rgba(102, 102, 102, 0.1);
}
.company__system--box {
    display: flex;
}
.company__system--box {
    flex-direction: row;
}
.company__system--box {
    align-items: center;
}
.company__system--box .system--box__icon {
    width: 52.8px;
    height: 52.8px;
}
.company__system--box .system--box__icon {
    flex-shrink: 0;
    flex-grow: 0;
}
.company__system--box .system--box__icon {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
.company__system--box .system--box__icon {
    color: rgba(255, 255, 255, 0);
    font-size: 0;
}
.company__system--box .system--box__text {
    color: #303030;
    font-size: 0.86625rem;
    font-weight: 500;
    line-height: 23.1px;
}
@media (max-width: 480px) {
    .company__system--box .system--box__text br {
        display: none;
    }
}
.company__system--box.box1 .system--box__icon {
    background-image: url('../image/icon/company-icon-01.png');
}
.company__system--box.box2 .system--box__icon {
    background-image: url('../image/icon/company-icon-02.png');
}
.company__system--box.box3 .system--box__icon {
    background-image: url('../image/icon/company-icon-03.png');
}
.company__system--box.box4 .system--box__icon {
    background-image: url('../image/icon/company-icon-04.png');
}
.company__history {
    padding: 41.25px 23.1px 33.66px;
    background-image: url('../image/img/company-bg-l.png');
    background-color: #fffcff;
}
.company__history {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
.company__history {
    background-size: 100% auto;
    background-position: 0 bottom;
}
.company__history--title {
    padding-bottom: 38.61px;
    color: #dd2f94;
    font-size: 1.546875rem;
    font-weight: 600;
    line-height: 36.63px;
}
.company__history--box {
    position: relative;
    padding-bottom: 25.74px;
}
.company__history--box {
    display: flex;
}
.company__history--box {
    flex-direction: row;
}
.company__history--box .history--box__title {
    width: 66.99px;
    padding-left: 10.56px;
    color: #676767;
    font-size: 0.763125rem;
    font-weight: 600;
    line-height: 21.12px;
}
.company__history--box .history--box__title {
    flex-shrink: 0;
    flex-grow: 0;
}
.company__history--box .history--box__title::before,
.company__history--box .history--box__title::after {
    position: absolute;
}
.company__history--box .history--box__title::before,
.company__history--box .history--box__title::after {
    display: block;
    content: '';
}
.company__history--box .history--box__title::before {
    width: 5.28px;
    height: 5.28px;
    top: 7.26px;
    left: 0;
    border-radius: 5.28px;
    background-color: #ea2d9a;
    z-index: 10;
}
.company__history--box .history--box__title::after {
    width: 0.66px;
    top: 0px;
    left: 1.98px;
    bottom: 0;
    background-color: #d3d3d3;
    z-index: 5;
}
.company__history--box .history--box__textbox {
    padding-top: 1.65px;
}
.company__history--box .history--box__textbox {
    flex-shrink: 1;
    flex-grow: 1;
}
.company__history--box .history--box__textbox .title {
    color: #303030;
    font-size: 0.763125rem;
    font-weight: 600;
    line-height: 18.15px;
}
.company__history--box .history--box__textbox .title:not(:first-child) {
    margin-top: 17.49px;
}
.company__history--box .history--box__textbox .text {
    position: relative;
    padding-left: 5.94px;
    margin-top: 6.27px;
}
.company__history--box .history--box__textbox .text,
.company__history--box .history--box__textbox .text::before {
    color: #666666;
    font-size: 0.680625rem;
    font-weight: 450;
    line-height: 16.5px;
}
.company__history--box .history--box__textbox .text::before {
    position: absolute;
    top: 0;
    left: 0;
    content: '-';
}
.company__history--box .history--box__textbox .text + .text {
    margin-top: 0;
}
.company__history--box:first-of-type .history--box__title::after {
    top: 10.23px;
}
.company__history--box:last-child {
    padding-bottom: 0;
}
.company__history--box:last-child .history--box__title::after {
    bottom: 8.25px;
}
.company__status {
    padding: 41.91px 23.1px 38.61px;
    background-image: url('../image/img/company-bottom.jpg');
}
.company__status {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
.company__status--title {
    margin-bottom: 16.83px;
    color: #ffffff;
    font-size: 1.44375rem;
    font-weight: 600;
    line-height: 35.31px;
}
.company__status--area {
    gap: 9.9px;
    row-gap: 10.56px;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
.company__status--box {
    height: 81.18px;
    background-color: #ffffff;
    box-shadow: 0 0.99px 0 #cdcdcd;
    border-radius: 6.6px;
}
.company__status--box {
    display: flex;
}
.company__status--box {
    flex-direction: column;
}
.company__status--box {
    justify-content: center;
}
.company__status--box {
    align-items: center;
}
.company__status--box .title {
    color: #303030;
    font-size: 0.763125rem;
    font-weight: 500;
    line-height: 22.11px;
}
.company__status--box .text {
    font-size: 1.0725rem;
    line-height: 30.36px;
}
.company__status--box .text,
.company__status--box .text strong {
    color: #dd2f94;
    font-weight: 600;
}
.company__status--box .text strong {
    font-size: 1.711875rem;
}

.utill__terms {
    min-height: 100%;
    padding: 49.17px 23.1px;
    background-color: #f4f4f4;
    color: #433d3e;
    font-size: 0.86625rem;
    font-weight: 450;
    line-height: 23.76px;
}
.utill__terms--text {
    font-size: 0.78375rem;
    font-weight: 450;
}

.main__promise {
    position: relative;
    padding-bottom: 33.99px;
    background-color: #fadceb;
    z-index: 5;
}
.main__promise--wrapper {
    position: relative;
    overflow: hidden;
}
.main__promise--inner {
    position: relative;
    z-index: 5;
}
.main__promise--inner {
    display: flex;
}
.main__promise--inner {
    flex-direction: row;
}
.main__promise--swiper {
    overflow: hidden;
    user-select: none;
}
.main__promise--swiper {
    flex-shrink: 0;
    flex-grow: 0;
}
.main__promise--wrapper {
    padding: 44.88px 36.3px 0;
}
.main__promise--swiper {
    width: 282.48px;
    height: 355.08px;
    background-color: #ffffff;
    border-radius: 9.9px;
    box-shadow: 0 0 13.2px rgba(217, 173, 195, 0.4);
    text-align: center;
}
.main__promise--swiper .promise--number {
    margin-top: 17.49px;
    color: #e94190;
    font-size: 0.86625rem;
    font-weight: 600;
    line-height: 23.76px;
}
.main__promise--swiper .promise--title {
    margin-bottom: 7.92px;
    color: #433d3e;
    font-size: 1.093125rem;
    font-weight: 600;
    line-height: 29.7px;
}
.main__promise--swiper .promise--image {
    height: 154.77px;
}
.main__promise--swiper .promise--image {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
.main__promise--swiper .promise--image.image0 {
    background-image: url('../image/main/promise-00.jpg');
}
.main__promise--swiper .promise--image.image1 {
    background-image: url('../image/main/promise-01.jpg');
}
.main__promise--swiper .promise--image.image2 {
    background-image: url('../image/main/promise-02.jpg');
}
.main__promise--swiper .promise--image.image3 {
    background-image: url('../image/main/promise-03.jpg');
}
.main__promise--swiper .promise--text {
    padding-top: 18.48px;
    padding-bottom: 21.12px;
    color: #433d3e;
    font-weight: 450;
}
.main__promise--swiper .promise--text,
.main__promise--swiper .promise--text strong {
    font-size: 0.78375rem;
    line-height: 20.46px;
}
.main__promise--swiper .promise--text strong {
    color: #e94190;
    font-weight: 600;
}
.main__promise--page {
    margin-top: 19.14px;
}
.main__promise--page .swiper-pagination-bullet {
    background-color: #9f6d86;
}
.main__promise--page .swiper-pagination-bullet-active {
    background-color: #e94190;
}
.main__calculator {
    height: 87vw;
    min-height: 310.2px;
    max-height: 402.6px;
    padding-top: 200.64px;
    padding-bottom: 42.9px;
    background-image: url('../image/main/calculator-bg.jpg');
    background-color: #fafafa;
}
.main__calculator {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
.main__calculator {
    display: flex;
}
.main__calculator {
    flex-direction: column;
}
.main__calculator {
    justify-content: flex-end;
}
.main__calculator {
    align-items: center;
}
.main__calculator {
    background-size: 100% auto;
    background-position: center 0;
}
.main__calculator--text {
    color: #303030;
    font-size: 0.9075rem;
    font-weight: 500;
    text-align: center;
    line-height: 25.08px;
}
.main__calculator--button {
    gap: 2.31px;
    width: 182.16px;
    height: 38.94px;
    padding-right: 3.96px;
    margin-top: 8.91px;
    background: linear-gradient(180deg, #ea4995 0%, #ea358f 51%);
    border-radius: 38.94px;
    box-shadow: inset 0 0.99px 1.65px rgba(255, 255, 255, 0.2),
        inset 0 -0.99px 1.65px #bb2b68, inset 0 -1.32px 0 #ce3a7f;
    color: #ffffff;
    font-size: 1.010625rem;
    font-weight: 600;
}
.main__calculator--button {
    display: flex;
}
.main__calculator--button {
    flex-direction: row;
}
.main__calculator--button {
    justify-content: center;
}
.main__calculator--button {
    align-items: center;
}
.main__calculator--button {
    flex-shrink: 0;
    flex-grow: 0;
}
.main__calculator--button::before {
    width: 26.4px;
    height: 26.4px;
    background-image: url('../image/main/calculator-icon.png');
}
.main__calculator--button::before {
    display: block;
    content: '';
}
.main__calculator--button::before {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
.main__special {
    padding-top: 33px;
    padding-bottom: 39.27px;
    background-image: url('../image/main/special-bg.jpg');
}
.main__special {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
.main__special--wrapper {
    position: relative;
    overflow: hidden;
}
.main__special--inner {
    position: relative;
    z-index: 5;
}
.main__special--inner {
    display: flex;
}
.main__special--inner {
    flex-direction: row;
}
.main__special--swiper {
    overflow: hidden;
    user-select: none;
}
.main__special--swiper {
    flex-shrink: 0;
    flex-grow: 0;
}
.main__special--title {
    margin-bottom: 17.16px;
    color: #303030;
    text-align: center;
}
.main__special--title,
.main__special--title strong {
    font-size: 1.44375rem;
    font-weight: 600;
    line-height: 34.65px;
}
.main__special--title strong {
    color: #dd2f94;
}
.main__special--wrapper {
    padding: 0 36.3px;
}
.main__special--swiper {
    width: 245.19px;
    height: 313.5px;
    background-color: #ffffff;
    border-radius: 9.9px;
    box-shadow: 0 0 13.2px rgba(217, 173, 195, 0.4);
    text-align: center;
}
.main__special--swiper .special--image {
    height: 140.91px;
}
.main__special--swiper .special--image {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
.main__special--swiper .special--image.image0 {
    background-image: url('../image/main/special-00.jpg');
}
.main__special--swiper .special--image.image1 {
    background-image: url('../image/main/special-01.jpg');
}
.main__special--swiper .special--image.image2 {
    background-image: url('../image/main/special-02.jpg');
}
.main__special--swiper .special--image.image3 {
    background-image: url('../image/main/special-03.jpg');
}
.main__special--swiper .special--number {
    margin-top: 16.83px;
    color: #e94190;
    font-size: 0.9075rem;
    font-weight: 600;
    line-height: 23.76px;
}
.main__special--swiper .special--title {
    margin-bottom: 6.27px;
    color: #433d3e;
    font-size: 1.0725rem;
    font-weight: 600;
    line-height: 25.74px;
}
.main__special--swiper .special--text {
    color: #433d3e;
}
.main__special--swiper .special--text,
.main__special--swiper .special--text strong {
    font-size: 0.78375rem;
    font-weight: 450;
    line-height: 20.46px;
}
.main__special--swiper .special--text strong {
    color: #e94190;
}
.main__special--page {
    margin-top: 19.14px;
}
.main__special--page .swiper-pagination-bullet {
    background-color: #9f6d86;
}
.main__special--page .swiper-pagination-bullet-active {
    background-color: #e94190;
}
.main.guardian {
    background-color: blue;
}
.main.guardian .main__visual {
    background-image: url('../image/main/visual-guardian.jpg');
}
.main.guardian .main__banner {
    background-image: url('../image/main/banner-guardian.jpg');
}
.main.guardian .main__banner--title,
.main.guardian .main__banner--title strong {
    font-size: 1.19625rem;
    line-height: 25.41px;
}
.main.guardian .main__users {
    height: 49.1vw;
    min-height: 174.9px;
    max-height: 270.6px;
    background-image: url('../image/main/users-guardian-bg.png');
}
.main.guardian .main__users--img {
    background-image: url('../image/main/users-guardian-img.png');
}
.main.guardian .main__review--page .swiper-pagination-bullet {
    background-color: #9f6d86;
}
.main.guardian .main__review--page .swiper-pagination-bullet-active {
    background-color: #e94190;
}

.main .swiper-dot .swiper-pagination-bullet,
.main.caregiver .main__review--page .swiper-pagination-bullet,
.main .main__recruitment--page .swiper-pagination-bullet {
    background-color: #d0d0d0;
}
.main .swiper-dot .swiper-pagination-bullet-active,
.main.caregiver .main__review--page .swiper-pagination-bullet-active,
.main .main__recruitment--page .swiper-pagination-bullet-active {
    background-color: #c782aa;
}
.main__apply {
    padding-bottom: 41.25px;
    text-align: center;
}
.main__apply {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
.main__apply {
    background-image: url('../image/main/apply-bg.png');
    background-position: left bottom;
    background-color: #fff6fb;
    background-size: 100% auto;
}
.main__apply--inner {
    padding-top: 36.96px;
}
.main__apply--inner {
    display: flex;
}
.main__apply--inner {
    flex-direction: column;
}
.main__apply--inner {
    align-items: center;
}
.main__apply--text {
    color: #303030;
    font-weight: 450;
}
.main__apply--text:not(:first-child) {
    margin-top: 16.5px;
}
.main__apply--text,
.main__apply--text strong {
    font-size: 0.928125rem;
    line-height: 21.45px;
}
.main__apply--text strong {
    color: #e94190;
    font-weight: 600;
}
.main__apply--button {
    height: 45.87px;
    padding: 0 27.72px;
    margin-top: 25.41px;
    background: linear-gradient(180deg, #ea4995 0%, #ea358f 51%);
    border-radius: 45.87px;
    box-shadow: inset 0 0.99px 1.65px rgba(255, 255, 255, 0.2),
        inset 0 -0.99px 1.65px #bb2b68, inset 0 -1.32px 0 #ce3a7f;
    color: #ffffff;
    font-size: 1.03125rem;
    font-weight: 600;
}
.main__apply--button {
    display: flex;
}
.main__apply--button {
    flex-direction: row;
}
.main__apply--button {
    justify-content: center;
}
.main__apply--button {
    align-items: center;
}
.main__apply--button {
    flex-shrink: 0;
    flex-grow: 0;
}
.main__benefit {
    padding: 37.29px 20.46px 52.47px;
    background-color: #fafafa;
}
.main__benefit--title {
    color: #2a2a2a;
    font-size: 1.546875rem;
    font-weight: 600;
    text-align: center;
    line-height: 35.97px;
}
.main__benefit--area {
    padding: 12.54px 21.12px 10.23px;
    margin-top: 20.79px;
    background-color: #ffffff;
    border-radius: 9.9px;
    box-shadow: inset 0 -0.99px 0.33px rgba(181, 181, 181, 0.7),
        0 0 6.6px rgba(0, 0, 0, 0.1);
}
.main__benefit--box {
    gap: 24.75px;
    padding: 10.89px 3.3px 14.19px;
}
.main__benefit--box {
    display: flex;
}
.main__benefit--box {
    flex-direction: row;
}
.main__benefit--box {
    align-items: flex-start;
}
.main__benefit--box:not(:first-child) {
    border-top: 0.66px solid #d7d7d7;
}
.main__benefit--box .icon {
    width: 52.14px;
    height: 52.14px;
    background-color: #f4f4f4;
    border-radius: 52.14px;
}
.main__benefit--box .icon {
    flex-shrink: 0;
    flex-grow: 0;
}
.main__benefit--box .icon {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
.main__benefit--box .icon {
    color: rgba(255, 255, 255, 0);
    font-size: 0;
}
.main__benefit--box .icon.icon0 {
    background-image: url('../image/main/benefit-00.png');
}
.main__benefit--box .icon.icon1 {
    background-image: url('../image/main/benefit-01.png');
}
.main__benefit--box .icon.icon2 {
    background-image: url('../image/main/benefit-02.png');
}
.main__benefit--box .icon.icon3 {
    background-image: url('../image/main/benefit-03.png');
}
.main__benefit--box .icon.icon4 {
    background-image: url('../image/main/benefit-04.png');
}
.main__benefit--box .icon.icon5 {
    background-image: url('../image/main/benefit-05.png');
}
.main__benefit--box .textbox {
    padding: 5.28px 0 3.96px;
}
.main__benefit--box .textbox {
    flex-shrink: 1;
    flex-grow: 1;
}
.main__benefit--box .textbox .title {
    color: #2a2a2a;
    font-size: 1.03125rem;
    font-weight: 600;
    line-height: 23.1px;
}
.main__benefit--box .textbox .text {
    margin-top: 1.32px;
    font-size: 0.763125rem;
    font-weight: 450;
    line-height: 18.81px;
}
.main__benefit--box .textbox .text,
.main__benefit--box .textbox .text span {
    color: #545454;
}
.main__benefit--box .textbox .text span {
    font-size: 0.5775rem;
}
.main__recruitment {
    padding-top: 29.04px;
    padding-bottom: 26.73px;
    background-image: url('../image/main/recruitment-bg.jpg');
}
.main__recruitment {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
.main__recruitment--wrapper {
    position: relative;
    overflow: hidden;
}
.main__recruitment--inner {
    position: relative;
    z-index: 5;
}
.main__recruitment--inner {
    display: flex;
}
.main__recruitment--inner {
    flex-direction: row;
}
.main__recruitment--swiper {
    overflow: hidden;
    user-select: none;
}
.main__recruitment--swiper {
    flex-shrink: 0;
    flex-grow: 0;
}
.main__recruitment--title {
    padding-bottom: 15.84px;
    color: #ffffff;
    font-size: 1.340625rem;
    font-weight: 600;
    text-align: center;
    line-height: 27.06px;
}
.main__recruitment--wrapper {
    padding: 0 36.3px;
}
.main__recruitment--swiper {
    width: 248.82px;
    height: 143.55px;
    padding-top: 17.16px;
    margin-top: 5.61px;
}
.main__recruitment--swiper::after {
    position: absolute;
    width: 56.1px;
    height: 40.92px;
    top: 0;
    left: 50%;
    margin-left: -28.05px;
    border-radius: 56.1px;
    background-image: url('../image/main/recruitment-icon.png');
    z-index: 15;
}
.main__recruitment--swiper::after {
    display: block;
    content: '';
}
.main__recruitment--swiper::after {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
.main__recruitment--swiper::after {
    color: rgba(255, 255, 255, 0);
    font-size: 0;
}
.main__recruitment--swiper::after {
    background-size: 100% auto;
    background-position: center top;
}
.main__recruitment--swiper .swiper__icon {
    position: absolute;
    overflow: hidden;
    width: 58.08px;
    height: 18.15px;
    top: 0;
    left: 50%;
    margin-left: -28.05px;
    z-index: 10;
}
.main__recruitment--swiper .swiper__icon::before {
    width: 56.1px;
    height: 56.1px;
    background-color: #ffffff;
    border-radius: 56.1px;
    border: 0.99px solid #d8d8d8;
}
.main__recruitment--swiper .swiper__icon::before {
    display: block;
    content: '';
}
.main__recruitment--swiper .swiper__inner {
    position: relative;
    height: 100%;
    padding: 24.75px 8.91px 13.53px;
    background-color: #ffffff;
    border: 0.99px solid #d8d8d8;
    border-radius: 13.2px 2.31px;
}
.main__recruitment--swiper .swiper__inner .title {
    margin-bottom: 5.61px;
    border-bottom: 0.66px solid #c2c2c2;
    color: #252525;
    font-size: 0.7425rem;
    font-weight: 600;
    line-height: 32.67px;
}
.main__recruitment--swiper .swiper__inner .text {
    display: flex;
}
.main__recruitment--swiper .swiper__inner .text {
    flex-direction: row;
}
.main__recruitment--swiper .swiper__inner .text strong,
.main__recruitment--swiper .swiper__inner .text span {
    color: #252525;
    font-size: 0.70125rem;
    font-weight: 450;
    line-height: 16.5px;
}
.main__recruitment--swiper .swiper__inner .text strong {
    width: 55.11px;
    font-weight: 600;
}
.main__recruitment--swiper .swiper__inner .text strong {
    flex-shrink: 0;
    flex-grow: 0;
}
.main__recruitment--swiper .swiper__inner .text span {
    flex-shrink: 1;
    flex-grow: 1;
}
.main__recruitment--page {
    margin-top: 14.52px;
}
.main__recruitment--empty {
    display: block;
    width: calc(100% + 11.22px);
    height: 100%;
    margin: 0 -5.61px 0;
}
.main__recruitment--empty img {
    display: block;
    width: 100%;
}
.main.caregiver {
    background-color: red;
}
.main.caregiver .main__visual {
    background-image: url('../image/main/visual-caregiver.jpg');
}
.main.caregiver .main__banner {
    background-image: url('../image/main/banner-caregiver.jpg');
}
.main.caregiver .main__banner--title {
    margin-bottom: 7.59px;
}
.main.caregiver .main__banner--title,
.main.caregiver .main__banner--title strong {
    font-size: 1.03125rem;
    line-height: 25.41px;
}
.main.caregiver .main__users {
    height: 81.7vw;
    min-height: 291.06px;
    max-height: 390.06px;
    padding-top: 87.78px;
    background-image: url('../image/main/users-caregiver-bg.png');
}
.main.caregiver .main__users--title {
    position: absolute;
    width: 100%;
    top: 29.37px;
    left: 0;
    color: #ffffff;
    font-size: 1.340625rem;
    font-weight: 600;
    text-align: center;
    line-height: 27.06px;
}
.main.caregiver .main__users--img {
    background-image: url('../image/main/users-caregiver-img.png');
}
.about__service {
    padding: 28.38px 0 13.2px;
    background-image: url('../image/bg/guardian-service.jpg');
    flex-direction: column;
}
.about__service--wrapper {
    position: relative;
    overflow: hidden;
}
.about__service--inner {
    position: relative;
    z-index: 5;
}
.about__service--inner {
    display: flex;
}
.about__service--inner {
    flex-direction: row;
}
.about__service--swiper {
    overflow: hidden;
    user-select: none;
}
.about__service--swiper {
    flex-shrink: 0;
    flex-grow: 0;
}
.about__service .type--item {
    width: 70.95px;
    color: #ffffff;
}
.about__service .type--item::before {
    margin-bottom: 6.6px;
}
.about__service .type--item__box {
    gap: 13.2px;
}
.about__service .type--item__box {
    display: flex;
}
.about__service .type--item__box {
    flex-direction: row;
}
.about__service .type--item__box {
    justify-content: center;
}
.about__service .type--item__box {
    align-items: flex-start;
}
.about__service {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
.about__service--wrapper {
    width: 100%;
    padding: 0 29.7px;
}
.about__service--inner {
    overflow: visible;
    justify-content: center;
    min-width: fit-content;
}
.about__service--page .swiper-pagination-bullet {
    background-color: #ffffff;
}
.about__service--page .swiper-pagination-bullet-active {
    background-color: #e94190;
}

.caregiver.about__visual {
    background-image: url('../image/bg/about-story2.jpg');
}
.caregiver.about__system.type {
    padding-top: 22.77px;
    padding-bottom: 33px;
}
.caregiver.about__system.type .about__system--title {
    margin-bottom: 16.5px;
    color: #303030;
    font-size: 1.44375rem;
    font-weight: 600;
    text-align: center;
    line-height: 35.64px;
}
.caregiver.about__system.type .about__system--swiper {
    width: 210.54px;
    height: 244.2px;
    padding-top: 22.44px;
    padding-bottom: 21.78px;
}
.caregiver.about__system.type .about__system--swiper .icon {
    width: 95.7px;
    height: 95.7px;
    border-radius: 95.7px;
}
.caregiver.about__system.type .about__system--swiper .icon.icon1 {
    background-image: url('../image/icon/service-large-01.png');
    background-color: #f6f6f6;
}
.caregiver.about__system.type .about__system--swiper .icon.icon2 {
    background-image: url('../image/icon/service-large-02.png');
    background-color: #f6f6f6;
}
.caregiver.about__system.type .about__system--swiper .icon.icon3 {
    background-image: url('../image/icon/service-large-03.png');
    background-color: #f6f6f6;
}
.caregiver.about__system.type .about__system--swiper .icon.icon4 {
    background-image: url('../image/icon/service-large-04.png');
    background-color: #f6f6f6;
}
.caregiver.about__system.type .about__system--swiper .title {
    margin-top: 14.85px;
    color: #303030;
    font-size: 1.2375rem;
    font-weight: 600;
    line-height: 32.01px;
}
.caregiver.about__system.type .about__system--swiper .text {
    margin-top: 5.94px;
    color: #303030;
    font-size: 0.78375rem;
    line-height: 19.47px;
}
.caregiver.about__system.type .about__system--page {
    margin-top: 13.86px;
}
.caregiver.about__system.features {
    padding-top: 31.35px;
    padding-bottom: 21.78px;
    background-color: #f8f8f8;
    background-image: none;
}
.caregiver.about__system.features .about__system--title {
    margin-bottom: 16.5px;
    color: #433d3e;
    font-size: 1.44375rem;
    font-weight: 600;
    text-align: center;
    line-height: 35.64px;
}
.caregiver.about__system.features .about__system--page {
    margin-top: 13.2px;
}
.caregiver.main__banner {
    background-image: url('../image/main/banner-caregiver.jpg');
}
.caregiver.main__banner--title {
    margin-bottom: 7.59px;
}
.caregiver.main__banner--title,
.caregiver.main__banner--title strong {
    font-size: 1.03125rem;
    line-height: 25.41px;
}
.caregiver.main__benefit.service {
    background-color: #fce5f4;
}

.recruit__about {
    height: 108.7vw;
    min-height: 387.42px;
    max-height: 387.42px;
    background-image: url('../image/img/recruit-about.jpg');
}
.recruit__about {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
.recruit__introduce {
    padding: 30.36px 0 41.58px;
    text-align: center;
}
.recruit__introduce--title {
    color: #303030;
    font-size: 1.65rem;
    font-weight: 600;
    line-height: 37.95px;
}
.recruit__introduce--text {
    margin-top: 14.85px;
    color: #433d3e;
    font-weight: 450;
}
.recruit__introduce--text,
.recruit__introduce--text strong {
    font-size: 0.928125rem;
    line-height: 24.75px;
}
.recruit__introduce--text strong {
    color: #dd2f94;
}
.recruit__introduce--btn {
    width: 244.2px;
    height: 54.45px;
    margin: 20.46px auto 0;
    background: linear-gradient(180deg, #ea4f97 0%, #ea378f 100%);
    border-radius: 54.45px;
    box-shadow: inset 0 0.99px 1.65px rgba(255, 255, 255, 0.1),
        inset 0 -0.99px 1.65px rgba(172, 26, 94, 0.4), 0 0.99px 0 #ce3a7f;
    color: #ffffff;
    font-weight: 600;
    font-size: 1.2375rem;
}
.recruit__introduce--btn {
    display: flex;
}
.recruit__introduce--btn {
    flex-direction: row;
}
.recruit__introduce--btn {
    justify-content: center;
}
.recruit__introduce--btn {
    align-items: center;
}
.recruit__link {
    padding: 34.98px 0 49.83px;
    background-image: url('../image/bg/recruit-about.png');
    background-color: #fde5f5;
    text-align: center;
}
.recruit__link {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
.recruit__link {
    background-size: 100% auto;
    background-position: 0 bottom;
}
.recruit__link--title {
    padding-bottom: 5.61px;
    color: #303030;
    font-size: 1.65rem;
    font-weight: 600;
    line-height: 37.62px;
}
.recruit__link--btn {
    width: 245.19px;
    height: 70.95px;
    margin: 14.85px auto 0;
    border-radius: 70.95px;
    box-shadow: inset 0 1.65px 2.64px rgba(255, 255, 255, 0.2),
        inset 0 -1.65px 2.64px rgba(101, 101, 101, 0.4);
}
.recruit__link--btn {
    display: flex;
}
.recruit__link--btn {
    flex-direction: column;
}
.recruit__link--btn {
    justify-content: center;
}
.recruit__link--btn {
    align-items: center;
}
.recruit__link--btn p {
    color: #ffffff;
}
.recruit__link--btn .text {
    font-size: 1.2375rem;
    font-weight: 600;
    line-height: 26.07px;
}
.recruit__link--btn .link {
    font-size: 0.86625rem;
    font-weight: 500;
    line-height: 20.79px;
}
.recruit__link--btn.pink {
    background-color: #dc2b82;
}
.recruit__link--btn.violet {
    background-color: #982285;
}
.recruit__education {
    min-height: 100%;
}
.recruit__education {
    display: flex;
}
.recruit__education {
    flex-direction: column;
}
.recruit__education--visual {
    height: 63.1vw;
    min-height: 225.06px;
    max-height: 333.3px;
    padding: 64.68px 26.73px 0;
    background-image: url('../image/img/recruit-experience.jpg');
}
.recruit__education--visual {
    flex-shrink: 0;
    flex-grow: 0;
}
.recruit__education--visual {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
.recruit__education--visual .title {
    color: #433d3e;
    font-size: 1.340625rem;
    font-weight: 600;
    line-height: 34.98px;
}
.recruit__education--visual .text {
    margin-top: 2.64px;
    color: #433d3e;
    font-size: 0.9075rem;
    font-weight: 500;
    line-height: 22.77px;
}
.recruit__education--steps {
    padding: 30.03px 26.73px 33.66px;
    background-color: #fff6fb;
}
.recruit__education--steps {
    flex-shrink: 0;
    flex-grow: 0;
}
.recruit__education--steps .education--steps__title {
    margin-bottom: 16.5px;
    color: #433d3e;
    font-size: 1.340625rem;
    font-weight: 600;
    text-align: center;
    line-height: 33px;
}
.recruit__education--steps .education--steps__box {
    gap: 9.57px;
    height: 68.64px;
    padding: 0 14.52px;
    background-color: #ffffff;
    border-radius: 9.9px;
    box-shadow: 0 0.66px 8.25px rgba(110, 72, 91, 0.1);
}
.recruit__education--steps .education--steps__box {
    display: flex;
}
.recruit__education--steps .education--steps__box {
    flex-direction: row;
}
.recruit__education--steps .education--steps__box {
    justify-content: center;
}
.recruit__education--steps .education--steps__box {
    align-items: center;
}
.recruit__education--steps .education--steps__box .icon {
    width: 35.31px;
    height: 35.31px;
}
.recruit__education--steps .education--steps__box .icon {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
.recruit__education--steps .education--steps__box .icon {
    color: rgba(255, 255, 255, 0);
    font-size: 0;
}
.recruit__education--steps .education--steps__box .icon {
    flex-shrink: 0;
    flex-grow: 0;
}
.recruit__education--steps .education--steps__box .text {
    color: #433d3e;
    font-size: 0.9075rem;
    font-weight: 450;
    line-height: 21.12px;
}
.recruit__education--steps .education--steps__box.box1 .icon {
    background-image: url('../image/icon/recruit-experience-step1.png');
}
.recruit__education--steps .education--steps__box.box2 .icon {
    background-image: url('../image/icon/recruit-experience-step2.png');
}
.recruit__education--steps .education--steps__box.box3 .icon {
    background-image: url('../image/icon/recruit-experience-step3.png');
}
.recruit__education--steps .education--steps__box.box4 .icon {
    background-image: url('../image/icon/recruit-experience-step4.png');
}
.recruit__education--steps .education--steps__box.box5 .icon {
    background-image: url('../image/icon/recruit-experience-step5.png');
}
.recruit__education--steps .education--steps__arrow {
    width: 12.21px;
    height: 12.21px;
    margin: 6.6px auto;
    background-image: url('../image/icon/recruit-experience.png');
}
.recruit__education--steps .education--steps__arrow {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
.recruit__education--steps .education--steps__arrow {
    color: rgba(255, 255, 255, 0);
    font-size: 0;
}
.recruit__education--price {
    padding: 28.05px 26.73px 38.28px;
    background-color: #f2f2f2;
}
.recruit__education--price {
    flex-shrink: 1;
    flex-grow: 1;
}
.recruit__education--price .education--price__title {
    margin-bottom: 16.5px;
    color: #433d3e;
    font-size: 1.340625rem;
    font-weight: 600;
    text-align: center;
    line-height: 33px;
}
.recruit__education--price .education--price__box {
    gap: 18.15px;
    padding: 23.43px 27.72px 22.44px;
    background-color: #ffffff;
    border-radius: 9.9px;
    box-shadow: 0 0.66px 8.25px rgba(110, 72, 91, 0.1);
}
.recruit__education--price .education--price__box {
    display: flex;
}
.recruit__education--price .education--price__box {
    flex-direction: column;
}
.recruit__education--price .education--price__box {
    align-items: center;
}
.recruit__education--price .education--price__box .price__box--inner {
    gap: 29.7px;
    width: 100%;
}
.recruit__education--price .education--price__box .price__box--inner {
    display: flex;
}
.recruit__education--price .education--price__box .price__box--inner {
    flex-direction: row;
}
.recruit__education--price .education--price__box .price__box--inner {
    align-items: center;
}
.recruit__education--price .education--price__box .price__box--icon {
    width: 67.98px;
    height: 67.98px;
    margin-left: 6.6px;
    background-color: #f2f2f2;
    border-radius: 67.98px;
}
.recruit__education--price .education--price__box .price__box--icon {
    flex-shrink: 0;
    flex-grow: 0;
}
.recruit__education--price .education--price__box .price__box--icon {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
.recruit__education--price .education--price__box .price__box--icon {
    color: rgba(255, 255, 255, 0);
    font-size: 0;
}
.recruit__education--price .education--price__box .price__box--icon.icon1 {
    background-image: url('../image/icon/recruit-experience-price1.png');
}
.recruit__education--price .education--price__box .price__box--icon.icon2 {
    background-image: url('../image/icon/recruit-experience-price2.png');
}
.recruit__education--price .education--price__box .price__box--textbox {
    flex-shrink: 1;
    flex-grow: 1;
}
.recruit__education--price .education--price__box .price__box--textbox .title {
    margin-bottom: 12.21px;
    color: #eb3f93;
    font-size: 1.340625rem;
    font-weight: 600;
    line-height: 29.04px;
    text-transform: uppercase;
    letter-spacing: -0.66px;
}
.recruit__education--price .education--price__box .price__box--textbox .text {
    width: 145.2px;
    color: #433d3e;
    font-weight: 450;
    white-space: nowrap;
}
.recruit__education--price .education--price__box .price__box--textbox .text,
.recruit__education--price
    .education--price__box
    .price__box--textbox
    .text
    span {
    font-size: 0.86625rem;
    line-height: 22.44px;
    letter-spacing: -0.66px;
}
.recruit__education--price
    .education--price__box
    .price__box--textbox
    .text
    span {
    color: #eb3f93;
    font-weight: 600;
}
.recruit__education--price .education--price__box .price__box--button {
    width: 202.62px;
    height: 50.49px;
    background: linear-gradient(180deg, #ea4995 0%, #ea358f 51%);
    border-radius: 50.49px;
    box-shadow: inset 0 0.99px 1.65px rgba(255, 255, 255, 0.2),
        inset 0 -0.99px 1.65px #bb2b68, inset 0 -1.32px 0 #ce3a7f;
    color: #ffffff;
    font-size: 1.2375rem;
    font-weight: 600;
    text-align: center;
    line-height: 50.49px;
}
.recruit__apply--visual {
    height: 133.7vw;
    min-height: 476.52px;
    max-height: 575.52px;
    padding-top: 43.23px;
    background-image: url('../image/img/recruit-apply.jpg');
    text-align: center;
}
.recruit__apply--visual {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
.recruit__apply--visual .apply__visual--title {
    color: #303030;
    font-size: 1.753125rem;
    font-weight: 600;
    line-height: 39.6px;
}
.recruit__apply--visual .apply__visual--text {
    margin-top: 7.92px;
    color: #433d3e;
}
.recruit__apply--visual .apply__visual--text,
.recruit__apply--visual .apply__visual--text strong {
    font-size: 0.928125rem;
    line-height: 23.1px;
}
.recruit__apply--visual .apply__visual--text strong {
    color: #c80877;
    font-weight: 600;
}
.recruit__apply--download {
    padding: 34.65px 0;
    background-color: #f8f8f8;
}
.recruit__apply--download .apply__download--text {
    color: #433d3e;
    font-size: 0.928125rem;
    font-weight: 500;
    text-align: center;
    line-height: 24.75px;
}
.recruit__apply--download .apply__download--links {
    gap: 10.23px;
    margin-top: 18.81px;
}
.recruit__apply--download .apply__download--links {
    display: flex;
}
.recruit__apply--download .apply__download--links {
    flex-direction: row;
}
.recruit__apply--download .apply__download--links {
    justify-content: center;
}
.recruit__apply--download .apply__download--links {
    align-items: stretch;
}
.recruit__apply--download .apply__download--links a {
    width: 113.19px;
    height: 38.94px;
    border-radius: 3.96px;
}
.recruit__apply--download .apply__download--links a {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
.recruit__apply--download .apply__download--links a {
    color: rgba(255, 255, 255, 0);
    font-size: 0;
}
.recruit__apply--download .apply__download--links a.google {
    background-image: url('../image/img/recruit-apply-google.jpg');
}
.recruit__apply--download .apply__download--links a.apple {
    background-image: url('../image/img/recruit-apply-apple.jpg');
}
.recruit__apply--swiper {
    padding-top: 33.33px;
    padding-bottom: 23.43px;
    background-image: url('../image/bg/recruit-apply.jpg');
    background-color: #fadceb;
}
.recruit__apply--swiper {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
.recruit__apply--swiper {
    background-size: 100% auto;
    background-position: 0 bottom;
}
.recruit__apply--swiper .apply__swiper--wrapper {
    position: relative;
    overflow: hidden;
}
.recruit__apply--swiper .apply__swiper--inner {
    position: relative;
    z-index: 5;
}
.recruit__apply--swiper .apply__swiper--inner {
    display: flex;
}
.recruit__apply--swiper .apply__swiper--inner {
    flex-direction: row;
}
.recruit__apply--swiper .apply__swiper--swiper {
    overflow: hidden;
    user-select: none;
}
.recruit__apply--swiper .apply__swiper--swiper {
    flex-shrink: 0;
    flex-grow: 0;
}
.recruit__apply--swiper .apply__swiper--title {
    color: #303030;
    font-size: 1.44375rem;
    font-weight: 600;
    text-align: center;
    line-height: 34.65px;
}
.recruit__apply--swiper .apply__swiper--wrapper {
    padding: 0 20.79px;
    margin-top: 18.48px;
}
.recruit__apply--swiper .apply__swiper--swiper {
    width: 261.69px;
    height: 216.81px;
    background-color: #ffffff;
    border-radius: 6.6px;
    box-shadow: 0 0 13.2px rgba(217, 173, 195, 0.4);
}
.recruit__apply--swiper .apply__swiper--swiper {
    display: flex;
}
.recruit__apply--swiper .apply__swiper--swiper {
    flex-direction: column;
}
.recruit__apply--swiper .apply__swiper--swiper {
    justify-content: center;
}
.recruit__apply--swiper .apply__swiper--swiper {
    align-items: center;
}
.recruit__apply--swiper .apply__swiper--swiper .icon {
    width: 62.04px;
    height: 62.04px;
    border-radius: 62.04px;
    background-color: #f8f8f8;
}
.recruit__apply--swiper .apply__swiper--swiper .icon {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
.recruit__apply--swiper .apply__swiper--swiper .icon.icon1 {
    background-image: url('../image/icon/recruit-apply-icon1.png');
}
.recruit__apply--swiper .apply__swiper--swiper .icon.icon2 {
    background-image: url('../image/icon/recruit-apply-icon2.png');
}
.recruit__apply--swiper .apply__swiper--swiper .icon.icon3 {
    background-image: url('../image/icon/recruit-apply-icon3.png');
}
.recruit__apply--swiper .apply__swiper--swiper .title {
    margin-top: 12.87px;
    color: #303030;
    font-size: 1.340625rem;
    font-weight: 600;
    text-align: center;
    line-height: 33.33px;
}
.recruit__apply--swiper .apply__swiper--swiper .text {
    margin-top: 2.64px;
    color: #433d3e;
    font-size: 0.928125rem;
    font-weight: 500;
    text-align: center;
    line-height: 23.76px;
}
.recruit__apply--swiper .apply__swiper--page .swiper-pagination-bullet {
    background-color: #9f6d86;
}
.recruit__apply--swiper .apply__swiper--page .swiper-pagination-bullet-active {
    background-color: #e94190;
}

.main__visual {
    position: relative;
    height: 115.1vw;
    min-height: 410.19px;
    max-height: 528px;
    background-color: #f5f5f5;
    border-radius: 0 0 33px 33px;
    z-index: 10;
}
.main__visual {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
.main__visual + div {
    padding-top: 33px;
    margin-top: -33px;
}
.main__banner {
    padding: 30.69px 0 17.49px;
}
.main__banner {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
.main__banner--wrapper {
    position: relative;
    overflow: hidden;
}
.main__banner--inner {
    position: relative;
    z-index: 5;
}
.main__banner--inner {
    display: flex;
}
.main__banner--inner {
    flex-direction: row;
}
.main__banner--swiper {
    overflow: hidden;
    user-select: none;
}
.main__banner--swiper {
    flex-shrink: 0;
    flex-grow: 0;
}
.main__banner--title {
    margin-bottom: 7.59px;
    color: #ffffff;
    text-shadow: 0 0 6.6px rgba(0, 0, 0, 0.8);
}
.main__banner--title,
.main__banner--title strong {
    font-size: 1.19625rem;
    font-weight: 600;
    line-height: 25.41px;
    text-align: center;
}
.main__banner--title strong {
    color: #aaeeff;
}
.main__banner--wrapper {
    padding: 0 22.77px;
}
.main__banner--swiper {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    grid-template-rows: repeat(2, minmax(0, 1fr));
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 84.81px;
    background-color: #ffffff;
    border-radius: 6.6px;
}
.main__banner--swiper img {
    width: 100%;
    object-fit: cover;
}
.main__banner--prev {
    position: absolute;
    width: 16.17px;
    height: 16.17px;
    top: 34.98px;
    background-color: #ffffff;
    background-image: url('../image/main/banner-arrow.svg');
    border-radius: 16.17px;
    box-shadow: 0 0 3.3px rgba(0, 0, 0, 0.2);
    z-index: 10;
    left: 14.19px;
}
.main__banner--prev {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
.main__banner--next {
    position: absolute;
    width: 16.17px;
    height: 16.17px;
    top: 34.98px;
    background-color: #ffffff;
    background-image: url('../image/main/banner-arrow.svg');
    border-radius: 16.17px;
    box-shadow: 0 0 3.3px rgba(0, 0, 0, 0.2);
    z-index: 10;
}
.main__banner--next {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
.main__banner--next {
    right: 14.19px;
    transform: rotate(180deg);
}
.main__banner--page {
    margin-top: 12.87px;
}
.main__banner--page .swiper-pagination-bullet {
    background-color: #d0d0d0;
}
.main__banner--page .swiper-pagination-bullet-active {
    background-color: #ffffff;
}
.main__users {
    position: relative;
    padding-top: 35.64px;
    padding-right: 36.3px;
    padding-bottom: 30.03px;
    padding-left: 158.07px;
}
.main__users {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
.main__users {
    display: flex;
}
.main__users {
    flex-direction: row;
}
.main__users {
    justify-content: flex-end;
}
.main__users {
    align-items: center;
}
.main__users--inner {
    position: relative;
    width: fit-content;
    z-index: 5;
}
.main__users--inner {
    display: flex;
}
.main__users--inner {
    flex-direction: column;
}
.main__users--box {
    position: relative;
    height: 51.48px;
    padding-right: 15.18px;
    padding-left: 48.18px;
    margin-bottom: 11.88px;
    color: #ffffff;
    background-color: #ffffff;
    border-radius: 9.9px;
    box-shadow: inset 0 -0.99px 0.33px rgba(181, 181, 181, 0.7),
        0 0 6.6px rgba(0, 0, 0, 0.1);
}
.main__users--box {
    display: flex;
}
.main__users--box {
    flex-direction: column;
}
.main__users--box {
    justify-content: center;
}
.main__users--box:last-child {
    margin-bottom: 0;
}
.main__users--box::before {
    position: absolute;
    width: 28.71px;
    height: 28.71px;
    top: 11.55px;
    left: 10.89px;
    background-image: url('../image/main/users-icon.png');
}
.main__users--box::before {
    display: block;
    content: '';
}
.main__users--box::before {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
.main__users--box .title {
    color: #373737;
    font-size: 0.70125rem;
    font-weight: 500;
    line-height: 15.84px;
}
.main__users--box .number {
    font-size: 1.134375rem;
    line-height: 19.8px;
}
.main__users--box .number,
.main__users--box .number span {
    color: #dd2f94;
    font-weight: 600;
}
.main__users--box .number span {
    font-size: 0.825rem;
}
.main__users--img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 10;
}
.main__users--img {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
.main__review {
    height: 303.93px;
    padding-top: 30.36px;
    padding-bottom: 41.58px;
    background-image: url('../image/main/review-bg.png');
    background-color: #fafafa;
}
.main__review {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
.main__review--wrapper {
    position: relative;
    overflow: hidden;
}
.main__review--inner {
    position: relative;
    z-index: 5;
}
.main__review--inner {
    display: flex;
}
.main__review--inner {
    flex-direction: row;
}
.main__review--swiper {
    overflow: hidden;
    user-select: none;
}
.main__review--swiper {
    flex-shrink: 0;
    flex-grow: 0;
}
.main__review--title {
    margin-bottom: 17.16px;
    color: #303030;
    text-align: center;
}
.main__review--title,
.main__review--title strong {
    font-size: 1.44375rem;
    font-weight: 600;
    line-height: 34.65px;
}
.main__review--title strong {
    color: #dd2f94;
}
.main__review--wrapper {
    padding: 0 36.3px;
}
.main__review--swiper {
    width: 234.63px;
    height: 180px; /* 163.02px */
    padding: 4.95px 10.89px 12.54px;
    background-color: #ffffff;
    border: 0.99px solid #d0daef;
    border-radius: 3.3px;
}
.main__review--swiper .review__title {
    padding: 7.92px 0;
    border-bottom: 0.99px solid #d0daef;
}
.main__review--swiper .review__title {
    display: flex;
}
.main__review--swiper .review__title {
    flex-direction: row;
}
.main__review--swiper .review__title {
    justify-content: space-between;
}
.main__review--swiper .review__title {
    align-items: flex-end;
}
.main__review--swiper .review__title .title {
    font-size: 0.886875rem;
    line-height: 19.8px;
}
.main__review--swiper .review__title .title,
.main__review--swiper .review__title .title span {
    color: #252525;
    font-weight: 500;
}
.main__review--swiper .review__title .title span {
    font-size: 0.804375rem;
}
.main__review--swiper .review__title .date {
    color: #717171;
    font-size: 0.7528125rem;
    font-weight: 450;
    line-height: 15.18px;
}
.main__review--swiper .review__text {
    margin-top: 9.24px;
    color: #252525;
    font-size: 0.7528125rem;
    font-weight: 450;
    line-height: 16.5px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    max-height: 49.5px;
}
.main__review--swiper .review__tag {
    gap: 4.29px;
    row-gap: 5.28px;
    flex-wrap: wrap;
    margin-top: 12.54px;
}
.main__review--swiper .review__tag {
    display: flex;
}
.main__review--swiper .review__tag {
    flex-direction: row;
}
.main__review--swiper .review__tag span {
    gap: 2.97px;
    height: 15.51px;
    padding: 0 6.93px 0;
    background-color: #7d8ea3;
    border-radius: 15.51px;
    color: #ffffff;
    font-size: 0.65175rem;
    font-weight: 450;
}
.main__review--swiper .review__tag span {
    display: flex;
}
.main__review--swiper .review__tag span {
    flex-direction: row;
}
.main__review--swiper .review__tag span::before {
    display: block;
    content: '';
}
.main__review--swiper .review__tag span::before {
    content: '#';
}
.main__review--page {
    margin-top: 19.14px;
}
.main__review--page .dot {
    background-color: #9f6d86;
}
.main__review--page .dot.active {
    background-color: #e94190;
}

.about__visual {
    height: 135.2vw;
    min-height: 481.8px;
    max-height: 481.8px;
    padding-top: 47.85px;
    background-image: url('../image/bg/guardian-visual.jpg');
    text-align: center;
}
.about__visual {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
.about__visual .title {
    color: #303030;
    font-size: 1.753125rem;
    font-weight: 600;
    line-height: 39.27px;
}
.about__visual .text {
    margin-top: 17.49px;
    color: #433d3e;
}
.about__visual .text,
.about__visual .text strong {
    font-size: 0.928125rem;
    font-weight: 450;
    line-height: 23.1px;
}
.about__visual .text strong {
    color: #dd2f94;
    font-weight: 600;
}
.about__system {
    padding: 36.96px 0 30.36px;
    background-image: url('../image/bg/guardian-system.jpg');
    background-color: #fbe4f0;
}
.about__system--wrapper {
    position: relative;
    overflow: hidden;
}
.about__system--inner {
    position: relative;
    z-index: 5;
}
.about__system--inner {
    display: flex;
}
.about__system--inner {
    flex-direction: row;
}
.about__system--swiper {
    overflow: hidden;
    user-select: none;
}
.about__system--swiper {
    flex-shrink: 0;
    flex-grow: 0;
}
.about__system {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
.about__system {
    background-size: 100% auto;
    background-position: bottom left;
}
.about__system--wrapper {
    padding: 0 23.1px;
}
.about__system--swiper {
    width: 258.72px;
    height: 237.27px;
    padding: 24.42px 0 21.12px;
    background-color: #ffffff;
    border-radius: 9.9px;
    box-shadow: 0 0 11.55px rgba(191, 191, 191, 0.3);
    text-align: center;
}
.about__system--swiper {
    display: flex;
}
.about__system--swiper {
    flex-direction: column;
}
.about__system--swiper {
    align-items: center;
}
.about__system--swiper .icon {
    width: 70.62px;
    height: 70.62px;
    border-radius: 70.62px;
}
.about__system--swiper .icon {
    flex-shrink: 0;
    flex-grow: 0;
}
.about__system--swiper .icon {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
.about__system--swiper .icon.care {
    background-image: url('../image/icon/guardian-system-care.png');
    background-color: #f4f4f4;
}
.about__system--swiper .icon.matching {
    background-image: url('../image/icon/guardian-system-matching.png');
    background-color: #f4f4f4;
}
.about__system--swiper .icon.monitoring {
    background-image: url('../image/icon/guardian-system-monitoring.png');
    background-color: #f4f4f4;
}
.about__system--swiper .icon.management {
    background-image: url('../image/icon/guardian-system-management.png');
    background-color: #f4f4f4;
}
.about__system--swiper .title {
    margin-top: 18.48px;
    color: #dd2f94;
    font-size: 1.2375rem;
    font-weight: 600;
    line-height: 31.68px;
}
.about__system--swiper .text {
    margin-top: 4.95px;
    color: #303030;
    font-size: 0.928125rem;
    font-weight: 450;
    line-height: 19.8px;
}
.about__system--page .swiper-pagination-bullet {
    background-color: #9f6d86;
}
.about__system--page .swiper-pagination-bullet-active {
    background-color: #e94190;
}
.about__academy {
    text-align: center;
}
.about__academy--wrapper {
    position: relative;
    overflow: hidden;
}
.about__academy--inner {
    position: relative;
    z-index: 5;
}
.about__academy--inner {
    display: flex;
}
.about__academy--inner {
    flex-direction: row;
}
.about__academy--swiper {
    overflow: hidden;
    user-select: none;
}
.about__academy--swiper {
    flex-shrink: 0;
    flex-grow: 0;
}
.about__academy--introduce {
    padding: 45.21px 14.52px 24.75px;
    background-color: #f8f8f8;
}
.about__academy--introduce .title {
    color: #dd2f94;
    font-size: 1.44375rem;
    font-weight: 600;
    line-height: 32.67px;
}
.about__academy--introduce .desc {
    color: #433d3e;
    font-size: 0.9075rem;
    font-weight: 500;
    line-height: 24.75px;
}
.about__academy--introduce .img {
    width: 100%;
    height: 50.1vw;
    min-height: 178.53px;
    max-height: 280.5px;
    margin-top: 25.08px;
    background-image: url('../image/img/guardian-academy-bg.jpg');
    border-radius: 6.6px;
}
.about__academy--introduce .img {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
.about__academy--introduce .text {
    padding-top: 8.25px;
    margin-top: 15.18px;
}
.about__academy--introduce .text,
.about__academy--introduce .text strong {
    color: #433d3e;
    font-size: 0.9075rem;
    font-weight: 450;
    line-height: 21.12px;
}
.about__academy--introduce .text strong {
    font-weight: 600;
}
.about__academy--bottom {
    height: 46vw;
    min-height: 164.01px;
    min-min-height: 164.01px;
    max-height: 264px;
    background-image: url('../image/img/guardian-academy-bottom.jpg');
}
.about__academy--bottom {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
.about__academy--bottom {
    display: flex;
}
.about__academy--bottom {
    flex-direction: row;
}
.about__academy--bottom {
    justify-content: center;
}
.about__academy--bottom {
    align-items: center;
}
.about__academy--bottom,
.about__academy--bottom p,
.about__academy--bottom strong {
    font-size: 1.03125rem;
    line-height: 23.1px;
}
.about__academy--bottom,
.about__academy--bottom p {
    color: #ffffff;
    font-weight: 450;
}
.about__academy--bottom strong {
    font-weight: 600;
    color: #fff7dd;
}
.about__academy--point {
    padding: 29.37px 0 30.03px;
    background-color: #f8f8f8;
}
.about__academy--wrapper {
    padding: 0 32.01px;
}
.about__academy--swiper {
    width: 231.99px;
    height: 212.85px;
    padding: 20.13px 0 27.39px;
    background-color: #ffffff;
    border-radius: 9.9px;
    box-shadow: 0 0 11.55px rgba(139, 137, 125, 0.14);
}
.about__academy--swiper .icon {
    width: 72.27px;
    height: 72.27px;
    margin: 0 auto;
}
.about__academy--swiper .icon {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
.about__academy--swiper .icon {
    color: rgba(255, 255, 255, 0);
    font-size: 0;
}
.about__academy--swiper .icon.icon01 {
    background-image: url('../image/icon/guardian-academy-01.png');
}
.about__academy--swiper .icon.icon02 {
    background-image: url('../image/icon/guardian-academy-02.png');
}
.about__academy--swiper .icon.icon03 {
    background-image: url('../image/icon/guardian-academy-03.png');
}
.about__academy--swiper .title {
    margin-top: 16.83px;
    color: #dd2f94;
    font-size: 1.2375rem;
    font-weight: 600;
    line-height: 33.33px;
}
.about__academy--swiper .text {
    margin-top: 2.64px;
    color: #433d3e;
    font-size: 0.86625rem;
    font-weight: 450;
    line-height: 20.46px;
}
.about__academy--page .swiper-pagination-bullet {
    background-color: #9f6d86;
}
.about__academy--page .swiper-pagination-bullet-active {
    background-color: #e94190;
}
.about__sns {
    padding-top: 29.7px;
    padding-bottom: 63.36px;
    background-color: #f8f8f8;
    text-align: center;
}
.about__sns--title {
    color: #303030;
    font-size: 1.65rem;
    font-weight: 600;
    line-height: 37.62px;
}
.about__sns--text {
    margin-top: 9.24px;
    color: #433d3e;
    font-size: 0.9075rem;
    font-weight: 450;
    line-height: 24.42px;
}
.about__sns--link {
    gap: 16.83px;
    margin-top: 39.93px;
}
.about__sns--link {
    display: flex;
}
.about__sns--link {
    flex-direction: row;
}
.about__sns--link {
    justify-content: center;
}
.about__sns--link {
    align-items: flex-start;
}
.about__sns--link .sns--link {
    display: flex;
}
.about__sns--link .sns--link {
    flex-direction: column;
}
.about__sns--link .sns--link {
    align-items: center;
}
.about__sns--link .sns--link .icon {
    width: 83.49px;
    height: 83.49px;
    background-color: #ffffff;
    border-radius: 83.49px;
    box-shadow: 0 0.99px 6.6px rgba(0, 0, 0, 0.05);
}
.about__sns--link .sns--link .icon {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
.about__sns--link .sns--link .icon {
    color: rgba(255, 255, 255, 0);
    font-size: 0;
}
.about__sns--link .sns--link .icon.blog {
    background-image: url('../image/icon/sns-color-blog.png');
}
.about__sns--link .sns--link .icon.youtube {
    background-image: url('../image/icon/sns-color-youtube.png');
}
.about__sns--link .sns--link .icon.insta {
    background-image: url('../image/icon/sns-color-insta.png');
}
.about__sns--link .sns--link .text {
    gap: 6.27px;
    margin-top: 13.86px;
    color: #303030;
    font-size: 0.825rem;
    font-weight: 500;
    line-height: 18.15px;
}
.about__sns--link .sns--link .text {
    display: flex;
}
.about__sns--link .sns--link .text {
    flex-direction: row;
}
.about__sns--link .sns--link .text {
    justify-content: center;
}
.about__sns--link .sns--link .text {
    align-items: center;
}
.about__sns--link .sns--link .text::after {
    width: 18.15px;
    height: 18.15px;
}
.about__sns--link .sns--link .text::after {
    display: block;
    content: '';
}
.about__sns--link .sns--link .text::after {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
.about__sns--link .sns--link .text::after {
    color: rgba(255, 255, 255, 0);
    font-size: 0;
}
.about__story--visual {
    height: 111vw;
    min-height: 395.67px;
    max-height: 395.67px;
    background-image: url('../image/bg/about-story1.jpg');
}
.about__story--visual {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
.about__story--description {
    padding: 42.24px 21.45px 58.41px;
    background-color: #fef5f9;
}
.about__story--description .story__desc--title {
    padding-bottom: 12.21px;
    color: #303030;
    font-size: 1.546875rem;
    font-weight: 600;
    line-height: 36.63px;
}
.about__story--description .story__desc--text {
    margin-top: 14.52px;
    color: #433d3e;
    font-weight: 450;
}
.about__story--description .story__desc--text,
.about__story--description .story__desc--text strong {
    font-size: 0.9075rem;
    line-height: 24.42px;
}
.about__story--description .story__desc--text strong {
    color: #e74390;
    font-weight: 600;
}
@media (min-width: 481px) {
    .about__story--description .story__desc--text br {
        display: none;
    }
}
.about__story--description .story__desc--logo {
    width: 245.19px;
    height: 47.52px;
    margin-top: 30.36px;
    background-image: url('../image/img/about-story-logo.png');
}
.about__story--description .story__desc--logo {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
.about__story--description .story__desc--logo {
    color: rgba(255, 255, 255, 0);
    font-size: 0;
}
.about__story--description .story__desc--logo {
    background-size: contain;
}
.about__story--introduce {
    padding-bottom: 20.79px;
    background-color: #fef5f9;
}
.about__story--introduce .story__introduce--wrapper {
    position: relative;
    overflow: hidden;
}
.about__story--introduce .story__introduce--inner {
    position: relative;
    z-index: 5;
}
.about__story--introduce .story__introduce--inner {
    display: flex;
}
.about__story--introduce .story__introduce--inner {
    flex-direction: row;
}
.about__story--introduce .story__introduce--swiper {
    overflow: hidden;
    user-select: none;
}
.about__story--introduce .story__introduce--swiper {
    flex-shrink: 0;
    flex-grow: 0;
}
.about__story--introduce .story__introduce--wrapper {
    padding: 0 21.45px;
}
.about__story--introduce .story__introduce--swiper {
    overflow: visible;
    position: relative;
    width: 251.79px;
    margin-top: 29.04px;
    border-radius: 8.25px;
    box-shadow: 0 0 13.2px #fadceb;
    user-select: none;
}
.about__story--introduce .story__introduce--swiper .icon {
    position: absolute;
    width: 52.14px;
    height: 52.14px;
    top: -29.04px;
    background-color: #ffffff;
    border-width: 0.66px;
    border-style: solid;
    border-radius: 52.14px;
    box-shadow: 0 0 8.91px rgba(211, 184, 195, 0.5);
}
.about__story--introduce .story__introduce--swiper .icon {
    left: 50%;
    transform: translateX(-50%);
}
.about__story--introduce .story__introduce--swiper .icon {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
.about__story--introduce .story__introduce--swiper .icon {
    color: rgba(255, 255, 255, 0);
    font-size: 0;
}
.about__story--introduce .story__introduce--swiper .titlebox {
    height: 87.12px;
    padding-top: 17.82px;
    border-radius: 8.25px 8.25px 0 0;
    color: #ffffff;
    text-align: center;
}
.about__story--introduce .story__introduce--swiper .titlebox {
    display: flex;
}
.about__story--introduce .story__introduce--swiper .titlebox {
    flex-direction: column;
}
.about__story--introduce .story__introduce--swiper .titlebox {
    justify-content: center;
}
.about__story--introduce .story__introduce--swiper .titlebox .title {
    font-size: 1.2375rem;
    font-weight: 600;
    line-height: 25.74px;
}
.about__story--introduce .story__introduce--swiper .titlebox .desc {
    font-size: 0.928125rem;
    font-weight: 450;
    line-height: 17.16px;
}
.about__story--introduce .story__introduce--swiper .text {
    height: 110.88px;
    background-color: #ffffff;
    border-radius: 0 0 8.25px 8.25px;
    color: #453d3e;
    text-align: center;
}
.about__story--introduce .story__introduce--swiper .text {
    display: flex;
}
.about__story--introduce .story__introduce--swiper .text {
    flex-direction: column;
}
.about__story--introduce .story__introduce--swiper .text {
    justify-content: center;
}
.about__story--introduce .story__introduce--swiper .text p,
.about__story--introduce .story__introduce--swiper .text strong {
    font-size: 0.9075rem;
    font-weight: 450;
    line-height: 22.77px;
    letter-spacing: -1px;
}
.about__story--introduce .story__introduce--swiper .text strong {
    font-weight: 600;
}
.about__story--introduce .story__introduce--swiper.item1 .icon {
    background-image: url('../image/icon/about-story-01.png');
    border-color: #f09fc4;
}
.about__story--introduce .story__introduce--swiper.item1 .titlebox {
    background: linear-gradient(180deg, #ee7eb0 0%, #eb6ea2 100%);
    box-shadow: inset 0 -0.99px 0 #e25188;
}
.about__story--introduce .story__introduce--swiper.item2 .icon {
    background-image: url('../image/icon/about-story-02.png');
    border-color: #c273b1;
}
.about__story--introduce .story__introduce--swiper.item2 .titlebox {
    background: linear-gradient(180deg, #b966a5 0%, #b966a5 100%);
    box-shadow: inset 0 -0.99px 0 #b24b8a;
}
.about__story--introduce .story__introduce--swiper.item3 .icon {
    background-image: url('../image/icon/about-story-03.png');
    border-color: #f09fc4;
}
.about__story--introduce .story__introduce--swiper.item3 .titlebox {
    background: linear-gradient(180deg, #ee7eb0 0%, #eb6ea2 100%);
    box-shadow: inset 0 -0.99px 0 #e25188;
}
.about__story--introduce .story__introduce--swiper.item4 .icon {
    background-image: url('../image/icon/about-story-04.png');
    border-color: #c273b1;
}
.about__story--introduce .story__introduce--swiper.item4 .titlebox {
    background: linear-gradient(180deg, #b966a5 0%, #b966a5 100%);
    box-shadow: inset 0 -0.99px 0 #b24b8a;
}
.about__story--introduce .story__introduce--swiper.item5 .icon {
    background-image: url('../image/icon/about-story-05.png');
    border-color: #f09fc4;
}
.about__story--introduce .story__introduce--swiper.item5 .titlebox {
    background: linear-gradient(180deg, #ee7eb0 0%, #eb6ea2 100%);
    box-shadow: inset 0 -0.99px 0 #e25188;
}
.about__story--introduce .story__introduce--page .swiper-pagination-bullet {
    background-color: #9f6d86;
}
.about__story--introduce
    .story__introduce--page
    .swiper-pagination-bullet-active {
    background-color: #e94190;
}
.about__story--bi {
    padding-top: 39.27px;
    padding-right: 13.2px;
    padding-bottom: 74.91px;
    padding-left: 21.45px;
    background-color: #f6f6f6;
}
.about__story--bi .story__bi--title {
    color: #433d3e;
    font-size: 1.546875rem;
    font-weight: 600;
    text-align: center;
    line-height: 35.97px;
}
.about__story--bi .story__bi--box {
    position: relative;
    width: 100%;
    height: 176.88px;
    padding: 7.26px 10.89px;
    margin-top: 14.52px;
    background-color: #ffffff;
    border-radius: 3.3px;
}
.about__story--bi .story__bi--box {
    display: flex;
}
.about__story--bi .story__bi--box {
    flex-direction: row;
}
.about__story--bi .story__bi--box {
    justify-content: center;
}
.about__story--bi .story__bi--box {
    align-items: center;
}
.about__story--bi .story__bi--box .box__title {
    position: absolute;
    top: 7.26px;
    left: 10.89px;
    color: #d6d6d6;
    font-size: 0.70125rem;
    font-weight: 500;
    line-height: 14.85px;
}
.about__story--bi .story__bi--box .box__img {
    width: 223.41px;
    height: 70.29px;
}
.about__story--bi .story__bi--box .box__img img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.about__story--bi .story__bi--textbox .textbox__title {
    gap: 6.6px;
    margin-top: 24.42px;
    color: #737373;
    font-size: 1.2375rem;
    font-weight: 600;
    line-height: 24.42px;
}
.about__story--bi .story__bi--textbox .textbox__title {
    display: flex;
}
.about__story--bi .story__bi--textbox .textbox__title {
    flex-direction: row;
}
.about__story--bi .story__bi--textbox .textbox__title {
    align-items: center;
}
.about__story--bi .story__bi--textbox .textbox__title::before {
    width: 5.94px;
    height: 5.94px;
    background-color: #dd2f94;
    border-radius: 5.94px;
}
.about__story--bi .story__bi--textbox .textbox__title::before {
    display: block;
    content: '';
}
.about__story--bi .story__bi--textbox .textbox__text {
    margin-top: 12.54px;
    color: #453d3e;
}
.about__story--bi .story__bi--textbox .textbox__text,
.about__story--bi .story__bi--textbox .textbox__text strong {
    font-size: 0.886875rem;
    font-weight: 450;
    line-height: 24.42px;
}
.about__story--bi .story__bi--textbox .textbox__text strong {
    color: #e74390;
    font-weight: 500;
}
@media (min-width: 481px) {
    .about__story--bi .story__bi--textbox .textbox__text br {
        display: none;
    }
}
.about__story--bi .story__bi--textbox .textbox__colors {
    gap: 13.2px;
    margin-top: 13.53px;
}
.about__story--bi .story__bi--textbox .textbox__colors {
    display: flex;
}
.about__story--bi .story__bi--textbox .textbox__colors {
    flex-direction: row;
}
.about__story--bi .story__bi--textbox .textbox__colors {
    align-items: center;
}
.about__story--bi .story__bi--textbox .textbox__colors .color {
    gap: 4.29px;
}
.about__story--bi .story__bi--textbox .textbox__colors .color {
    display: flex;
}
.about__story--bi .story__bi--textbox .textbox__colors .color {
    flex-direction: row;
}
.about__story--bi .story__bi--textbox .textbox__colors .color {
    align-items: center;
}
.about__story--bi .story__bi--textbox .textbox__colors .color .circle {
    width: 16.83px;
    height: 16.83px;
    border-radius: 16.83px;
}
.about__story--bi .story__bi--textbox .textbox__colors .color .text {
    color: #716c6e;
    font-size: 0.53625rem;
    font-weight: 500;
    letter-spacing: -0.5px;
}
.about__story--bi .story__bi--textbox .textbox__colors .color.main .circle {
    background-color: #c80877;
}
.about__story--bi .story__bi--textbox .textbox__colors .color.sub1 .circle {
    background-color: #951b81;
}
.about__story--bi .story__bi--textbox .textbox__colors .color.sub2 .circle {
    background-color: #e94190;
}

.popup--area {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    padding: 33px 0;
    background-color: rgba(0, 0, 0, 0.4);
    z-index: 999;
}
.popup--area {
    display: flex;
}
.popup--area {
    flex-direction: row;
}
.popup--area {
    justify-content: center;
}
.popup--area {
    align-items: center;
}
.popup--box {
    position: relative;
    overflow: hidden;
    overflow-y: auto;
    background-color: #ffffff;
    width: 84%;
    max-width: 560px;
    max-height: 100%;
    aspect-ratio: 3/4;
}
.popup--box {
    display: flex;
}
.popup--box {
    flex-direction: column;
}
.popup__close {
    position: absolute;
    width: 28.38px;
    height: 28.38px;
    top: 9.24px;
    right: 8.58px;
    background-image: url('../image/popup/close-black.svg');
    z-index: 30;
}
.popup__close {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
.popup__close {
    color: rgba(255, 255, 255, 0);
    font-size: 0;
}
.popup__contents {
    padding-top: 44.88px;
    padding-right: 18.48px;
    padding-left: 18.48px;
}
.popup__contents {
    display: flex;
}
.popup__contents {
    flex-direction: column;
}
.popup__contents {
    flex-shrink: 1;
    flex-grow: 1;
}
.popup__contents--image {
    margin-top: -44.88px;
    margin-right: -18.48px;
    margin-bottom: -102.3px;
    margin-left: -18.48px;
    height: calc(100% + 102.3px);
}
.popup__contents--image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.popup__contents--image.cover {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    margin: 0;
    z-index: 5;
}
.popup__contents--textbox {
    padding-bottom: 9.9px;
    border-top: 1.32px solid #c8c8c8;
}
.popup__contents--textbox {
    display: flex;
}
.popup__contents--textbox {
    flex-direction: column;
}
.popup__contents--textbox {
    justify-content: center;
}
.popup__contents--textbox {
    align-items: center;
}
.popup__contents--textbox {
    flex-shrink: 1;
    flex-grow: 1;
}
.popup__contents--textbox .title {
    margin-bottom: 5.28px;
    color: #191919;
    font-size: 25.08px;
    font-weight: 700;
    text-align: center;
    line-height: 44.22px;
}
.popup__contents--textbox .text {
    color: #191919;
    font-size: 15.84px;
    text-align: center;
    line-height: 23.1px;
}
.popup__contents--calls {
    padding: 19.14px 40.92px;
    margin: -9.9px -18.48px 0;
    background-color: #e6e6ee;
}
.popup__contents--calls {
    flex-shrink: 0;
    flex-grow: 0;
}
.popup__contents--calls .calls--box {
    padding: 16.5px 0 12.54px;
    background-color: #ffffff;
    border-radius: 11.88px;
}
.popup__contents--calls .calls--box {
    display: flex;
}
.popup__contents--calls .calls--box {
    flex-direction: column;
}
.popup__contents--calls .calls--box {
    align-items: center;
}
.popup__contents--calls .calls--box__title {
    color: #191919;
    font-size: 15.84px;
    font-weight: 500;
    line-height: 21.78px;
}
.popup__contents--calls .calls--box__title {
    display: flex;
}
.popup__contents--calls .calls--box__title {
    flex-direction: row;
}
.popup__contents--calls .calls--box__title {
    align-items: center;
}
.popup__contents--calls .calls--box__title::before {
    width: 21.78px;
    height: 21.78px;
    background-image: url('../image/popup/call-pink.png');
}
.popup__contents--calls .calls--box__title::before {
    display: block;
    content: '';
}
.popup__contents--calls .calls--box__title::before {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
.popup__contents--calls .calls--box__title::before {
    color: rgba(255, 255, 255, 0);
    font-size: 0;
}
.popup__contents--calls .calls--box__text {
    color: #c80877;
    font-size: 38.28px;
    font-weight: 700;
    line-height: 52.14px;
}
.popup__bottom {
    position: relative;
    padding: 13.86px 18.48px 0;
    margin-bottom: 5.94px;
    z-index: 10;
}
.popup__bottom {
    flex-shrink: 0;
    flex-grow: 0;
}
.popup__bottom--button {
    gap: 12.54px;
    width: 100%;
    height: 40.92px;
}
.popup__bottom--button {
    display: flex;
}
.popup__bottom--button {
    flex-direction: row;
}
.popup__bottom--button {
    align-items: stretch;
}
.popup__bottom--button .button__gray {
    background-color: #575757;
    width: 100%;
    height: 100%;
    border-radius: 4.62px;
    color: #ffffff;
    font-size: 0.9075rem;
    font-weight: 600;
    text-align: center;
}
.popup__bottom--button .button__gray {
    display: flex;
}
.popup__bottom--button .button__gray {
    flex-direction: row;
}
.popup__bottom--button .button__gray {
    justify-content: center;
}
.popup__bottom--button .button__gray {
    align-items: center;
}
.popup__bottom--button .button__gray {
    flex-shrink: 1;
    flex-grow: 1;
}
.popup__bottom--button .button__blue {
    background-color: #a6abbb;
    width: 100%;
    height: 100%;
    border-radius: 4.62px;
    color: #ffffff;
    font-size: 0.9075rem;
    font-weight: 600;
    text-align: center;
}
.popup__bottom--button .button__blue {
    display: flex;
}
.popup__bottom--button .button__blue {
    flex-direction: row;
}
.popup__bottom--button .button__blue {
    justify-content: center;
}
.popup__bottom--button .button__blue {
    align-items: center;
}
.popup__bottom--button .button__blue {
    flex-shrink: 1;
    flex-grow: 1;
}
.popup__bottom--button .button__pink {
    background-color: #c80877;
    width: 100%;
    height: 100%;
    border-radius: 4.62px;
    color: #ffffff;
    font-size: 0.9075rem;
    font-weight: 600;
    text-align: center;
}
.popup__bottom--button .button__pink {
    display: flex;
}
.popup__bottom--button .button__pink {
    flex-direction: row;
}
.popup__bottom--button .button__pink {
    justify-content: center;
}
.popup__bottom--button .button__pink {
    align-items: center;
}
.popup__bottom--button .button__pink {
    flex-shrink: 1;
    flex-grow: 1;
}
.popup__bottom--button .button__main {
    background: linear-gradient(180deg, #c80876 0%, #c8056b 100%);
    box-shadow: inset 0 1.32px 2.64px rgba(255, 255, 255, 0.2),
        inset 0 1.32px 2.64px rgba(172, 26, 94, 0.6), 0 1.98px 0 #ce3a7f;
    width: 100%;
    height: 100%;
    border-radius: 4.62px;
    color: #ffffff;
    font-size: 0.9075rem;
    font-weight: 600;
    text-align: center;
}
.popup__bottom--button .button__main {
    display: flex;
}
.popup__bottom--button .button__main {
    flex-direction: row;
}
.popup__bottom--button .button__main {
    justify-content: center;
}
.popup__bottom--button .button__main {
    align-items: center;
}
.popup__bottom--button .button__main {
    flex-shrink: 1;
    flex-grow: 1;
}
.popup__bottom--today {
    padding: 12.54px 0;
}
.popup__bottom--today {
    display: flex;
}
.popup__bottom--today {
    flex-direction: row;
}
.popup__bottom--today {
    justify-content: space-between;
}
.popup__bottom--today {
    align-items: center;
}
.popup__bottom--today label {
    position: relative;
}
.popup__bottom--today label input {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 10;
    opacity: 0;
}
.popup__bottom--today label input:checked + p::before {
    background-image: url('../image/popup/check-on.png');
}
.popup__bottom--today label p {
    gap: 6.6px;
    position: relative;
    color: #292929;
    font-size: 9.9px;
    font-weight: 700;
    z-index: 5;
}
.popup__bottom--today label p {
    display: flex;
}
.popup__bottom--today label p {
    flex-direction: row;
}
.popup__bottom--today label p {
    align-items: center;
}
.popup__bottom--today label p::before {
    width: 12.54px;
    height: 12.54px;
    background-image: url('../image/popup/check-off.png');
}
.popup__bottom--today label p::before {
    display: block;
    content: '';
}
.popup__bottom--today label p::before {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
.popup__bottom--today label p::before {
    color: rgba(255, 255, 255, 0);
    font-size: 0;
}
.popup__bottom--today button {
    border-bottom: 1px solid #292929;
    color: #292929;
    font-size: 9.9px;
    font-weight: 700;
    line-height: 15.84px;
}