#pg-step {
    padding-block: min(118px, 6.15vw) min(242px, 12.6vw);
}

/* step */
#pg-step .sc-step {
    padding-bottom: min(167px, 8.7vw);
}

#pg-step .sc-step .step-inner {
    background-color: rgba(108, 99, 255, 0.16);
    border-radius: min(40px, 2.08vw);
    padding: min(61px, 3.18vw) min(66px, 3.44vw) min(73px, 3.8vw);
    display: grid;
    grid-template-columns: 1fr;
    row-gap: min(131px, 6.82vw);
}

#pg-step .sc-step .box {
    background-color: var(--white-color);
    border-radius: min(40px, 2.08vw);
    padding: min(20px, 1.04vw) min(55px, 2.86vw) min(33px, 1.72vw);
    position: relative;
    color: var(--primary-color);
}

#pg-step .sc-step .box+.box::before {
    content: '';
    width: min(103px, 5.36vw);
    height: min(66px, 3.44vw);
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22102.87%22%20height%3D%2266.28%22%20viewBox%3D%220%200%20102.87%2066.28%22%3E%3Cg%20clip-path%3D%22url(%23clip-path)%22%3E%3Cpath%20d%3D%22m1.836%2012.438%2043.883%2051.211a7.535%207.535%200%200%200%2011.44%200l43.883-51.211A7.535%207.535%200%200%200%2095.322%200H7.543a7.528%207.528%200%200%200-5.707%2012.438%22%20fill%3D%22%23f08081%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: max(-96px, -5vw);
}

#pg-step .sc-step .box .box-img {
    max-width: min(216px, 11.25vw);
    position: absolute;
    top: min(35px, 1.82vw);
    right: min(61px, 3.18vw);
}

#pg-step .sc-step .box-head .title {
    font-weight: 700;
    color: var(--secondary-color);
    margin-bottom: min(7px, 0.36vw);
}

#pg-step .sc-step .box-head .title .en {
    font-family: var(--font-lexend);
    font-size: min(68px, 3.54vw);
    letter-spacing: min(4px, 0.21vw);
    margin-right: min(29px, 1.51vw);
}

#pg-step .sc-step .box-head .title .ja {
    font-size: min(60px, 3.13vw);
    letter-spacing: min(3.5px, 0.18vw);
}

#pg-step .sc-step .box-head .text {
    font-size: min(36px, 1.88vw);
    line-height: min(56px, 2.92vw);
    color: var(--primary-color);
    letter-spacing: min(2.2px, 0.11vw);
}

#pg-step .sc-step .box .line {
    border-top: 1px solid var(--primary-color);
    margin-block: min(25px, 1.3vw) min(17px, 0.89vw);
}

#pg-step .sc-step .box-content .group+.group {
    margin-top: min(11px, 0.57vw);
}

#pg-step .sc-step .box-content .dt {
    display: flex;
    font-size: min(27px, 1.41vw);
    line-height: min(48px, 2.5vw);
    letter-spacing: min(1.6px, 0.08vw);
}

#pg-step .sc-step .box-content .dd {
    font-size: min(18px, 0.94vw);
    line-height: min(33px, 1.72vw);
    padding-left: min(17px, 0.89vw);
    letter-spacing: 1.1px;
    margin-top: max(-4px, -0.21vw);
}

#pg-step .sc-step .box-content .dd p {
    display: flex;
}

#pg-step .sc-step .box-content .note {
    font-size: min(15px, 0.78vw);
    padding-left: min(3px, 0.16vw);
    margin-top: max(-7px, -0.36vw);
    letter-spacing: 0.9px;
}

/* support */
#pg-step .sc-support {
    padding-block: min(66px, 3.44vw) min(49px, 2.55vw);
}

#pg-step .sc-support .support-head {
    text-align: center;
    margin-bottom: min(64px, 3.33vw);
}

#pg-step .sc-support .support-head .title {
    font-family: var(--font-lexend);
    color: var(--primary-color);
    font-size: min(94px, 4.9vw);
    font-weight: 700;
    letter-spacing: min(5.5px, 0.29vw);
}

#pg-step .sc-support .support-head .icon-title {
    max-width: min(120px, 6.25vw);
    margin-inline: auto;
    margin-bottom: min(34px, 1.77vw);
}

#pg-step .sc-support .support-head .sub-title {
    color: var(--primary-color);
    font-size: min(60px, 3.13vw);
    font-weight: 700;
    line-height: 1.34;
    letter-spacing: min(7px, 0.36vw);
    margin-bottom: min(19px, 0.99vw);
}

#pg-step .sc-support .support-head .text {
    font-size: min(18px, 0.94vw);
    font-weight: 700;
    line-height: 1.85;
    letter-spacing: min(1.1px, 0.06vw);
}

#pg-step .sc-support .support-content {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: min(38px, 1.98vw);
}

#pg-step .sc-support .support-content .item {
    display: flex;
    flex-direction: column;
}

#pg-step .sc-support .support-content .item-head {
    background-color: var(--primary-color);
    color: var(--white-color);
    border-radius: min(28px, 1.46vw) min(28px, 1.46vw) 0 0;
    display: flex;
    border: 1px solid #707070;
    align-items: center;
    column-gap: min(25px, 1.3vw);
}

#pg-step .sc-support .support-content .item img {
    flex-shrink: 0;
    margin-bottom: -1px;
}

