@charset "UTF-8";
body {
    padding-top: 0;
    background: #F6F8F7;
}
.freeBtn a .is-arw:before {
    background: url('../svg/icn_arrow_b.svg') no-repeat center/auto 15px
}
.freeBtn.lp-header_btn a .is-arw:before ,
.freeBtn.lp-header_btn a .is-arw:after {
    background: url('../svg/icn_arrow_b.svg') no-repeat center/auto 10px
}
.lp-footer {
    background: #F6F8F7;
    padding: 0 0 69px;
    text-align: center
}
.lp-footerLogo .txt {
    font-size: 10px;
    line-height: 1;
    font-weight: 700;
    font-variation-settings: "wght" 700;
    letter-spacing: 0.04em;
    color: #3c3a38;
    margin-bottom: 8px;
}
.lp-footerLogo .img {
    width: 125px;
    margin: 0 auto;
}
.lp-footerLogo .img img {
    width: 100%;
    height: auto;
}
.lpForm_wrap {
    background: #F6F8F7;
    padding: 80px 0 0;
}
.lpComp_wrap {
    padding: 32px 0;
    background: #fff;
}
.lpComp_ttl {
    text-align: center;
    margin-bottom: 8px;
    font-weight: 700;
    font-variation-settings: "wght" 700;
    font-size: 14px;
    line-height: 1;
    letter-spacing: 0.08em;
    color: #1c4a40
}
.lpComp_ttl span {
    display: inline-block;
    padding: 8px 15px;
    background: rgba(28, 74, 64, .04);
    border: 1px solid rgba(28, 74, 64, .12);
    border-radius: 40px;
    box-sizing: border-box
}
.lpComp_img:nth-child(odd) {
    margin-left: -100px
}
.lpPoin_lst {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
    max-width: 824px;
    margin: 32px auto 0;
    box-sizing: border-box;
    gap: 16px 16px
}
.lpPoin_box {
    width: 400px;
    background: rgba(28, 74, 64, 0.04);
    border-radius: 16px;
    text-align: center;
    box-sizing: border-box;
    padding: 24px 0;
    border: 1px solid rgba(28, 74, 64, 0.12);
}
.lpPoin_box.is-ver2 {
    padding: 41px 0 21px;
}
.lpPoin_box .img {
    margin-bottom: 5px
}
.lpPoin_box .ttl {
    font-weight: 700;
    font-variation-settings: "wght" 700;
    font-size: 24px;
    line-height: 130%;
    letter-spacing: 0.04em;
    color: #3c3a38;
    position: relative;
    padding: 17px 0 16px;
    box-sizing: border-box;
}
.lpPoin_box.is-ver2 .ttl {
    line-height: 110%;
    padding: 16px 0 15px;
}
.lpPoin_box.ver2 .ttl {
    line-height: 150%;
}
.lpPoin_box.is-ver2 .img {
    margin-bottom: 13px;
    padding-right: 33px;
    box-sizing: border-box;
}
.lpPoin_box .ttl .is-color {
    color: #e07e00;
    font-size: 28px
}
.lpPoin_box.is-ver1 .ttl .is-color {
    line-height: 130%;
}
.lpPoin_box.is-ver2 .ttl .is-color {
    line-height: 110%;
    font-size: 24px;
}
.lpPoin_box.ver2 .ttl .is-color {
    font-size: 26px;
    line-height: 150%;
}
.lpPoin_box .ttl .size2 {
    font-size: 40px
}
.lpPoin_box.is-ver2 .ttl .size2 {
    line-height: 110%;
}
.lpPoin_box.ver2 .ttl .size2 {
    line-height: 130%;
    font-size: 40px;
}
.lpPoin_box .ttl .is-add {
    vertical-align: text-top;
    position: relative;
}
.lpPoin_box .ttl .is-add::before {
    content: "※1";
    font-weight: 700;
    font-variation-settings: "wght" 700;
    font-size: 10px;
    line-height: 140%;
    letter-spacing: 0.04em;
    color: rgba(0, 0, 0, 0.4);
    padding-left: 0.4em;
    position: absolute;
    top: 2px;
    left: 0;
    z-index: 9;
}
.lpPoin_box.is-ver2 .ttl .is-add::before {
    content: "※2";
    top: 4px;
}
.lpPoin_box.ver2 .ttl .is-add::before {
    content: "※3";
    top: -5px;
}
.lpPoin_box:last-child {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 43px 0 29px
}
.lpPoin_box:last-child .img {
    margin: 0 48px 0 0
}
.lpPoin_box:last-child .ttl {
    padding: 0;
    text-align: left;
    max-width: 248px;
    width: 100%;
}
.lpPoin_box:last-child .ttl .is-add {
    padding: 0;
    margin-left: -0.8em
}
.lpPoin_add {
    font-weight: 400;
    font-variation-settings: "wght" 400;
    font-size: 10px;
    line-height: 160%;
    letter-spacing: 0.04em;
    color: #999;
    display: flex;
    justify-content: center;
    margin-top: 8px
}
.lpCase_job {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    position: relative;
    gap: 0 6%
}
.lpCase_job:before {
    content: '';
    display: block;
    width: 32px;
    height: 22px;
    position: absolute;
    left: 50%;
    bottom: 0;
    margin-left: -29px;
    background: url('../svg/icn_up.svg') no-repeat center/100% auto;
    z-index: 1;
}
.lpCase_job .box {
    text-align: left
}
.lpCase_job .job {
    font-weight: 500;
    font-variation-settings: "wght" 500;
    font-size: 14px;
    line-height: 140%;
    letter-spacing: 0.04em;
    color: #1c4a40;
    margin-bottom: 14px;
}
.lpCase_job .pay {
    height: 42px;
    display: flex;
    align-items: flex-end;
}
/* new */
.trouble_wrap {
    padding: 80px 0;
    box-sizing: border-box;
    background: #F6F8F7;
}
.head_ttl {
    position: relative;
    width: 100%;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 103px;
    margin-bottom: 80px;
    z-index: 2;
}
.con_back {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    overflow: hidden;
}
.back-txt {
    animation: infinity-scroll-left 90s infinite linear both;
    display: flex;
    width: max-content;
    gap: 0 80px;
}
.head-ttl {
    max-width: 1140px;
    width: calc(100% - 80px);
}
.head-ttl > span {
    position: relative;
    padding-left: 24px;
    box-sizing: border-box;
    font-weight: 700;
    font-variation-settings: "wght" 700;
    font-size: 18px;
    line-height: 160%;
    letter-spacing: 0.04em;
    color: #1C4A40;
}
.head-ttl > span::before {
    content: "";
    width: 12px;
    height: 12px;
    background: #E2B700;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -6px;
}
.ttl1 {
    font-weight: 700;
    font-variation-settings: "wght" 700;
    font-size: 40px;
    line-height: 160%;
    text-align: center;
    letter-spacing: 0.04em;
    color: #3C3A38;
    margin-bottom: 80px;
}
.b-y {
    display: inline;
    background-position: left bottom;
    padding-bottom: 9px;
    background-size: 200% 5px;
    background-repeat: repeat-x;
    background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 50%, rgb(226, 183, 0) 50%);
}
.b-y2 {
    display: inline;
    background-position: left -100% bottom;
    padding-bottom: 9px;
    background-size: 200% 5px;
    background-repeat: repeat-x;
    background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 50%, rgb(226, 183, 0) 50%);
}
.ttl1 .icn-ano {
    font-size: 0.5em;
    vertical-align: top;
    line-height: 1;
    padding-top: 5px;
    display: inline-block;
    letter-spacing: 0;
    color: #999;
}
.ttl1.intr-ttl {
    margin-bottom: 20px;
}
.ttlun-ano {
    font-size: 14px;
    text-align: center;
    color: #999;
    margin-bottom: 80px;
}
.b-y.is-animated {
    animation: barGrow .5s ease-out forwards;
}
.trouble-ttl {
    margin-bottom: 80px;
}
.trouble_lst {
    display: flex;
    justify-content: center;
    gap: 40px;
    margin-bottom: 80px;
    flex-wrap: wrap;
}
.trouble_lst > li {
    width: 360px;
    position: relative;
    padding: 32px 22px;
    box-sizing: border-box;
    margin-bottom: 22px;
    z-index: 2;
}
.trouble_lst > li::before {
    content: "";
    width: 376px;
    height: 209px;
    background: url(../svg/speech-bubble.svg) no-repeat center / 100% auto;
    position: absolute;
    left: 50%;
    top: -5px;
    margin-left: -188px;
    z-index: -1;
}
.trouble_lst > li::after {
    content: "";
    width: 24px;
    height: 32px;
    background: url(../svg/icn_worries.svg) no-repeat center / 100% auto;
    position: absolute;
    top: 41px;
    right: 32px;
    z-index: 9;
}
.trouble_box .box_cat {
    text-align: center;
    margin-bottom: 12px;
}
.trouble_box .box_cat .cat {
    display: inline-block;
    box-sizing: border-box;
    padding: 4px 16px;
    background: rgba(28, 74, 64, 0.04);
    border: 1px solid rgba(28, 74, 64, 0.12);
    border-radius: 40px;
    font-weight: 700;
    font-variation-settings: "wght" 700;
    font-size: 12px;
    line-height: 180%;
    letter-spacing: 0.12em;
    color: #1C4A40;
}
.trouble_txt {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0 8px;
}
.trouble_txt .txt {
    font-weight: 700;
    font-variation-settings: "wght" 700;
    font-size: 18px;
    line-height: 180%;
    letter-spacing: 0.06em;
    color: #3C3A38;
}
.sol_wrap {
    position: relative;
    width: 100%;
    overflow: hidden;
    z-index: 2;
}
.sol_in {
    max-width: 1160px;
    margin: 0 auto;
    background: #1C4A40;
    position: relative;
    border-radius: 40px;
    box-sizing: border-box;
}
.sol_in::before,
.sol_in::after {
    content: "";
    position: absolute;
    bottom: 0;
    z-index: 9;
}
.sol_in::before {
    width: 215px;
    height: 472px;
    background: url(../img/left.png?2) no-repeat center bottom / 100% auto;
    left: 75px;
}
.sol_in::after {
    width: 253px;
    height: 472px;
    background: url(../img/right.png?2) no-repeat center bottom / 100% auto;
    right: 46px;
}
.sol_ct {
    position: relative;
    padding: 80px 0;
    max-width: 515px;
    margin: 0 auto;
}
.sol_ct::before {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-color: #f6f8f7 transparent transparent transparent;
    border-width: 31px 25px 0px 25px;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -25px;
    z-index: 9;
}
.sol_wrap .con_back {
    top: 314px;
    margin-left: -1545px;
}
.sol-ttl {
    font-weight: 700;
    font-variation-settings: "wght" 700;
    font-size: 40px;
    line-height: 140%;
    text-align: center;
    letter-spacing: 0.08em;
    color: #E2B700;
    margin-bottom: 32px;
}
.sol-txt {
    margin-bottom: 32px;
}
.sol-txt > span {
    font-weight: 700;
    font-variation-settings: "wght" 700;
    font-size: 16px;
    line-height: 180%;
    text-align: center;
    letter-spacing: 0.08em;
    color: #FFFFFF;
    display: block;
}
.sol-txt > span:not(:last-child) {
    margin-bottom: 0.55em;
}
.sol_lst {
    margin: 0 auto;
    max-width: 386px;
}
.sol_lst > li {
    background: #F6F8F7;
    box-sizing: border-box;
    padding: 12px 16px;
    border-radius: 8px;
    font-weight: 700;
    font-variation-settings: "wght" 700;
    font-size: 16px;
    line-height: 180%;
    letter-spacing: 0.08em;
    color: #1C4A40;
}
.sol_lst > li:not(:last-child) {
    margin-bottom: 8px;
}
.sol_lst > li .icn_check {
    padding-left: 26px;
    box-sizing: border-box;
    position: relative;
    display: inline-block;
}
.sol_lst > li .icn_check::before {
    content: "";
    width: 18px;
    height: 19px;
    background: url(../svg/icn_check.svg) no-repeat center / 100% auto;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    z-index: 9;
}
.sol_lst > li .b-y2 {
    padding-bottom: 4px;
    background-size: 200% 3px;
}
.cta_wrap {
    background: #1C4A40;
    padding: 40px 0;
    box-sizing: border-box;
}
.cta-txt {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    font-weight: 700;
    font-variation-settings: "wght" 700;
    font-size: 20px;
    line-height: 140%;
    letter-spacing: .08em;
    color: #FFFFFF;
    margin-bottom: 32px;
}
.cta-txt .free-label {
    width: 109px;
    height: 39px;
    background: #E2B700;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    font-weight: 700;
    font-variation-settings: "wght" 700;
    font-size: 20px;
    line-height: 1;
    letter-spacing: .08em;
    color: #1B4B44;
    margin: 0 16px;
    padding-left: 2px;
    box-sizing: border-box;
}
.ctaBtn {
    width: 440px;
    height: 80px;
    margin: 0 auto;
    box-sizing: border-box;
    background: transparent;
    border-radius: 8px;
}
.cta_wrap .ctaBtn {
    display: flex;
    justify-content: center;
    align-items: center;
}
.ctaBtn a {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    position: relative;
    text-decoration: none;
    font-weight: 700;
    font-variation-settings: "wght" 700;
    font-size: 16px;
    line-height: 1;
    border-radius: 8px;
    box-sizing: border-box;
    color: #1c4a40;
    background: #E2B700;
    letter-spacing: 0.06em;
}
.ctaBtn a::before {
    content: "";
    width: 97px;
    height: 125px;
    background: url(../img/ctabtn_img01.png) no-repeat center bottom / 100% auto;
    position: absolute;
    left: 8px;
    bottom: 0;
    z-index: 9;
}
.ctaBtn .hover {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 8px;
    overflow: hidden;
}
.ctaBtn .hover:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    background: #F2CB22;
    transform-origin: right top;
    transform: scaleX(0);
    transition: transform .4s;
}
.ctaBtn a .is-free {
    width: 42px;
    height: 25px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    background: #fff;
    border-radius: 4px;
    font-weight: 700;
    font-variation-settings: "wght" 700;
    font-size: 14px;
    line-height: 1;
    color: #1c4a40;
    margin-right: 8px;
    transition: all .2s ease-out;
    letter-spacing: 0.1em;
    box-sizing: border-box;
    padding-left: 3px;
}
.ctaBtn a .is-read {
    width: 100%;
    display: block;
    font-weight: 700;
    font-variation-settings: "wght" 700;
    font-size: 12px;
    line-height: 14px;
    letter-spacing: 0.08em;
    color: #1c4a40;
    margin-bottom: 8px;
    padding-left: 57px;
}
.ctaBtn a .is-icn {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    position: relative;
    padding-left: 107px;
    transition: all .2s ease-out;
    z-index: 3;
}
.ctaBtn a .arrow {
    line-height: 1;
    width: 20px;
    height: 20px;
    position: relative;
    background: #1C4A40;
    border-radius: 50%;
    box-sizing: border-box;
    margin-left: 8px;
    overflow: hidden;
}
.ctaBtn a .arrow::before,
.ctaBtn a .arrow::after {
    content: '';
    display: block;
    width: 12px;
    height: 12px;
    margin: -6px 0 0 -6px;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 9;
}
.ctaBtn a .arrow::before {
    transition: all 0.2s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transform: translate(0, 0) !important;
    background: url(../svg/icn_arrow_b.svg) no-repeat center / auto 12px;
}
.ctaBtn a .arrow::after {
    background: url(../svg/icn_arrow_b.svg) no-repeat center / auto 12px;
    transition: all 0.2s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transform: translate(0, -200%) !important;
}
.intr_wrap {
    margin: 80px 0;
}
.intrsup_wrap,
.intrfit_wrap,
.intrsmo_wrap {
    max-width: 1160px;
    margin: 0 auto;
    padding: 80px;
    box-sizing: border-box;
    background: rgba(28, 74, 64, 0.04);
    border: 1px solid rgba(28, 74, 64, 0.12);
    border-radius: 8px;
    box-sizing: border-box;
}
.intrfit_wrap,
.intrsmo_wrap {
    margin-top: 40px;
}
.intr_in .read_box {
    display: flex;
    align-items: flex-start;
    gap: 40px;
}
.intr_in .read_box .introsup_img,
.intr_in .read_box .intrsmo_img {
    border-radius: 8px;
    box-sizing: border-box;
    overflow: hidden;
}
.intr_in .read_box .read_txt {
    width: calc(100% - 520px);
}
.intr_in .read_box .read_txt .cat {
    box-sizing: border-box;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 4px 16px;
    background: rgba(28, 74, 64, 0.04);
    border: 1px solid rgba(28, 74, 64, 0.12);
    border-radius: 4px;
    font-weight: 700;
    font-variation-settings: "wght" 700;
    font-size: 14px;
    line-height: 180%;
    letter-spacing: 0.08em;
    color: #1C4A40;
    margin: 8px 0 16px;
    font-family: "Noto Sans JP", sans-serif;
}
.intr_in .read_box .read_txt .ttl2 {
    font-weight: 700;
    font-variation-settings: "wght" 700;
    font-size: 32px;
    line-height: 160%;
    letter-spacing: 0.08em;
    color: #3C3A38;
    margin-bottom: 16px;
}
.intr_in .read_box .read_txt .ttl2 .b-y2 {
    padding-bottom: 7px;
    background-size: 200% 4px;
}
.intr_in .read_box .read_txt .txt > span {
    font-weight: 400;
    font-variation-settings: "wght" 400;
    font-size: 16px;
    line-height: 180%;
    letter-spacing: 0.08em;
    color: #3C3A38;
    display: block;
}
.intr_in .read_box .read_txt .txt > span:not(:last-child) {
    margin-bottom: 0.53125em;
}
.intrfit_wrap .read_box {
    flex-direction: row-reverse;
}
.intrfit_wrap .logo-scr {
    width: 480px;
    padding: 54px 0;
    background: #FFFFFF;
    border-radius: 8px;
    box-sizing: border-box;
}
.intr_wrap .head-ttl {
    max-width: 1082px;
}
.intrsup_scr {
    margin-top: 40px;
}
.intrsup_scr .cat {
    text-align: center;
}
.intrsup_scr .cat > span {
    box-sizing: border-box;
    display: inline-block;
    padding: 8px 16px;
    background: rgba(28, 74, 64, 0.04);
    border: 1px solid rgba(28, 74, 64, 0.12);
    border-radius: 4px;
    font-weight: 700;
    font-variation-settings: "wght" 700;
    font-size: 16px;
    line-height: 160%;
    letter-spacing: 0.08em;
    color: #1C4A40;
    margin-bottom: 24px;
    box-sizing: border-box;
}
.intrsup_scr .cat > span .b-y2 {
    padding-bottom: 4px;
    background-size: 200% 2px;
}
.intrsup-lst {
    padding-bottom: 8px !important;
}
.intrsup-lst > li {
    width: 336px;
    background: #FFFFFF;
    padding: 30px;
    border: 1px solid rgba(28, 74, 64, 0.12);
    box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.06);
    border-radius: 8px;
    box-sizing: border-box;
}
.intr_in .intrsup-lst .read_box {
    display: flex;
    justify-content: left;
    align-items: center;
    flex-direction: row;
    gap: 0 16px;
    margin-bottom: 12px;
}
.intrsuplis_cate .cate {
    display: flex;
    align-items: center;
    gap: 0 4px;
    font-size: 14px;
    line-height: 1;
    color: #3C3A38;
    font-weight: 700;
    font-variation-settings: "wght" 700;
}
.intrsuplis_cate .cate .label {
    background: rgba(28, 74, 64, 0.04);
    border: 1px solid rgba(28, 74, 64, 0.12);
    border-radius: 2px;
    font-size: 14px;
    line-height: 180%;
    text-align: center;
    letter-spacing: 0.08em;
    color: #1C4A40;
    padding: 0 8px;
    box-sizing: border-box;
}
.intrsuplis_cate .place,
.intrsuplis_cate .name {
    margin-top: 8px;
    font-weight: 700;
    font-variation-settings: "wght" 700;
    font-size: 14px;
    line-height: 17px;
    letter-spacing: 0.08em;
    color: #3C3A38;
}
.intrsup-lst .intrsuplis-txt {
    font-weight: 400;
    font-variation-settings: "wght" 400;
    font-size: 14px;
    line-height: 180%;
    letter-spacing: 0.08em;
    color: #3C3A38;
}
.splide__pagination {
    gap: 2px;
    justify-content: center;
}
.splide__pagination > li {
    width: 40px;
    height: 2px;
    background-color: #C2DED5;
}
.splide__pagination > li button {
    width: 100%;
    height: 100%;
    display: block;
    position: relative;
}
.splide__pagination > li button::before {
    content: "";
    width: 100%;
    height: 100%;
    background-color: #1C4A40;
    left: 0;
    top: 0;
    position: absolute;
    opacity: 1;
    transform: scale(1, 1);
    transition: none;
}
.splide__pagination > li:not(:first-child) button.is-active::before {
    transform: scale(1, 1);
    opacity: 1;
    transition: none;
}
.splide__pagination > li button.is-initial::before {
    transform: scale(1, 1);
    opacity: 1;
    transition: none;
}
.splide__pagination > li button:not(.is-initial)::before {
    transform: scale(0, 1);
    opacity: 0;
    transition: none;
}
@media screen and (min-width:768px) {
    .splide__pagination > li button::before {
        opacity: 0;
        transform: scale(0, 1);
        transform-origin: left top;
        transition: transform 3.5s linear;
    }
    .splide__pagination > li:not(:first-child) button.is-active::before {
        transition: transform 3.5s linear;
    }
    .splide__pagination > li button.is-initial::before {
        transition: transform 3.5s linear;
    }
}
@media only screen and (max-width:767px) {
    .splide__pagination > li:first-child button:not(.is-initial)::before {
        transform: scale(1, 1);
        opacity: 1;
    }
}
.splide__pagination > li button.passed::before {
    transform: scale(1, 1);
    opacity: 1;
    transition: none;
}
.intrfit_wrap .lpComp_img:nth-child(odd) {
    margin-left: 0;
}
.ctaBtn.ver2 a .arrow,
.ctaBtn.ver3 a .arrow {
    display: none;
}
.ctaBtn.ver2 a .is-read {
    font-size: 14px;
    line-height: 17px;
    margin-bottom: 4px;
    padding-left: 40px;
}
.ctaBtn.ver2 a .is-icn {
    padding-left: 121px;
}
.ctaBtn.ver2 a::before {
    width: 94px;
    background: url(../img/ctabtn_img02.png) no-repeat center bottom / 100% auto;
}
.ctaBtn.ver3 a .is-read {
    padding-left: 26px;
}
.ctaBtn.ver3 a .is-icn {
    padding-left: 121px;
}
.ctaBtn.ver3 a::before {
    width: 99px;
    background: url(../img/ctabtn_img03.png) no-repeat center bottom / 100% auto;
}
.voice_wrap {
    padding: 80px 0;
    background: #FFFFFF;
    box-sizing: border-box;
}
.voice_wrap .head-ttl {
    max-width: 804px;
}
.voicescr_wrap {
    margin: 80px auto 0;
    max-width: 1280px;
    padding: 80px 0;
    box-sizing: border-box;
    background: rgba(28, 74, 64, 0.04);
    border: 1px solid rgba(28, 74, 64, 0.12);
    border-radius: 16px;
    box-sizing: border-box;
    overflow: hidden;
}
.voicescr_wrap .ttl {
    text-align: center;
    margin-bottom: 28px;
}
.voicescr_wrap .ttl > span {
    display: inline-block;
    padding: 11px 0;
    position: relative;
    box-sizing: border-box;
    font-size: 24px;
    line-height: 29px;
    letter-spacing: 0.08em;
    font-weight: 700;
    font-variation-settings: "wght" 700;
    color: #1C4A40;
    z-index: 2;
}
.voicescr_wrap .ttl > span::before {
    content: "";
    width: 254px;
    height: 56px;
    background: url(../svg/ttl-deco01.svg) no-repeat center / 100% auto;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -127px;
    z-index: -1;
}
.splide__list.voicescr-lst {
    padding: 8px 0 30px !important;
}
.voicescr-lst > li {
    width: 692px;
    position: relative;
    padding: 32px 40px;
    box-sizing: border-box;
}
.voicescr-lst > li::before {
    content: "";
    width: 706px;
    height: 288px;
    background: url(../img/speech-bubble_v.png?2) no-repeat center / 100% auto;
    position: absolute;
    top: -8px;
    left: 50%;
    transform: translateX(-50%);
    z-index: -1;
}
.voicescr-lst > li .box {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0 24px;
}
.voicescr_txt {
    width: calc(100% - 167px);
}
.voicescr_txt .cat {
    font-size: 24px;
    line-height: 160%;
    letter-spacing: 0.08em;
    font-weight: 700;
    font-variation-settings: "wght" 700;
    color: #3C3A38;
    padding-bottom: 14px;
    position: relative;
    margin-bottom: 12px;
}
.voicescr_txt .cat::before,
.voicescr_txt .cat::after {
    content: "";
    height: 2px;
    position: absolute;
    bottom: 0;
    left: 0;
}
.voicescr_txt .cat::before {
    width: 100%;
    background: rgba(28, 74, 64, 0.12);
    z-index: 8;
}
.voicescr_txt .cat::after {
    width: 40px;
    background: #26766A;
    z-index: 9;
}
.voicescr_txt .voicescr-txt {
    font-size: 16px;
    line-height: 160%;
    letter-spacing: 0.08em;
    font-weight: 400;
    font-variation-settings: "wght" 400;
    color: #3C3A38;
}
.voicescr_atrb {
    width: 127px;
    text-align: center;
}
.voicescr-img {
    text-align: center;
    margin-bottom: 12px;
}
.voicescr_atrb .label {
    padding: 8px 16px;
    background: rgba(28, 74, 64, 0.08);
    border-radius: 8px;
    font-weight: 700;
    font-variation-settings: "wght" 700;
    font-size: 14px;
    line-height: 17px;
    text-align: center;
    letter-spacing: 0.12em;
    color: #1C4A40;
    margin-bottom: 8px;
    box-sizing: border-box;
}
.voicescr_atrb .atrbdtl {
    font-size: 14px;
    line-height: 17px;
    letter-spacing: 0.02em;
    font-weight: 700;
    font-variation-settings: "wght" 700;
    color: #3C3A38;
}
.voicescr_lst .splide__pagination {
    margin-top: 16px;
}
.case_wrap {
    max-width: 1300px;
    margin: 64px auto 0;
}
.case_wrap .ttl {
    text-align: center;
    margin-bottom: 20px;
}
.case_wrap .ttl > span {
    display: inline-block;
    padding: 11px 0;
    position: relative;
    box-sizing: border-box;
    font-size: 24px;
    line-height: 29px;
    letter-spacing: 0.08em;
    font-weight: 700;
    font-variation-settings: "wght" 700;
    color: #1C4A40;
    z-index: 2;
}
.case_wrap .ttl > span::before {
    content: "";
    width: 539px;
    height: 56px;
    background: url(../svg/ttl-deco02.svg) no-repeat center / 100% auto;
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    z-index: -1;
}
.case_wrap .case-txt {
    font-size: 16px;
    line-height: 160%;
    letter-spacing: 0.04em;
    font-weight: 700;
    font-variation-settings: "wght" 700;
    color: #3C3A38;
    text-align: center;
    margin-bottom: 10px;
}
.case_wrap .case-txt .b-y2 {
    padding-bottom: 3px;
    background-size: 200% 2px;
}
.case-lst li {
    width: 400px;
    background: #F3F6F5;
    border-radius: 32px;
    box-sizing: border-box;
    padding: 20px 30px;
    box-sizing: border-box;
    border: 0;
}
.caseread_box {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0 16px;
    width: 100%;
    height: 105px;
    margin-bottom: 12px;
}
.splide__list.case-lst {
    padding: 10px 0 16px !important;
    filter: drop-shadow(0px 1px 4px rgba(0, 0, 0, 0.08)) drop-shadow(0px 4px 12px rgba(0, 0, 0, 0.08));
}
.caseread_txt .label {
    padding: 8px 16px;
    background: rgba(28, 74, 64, 0.08);
    border-radius: 8px;
    font-weight: 700;
    font-variation-settings: "wght" 700;
    font-size: 14px;
    line-height: 17px;
    text-align: center;
    letter-spacing: 0.12em;
    color: #1C4A40;
    margin-bottom: 8px;
    box-sizing: border-box;
}
.caseread_txt .atrbdtl {
    font-size: 14px;
    line-height: 17px;
    letter-spacing: 0.08em;
    font-weight: 700;
    font-variation-settings: "wght" 700;
    color: #3C3A38;
}
.add_wrap {
    max-width: 638px;
    margin: 4px auto 0;
    border-radius: 8px;
    box-sizing: border-box;
    border: 1px solid rgba(28, 74, 64, 0.12);
    padding: 23px;
    background: #F3F6F5;
}
.add_in {
    display: flex;
    gap: 8px;
}
.add_in .add-txt {
    width: calc(100% - 26px);
    font-size: 12px;
    line-height: 160%;
    letter-spacing: 0.04em;
    font-weight: 400;
    font-variation-settings: "wght" 400;
    color: #3C3A38;
}
.serflow_wrap {
    padding: 80px 0;
    box-sizing: border-box;
    background: #F6F8F7;
}
.serflow_wrap .head-ttl {
    max-width: 1050px;
}
.flo_wrap,
.reco_wrap {
    max-width: 992px;
    margin: 0 auto;
    background: #FFFFFF;
    border: 1px solid rgba(28, 74, 64, 0.12);
    border-radius: 8px;
    box-sizing: border-box;
    padding: 56px 0;
}
.flo_wrap {
    margin-bottom: 80px;
}
.flo_wrap .ttl,
.reco_wrap .ttl {
    font-size: 32px;
    line-height: 160%;
    letter-spacing: 0.04em;
    font-weight: 700;
    font-variation-settings: "wght" 700;
    color: #3C3A38;
    text-align: center;
}
.flo_wrap .ttl {
    margin-bottom: 24px;
}
.reco_wrap .ttl {
    margin-bottom: 40px;
}
.flo_lst {
    max-width: 584px;
    margin: 0 auto;
}
.flo-lst li:not(:last-child) {
    margin-bottom: 24px;
}
.flo_box {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0 24px;
}
.flo_box .flo_txt {
    width: calc(100% - 264px);
}
.flo_box .flo_txt .cat > span {
    display: flex;
    align-items: center;
    font-size: 24px;
    line-height: 160%;
    letter-spacing: 0.12em;
    font-weight: 700;
    font-variation-settings: "wght" 700;
    color: #3C3A38;
    margin-bottom: 8px;
}
.flo_box .flo_txt .cat .num {
    width: 40px;
    height: 40px;
    background: #1C4A40;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 20px;
    font-size: 20px;
    line-height: 1;
    letter-spacing: 0.08em;
    font-weight: 700;
    font-variation-settings: "wght" 700;
    color: #FFFFFF;
    padding-left: 2px;
    box-sizing: border-box;
}
.flo_box .flo_txt .txt {
    font-size: 16px;
    line-height: 160%;
    letter-spacing: 0.08em;
    font-weight: 400;
    font-variation-settings: "wght" 400;
    color: #3C3A38;
}
.flo_box .flo_txt .label {
    display: inline-block;
    padding: 4px 16px;
    box-sizing: border-box;
    border-radius: 40px;
    font-size: 12px;
    line-height: 160%;
    letter-spacing: 0.08em;
    font-weight: 400;
    font-variation-settings: "wght" 400;
    text-align: center;
    color: #1C4A40;
    background: #E1F2F1;
    margin: 8px 0 0 0;
}
.flo_box .flo_txt .cat .label {
    color: #E08E00;
    background: #FBF5DE;
    margin: 0 0 0 8px;
    font-weight: 700;
    font-variation-settings: "wght" 700;
}
.reco_in > .cat {
    text-align: center;
    font-size: 16px;
    line-height: 160%;
    letter-spacing: 0.08em;
    font-weight: 700;
    font-variation-settings: "wght" 700;
    color: #3C3A38;
    margin-bottom: 16px;
}
.reco_in > .cat .icon {
    font-size: 24px;
}
.recodtl_box {
    max-width: 768px;
    margin: 0 auto 16px;
    background: #F7FAF9;
    padding: 31px 23px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0 27px;
    border-radius: 8px;
    border: 1px solid rgba(28, 74, 64, 0.12);
    box-sizing: border-box;
}
.recodtl-gra {
    max-width: 256px;
    width: 100%;
    text-align: center;
}
.recodtl-gra .txt {
    font-size: 10px;
    line-height: 160%;
    letter-spacing: 0.08em;
    font-weight: 400;
    font-variation-settings: "wght" 400;
    color: #6A6866;
    text-align: left;
    margin-top: 8px;
}
.recodtl_lst li:not(:last-child) {
    margin-bottom: 20px;
}
.recodtl_lst li {
    display: flex;
    justify-content: left;
    align-items: center;
    gap: 0 20px;
}
.recodtl_lst li .label {
    background: rgba(28, 74, 64, 0.08);
    border-radius: 48px;
    box-sizing: border-box;
    padding: 8px 16px;
    font-size: 24px;
    line-height: 160%;
    letter-spacing: 0.12em;
    font-weight: 700;
    font-variation-settings: "wght" 700;
    color: #1C4A40;
}
.recodtl_lst li .txt {
    font-size: 32px;
    line-height: 160%;
    letter-spacing: 0.08em;
    font-weight: 700;
    font-variation-settings: "wght" 700;
    color: #222222;
}
.recodtl_lst li .txt .b-y2 {
    letter-spacing: 0.04em;
    background-size: 200% 4px;
    padding-bottom: 8px;
}
.reco_wrap .add_wrap {
    max-width: 768px;
    margin: 0 auto;
    border: 1px solid rgba(28, 74, 64, 0.12);
    padding: 20px 24px;
    background: rgba(28, 74, 64, 0.04);
    box-sizing: border-box;
}
.reco_wrap .add_in {
    display: flex;
    gap: 9px;
}
.reco_wrap .add_in .add-txt {
    width: calc(100% - 31px);
    font-size: 14px;
    line-height: 160%;
    letter-spacing: 0.08em;
    font-weight: 400;
    font-variation-settings: "wght" 400;
    color: #1C4A40;
}
.cta_wrap .dtl-txt {
    font-size: 14px;
    line-height: 200%;
    letter-spacing: 0.08em;
    font-weight: 700;
    font-variation-settings: "wght" 700;
    color: #FFFFFF;
    text-align: center;
    margin: 8px 0 24px;
}
.cta_wrap.ver4 .cta-txt {
    margin-bottom: 0;
    font-size: 24px;
}
.cta_wrap.ver4 .cta-txt .free-label {
    width: 118px;
    height: 40px;
    font-size: 22px;
}
.cta_wrap .dtl-txt .b-y2 {
    background-size: 200% 2px;
    padding-bottom: 3px;
}
.intrsuplis_img {
    border-radius: 4px;
    box-sizing: border-box;
}
.splide__arrows {
    position: absolute;
    max-width: 967px;
    width: calc(100% - 40px);
    top: 79px;
    left: 50%;
    z-index: 9;
    display: flex;
    justify-content: space-between;
    align-items: center;
    transform: translateX(-50%);
    height: 96px;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
}
.splide__arrow svg {
    display: none;
}
.splide__arrow {
    position: relative;
    width: 80px;
    height: 80px;
    filter: drop-shadow(0px 1px 4px rgba(0, 0, 0, 0.08)) drop-shadow(0px 4px 12px rgba(0, 0, 0, 0.08));
    border-radius: 50%;
    box-sizing: border-box;
    background: #F6F8F8;
    transform-origin: center;
    transition: all .2s ease-out;
}
.splide__arrow.splide__arrow--prev {
    margin-left: 8px;
}
.splide__arrow.splide__arrow--next {
    margin-right: 8px;
}
.splide__arrow::before {
    content: "";
    width: 12px;
    height: 20px;
    top: 50%;
    z-index: 9;
    transform: translateY(-50%);
    filter: brightness(0) saturate(100%) invert(26%) sepia(8%) saturate(2467%) hue-rotate(117deg) brightness(93%) contrast(97%);
}
.splide__arrow.splide__arrow--next::before {
    left: 50%;
    margin-left: -6px;
    background: url(../svg/icn_sl-arrow.svg) no-repeat center / 12px auto;
    position: absolute;
}
.splide__arrow.splide__arrow--prev::before {
    left: 50%;
    margin-left: -6px;
    background: url(../svg/icn_sl-arrow-l.svg) no-repeat center / 12px auto;
    position: absolute;
}
.caseun_box {
    padding: 28px 16px;
    box-sizing: border-box;
    background: #FFFFFF;
    border-radius: 8px;
}
.caseun_box .label {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 117px;
    height: 36px;
    margin: 19px auto 0;
    background: #E6E15C;
    border-radius: 16px;
}
.caseun_box .label.ver2 {
    width: 131px;
}
.caseun_box.ver1 .lpCase_job {
    gap: 0 61px;
}
.caseun_box.ver1 .lpCase_job .box:nth-child(1) {
    width: 88px;
}
.caseun_box.ver1 .lpCase_job .box:nth-child(2) {
    width: 113px;
}
.caseun_box.ver1 .lpCase_job:before {
    margin-left: -29px;
}
.caseun_box.ver2 .lpCase_job {
    gap: 0 63px;
}
.caseun_box.ver2 .lpCase_job .box:nth-child(1) {
    width: 88px;
}
.caseun_box.ver2 .lpCase_job .box:nth-child(2) {
    width: 117px;
}
.caseun_box.ver2 .lpCase_job:before {
    margin-left: -33px;
}
.caseun_box.ver3 .lpCase_job {
    gap: 0 44px;
}
.caseun_box.ver3 .lpCase_job .box:nth-child(1) {
    width: 117px;
}
.caseun_box.ver3 .lpCase_job .box:nth-child(2) {
    width: 145px;
}
.caseun_box.ver3 .lpCase_job:before {
    margin-left: -38px;
}
.intrsuplis_cate {
    width: calc(100% - 126px);
}
.splide__pagination {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center
}
.splide.is-intrsup {
    padding-bottom: 16px;
}
.splide.is-voice {
    padding-bottom: 20px;
}
.splide.is-intrsup .splide__arrows {
    max-width: none;
    width: calc(100% + 88px);
    top: 124px;
    height: 72px;
}
.splide.is-intrsup .splide__arrow {
    width: 64px;
    height: 64px;
}
.splide.is-intrsup .splide__arrow.splide__arrow--next::before {
    background: url(../svg/icn_sl-arrow.svg) no-repeat center / auto 16px;
    position: absolute;
}
.splide.is-intrsup .splide__arrow.splide__arrow--prev::before {
    background: url(../svg/icn_sl-arrow-l.svg) no-repeat center / auto 16px;
}
.splide.is-intrsup .splide__arrow.splide__arrow--prev {
    margin-left: 4px;
}
.splide.is-intrsup .splide__arrow.splide__arrow--next {
    margin-right: 4px;
}
.trouble_box {
    opacity: 0;
    transform: translateY(70px);
}
@media screen and (min-width:768px) {
    .ctaBtn a:hover .hover:after {
        transform-origin: left top;
        transform: scaleX(1);
    }
    .ctaBtn a:hover .arrow::before {
        transform: translate(0, 200%) !important;
    }
    .ctaBtn a:hover .arrow::after {
        transform: translate(0, 0) !important;
        transform-origin: left top;
    }
    .splide__arrow:hover {
        background: #1C4A40;
        width: 96px;
        height: 96px;
        margin: 0;
    }
    .splide.is-intrsup .splide__arrow:hover {
        width: 72px;
        height: 72px;
        margin: 0;
    }
    .splide__arrow:hover::before {
        filter: none;
    }
    .intrsup_lst:hover .splide__arrows {
        opacity: 1;
        visibility: visible;
    }
    .voicescr_wrap:hover .splide__arrows {
        opacity: 1;
        visibility: visible;
    }
    .trouble_box.inview.ver1 {
        animation: fadeup 0.8s cubic-bezier(0.33, 1, 0.68, 1) forwards;
    }
    .trouble_box.ver2.inview {
        animation: fadeup 0.8s cubic-bezier(0.33, 1, 0.68, 1) forwards 0.3s;
    }
    .trouble_box.ver3.inview {
        animation: fadeup 0.8s cubic-bezier(0.33, 1, 0.68, 1) forwards 0.5s;
    }
}
@media screen and (min-width:1280px) {
    .splide__list.case-lst {
        display: flex !important;
        justify-content: center;
        gap: 0 40px;
    }
    .case-lst li {
        margin-right: 0 !important;
    }
}
@media screen and (min-width:767px) and (max-width:1280px) {
    .voicescr_wrap {
        width: calc(100% - 80px);
    }
    .splide.is-case {
        padding-bottom: 16px;
    }
    .add_wrap {
        margin-top: 20px;
    }
    .flo_wrap,
    .reco_wrap {
        width: calc(100% - 80px);
    }
    .recodtl_box {
        width: calc(100% - 40px);
        padding: 32px 12px;
    }
    .reco_wrap .add_wrap {
        width: calc(100% - 40px);
    }
}
@media screen and (min-width:950px) and (max-width:1240px) {
    .intrsup_wrap,
    .intrfit_wrap,
    .intrsmo_wrap {
        max-width: 93.548vw;
        padding: 6.452vw;
        border: 0.081vw solid rgba(28, 74, 64, 0.12);
        border-radius: 0.645vw;
    }
    .intrfit_wrap,
    .intrsmo_wrap {
        margin-top: 3.226vw;
    }
    .intrfit_wrap .logo-scr {
        width: 38.71vw;
        padding: 4.355vw 0;
        border-radius: 0.645vw;
    }
    .intr_in .read_box {
        gap: 3.226vw;
    }
    .intrsup_scr {
        margin-top: 3.226vw;
    }
    .intrsup_scr .cat > span {
        padding: 0.645vw 1.29vw;
        background: rgba(28, 74, 64, 0.04);
        border: 0.081vw solid rgba(28, 74, 64, 0.12);
        border-radius: 0.323vw;
        font-size: 1.29vw;
        line-height: 160%;
        letter-spacing: 0.08em;
        margin-bottom: 1.935vw;
    }
    .intrsup_scr .cat > span .b-y2 {
        padding-bottom: 0.323vw;
        background-size: 200% 0.161vw;
    }
    .intrsup-lst {
        padding-bottom: 0.645vw !important;
    }
    .intrsup-lst > li {
        width: 27.097vw;
        padding: 2.419vw;
        border: 0.081vw solid rgba(28, 74, 64, 0.12);
        box-shadow: 0px 0.161vw 0.645vw rgba(0, 0, 0, 0.06);
        border-radius: 0.645vw;
    }
    .intr_in .intrsup-lst .read_box {
        gap: 0 1.29vw;
        margin-bottom: 0.968vw;
    }
    .intrsuplis_cate .cate {
        gap: 0 0.323vw;
        font-size: 1.129vw;
    }
    .intrsuplis_cate .cate .label {
        background: rgba(28, 74, 64, 0.04);
        border: 0.081vw solid rgba(28, 74, 64, 0.12);
        border-radius: 0.161vw;
        font-size: 1.129vw;
        padding: 0 0.645vw;
    }
    .intrsuplis_cate .place,
    .intrsuplis_cate .name {
        margin-top: 0.645vw;
        font-size: 1.129vw;
        line-height: 1.371vw;
    }
    .intrsup-lst .intrsuplis-txt {
        font-size: 1.129vw;
    }
    .intrfit_wrap .lpComp_img img {
        width: 16.129vw;
        height: auto;
    }
    .intrsuplis_img {
        border-radius: 0.323vw;
    }
    .introsup_img img,
    .intrsmo_img img {
        width: 38.71vw;
        height: auto;
    }
    .intr_in .read_box .introsup_img,
    .intr_in .read_box .intrsmo_img {
        border-radius: 0.645vw;
    }
    .intr_in .read_box .read_txt {
        width: calc(100% - 41.935vw);
    }
    .intr_in .read_box .read_txt .cat {
        padding: 0.323vw 1.29vw;
        border: 0.081vw solid rgba(28, 74, 64, 0.12);
        border-radius: 0.323vw;
        font-size: 1.129vw;
        margin: 0.645vw 0 1.29vw;
    }
    .intr_in .read_box .read_txt .ttl2 {
        font-size: 2.581vw;
        margin-bottom: 1.29vw;
    }
    .intr_in .read_box .read_txt .ttl2 .b-y2 {
        padding-bottom: 0.565vw;
        background-size: 200% 0.323vw;
    }
    .intr_in .read_box .read_txt .txt > span {
        font-size: 1.29vw;
    }
    .intrsuplis_img img {
        width: 8.871vw;
        height: auto;
    }
    .intrsuplis_cate {
        width: calc(100% - 10.161vw);
    }
    .splide.is-intrsup .splide__arrows {
        width: calc(100% + 7.097vw);
        top: 10vw;
        height: 5.806vw;
    }
    .splide.is-intrsup .splide__arrow {
        width: 5.161vw;
        height: 5.161vw;
    }
    .splide.is-intrsup .splide__arrow::before {
        width: 0.968vw;
        height: 1.613vw;
        margin-left: -0.484vw;
    }
    .splide.is-intrsup .splide__arrow.splide__arrow--next::before {
        background: url(../svg/icn_sl-arrow.svg) no-repeat center / auto 1.29vw;
    }
    .splide.is-intrsup .splide__arrow.splide__arrow--prev::before {
        background: url(../svg/icn_sl-arrow-l.svg) no-repeat center / auto 1.29vw;
    }
    .splide.is-intrsup .splide__arrow.splide__arrow--prev {
        margin-left: 0.323vw;
    }
    .splide.is-intrsup .splide__arrow.splide__arrow--next {
        margin-right: 0.323vw;
    }
    .splide.is-intrsup .splide__arrow:hover {
        width: 5.806vw;
        height: 5.806vw;
        margin: 0;
    }
}
@media screen and (min-width:767px) and (max-width:1200px) {
    .trouble_lst {
        padding: 0 40px;
        box-sizing: border-box;
    }
    .sol_in {
        width: calc(100% - 80px);
    }
    .sol_in::before {
        width: 17.917vw;
        height: 39.333vw;
        left: 6.25vw;
    }
    .sol_in::after {
        width: 21.083vw;
        height: 39.333vw;
        right: 3.833vw;
    }
}
@media screen and (min-width:767px) and (max-width:1040px) {
    .sol_in::before {
        left: 2.885vw;
    }
    .sol_in::after {
        right: 1.154vw;
    }
}
@media screen and (min-width:767px) and (max-width:1024px) {
    .lpPoin_lst {
        justify-content: space-between;
        padding: 0 40px;
        margin-top: 32px;
        gap: 16px 2%
    }
    .lpPoin_box {
        width: 49%;
        box-sizing: border-box
    }
}
@media only screen and (max-width:950px) {
    .intr_in .read_box {
        flex-direction: column;
        align-items: center;
        gap: 25px;
    }
    .introsup_img img,
    .intrsmo_img img {
        width: 100%;
        height: auto;
    }
    .intr_in .read_box .read_txt {
        width: 100%;
    }
    .intrsup_wrap, .intrfit_wrap, .intrsmo_wrap {
        width: calc(100% - 80px);
        padding: 40px;
    }
    .intrfit_wrap .logo-scr {
        width: 100%;
    }
    .ttl1 {
        font-size: 36px;
        margin-bottom: 40px;
    }
}
@media screen and (min-width:767px) and (max-width:920px) {
    .sol_lst {
        max-width: 330px
    }
    .sol_lst > li {
        padding: 12px;
    }
    .sol_lst > li .icn_check {
        font-size: 13px;
    }
    .recodtl_box {
        gap: 0 10px;
    }
    .recodtl_lst li .txt {
        font-size: 30px;
    }
    .recodtl_lst li .label {
        padding: 6px 14px;
        font-size: 22px;
    }
    .recodtl_lst li {
        gap: 0 10px;
    }
}
@media only screen and (max-width:767px) {
    .trouble_box.inview {
        animation: fadeup 0.8s cubic-bezier(0.33, 1, 0.68, 1) forwards;
    }
    .lp-header_btn.c-btn a .is-arw:before {
        background: url('../svg/icn_arrow_b.svg') no-repeat center/auto 8px
    }
    .lp-footer {
        padding: 0 0 52px
    }
    .lp-footerLogo .txt {
        font-size: 12px;
        margin-bottom: 8px
    }
    .lpForm_wrap {
        padding: 80px 20px 56px;
    }
    .lpComp_wrap {
        padding: 24px 0
    }
    .lpComp_ttl {
        margin-bottom: 8px;
        font-size: 12px
    }
    .lpComp_img:nth-child(odd) {
        margin-left: -55px
    }
    .lpPoin_lst {
        justify-content: space-between;
        width: 100%;
        margin-top: 0;
        gap: 8px;
        padding: 0 20px;
    }
    .lpPoin_box {
        width: calc(50% - 4px);
        border-radius: 8px;
        padding: 17px 0 18px;
        border: 0;
    }
    .lpPoin_box.is-ver2 {
        padding: 23px 0 19px;
    }
    .lpPoin_box.ver2 {
        padding: 22px 0;
    }
    .lpPoin_box .img {
        margin-bottom: 9px
    }
    .lpPoin_box.is-ver1 .img img {
        width: 133px;
        height: auto;
    }
    .lpPoin_box.is-ver2 .img img {
        width: 94px;
        height: auto;
    }
    .lpPoin_box.ver2 .img img {
        width: 138px;
        height: auto;
    }
    .lpPoin_box .ttl {
        font-size: 16px;
        line-height: 120%;
        padding: 0 !important;
    }
    .lpPoin_box.is-ver1 .ttl .is-color {
        line-height: 120%;
        font-size: 22px;
    }
    .lpPoin_box.is-ver2 .ttl .is-color {
        font-size: 16px;
    }
    .lpPoin_box .ttl .size2 {
        font-size: 24px
    }
    .lpPoin_box.ver2 .ttl .is-color {
        font-size: 18px;
    }
    .lpPoin_box.ver2 .ttl .size2 {
        font-size: 24px;
    }
    .lpPoin_box .ttl .is-add::before {
        padding-left: 0.1em;
        top: 0;
    }
    .lpPoin_box.is-ver2 .ttl .is-add::before {
        top: 0;
    }
    .lpPoin_box.ver2 .ttl .is-add::before {
        top: -1px;
    }
    .lpPoin_box:last-child {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 0 16px;
        padding: 22px 0;
    }
    .lpPoin_box:last-child .ttl {
        max-width: 148px;
    }
    .lpPoin_box:last-child .img {
        margin: 0;
    }
    .lpPoin_box.is-ver2 .ttl .is-color {
        font-size: 16px;
    }
    .lpPoin_add {
        margin-top: 8px;
        padding: 0 19px;
    }
    .lpCase_job {
        padding: 0;
        align-items: flex-end
    }
    .lpCase_job:before {
        width: 32px;
        height: 24px;
        bottom: 3px;
    }
    .lpCase_job .job {
        font-size: 12px;
        margin-bottom: 13px
    }
    .lpCase_job .pay {
        height: 24px;
    }
    .lpCase_job .box:first-child .job {
        margin-bottom: 13px;
    }
    /* new */
    .trouble_wrap {
        padding: 56px 0;
    }
    .head_ttl {
        height: 58px;
        margin-bottom: 24px;
    }
    .back-txt {
        gap: 0 80px;
        animation: infinity-scroll-left 57s infinite linear both;
    }
    .head-ttl {
        max-width: none;
        width: calc(100% - 32px);
    }
    .head-ttl > span {
        padding-left: 24px;
        font-size: 12px;
        letter-spacing: 0.09em;
    }
    .head-ttl > span::before {
        width: 12px;
        height: 12px;
        margin-top: -6px;
    }
    .ttl1 {
        font-size: 24px;
        letter-spacing: 0.08em;
        margin-bottom: 24px;
    }
    .ttl1.intr-ttl {
        font-size: 20px;
        letter-spacing: 0.04em;
    }
    .b-y {
        padding-bottom: 6px;
        background-size: 200% 3px;
    }
    .b-y2 {
        padding-bottom: 6px;
        background-size: 200% 3px;
    }
    .ttl1.intr-ttl .b-y {
        padding-bottom: 5px;
        background-size: 200% 2px;
    }
    .trouble-ttl {
        margin-bottom: 20px;
    }
    .trouble_lst {
        display: block;
        margin-bottom: 6px;
        padding: 0;
        box-sizing: border-box;
    }
    .trouble_lst > li {
        width: 100%;
        padding: 28px 50px 65px;
        max-width: 390px;
        margin: 0 auto;
    }
    .trouble_lst > li:not(:last-child) {
        padding: 28px 50px 54px;
        margin-bottom: 0;
    }
    .trouble_lst > li::before {
        width: 326px;
        height: 168px;
        background: url(../svg/speech-bubble_sp.svg) no-repeat center / 100% auto;
        top: 4px;
        margin-left: -163px;
        filter: drop-shadow(0px 1px 4px rgba(0, 0, 0, 0.08)) drop-shadow(0px 4px 12px rgba(0, 0, 0, 0.08));
    }
    .trouble_lst > li::after {
        width: 24px;
        height: 32px;
        top: 31px;
        right: 52px;
    }
    .trouble_box .box_cat {
        margin-bottom: 8px;
    }
    .trouble_box .box_cat .cat {
        padding: 4px 16px;
        border: 1px solid rgba(28, 74, 64, 0.12);
        border-radius: 40px;
        font-size: 12px;
        line-height: 180%;
        letter-spacing: 0.08em;
    }
    .trouble_txt {
        gap: 0 8px;
    }
    .trouble_txt .txt {
        font-size: 16px;
        letter-spacing: 0.08em;
    }
    .sol_wrap {
        padding: 0 16px;
        box-sizing: border-box;
        overflow: visible;
    }
    .sol_in {
        max-width: none;
        margin: 0;
        border-radius: 32px;
    }
    .sol_in::before,
    .sol_in::after {
        display: none;
    }
    .sol_ct {
        padding: 56px 24px 28px;
        max-width: none;
        margin: 0;
    }
    .sol_ct::before {
        border-width: 24px 19px 0px 19px;
        position: absolute;
        top: -2px;
        margin-left: -19px;
    }
    .sol_wrap .con_back {
        display: none;
    }
    .sol-ttl {
        font-size: 24px;
        line-height: 160%;
        margin-bottom: 16px;
    }
    .sol-txt {
        margin-bottom: 16px;
    }
    .sol-txt > span {
        font-size: 14px;
    }
    .sol-txt > span:not(:last-child) {
        margin-bottom: 0.51em;
    }
    .sol_lst {
        margin: 0;
        max-width: none;
        padding: 0 13px;
        box-sizing: border-box;
    }
    .sol_lst > li {
        padding: 12px 16px;
        border-radius: 8px;
        font-size: 16px;
        line-height: 140%;
        letter-spacing: 0.08em;
    }
    .sol_lst > li:not(:last-child) {
        margin-bottom: 8px;
    }
    .sol_lst > li .icn_check {
        padding-left: 26px;
    }
    .sol_lst > li .icn_check::before {
        width: 18px;
        height: 19px;
    }
    .sol_lst > li .b-y2 {
        padding-bottom: 3px;
        background-size: 200% 2px;
    }
    .cta_wrap {
        padding: 32px 12px 20px;
        box-sizing: border-box;
    }
    .cta-txt {
        display: none;
    }
    .cta_wrap.ver4 .cta-txt {
        display: flex;
        flex-wrap: wrap;
        gap: 8px 0;
        font-size: 20px;
        max-width: 330px;
        margin: 0 auto 16px;
    }
    .cta_wrap.ver4 .cta-txt .free-label {
        width: 125px;
        height: 50px;
        font-size: 24px;
        letter-spacing: .04em;
        margin: 0 12px 0 0;
        padding-left: 2px;
        border-radius: 4px;
    }
    .ctaBtn {
        width: 100%;
        height: 72px;
        margin: 0;
        border-radius: 8px;
    }
    .ctaBtn a {
        font-size: 14px;
        border-radius: 8px;
        letter-spacing: 0.06em;
    }
    .ctaBtn a::before {
        width: 92px;
        height: 224px;
        background: url(../img/sp/ctabtn_img01.png) no-repeat center bottom / 100% auto;
        left: 0;
    }
    .ctaBtn .hover {
        display: none;
    }
    .ctaBtn a .is-free {
        width: 38px;
        height: 22px;
        border-radius: 4px;
        font-size: 12px;
        margin-right: 8px;
        letter-spacing: 0.06em;
        padding-left: 0;
    }
    .ctaBtn a .is-read {
        font-size: 12px;
        line-height: 14px;
        margin-bottom: 4px;
        padding-left: 28px;
    }
    .ctaBtn a .is-icn {
        padding-left: 99px;
    }
    .ctaBtn a .arrow {
        display: none;
    }
    .intr_wrap {
        margin: 56px 0;
    }
    .intr_in {
        padding: 0 16px;
        box-sizing: border-box;
    }
    .intrsup_wrap,
    .intrfit_wrap,
    .intrsmo_wrap {
        max-width: none;
        margin: 0;
        width: 100%;
        padding: 16px;
        border: 1px solid rgba(28, 74, 64, 0.12);
        border-radius: 8px;
    }
    .intrfit_wrap,
    .intrsmo_wrap {
        margin-top: 40px;
    }
    .intr_in .read_box {
        gap: 12px;
    }
    .intr_in .read_box .introsup_img,
    .intr_in .read_box .intrsmo_img {
        border-radius: 8px;
    }
    .intr_in .read_box .read_txt {
        text-align: center;
    }
    .intr_in .read_box .read_txt .cat {
        padding: 4px 16px;
        border: 1px solid rgba(28, 74, 64, 0.12);
        border-radius: 4px;
        font-size: 12px;
        margin: 0 0 12px;
    }
    .intr_in .read_box .read_txt .ttl2 {
        font-size: 24px;
        margin-bottom: 12px;
    }
    .intrsuplis_img img {
        width: 88px;
        height: auto;
    }
    .intr_in .intrfit_in .read_box .read_txt .ttl2,
    .intr_in .intrsmo_in .read_box .read_txt .ttl2 {
        font-size: 20px;
    }
    .intr_in .intrfit_in .read_box .read_txt .txt > span,
    .intr_in .intrsmo_in .read_box .read_txt .txt > span {
        letter-spacing: 0.04em;
    }
    .intr_in .read_box .read_txt .ttl2 .b-y2 {
        padding-bottom: 6px;
        background-size: 200% 3px;
    }
    .intr_in .read_box .read_txt .txt > span {
        font-size: 14px;
        text-align: left;
    }
    .intr_in .read_box .read_txt .txt > span:not(:last-child) {
        margin-bottom: 0;
    }
    .intrfit_wrap .logo-scr {
        width: 100%;
        padding: 31px 0;
        border-radius: 4px;
    }
    .intr_wrap .head-ttl {
        max-width: 1082px;
    }
    .intrsup_scr {
        margin-top: 32px;
    }
    .intrsup_scr .cat > span {
        padding: 6px 14px;
        border: 1px solid rgba(28, 74, 64, 0.12);
        border-radius: 4px;
        font-size: 14px;
        margin-bottom: 16px;
    }
    .intrsup_scr .cat > span .b-y2 {
        padding-bottom: 4px;
        background-size: 200% 2px;
    }
    .intrsup-lst > li {
        width: 272px;
        padding: 24px;
        border: 1px solid rgba(28, 74, 64, 0.12);
        box-shadow: none;
        border-radius: 8px;
        box-sizing: border-box;
    }
    .intr_in .intrsup-lst .read_box {
        gap: 0 8px;
        margin-bottom: 16px;
    }
    .intrsuplis_cate .cate {
        gap: 0 4px;
        font-size: 14px;
    }
    .intrsuplis_cate .cate .label {
        border: 1px solid rgba(28, 74, 64, 0.12);
        border-radius: 2px;
        font-size: 14px;
        line-height: 17px;
        padding: 4px 8px;
        box-sizing: border-box;
    }
    .intrsuplis_cate .place,
    .intrsuplis_cate .name {
        margin-top: 8px;
        font-size: 14px;
        line-height: 17px;
    }
    .intrsup-lst .intrsuplis-txt {
        font-size: 14px;
        line-height: 180%;
        letter-spacing: 0.04em;
    }
    .intrsup-lst {
        padding-bottom: 0 !important;
    }
    .splide__pagination {
        gap: 2px;
        justify-content: center;
    }
    .splide__pagination > li {
        width: 40px;
        height: 2px;
    }
    .ctaBtn.ver2 a .is-read {
        font-size: 12px;
        line-height: 15px;
        margin-bottom: 4px;
        padding-left: 38px;
    }
    .ctaBtn.ver2 a .is-icn {
        padding-left: 99px;
    }
    .ctaBtn.ver2 a::before {
        width: 92px;
        height: 113px;
        background: url(../img/sp/ctabtn_img02.png) no-repeat center bottom / 100% auto;
    }
    .ctaBtn.ver3 a .is-read {
        padding-left: 10px;
        font-size: 12px;
    }
    .ctaBtn.ver3 a .is-icn {
        padding-left: 99px;
    }
    .ctaBtn.ver3 a::before {
        width: 92px;
        height: 112px;
        background: url(../img/sp/ctabtn_img03.png) no-repeat center bottom / 100% auto;
    }
    .voice_wrap {
        padding: 56px 0;
    }
    .voice_wrap .head-ttl {
        max-width: none;
    }
    .ttl1.voice-ttl {
        font-size: 20px;
    }
    .ttl1.voice-ttl .b-y {
        padding-bottom: 5px;
        background-size: 200% 3px;
    }
    .voicescr_wrap {
        margin: 40px 0 0;
        max-width: none;
        padding: 24px 0 24px 8px;
        box-sizing: border-box;
        border: 0;
        border-radius: 0;
    }
    .voicescr_wrap .ttl {
        margin-bottom: 22px;
    }
    .voicescr_wrap .ttl > span {
        padding: 9px 0;
        font-size: 18px;
        line-height: 22px;
    }
    .voicescr_wrap .ttl > span::before {
        width: 254px;
        height: 46px;
        background: url(../svg/ttl-deco01_sp.svg) no-repeat center / 100% auto;
        margin-left: -127px;
    }
    .splide__list.voicescr-lst {
        padding: 8px 0 21px !important;
    }
    .voicescr-lst > li {
        width: 310px;
        padding: 32px;
        box-sizing: border-box;
        margin-left: 8px;
    }
    .voicescr-lst > li::before {
        width: 334px;
        height: 328px;
        background: url(../svg/speech-bubble_v_sp.svg) no-repeat center / 100% auto;
        top: -8px;
    }
    .voicescr-lst > li .box {
        flex-direction: column;
        gap: 12px 0;
    }
    .voicescr_txt {
        width: 100%;
    }
    .voicescr_txt .cat {
        font-size: 18px;
        padding-bottom: 14px;
        margin-bottom: 12px;
    }
    .voicescr_txt .cat::before,
    .voicescr_txt .cat::after {
        height: 2px;
    }
    .voicescr_txt .cat::after {
        width: 40px;
    }
    .voicescr_txt .voicescr-txt {
        font-size: 14px;
    }
    .voicescr_atrb {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 0 21px;
    }
    .voicescr-img {
        text-align: center;
        margin-bottom: 0;
    }
    .voicescr-img img {
        width: 64px;
        height: auto;
    }
    .voicescr-atrb {
        width: 121px;
    }
    .voicescr_atrb .label {
        padding: 4px 16px;
        border-radius: 8px;
        font-size: 12px;
        line-height: 15px;
        letter-spacing: 0.08em;
        margin-bottom: 8px;
    }
    .voicescr_atrb .atrbdtl {
        font-size: 12px;
        line-height: 15px;
        letter-spacing: 0.04em;
    }
    .voicescr_lst .splide__pagination {
        margin-top: 16px;
    }
    .case_wrap {
        max-width: none;
        margin: 40px 0 0;
    }
    .case_wrap .ttl {
        margin-bottom: 21px;
    }
    .case_wrap .ttl > span {
        padding: 11px 0;
        font-size: 18px;
        line-height: 22px;
    }
    .case_wrap .ttl > span::before {
        width: 242px;
        height: 46px;
        background: url(../svg/ttl-deco02_sp.svg) no-repeat center / 100% auto;
    }
    .case_wrap .case-txt {
        font-size: 14px;
        line-height: 180%;
        margin-bottom: 10px;
    }
    .case_lst {
        padding: 0;
        box-sizing: border-box;
    }
    .case_wrap .case-txt .b-y2 {
        padding-bottom: 3px;
        background-size: 200% 2px;
        letter-spacing: 0.08em;
    }
    .case-lst li {
        width: 324px;
        border-radius: 32px;
        padding: 20px 16px;
        border: 0;
        margin-left: 16px;
    }
    .caseread_box {
        gap: 0 16px;
        height: 64px;
        margin-bottom: 12px;
    }
    .caseread_box .case-img img {
        width: 64px;
        height: auto;
    }
    .caseread_txt .label {
        padding: 4px 16px;
        border-radius: 8px;
        font-size: 12px;
        line-height: 15px;
        margin-bottom: 8px;
    }
    .caseread_txt .atrbdtl {
        font-size: 12px;
        line-height: 15px;
        letter-spacing: 0.02em;
    }
    .add_wrap {
        max-width: 100%;
        width: calc(100% - 64px);
        margin: 16px auto 0;
        border-radius: 8px;
        border: 1px solid rgba(28, 74, 64, 0.12);
        padding: 16px;
    }
    .add_in {
        gap: 8px;
    }
    .add_in .add-txt {
        width: calc(100% - 26px);
        font-size: 12px;
        letter-spacing: 0.08em;
    }
    .serflow_wrap {
        padding: 56px 0;
    }
    .serflow_in {
        padding: 0 16px;
        box-sizing: border-box;
    }
    .serflow_wrap .head-ttl {
        max-width: none;
    }
    .ttl1.serflow-ttl {
        font-size: 20px;
    }
    .flo_wrap,
    .reco_wrap {
        max-width: none;
        margin: 0;
        border: 1px solid rgba(28, 74, 64, 0.12);
        border-radius: 8px;
    }
    .flo_wrap {
        margin-bottom: 24px;
        padding: 24px 0 24px 16px;
    }
    .reco_wrap {
        padding: 24px 16px;
    }
    .flo_wrap .ttl,
    .reco_wrap .ttl {
        font-size: 20px;
    }
    .flo_wrap .ttl {
        margin-bottom: 24px;
    }
    .reco_wrap .ttl {
        margin-bottom: 24px;
        letter-spacing: 0.08em;
    }
    .flo_lst {
        max-width: 584px;
        margin: 0 auto;
    }
    .flo-lst li:not(:last-child) {
        margin-bottom: 0;
    }
    .flo-lst li {
        width: 274px;
        border: 1px solid #EEEEEE;
        border-radius: 8px;
        box-sizing: border-box;
        overflow: hidden;
    }
    .flo_box {
        display: block;
    }
    .flo_box .flo_txt {
        width: 100%;
        padding: 16px 24px;
        box-sizing: border-box;
        background: #FFFFFF;
    }
    .flo_box .flo_txt .cat > span {
        font-size: 18px;
        letter-spacing: 0.08em;
        margin-bottom: 8px;
        justify-content: center;
    }
    .flo_box .flo_txt .cat .num {
        width: 32px;
        height: 32px;
        margin-right: 10px;
        font-size: 14px;
        line-height: 1;
        padding-left: 1px;
    }
    .flo_box .flo_txt .txt {
        font-size: 14px;
    }
    .flo_box .flo_txt .label {
        padding: 4px 16px;
        border-radius: 40px;
        font-size: 12px;
        margin: 8px -8px 0 -8px;
    }
    .flo_box .flo_txt .cat .label {
        margin: 0 0 0 10px;
        font-weight: 700;
        font-variation-settings: "wght" 700;
    }
    .flo_img img {
        width: 100%;
        height: auto;
    }
    .splide.is-flo {
        padding-bottom: 24px;
    }
    .reco_in > .cat {
        font-size: 14px;
        margin-bottom: 16px;
    }
    .reco_in > .cat .icon {
        font-size: 16px;
    }
    .recodtl_box {
        max-width: none;
        margin: 0 0 16px;
        padding: 24px 16px;
        flex-direction: column-reverse;
        gap: 12px 0;
        border-radius: 8px;
        border: 1px solid rgba(28, 74, 64, 0.12);
    }
    .recodtl-gra {
        max-width: none;
        width: 100%;
        padding: 8px 19px;
        box-sizing: border-box;
    }
    .recodtl-gra img {
        width: 210px;
        height: auto;
    }
    .recodtl-gra .txt {
        font-size: 10px;
        text-align: center;
        margin-top: 8px;
    }
    .recodtl_lst li:not(:last-child) {
        margin-bottom: 12px;
    }
    .recodtl_lst li {
        display: flex;
        justify-content: left;
        align-items: center;
        gap: 0 12px;
        margin-left: 37px;
    }
    .recodtl_lst li .label {
        border-radius: 56px;
        padding: 8px 16px;
        font-size: 16px;
        letter-spacing: 0.08em;
    }
    .recodtl_lst li .txt {
        font-size: 20px;
    }
    .recodtl_lst li .txt .b-y2 {
        letter-spacing: 0.08em;
        background-size: 200% 2px;
        padding-bottom: 5px;
    }
    .reco_wrap .add_wrap {
        max-width: none;
        margin: 0;
        border: 1px solid rgba(28, 74, 64, 0.12);
        padding: 14px;
        border-radius: 8px;
        width: 100%;
    }
    .reco_wrap .add_in {
        display: flex;
        align-items: flex-start;
        gap: 4px;
    }
    .reco_wrap .add_in img {
        width: 18px;
        height: auto;
    }
    .reco_wrap .add_in .add-txt {
        width: calc(100% - 22px);
        font-size: 12px;
    }
    .cta_wrap .dtl-txt {
        font-size: 14px;
        line-height: 180%;
        letter-spacing: 0.04em;
        margin: 0 0 16px;
    }
    .cta_wrap .dtl-txt .b-y2 {
        background: none;
    }
    .intrsuplis_img {
        border-radius: 4px;
    }
    .recodtl_lst {
        width: 100%;
        max-width: 294px;
    }
    .caseun_box {
        padding: 18px 5px;
        border-radius: 8px;
    }
    .caseun_box .label {
        width: 107px;
        height: 35px;
        margin: 17px auto 0;
        border-radius: 16px;
    }
    .caseun_box .label.ver2 {
        width: 120px;
    }
    .caseun_box.ver1 .lpCase_job {
        gap: 0 60px;
    }
    .caseun_box.ver1 .lpCase_job .box:nth-child(1) {
        width: 88px;
    }
    .caseun_box.ver1 .lpCase_job .box:nth-child(2) {
        width: 95px;
    }
    .caseun_box.ver1 .lpCase_job:before {
        margin-left: -20px;
    }
    .caseun_box.ver2 .lpCase_job {
        gap: 0 61px;
    }
    .caseun_box.ver2 .lpCase_job .box:nth-child(1) {
        width: 88px;
    }
    .caseun_box.ver2 .lpCase_job .box:nth-child(2) {
        width: 100px;
    }
    .caseun_box.ver2 .lpCase_job:before {
        margin-left: -24px;
    }
    .caseun_box.ver3 .lpCase_job {
        gap: 0 48px;
    }
    .caseun_box.ver3 .lpCase_job .box:nth-child(1) {
        width: 107px;
    }
    .caseun_box.ver3 .lpCase_job .box:nth-child(2) {
        width: 125px;
    }
    .caseun_box.ver3 .lpCase_job:before {
        margin-left: -30px;
    }
    .intrsuplis_cate {
        width: 100%;
    }
    .splide__pagination {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center
    }
    .splide.is-intrsup {
        padding-bottom: 16px;
    }
    .splide.is-voice {
        padding-bottom: 9px;
    }
    .cta_wrap .ctaBtn {
        max-width: 366px;
        margin: 0 auto;
    }
    .freeBtn a .is-arw:before {
        background: url(../svg/icn_arrow_b.svg) no-repeat center / auto 2.564vw;
    }
    .ttl1.intr-ttl {
        margin-bottom: 10px;
    }
    .ttlun-ano {
        font-size: 12px;
        margin-bottom: 20px;
    }
}
@media only screen and (max-width:389px) {
    .lpComp_wrap {
        padding: 6.154vw 0;
    }
    .lpComp_ttl {
        margin-bottom: 2.051vw;
        font-size: 3.077vw;
    }
    .lpComp_img:nth-child(odd) {
        margin-left: -14.103vw;
    }
    .lpPoin_lst {
        justify-content: space-between;
        width: 100%;
        margin-top: 0;
        gap: 2.051vw;
        padding: 0 5.128vw;
    }
    .lpPoin_box {
        width: calc(50% - 1.026vw);
        border-radius: 2.051vw;
        padding: 4.359vw 0 4.615vw;
        border: 0;
    }
    .lpPoin_box.is-ver2 {
        padding: 5.897vw 0 4.872vw;
    }
    .lpPoin_box.ver2 {
        padding: 5.641vw 0;
    }
    .lpPoin_box .img {
        margin-bottom: 2.308vw;
    }
    .lpPoin_box.is-ver1 .img img {
        width: 34.103vw;
        height: auto;
    }
    .lpPoin_box.is-ver2 .img img {
        width: 24.103vw;
        height: auto;
    }
    .lpPoin_box.ver2 .img img {
        width: 35.385vw;
        height: auto;
    }
    .lpPoin_box .ttl {
        font-size: 4.103vw;
        line-height: 120%;
        padding: 0 !important;
    }
    .lpPoin_box.is-ver1 .ttl .is-color {
        line-height: 120%;
        font-size: 5.641vw;
    }
    .lpPoin_box.is-ver2 .ttl .is-color {
        font-size: 4.103vw;
    }
    .lpPoin_box .ttl .size2 {
        font-size: 6.154vw
    }
    .lpPoin_box.ver2 .ttl .is-color {
        font-size: 4.615vw;
    }
    .lpPoin_box.ver2 .ttl .size2 {
        font-size: 6.154vw;
    }
    .lpPoin_box .ttl .is-add::before {
        padding-left: 0.1em;
        top: 0;
    }
    .lpPoin_box.is-ver2 .ttl .is-add::before {
        top: 0;
    }
    .lpPoin_box.ver2 .ttl .is-add::before {
        top: -0.256vw;
    }
    .lpPoin_box:last-child {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 0 4.103vw;
        padding: 5.641vw 0;
    }
    .lpPoin_box:last-child .ttl {
        max-width: 37.949vw;
    }
    .lpPoin_box:last-child .img {
        margin: 0;
    }
    .lpPoin_box.is-ver2 .ttl .is-color {
        font-size: 4.103vw;
    }
    .lpPoin_add {
        margin-top: 2.051vw;
        padding: 0 4.872vw;
    }
    .lpCase_job {
        padding: 0;
        align-items: flex-end
    }
    /* new */
    .trouble_wrap {
        padding: 14.359vw 0;
    }
    .head_ttl {
        height: 14.872vw;
        margin-bottom: 6.154vw;
    }
    .back-txt {
        gap: 0 20.513vw;
    }
    .head-ttl {
        max-width: none;
        width: calc(100% - 8.205vw);
    }
    .head-ttl > span {
        padding-left: 6.154vw;
        font-size: 3.077vw;
        letter-spacing: 0.09em;
    }
    .head-ttl > span::before {
        width: 3.077vw;
        height: 3.077vw;
        margin-top: -1.538vw;
    }
    .ttl1 {
        font-size: 6.154vw;
        letter-spacing: 0.08em;
        margin-bottom: 6.154vw;
    }
    .ttl1.intr-ttl {
        font-size: 5.128vw;
        letter-spacing: 0.04em;
    }
    .b-y {
        padding-bottom: 1.538vw;
        background-size: 200% 0.769vw;
    }
    .b-y2 {
        padding-bottom: 1.538vw;
        background-size: 200% 0.769vw;
    }
    .ttl1.intr-ttl .b-y {
        padding-bottom: 1.282vw;
        background-size: 200% 0.513vw;
    }
    .trouble-ttl {
        margin-bottom: 6.154vw;
    }
    .trouble_lst {
        display: block;
        margin-bottom: 1.538vw;
        padding: 0;
        box-sizing: border-box;
    }
    .trouble_lst > li {
        width: 100%;
        padding: 7.179vw 12.821vw 16.667vw;
        max-width: 100vw;
        margin: 0 auto;
    }
    .trouble_lst > li:not(:last-child) {
        padding: 7.179vw 12.821vw 13.846vw;
        margin-bottom: 0;
    }
    .trouble_lst > li::before {
        width: 83.59vw;
        height: 43.077vw;
        background: url(../svg/speech-bubble_sp.svg) no-repeat center / 100% auto;
        top: 1.026vw;
        margin-left: -41.795vw;
    }
    .trouble_lst > li::after {
        width: 6.154vw;
        height: 8.205vw;
        top: 7.949vw;
        right: 13.333vw;
    }
    .trouble_box .box_cat {
        margin-bottom: 2.051vw;
    }
    .trouble_box .box_cat .cat {
        padding: 1.026vw 4.103vw;
        border: 0.256vw solid rgba(28, 74, 64, 0.12);
        border-radius: 10.256vw;
        font-size: 3.077vw;
        line-height: 180%;
        letter-spacing: 0.08em;
    }
    .trouble_txt {
        gap: 0 2.051vw;
    }
    .trouble_txt .txt {
        font-size: 4.103vw;
        letter-spacing: 0.08em;
    }
    .sol_wrap {
        padding: 0 4.103vw;
        box-sizing: border-box;
        overflow: visible;
    }
    .sol_in {
        max-width: none;
        margin: 0;
        border-radius: 8.205vw;
    }
    .sol_in::before,
    .sol_in::after {
        display: none;
    }
    .sol_ct {
        padding: 14.359vw 6.154vw 7.179vw;
        max-width: none;
        margin: 0;
    }
    .sol_ct::before {
        border-width: 6.154vw 4.872vw 0 4.872vw;
        position: absolute;
        top: -0.513vw;
        margin-left: -4.872vw;
    }
    .sol_wrap .con_back {
        display: none;
    }
    .sol-ttl {
        font-size: 6.154vw;
        line-height: 160%;
        margin-bottom: 4.103vw;
    }
    .sol-txt {
        margin-bottom: 4.103vw;
    }
    .sol-txt > span {
        font-size: 3.59vw;
    }
    .sol-txt > span:not(:last-child) {
        margin-bottom: 0.51em;
    }
    .sol_lst {
        margin: 0;
        max-width: none;
        padding: 0 3.333vw;
        box-sizing: border-box;
    }
    .sol_lst > li {
        padding: 3.077vw 4.103vw;
        border-radius: 2.051vw;
        font-size: 4.103vw;
        line-height: 140%;
        letter-spacing: 0.08em;
    }
    .sol_lst > li:not(:last-child) {
        margin-bottom: 2.051vw;
    }
    .sol_lst > li .icn_check {
        padding-left: 6.667vw;
    }
    .sol_lst > li .icn_check::before {
        width: 4.615vw;
        height: 4.872vw;
    }
    .sol_lst > li .b-y2 {
        padding-bottom: 0.769vw;
        background-size: 200% 0.513vw;
    }
    .cta_wrap {
        padding: 8.205vw 3.077vw 5.128vw;
        box-sizing: border-box;
    }
    .cta-txt {
        display: none;
    }
    .cta_wrap.ver4 .cta-txt {
        display: flex;
        flex-wrap: wrap;
        gap: 2.051vw 0;
        font-size: 5.128vw;
        max-width: 84.615vw;
        margin: 0 auto 2.564vw;
    }
    .cta_wrap.ver4 .cta-txt .free-label {
        width: 32.051vw;
        height: 12.821vw;
        font-size: 6.154vw;
        letter-spacing: .04em;
        margin: 0 3.077vw 0 0;
        padding-left: 0.513vw;
        border-radius: 1.026vw;
    }
    .ctaBtn {
        width: 100%;
        height: 18.462vw;
        margin: 0;
        border-radius: 2.051vw;
    }
    .ctaBtn a {
        font-size: 3.59vw;
        border-radius: 2.051vw;
        letter-spacing: 0.06em;
    }
    .ctaBtn a::before {
        width: 23.59vw;
        height: 57.436vw;
        background: url(../img/sp/ctabtn_img01.png) no-repeat center bottom / 100% auto;
        left: 0;
    }
    .ctaBtn .hover {
        display: none;
    }
    .ctaBtn a .is-free {
        width: 9.744vw;
        height: 5.641vw;
        border-radius: 1.026vw;
        font-size: 3.077vw;
        margin-right: 2.051vw;
        letter-spacing: 0.06em;
        padding-left: 0;
    }
    .ctaBtn a .is-read {
        font-size: 3.077vw;
        line-height: 3.59vw;
        margin-bottom: 1.026vw;
        padding-left: 7.179vw;
    }
    .ctaBtn a .is-icn {
        padding-left: 25.385vw;
    }
    .ctaBtn a .arrow {
        display: none;
    }
    .intr_wrap {
        margin: 14.359vw 0;
    }
    .intr_in {
        padding: 0 4.103vw;
        box-sizing: border-box;
    }
    .intrsup_wrap,
    .intrfit_wrap,
    .intrsmo_wrap {
        max-width: none;
        margin: 0;
        width: 100%;
        padding: 4.103vw;
        border: 0.256vw solid rgba(28, 74, 64, 0.12);
        border-radius: 2.051vw;
    }
    .intrfit_wrap,
    .intrsmo_wrap {
        margin-top: 10.256vw;
    }
    .intr_in .read_box {
        gap: 3.077vw;
    }
    .intr_in .read_box .introsup_img,
    .intr_in .read_box .intrsmo_img {
        border-radius: 2.051vw;
    }
    .intr_in .read_box .read_txt {
        text-align: center;
    }
    .intr_in .read_box .read_txt .cat {
        padding: 1.026vw 4.103vw;
        border: 0.256vw solid rgba(28, 74, 64, 0.12);
        border-radius: 1.026vw;
        font-size: 3.077vw;
        margin: 0 0 3.077vw;
    }
    .intr_in .read_box .read_txt .ttl2 {
        font-size: 6.154vw;
        margin-bottom: 3.077vw;
    }
    .intrsuplis_img img {
        width: 22.564vw;
        height: auto;
    }
    .intr_in .intrfit_in .read_box .read_txt .ttl2,
    .intr_in .intrsmo_in .read_box .read_txt .ttl2 {
        font-size: 5.128vw;
    }
    .intr_in .intrfit_in .read_box .read_txt .txt > span,
    .intr_in .intrsmo_in .read_box .read_txt .txt > span {
        letter-spacing: 0.04em;
    }
    .intr_in .read_box .read_txt .ttl2 .b-y2 {
        padding-bottom: 1.538vw;
        background-size: 200% 0.769vw;
    }
    .intr_in .read_box .read_txt .txt > span {
        font-size: 3.59vw;
        text-align: left;
    }
    .intr_in .read_box .read_txt .txt > span:not(:last-child) {
        margin-bottom: 0;
    }
    .intrfit_wrap .logo-scr {
        width: 100%;
        padding: 7.949vw 0;
        border-radius: 1.026vw;
    }
    .intr_wrap .head-ttl {
        max-width: 277.436vw;
    }
    .intrsup_scr {
        margin-top: 8.205vw;
    }
    .intrsup_scr .cat > span {
        padding: 1.538vw 3.59vw;
        border: 0.256vw solid rgba(28, 74, 64, 0.12);
        border-radius: 1.026vw;
        font-size: 3.59vw;
        margin-bottom: 4.103vw;
    }
    .intrsup_scr .cat > span .b-y2 {
        padding-bottom: 1.026vw;
        background-size: 200% 0.513vw;
    }
    .intrsup-lst > li {
        width: 69.744vw;
        padding: 6.154vw;
        border: 0.256vw solid rgba(28, 74, 64, 0.12);
        box-shadow: none;
        border-radius: 2.051vw;
        box-sizing: border-box;
    }
    .intr_in .intrsup-lst .read_box {
        gap: 0 2.051vw;
        margin-bottom: 4.103vw;
    }
    .intrsuplis_cate .cate {
        gap: 0 1.026vw;
        font-size: 3.59vw;
    }
    .intrsuplis_cate .cate .label {
        border: 0.256vw solid rgba(28, 74, 64, 0.12);
        border-radius: 0.513vw;
        font-size: 3.59vw;
        line-height: 4.359vw;
        padding: 1.026vw 2vw;
        box-sizing: border-box;
    }
    .intrsuplis_cate .place,
    .intrsuplis_cate .name {
        margin-top: 2.051vw;
        font-size: 3.59vw;
        line-height: 4.359vw;
    }
    .intrsup-lst .intrsuplis-txt {
        font-size: 3.59vw;
        line-height: 180%;
        letter-spacing: 0.04em;
    }
    .intrsup-lst {
        padding-bottom: 0 !important;
    }
    .splide__pagination {
        gap: 0.513vw;
        justify-content: center;
    }
    .splide__pagination > li {
        width: 10.256vw;
        height: 0.513vw;
    }
    .ctaBtn.ver2 a .is-read {
        font-size: 3.077vw;
        line-height: 3.846vw;
        margin-bottom: 1.026vw;
        padding-left: 9.744vw;
    }
    .ctaBtn.ver2 a .is-icn {
        padding-left: 25.385vw;
    }
    .ctaBtn.ver2 a::before {
        width: 23.59vw;
        height: 28.974vw;
        background: url(../img/sp/ctabtn_img02.png) no-repeat center bottom / 100% auto;
    }
    .ctaBtn.ver3 a .is-read {
        padding-left: 2.564vw;
        font-size: 3.077vw;
    }
    .ctaBtn.ver3 a .is-icn {
        padding-left: 25.385vw;
    }
    .ctaBtn.ver3 a::before {
        width: 23.59vw;
        height: 28.718vw;
        background: url(../img/sp/ctabtn_img03.png) no-repeat center bottom / 100% auto;
    }
    .voice_wrap {
        padding: 14.359vw 0;
    }
    .voice_wrap .head-ttl {
        max-width: none;
    }
    .ttl1.voice-ttl {
        font-size: 5.128vw;
    }
    .ttl1.voice-ttl .b-y {
        padding-bottom: 1.282vw;
        background-size: 200% 0.769vw;
    }
    .voicescr_wrap {
        margin: 10.256vw 0 0;
        max-width: none;
        padding: 6.154vw 0 6.154vw 2.051vw;
        box-sizing: border-box;
        border: 0;
        border-radius: 0;
    }
    .voicescr_wrap .ttl {
        margin-bottom: 5.641vw;
    }
    .voicescr_wrap .ttl > span {
        padding: 2.308vw 0;
        font-size: 4.615vw;
        line-height: 5.641vw;
    }
    .voicescr_wrap .ttl > span::before {
        width: 65.128vw;
        height: 11.795vw;
        background: url(../svg/ttl-deco01_sp.svg) no-repeat center / 100% auto;
        margin-left: -32.564vw;
    }
    .splide__list.voicescr-lst {
        padding: 2.051vw 0 5.385vw !important;
    }
    .voicescr-lst > li {
        width: 79.487vw;
        padding: 8.205vw;
        box-sizing: border-box;
        margin-left: 2.051vw;
    }
    .voicescr-lst > li::before {
        width: 85.641vw;
        height: 84.103vw;
        background: url(../svg/speech-bubble_v_sp.svg) no-repeat center / 100% auto;
        top: -2.051vw;
    }
    .voicescr-lst > li .box {
        flex-direction: column;
        gap: 3.077vw 0;
    }
    .voicescr_txt {
        width: 100%;
    }
    .voicescr_txt .cat {
        font-size: 4.615vw;
        padding-bottom: 3.59vw;
        margin-bottom: 3.077vw;
    }
    .voicescr_txt .cat::before,
    .voicescr_txt .cat::after {
        height: 0.513vw;
    }
    .voicescr_txt .cat::after {
        width: 10.256vw;
    }
    .voicescr_txt .voicescr-txt {
        font-size: 3.59vw;
    }
    .voicescr_atrb {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 0 5.385vw;
    }
    .voicescr-img {
        text-align: center;
        margin-bottom: 0;
    }
    .voicescr-img img {
        width: 16.41vw;
        height: auto;
    }
    .voicescr-atrb {
        width: 31.026vw;
    }
    .voicescr_atrb .label {
        padding: 1.026vw 4.103vw;
        border-radius: 2.051vw;
        font-size: 3.077vw;
        line-height: 3.846vw;
        letter-spacing: 0.08em;
        margin-bottom: 2.051vw;
    }
    .voicescr_atrb .atrbdtl {
        font-size: 3.077vw;
        line-height: 3.846vw;
        letter-spacing: 0.04em;
    }
    .voicescr_lst .splide__pagination {
        margin-top: 4.103vw;
    }
    .case_wrap {
        max-width: none;
        margin: 10.256vw 0 0;
    }
    .case_wrap .ttl {
        margin-bottom: 5.385vw;
    }
    .case_wrap .ttl > span {
        padding: 2.821vw 0;
        font-size: 4.615vw;
        line-height: 5.641vw;
    }
    .case_wrap .ttl > span::before {
        width: 62.051vw;
        height: 11.795vw;
        background: url(../svg/ttl-deco02_sp.svg) no-repeat center / 100% auto;
    }
    .case_wrap .case-txt {
        font-size: 3.59vw;
        line-height: 180%;
        margin-bottom: 2.564vw;
    }
    .case_lst {
        padding: 0;
        box-sizing: border-box;
    }
    .add_wrap {
        max-width: 100%;
        width: calc(100% - 16.41vw);
        margin: 2.564vw auto 0;
        border-radius: 2.051vw;
        border: 0.256vw solid rgba(28, 74, 64, 0.12);
        padding: 4.103vw;
    }
    .add_in {
        gap: 2.051vw;
    }
    .add_in .add-txt {
        width: calc(100% - 6.667vw);
        font-size: 3.077vw;
        letter-spacing: 0.08em;
    }
    .serflow_wrap {
        padding: 14.359vw 0;
    }
    .serflow_in {
        padding: 0 4.103vw;
        box-sizing: border-box;
    }
    .serflow_wrap .head-ttl {
        max-width: none;
    }
    .ttl1.serflow-ttl {
        font-size: 5.128vw;
    }
    .flo_wrap,
    .reco_wrap {
        max-width: none;
        margin: 0;
        border: 0.256vw solid rgba(28, 74, 64, 0.12);
        border-radius: 2.051vw;
    }
    .flo_wrap {
        margin-bottom: 6.154vw;
        padding: 6.154vw 0 6.154vw 4.103vw;
    }
    .reco_wrap {
        padding: 6.154vw 4.103vw;
    }
    .flo_wrap .ttl,
    .reco_wrap .ttl {
        font-size: 5.128vw;
    }
    .flo_wrap .ttl {
        margin-bottom: 6.154vw;
    }
    .reco_wrap .ttl {
        margin-bottom: 6.154vw;
        letter-spacing: 0.08em;
    }
    .flo_lst {
        max-width: 149.744vw;
        margin: 0 auto;
    }
    .flo-lst li:not(:last-child) {
        margin-bottom: 0;
    }
    .flo-lst li {
        width: 70.256vw;
        border: 0.256vw solid #EEEEEE;
        border-radius: 2.051vw;
        box-sizing: border-box;
        overflow: hidden;
    }
    .flo_box {
        display: block;
    }
    .flo_box .flo_txt {
        width: 100%;
        padding: 4.103vw 6.154vw;
        box-sizing: border-box;
        background: #FFFFFF;
    }
    .flo_box .flo_txt .cat > span {
        font-size: 4.615vw;
        letter-spacing: 0.08em;
        margin-bottom: 2.051vw;
        justify-content: center;
    }
    .flo_box .flo_txt .cat .num {
        width: 8.205vw;
        height: 8.205vw;
        margin-right: 2.564vw;
        font-size: 3.59vw;
        line-height: 1;
        padding-left: 0.256vw;
    }
    .flo_box .flo_txt .txt {
        font-size: 3.59vw;
    }
    .flo_box .flo_txt .label {
        padding: 1.026vw 4.103vw;
        border-radius: 10.256vw;
        font-size: 3.077vw;
        margin: 2.051vw -2.051vw 0 -2.051vw;
    }
    .flo_box .flo_txt .cat .label {
        margin: 0 0 0 2.564vw;
        font-weight: 700;
        font-variation-settings: "wght" 700;
    }
    .flo_img img {
        width: 100%;
        height: auto;
    }
    .splide.is-flo {
        padding-bottom: 6.154vw;
    }
    .reco_in > .cat {
        font-size: 3.59vw;
        margin-bottom: 4.103vw;
    }
    .reco_in > .cat .icon {
        font-size: 4.103vw;
    }
    .recodtl_box {
        max-width: none;
        margin: 0 0 4.103vw;
        padding: 6.154vw 4.103vw;
        flex-direction: column-reverse;
        gap: 3.077vw 0;
        border-radius: 2.051vw;
        border: 0.256vw solid rgba(28, 74, 64, 0.12);
    }
    .recodtl-gra {
        max-width: none;
        width: 100%;
        padding: 2.051vw 4.872vw;
        box-sizing: border-box;
    }
    .recodtl-gra img {
        width: 53.846vw;
        height: auto;
    }
    .recodtl-gra .txt {
        font-size: 2.564vw;
        text-align: center;
        margin-top: 2.051vw;
    }
    .recodtl_lst li:not(:last-child) {
        margin-bottom: 3.077vw;
    }
    .recodtl_lst li {
        display: flex;
        justify-content: left;
        align-items: center;
        gap: 0 3.077vw;
        margin-left: 9.487vw;
    }
    .recodtl_lst li .label {
        border-radius: 14.359vw;
        padding: 2.051vw 4.103vw;
        font-size: 4.103vw;
        letter-spacing: 0.08em;
    }
    .recodtl_lst li .txt {
        font-size: 5.128vw;
    }
    .recodtl_lst li .txt .b-y2 {
        letter-spacing: 0.08em;
        background-size: 200% 0.513vw;
        padding-bottom: 1.282vw;
    }
    .reco_wrap .add_wrap {
        max-width: none;
        margin: 0;
        border: 0.256vw solid rgba(28, 74, 64, 0.12);
        padding: 3.59vw;
        border-radius: 2.051vw;
        width: 100%;
    }
    .reco_wrap .add_in {
        display: flex;
        align-items: flex-start;
        gap: 1.026vw;
    }
    .reco_wrap .add_in img {
        width: 4.615vw;
        height: auto;
    }
    .reco_wrap .add_in .add-txt {
        width: calc(100% - 5.641vw);
        font-size: 3.077vw;
    }
    .cta_wrap .dtl-txt {
        font-size: 3.59vw;
        line-height: 180%;
        letter-spacing: 0.04em;
        margin: 0 0 4.103vw;
    }
    .cta_wrap .dtl-txt .b-y2 {
        background: none;
    }
    .intrsuplis_img {
        border-radius: 1.026vw;
    }
    .recodtl_lst {
        width: 100%;
        max-width: 75.385vw;
    }
    .splide__pagination {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center
    }
    .splide__slide .caseun_box img {
        vertical-align: middle;
    }
    .splide.is-intrsup {
        padding-bottom: 4.103vw;
    }
    .splide.is-voice {
        padding-bottom: 2.308vw;
    }
    .cta_wrap .ctaBtn {
        max-width: 93.846vw;
        margin: 0 auto;
    }
    .recodtl_lst li {
        gap: 0 3.077vw;
        margin-left: 9.487vw;
    }
    .back-txt img {
        height: 14.872vw;
        width: auto;
    }
    .trouble-img img {
        width: 14.359vw;
        height: auto;
    }
}
@keyframes infinity-scroll-left {
    from{transform:translateX(0)}to{transform:translateX(-50%)}
}
@keyframes barGrow {
  from {
    background-position: left bottom;
  }
  to {
    background-position: left -100% bottom;
  }
}
@keyframes fadeup {
  0% {
    transform: translateY(70px);
    opacity: 0;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}