#pg-step .sc-support .support-content .item1 img {
    margin-top: max(-22.48px, -1.17vw);
    max-width: min(162px, 8.44vw);
}

#pg-step .sc-support .support-content .item2 img {
    margin-top: max(-12px, -0.63vw);
    max-width: min(163px, 8.49vw);
    margin-left: min(10px, 0.52vw);
}

#pg-step .sc-support .support-content .item3 img {
    margin-top: max(-12px, -0.63vw);
    max-width: min(156px, 8.13vw);
    margin-left: min(12px, 0.63vw);
}

#pg-step .sc-support .support-content .item-head .title {
    font-size: min(36px, 1.88vw);
    line-height: min(48px, 2.5vw);
    letter-spacing: min(2px, 0.1vw);
}

#pg-step .sc-support .support-content .item-head .title small {
    font-size: min(22px, 1.15vw);
    line-height: min(28px, 1.46vw);
    display: block;
    letter-spacing: min(1.4px, 0.07vw);
}

#pg-step .sc-support .support-content .item-content {
    background-color: var(--white-color);
    border-radius: 0 0 min(28px, 1.46vw) min(28px, 1.46vw);
    padding: min(32px, 1.67vw);
    flex: 1;
}

#pg-step .sc-support .support-content .text {
    font-size: min(20px, 1.04vw);
    line-height: 2;
    letter-spacing: min(1.2px, 0.06vw);
}

#pg-step .sc-support .support-content .item3 .text {
    line-height: 1.78;
}

#pg-step .sc-support .support-content .text small {
    font-size: min(16px, 0.83vw);
    letter-spacing: min(1px, 0.05vw);
}

#pg-step .sc-support .problem {
    padding-top: min(37px, 1.93vw);
}

#pg-step .sc-support .problem .problem-title {
    font-size: min(22px, 1.15vw);
    line-height: 1.8;
    font-weight: 700;
    letter-spacing: min(1.2px, 0.06vw);
    margin-bottom: min(15px, 0.78vw);
    display: flex;
    align-items: center;
    gap: min(10px, 0.52vw);
}

#pg-step .sc-support .problem .problem-title::before {
    content: '';
    background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2238%22%20height%3D%2238%22%20viewBox%3D%220%200%2038%2038%22%3E%3Cg%20transform%3D%22translate(0%20-.152)%22%20clip-path%3D%22url(%23a)%22%20fill%3D%22%236c63ff%22%3E%3Cpath%20d%3D%22M18.945.261a18.945%2018.945%200%201%200%2018.946%2018.945A18.935%2018.935%200%200%200%2018.945.261m0%2035.247a16.3%2016.3%200%201%201%2016.3-16.3%2016.32%2016.32%200%200%201-16.3%2016.3%22%2F%3E%3Cpath%20d%3D%22M18.385%2024.233a1.92%201.92%200%200%200%200%203.84%201.92%201.92%200%200%200%200-3.84m.324-14.539c-3.367%200-4.913%202-4.913%203.342a1.43%201.43%200%200%200%201.5%201.421c1.347%200%20.8-1.92%203.342-1.92%201.247%200%202.244.549%202.244%201.7%200%201.347-1.4%202.12-2.219%202.818a4.57%204.57%200%200%200-1.671%203.791c0%201.3.349%201.671%201.372%201.671%201.222%200%201.471-.549%201.471-1.023a3.13%203.13%200%200%201%201.4-3.117c.673-.524%202.793-2.219%202.793-4.564s-2.12-4.115-5.312-4.115%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
    width: min(38.5px, 2.01vw);
    height: min(38.5px, 2.01vw);
    background-repeat: no-repeat;
    background-size: contain;
    position: relative;
    top: max(-2px, -0.1vw);
    flex-shrink: 0;
}

#pg-step .sc-support .problem .problem-text {
    font-size: min(18px, 0.94vw);
    line-height: 1.55;
    letter-spacing: min(1.1px, 0.06vw);
}

#pg-step .sc-support .problem .problem-text p {
    display: flex;
}

#pg-step .sc-support .problem .problem-text p+p {
    margin-top: min(8px, 0.42vw);
}

/* flow */
#pg-step .sc-flow .flow-inner {
    background-color: var(--white-color);
    border-radius: min(26px, 1.35vw);
    padding: min(30px, 1.56vw) min(60px, 3.13vw) min(70px, 3.65vw);
}

#pg-step .sc-flow .flow-title {
    display: flex;
    flex-direction: column;
}

#pg-step .sc-flow .flow-title .en {
    font-family: var(--font-lexend);
    color: var(--primary-color);
    font-size: min(69px, 3.59vw);
    font-weight: 700;
    letter-spacing: min(4.2px, 0.22vw);
    margin-bottom: max(-11px, -0.57vw);
}

#pg-step .sc-flow .flow-title .ja {
    color: var(--primary-color);
    font-size: min(25px, 1.3vw);
    font-weight: 700;
    letter-spacing: min(1.5px, 0.08vw);
}

#pg-step .sc-flow .img {
    max-width: min(1260px, 65.63vw);
    margin-inline: auto;
    margin-top: max(-128px, -6.67vw);
}

/* pdf */
#pg-step .sc-pdf .pdf-inner{
    max-width: 1386px;
    margin-inline: auto;
    display: grid;
    row-gap: min(130px, 6.77vw);
}

#pg-step .sc-pdf img{
	width: 100%;
}