@charset "UTF-8";*,*:before,*:after {
    box-sizing: border-box
}

body,h1,h2,h3,h4,p,figure,blockquote,dl,dd {
    margin: 0
}

ul[role=list],ol[role=list] {
    list-style: none
}

html:focus-within {
    scroll-behavior: smooth
}

body {
    min-height: 100vh;
    text-rendering: optimizeSpeed;
    line-height: 1.5
}

a:not([class]) {
    -webkit-text-decoration-skip: ink;
    text-decoration-skip-ink: auto
}

img,picture {
    max-width: 100%;
    display: block
}

input,button,textarea,select {
    font: inherit
}

@media (prefers-reduced-motion:reduce) {
    html:focus-within {
        scroll-behavior: auto
    }

    *,*:before,*:after {
        -webkit-animation-duration: .01ms!important;
        animation-duration: .01ms!important;
        -webkit-animation-iteration-count: 1!important;
        animation-iteration-count: 1!important;
        -webkit-transition-duration: .01ms!important;
        transition-duration: .01ms!important;
        scroll-behavior: auto!important
    }
}

html {
    scroll-behavior: smooth;
    scroll-padding-top: 6vw
}

@media screen and (max-width: 959px) {
    html {
        scroll-padding-top:20vw
    }
}

body {
    color: #333;
    font-family: 'Noto Sans JP',sans-serif;
    font-weight: 500;
    font-size: 100%;
    letter-spacing: .8px
}

body.-active {
    overflow: hidden
}

main {
    overflow-x: hidden
}

a {
    text-decoration: none;
    color: #333
}

h1,h2,h3,h4,h5,h6 {
    font-weight: 400
}

.boxShadow {
    box-shadow: .05em .05em .8em #00000026
}

.contents_title {
    color: #333;
    width: 100%;
    text-align: center;
    font-size: 36px;
    font-weight: bold;
    position: relative;
    z-index: 120;
}
.contents_title.useful {
    font-size: 36px;
}
.contents_title.column {
    margin-bottom: 50px;
}
@media screen and (max-width: 959px) {
    .contents_title {
        font-size: 21px;
    }
    .contents_title.useful {
        font-size: 21px;
        margin-bottom: 64px;
    }
    .contents_title.column {
        margin-bottom: 30px;
    }
}

@media screen and (max-width: 959px) {
    .contents_title.merit {
        margin-bottom:16px;
    }
}

.contents_title.freeTrial {
    color: #fff
}

@media screen and (max-width: 959px) {
    .contents_title.freeTrial {
        margin-bottom:16px
    }
}

.contents_title.thanks {
    position: relative;
    z-index: 100
}

@media screen and (max-width: 959px) {
    .contents_title.thanks {
        margin-bottom:16px
    }
}

.contents_subTitle {
    margin: 114px 0 3em;
    width: 100%;
    color: #333;
    font-size: 1.08em;
    font-family: 'Noto Sans JP',sans-serif;
    font-weight: 500;
    line-height: 2.2em;
    text-align: center
}

@media screen and (max-width: 959px) {
    .contents_subTitle {
        font-size:3em;
        width: 85%;
        margin: 24px auto 35px;
    }
}

.inner60 {
    width: 60%;
    max-width: 1040px;
    margin: 0 auto
}

.inner70 {
    width: 70%;
    max-width: 880px;
    margin: 0 auto
}

.inner77 {
    width: 77%;
    max-width: 1040px;
    margin: 0 auto
}

.inner80 {
    width: 80%;
    max-width: 1040px;
    margin: 0 auto
}

@media screen and (max-width: 959px) {
    .inner60,
    .inner70,
    .inner77,
    .inner80,
    .inner90 {
        width:90%
    }
    .inner77.case__list {
        width: 100%;
    }
}

.yellow_btn {
    width: 320px;
    margin: 24px 0 0;
    padding: 16px 0;
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    background-color: #029652;
    border-radius: 2em;
    border: 2.5px solid #029652;
    cursor: pointer;
    box-shadow: .05em .05em .3em #0006;
    position: relative;
    transition: .3s ease;
}
.yellow_btn.orange {
    color: #fff;
    background: url(https://www.spcc-sp.com/wp/wp-content/uploads/2023/11/circle_arrow_white.webp), #F69D05;
    background-size: 24px;
    background-position: right 15px center;
    background-repeat: no-repeat;
    border: none;
}
.yellow_btn.orange.submit_cv.disabled {
    pointer-events: none;
    background: #ccc;
    background-position: right 15px center;
}
@media screen and (max-width: 959px) {
    .yellow_btn {
        height: 60px;
        font-size: 15px;
    }
}
.yellow_btn:hover {
    opacity: .8;
}
.yellow_btn:disabled {
    opacity: .7;
    cursor: not-allowed;
}
.yellow_btn_icon_area {
    position: absolute;
    top: 50%;
    right: 16px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 28px;
    height: 28px;
}

@media screen and (max-width: 959px) {
    .yellow_btn.submit {
        margin-top:2.2em;
        width: 100%;
        max-width: 450px;
        color: #fff;
        border: none;
    }
}

.yellow_btn.hero {
    margin-top: 18px;
    width: 100%;
    padding: 16px 0;
    font-size: 1.3em
}

.large_text {
    font-size: 31px
}
@media screen and (max-width: 959px) {
    .large_text {
        font-size: 19px;
    }
}
.font-sofia {
    font-family: sofia-pro,sans-serif;
    font-weight: 700;
    font-style: normal
}

.light_green_text {
    color: #108d3e
}

.green_text {
    color: #029652;
}

.dark_green_text {
    color: #07636A;
}

.orange_text {
    color: #ff9519
}

.link {
    text-decoration: underline!important;
}

.underline {
    background: linear-gradient(to bottom, transparent 0% , transparent 70% , #E2E852 100%);
}

.bold {
    font-weight: bold;
}

.header {
    position: fixed;
    width: 100%;
    background: #fff;
    z-index: 100010
}

@media screen and (max-width: 959px) {
    .header.-active {
        box-shadow:none
    }
}

.header_inner {
    width: 95%;
    max-width: 1200px;
    height: 70px;
    margin: auto;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between
}

.header_left_area {
    width: 28%;
    max-width: 250px;
}
.header_right_area {
    width: 70%;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    align-items: center;
}
@media screen and (max-width: 1024px) {
    .header_inner {
        height: 60px;
    }
    .header_left_area {
        max-width: 200px;
    }
    .header_right_area {
        width: 76%;
    }
}
@media screen and (max-width: 959px) {
    .header_left_area {
        width: 80px;
    }
}

.header_right_menu {
    list-style: none
}

.header_right_menu_area {
    padding: 0;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    width: 64%;
    min-width: 150px;
    margin-right: 2.5%; 
}

.header_right_menu_link {
    font-size: 14px;
    font-weight: 700;
    font-family: Zen Kaku Gothic Antique
}

.header_right_btn {
    font-family: 'Noto Sans JP',sans-serif;
    font-weight: 700;
    display: block;
    border-radius: 9999px;
    width: 48%;
    min-width: 156px;
    text-align: center;
    padding: .8em 0;
    font-size: 14px
}

@media screen and (max-width: 959px) {
    .header_right_btn {
        font-size: 15px;
        padding: 18px 0;
        width: 100%
    }
}

.header_right_btn.useful_materials {
    background: #029652;
    color: #fff
}

.header_right_btn.contact {
    background: #F69D05;
    color: #fff
}

@media screen and (max-width: 959px) {
    .header_right_btn.contact {
        margin-bottom:18px
    }
}

.header_right_btn_area {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    width: 60%;
    -webkit-box-pack: justify;
    justify-content: space-between;
    gap: 5px;
}

@media screen and (max-width: 959px) {
    .header_right_btn_area {
        -webkit-box-orient:vertical;
        flex-direction: column;
        width: 87%;
        margin: 51px auto 0
    }
}

.header_right_hb_area {
    width: 28px;
    height: 26px;
    position: relative
}

.header_right_hb_menu {
    position: absolute;
    display: block;
    width: 100%;
    height: 2.5px;
    background: #333;
    left: 0;
    -webkit-transition: .3s;
    transition: .3s
}

.header_right_hb_menu.top {
    top: 0
}

.header_right_hb_menu.top.-active {
    top: 50%;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.header_right_hb_menu.center {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.header_right_hb_menu.center.-active {
    display: none
}

.header_right_hb_menu.bottom {
    bottom: 0
}

.header_right_hb_menu.bottom.-active {
    top: 50%;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.sp_menu {
    position: fixed;
    top: -3000px;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: #fff;
    z-index: 100000;
    -webkit-transition: .3s;
    transition: .3s;
    padding-top: 110px;
}

.sp_menu.-active {
    top: 0
}

.sp_menu_link {
    display: block;
    font-size: 18px;
    text-align: center;
    width: 90%;
    margin: auto auto 18px;
    padding-bottom: 16px;
    border-bottom: 2px solid #CCCCCC;
    position: relative;
    font-weight: bold;
}

.sp_menu_link:after {
    content: "";
    position: absolute;
    display: block;
    width: 1.3em;
    aspect-ratio: 1/1;
    background-image: url(data:image/webp;base64,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);
    background-repeat: no-repeat;
    background-size: contain;
    top: 0;
    right: 4%
}
.hero_section {
    background: url(../../img/service/karte/pc_top01.webp) top center / 100% auto no-repeat;
    width: 100%
}

@media screen and (max-width: 959px) {
    .hero_section {
        background: url(../../img/service/karte/sp_top01.webp) top -90px center / 100% auto no-repeat;
        position: relative;
    }
}

.hero_section_title {
    display: block;
    width: 48%;
    margin-left: 7em;
    margin-bottom: -16px
}

@media screen and (max-width: 959px) {
    .hero_section_title {
        position:relative;
        z-index: 100;
        margin: auto;
        width: 60%
    }
}

.hero_section_sub_title {
    font-weight: 900;
    font-family: Zen Kaku Gothic Antique;
    font-size: 25px;
    letter-spacing: .16px;
    margin-left: 22px;
    margin-top: 16px;
}
.hero_section_sub_title > span {
    font-size: 28px;
}
@media screen and (max-width: 959px) {
    .hero_section_sub_title {
        position:relative;
        z-index: 100;
        font-size: 24px;
        letter-spacing: .016px;
        white-space: nowrap;
        text-align: center;
        margin-left: 0;
        margin-top: 0
    }
}

.hero_section_text {
    font-size: 17px
}

.hero_section_image {
    width: 84%;
}

@media screen and (max-width: 959px) {
    .hero_section_image {
        margin: 0 auto;
        transform: translateX(-15px);
    }
    .hero_section_image.pcImage {
        position:static;
        width: 100%
    }
}

.hero_section_image.human {
    width: 25%;
    left: 67%;
    bottom: 3%
}

@media screen and (max-width: 959px) {
    .hero_section_image.human {
        width:25%;
        left: 75%;
        bottom: 6%
    }
}

.hero_section_image_wrap {
    margin-top: -15px;
    position: relative
}

@media screen and (max-width: 959px) {
    .hero_section_image_wrap {
        height:61vw;
        padding-top: 6px;
    }
}

.hero_section_image_wrap_text {
    color: #07636A;
    font-family: 'Noto Sans JP',sans-serif;
    font-weight: 700;
    font-size: 13px;
    border: 3px solid #07636A;
    background: #fff;
    width: 96px;
    aspect-ratio: 1/1;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    border-radius: 9999px;
    background: #F5FEFF;
}

@media screen and (max-width: 959px) {
    .hero_section_image_wrap_text {
        font-size: 12px;
    }
}

.hero_section_image_wrap_text_box {
    display: -webkit-box;
    display: flex;
    text-align: center;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    gap: .5em
}
.mg-b_0 {
    margin-bottom: 0!important;
}
@media screen and (max-width: 959px) {
    .hero_section_image_wrap_text_box {
        width:85%;
        gap: 12px;
        margin-top: 15px;
    }
}

.hero_section_image_wrap_text_bottom {
    display: -webkit-box;
    display: flex;
    gap: .8em
}
.hero_section_center_text {
    font-size: 14px;
    font-weight: bold;
    line-height: 1.8
}
.hero_section_center_text span.black {
    font-weight: 900;
}
.hero_section_center_text span {
    text-decoration: underline;
    color: #07636A;
}
@media screen and (max-width: 959px) {
    .hero_section_center_text {
        text-align: center;
        margin-top: 24px;
        font-size: 12px;
    }
}

.hero_section_center_text_area {
    margin-top: 24px;
    margin-right: 16px;
    max-width: 600px;
    /* position: absolute; */
    left: 11%;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between
}

@media screen and (max-width: 959px) {
    .hero_section_center_text_area {
        position:static;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column;
        width: 100%;
        margin-right: 0;
    }
}

.hero_section_top {
    display: -webkit-box;
    display: flex;
    padding-top: 6em;
    width: 80%;
    max-width: 1140px;
    margin: auto;
    -webkit-box-pack: justify;
    justify-content: space-between;
    padding-bottom: 0em
}

@media screen and (max-width: 959px) {
    .hero_section_top {
        padding-top: 25px;
        padding-bottom: 10px;
        width: 90%
    }
}

.hero_section_top_left {
    width: 62%
}

@media screen and (max-width: 959px) {
    .hero_section_top_left {
        width:100%
    }
}

.hero_section_top_right {
    width: 38%
}

@media screen and (max-width: 959px) {
    .hero_section_top_right {
        display:none
    }
}

.hero_section_top_right_title {
    width: 100%;
    padding: 7px 0 10px;
    font-size: 20px;
    font-weight: bold;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    color: #fff;
    background: #029652;
    font-family: 'Noto Sans JP',sans-serif;
    font-weight: 700;
    text-align: center;
    box-shadow: 0 .05em .8em #00000026;
}

.hero_section_top_right_sub_title {
    font-family: 'Noto Sans JP',sans-serif;
    font-weight: 700;
    text-align: center;
    position: relative;
    font-size: 16px
}

.hero_section_top_right_sub_title:before,.hero_section_top_right_sub_title:after {
    content: "";
    position: absolute;
    bottom: 15%;
    display: inline-block;
    width: 2px;
    height: 1.2vw;
    background: #333
}

.hero_section_top_right_sub_title:before {
    -webkit-transform: rotate(-35deg);
    transform: rotate(-35deg);
    left: 27%
}

.hero_section_top_right_sub_title:after {
    -webkit-transform: rotate(35deg);
    transform: rotate(35deg);
    right: 27%
}

.hero_section_top_right_form_title {
    font-size: 13px;
    letter-spacing: .05em;
    font-family: 'Noto Sans JP',sans-serif;
    font-weight: 900;
    text-align: center;
    margin-bottom: 16px
}

.hero_section_top_right_form_wrap {
    background: #fff;
    box-shadow: .05em .05em .8em #00000026;
    padding: 25px 26px 15px;
    border-radius: 10px
}

@media screen and (max-width: 959px) {
    .hero_section_top_back_obj {
        position:absolute;
        z-index: 0;
        top: 1%;
        right: -49%;
        width: 90%
    }
}
.heroAward {
    padding: 80px 0;
    background: url(../../img/service/karte/bg-award.webp) top center / cover no-repeat;
}
.hero_section_bottom {
    width: 70%;
    max-width: 880px;
    margin: auto auto 3em;
    position: relative;
    padding: 6em 0 2em
}

@media screen and (max-width: 959px) {
    .heroAward {
        padding: 30px 0 50px;
    }
    .hero_section_bottom {
        width:100%;
        border-left: none;
        border-right: none;
        padding: 24px 0;
        margin-bottom: 0
    }
}

.hero_section_bottom_text {
    position: relative;
    color: #fff;
    font-family: YuMincho,
	"Hiragino Mincho ProN",
	serif;
    text-align: center;
    font-size: 20px;
    margin-bottom: 24px;
    line-height: 1.4
}
.hero_section_bottom_text::before {
    position: absolute;
    content: "";
    top: 50%;
    left: 95px;
    transform: translateY(-50%);
    width: 55px;
    height: 114px;
    background: url(../../img/service/karte/award-left.webp) top center / cover no-repeat;
}
.hero_section_bottom_text::after {
    position: absolute;
    content: "";
    top: 50%;
    right: 95px;
    transform: translateY(-50%);
    width: 55px;
    height: 114px;
    background: url(../../img/service/karte/award-right.webp) top center / cover no-repeat;
}
@media screen and (max-width: 959px) {
    .hero_section_bottom_text {
        position:static;
        text-align: center;
        -webkit-transform: translateX(0);
        transform: translate(0);
        margin: 18px auto;
        width: 100%;
        font-size: 12px;
    }
    .hero_section_bottom_text::before,
    .hero_section_bottom_text::after {
        width: 35px;
        height: 74px;
    }
    .hero_section_bottom_text::before {
        left: 15px;
    }
    .hero_section_bottom_text::after {
        right: 15px;
    }
}

.hero_section_bottom_image {
    display: block;
    width: 75%;
    margin: auto
}

@media screen and (max-width: 959px) {
    .hero_section_bottom_image {
        width:90%
    }
}

@media screen and (max-width: 959px) {
    .hero_section_bottom_image.companyList {
        width:80%
    }
}

.hero_section_bottom_companyList_area {
    width: 75%;
    max-width: 1040px;
    margin: 20px auto 30px;
}

.hero_section_catch {
    position: relative;
    padding-top: 35px;
    width: 70%;
    max-width: 880px;
    margin: auto auto 40px;
}

@media screen and (max-width: 959px) {
    .hero_section_catch {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        flex-direction: column;
        width: 90%;
        margin: auto auto 14px;
    }
}

.hero_section_catch_back {
    padding: 60px 0;
    background: #FAFAFA;
}

@media screen and (max-width: 959px) {
    .hero_section_catch_back {
        padding: 15px 0 45px;
    }
}

.hero_section_catch_text {
    text-align: center;
    margin-top: 3em;
    font-size: 16px;
    line-height: 1.8
}

@media screen and (max-width: 959px) {
    .hero_section_catch_text {
        position:relative;
        text-align: left;
        margin-top: 28px;
        z-index: 100;
        font-size: 13px;
    }
}

.hero_section_catch_title {
    text-align: center;
    margin-bottom: 50px;
    font-family: 'Noto Sans JP',sans-serif;
    font-weight: 900;
    font-size: 28px;
}

@media screen and (max-width: 959px) {
    .hero_section_catch_title {
        font-size: 18px;
        white-space: nowrap
    }
}

.hero_section_catch_image {
    position: relative;
    z-index: 20;
    display: block;
    width: 100%
}

.hero_section_catch_image_area {
    width: 80%;
    margin: 0 auto;
}

@media screen and (max-width: 959px) {
    .hero_section_catch_title {
        margin-bottom: 30px;
    }
    .hero_section_catch_image_area {
        width: 100%;
    }
}

.hero_section_contact_banner_area {
    width: 70%;
    margin: auto;
    padding: 0 0 60px;
}
@media screen and (max-width: 959px) {
    .hero_section_contact_banner_area {
        padding: 12px 0 24px;
    }
}

.merit_section {
    /* background: url(../../img/service/karte/merit_bg.webp) top center / cover no-repeat; */
    padding: 0 0 70px;
    position: relative
}
.merit_section::before {
    position: absolute;
    content: "";
    top: -190px;
    left: 0;
    width: 100vw;
    height: 100vw;
    background: url(../../img/service/karte/merit_bg.webp) top center / cover no-repeat;
}
.contents_title.merit {
    color: #fff;
}
.contents_title.merit span {
    color: #E2E852;
}
.merit_section_text {
    position: relative;
    text-align: center;
    margin: 26px 0 30px;
    font-size: 16px;
    line-height: 2;
    color: #fff;
}

@media screen and (max-width: 959px) {
    .merit_section {
        padding-bottom: 40px;
        padding-top: 20px;
    }
    .merit_section::before {
        top: -70px;
        height: calc(100% + 70px);
        background: url(../../img/service/karte/merit_bg_sp.webp) top center / cover no-repeat;
    }
    .merit_section_text {
        font-size: 12px;
        margin-top: 24px;
        margin-bottom: 20px;
    }
}

.merit_section_point {
    background: #fff;
    border-radius: 25px;
    width: calc(100% / 3 - 16px);
    max-width: 320px;
    padding: 32px 16px;
}

@media screen and (max-width: 959px) {
    .merit_section_point {
        width: 100%;
        max-width: 720px;
        padding: 32px 12px;
        margin-bottom: 24px;
    }
}

.merit_section_point_area {
    position: relative;
    margin: 0 auto;
    padding: 0 20px;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
    gap: 12px;
    max-width: 1040px;
    z-index: 999;
}

@media screen and (max-width: 959px) {
    .merit_section_point_area {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        flex-direction: column;
        padding: 0 30px;
        gap: 0;
    }
}

.merit_section_point_title {
    font-family: 'Noto Sans JP',sans-serif;
    font-weight: 700;
    text-align: center;
    font-size: 22px;
}

@media screen and (max-width: 959px) {
    .merit_section_point_title {
        font-size: 16px;
        margin-bottom: 32px;
    }
}

.merit_section_point_text {
    font-size: 15px;
    font-weight: 500;
    line-height: 1.8;
    text-align: center;
}

@media screen and (max-width: 959px) {
    .merit_section_point_text {
        font-size: 12px;
        margin-top: 24px;
    }
}

.merit_section_point_image {
    width: 50%;
    height: 100px;
    margin: 18px auto;
    -o-object-fit: contain;
    object-fit: contain
}

@media screen and (max-width: 959px) {
    .merit_section_point_image {
        height:auto;
        width: 25%
    }
}

.merit_section_point_image.graph {
    width: 45%
}

@media screen and (max-width: 959px) {
    .merit_section_point_image.graph {
        height:auto;
        width: 30%
    }
}

.merit_section_point_image.time {
    width: 45%
}

@media screen and (max-width: 959px) {
    .merit_section_point_image.time {
        height:auto;
        width: 20%
    }
}

.case_section {
    padding: 80px 0;
    width: 100%;
    position: relative;
    background: #fff;
}

@media screen and (max-width: 959px) {
    .case_section {
        padding: 45px 0;
    }
}

.case_area {
    margin-top: 3em;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between
}

@media screen and (max-width: 959px) {
    .case_area {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        flex-direction: column
    }
}

.case_wrapper {
    width: 31%;
    box-shadow: .05em .05em .3em #0003;
    border-radius: 2em
}

@media screen and (max-width: 959px) {
    .case_wrapper {
        width:100%;
        border-radius: 6em;
        overflow: hidden;
        margin-bottom: 10em;
        box-shadow: .05em .05em 3em #cae6d3
    }
}

.case_image {
    background-color: #b9b9b9;
    width: 100%;
    height: 17.5em;
    border-radius: 2em 2em 0 0;
    position: relative
}

@media screen and (max-width: 959px) {
    .case_image {
        height:60em
    }
}

.case_image_label {
    width: 57%;
    height: 3.16px;
    background-color: #8bb924;
    border-top-right-radius: .6em;
    position: absolute;
    bottom: 0;
    left: 0;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center
}

.case_image_label_text {
    font-size: 14px;
    font-family: 'Noto Sans JP',sans-serif;
    font-weight: 500;
    color: #fff
}

@media screen and (max-width: 959px) {
    .case_image_label_text {
        font-size:4em;
        padding: 16px 0
    }
}

@media screen and (max-width: 959px) {
    .case_image_label {
        width:65%;
        height: auto;
        border-top-right-radius: 3em
    }
}

.case_bottom_area {
    padding: 2em 2.7em;
    height: 16em;
    border-radius: 0 0 2em 2em;
    background-color: #fff;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column
}

@media screen and (max-width: 959px) {
    .case_bottom_area {
        padding:6.5em 8em;
        height: auto;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column
    }
}

.case_bottom_title {
    color: #8bb924;
    font-size: 17px;
    font-family: 'Noto Sans JP',sans-serif;
    font-weight: 700;
}

@media screen and (max-width: 959px) {
    .case_bottom_title {
        font-size:5.5em;
        margin-bottom: 16px
    }
}

.case_bottom_description {
    font-size: .89em;
    font-family: 'Noto Sans JP',sans-serif;
    font-weight: 500;
    color: #333;
    line-height: 26px
}

@media screen and (max-width: 959px) {
    .case_bottom_description {
        font-size:3em
    }
}

.case_bottom_date {
    color: #aaa
}

@media screen and (max-width: 959px) {
    .case_bottom_date {
        margin-top:16px;
        font-size: 3.5em
    }
}

.case_circle {
    position: absolute
}

.case_circle.one {
    width: 18%;
    height: 18%;
    top: -3em;
    left: -4em;
    z-index: 100
}

@media screen and (max-width: 959px) {
    .case_circle.one {
        width:30%;
        height: 30%;
        top: -6em;
        left: -8em
    }
}
#functionSection {
    padding: 80px 0 190px;
    background: url(../../img/service/karte/bg-function.webp) top center / cover no-repeat;
}
.function__inner {
    width: calc(100% - 286px);
    margin-right: 10px;
}
.contents_title.function {
    margin-bottom: 50px;
}
.function__list {
    max-width: 1040px;
    margin: 0 auto;
    padding: 0 20px;
}
.function__items {
    position: relative;
    box-sizing: border-box;
    display: flex;
    margin-bottom: 25px;
    padding: 26px 32px;
    border-radius: 30px;
    box-shadow: 0px 6px 20px rgba(0, 0, 0, 0.1);
    background: #fff;
}
.function__cont {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.function__inner > img {
    position: absolute;
    top: 10px;
    right: 15px;
    width: 85px;
}
.function__title {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}
.function__title img {
    width: 60px;
    margin-right: 16px;
}
.function__title h3 {
    margin-right: 16px;
    font-size: 26px;
    font-weight: bold;
}
.function__title span {
    padding: 2px 15px;
    border-radius: 7px;
    font-size: 18px;
    color: #fff;
    background: #1C636A;
    white-space: nowrap;
}
.function__img {
    width: 286px;
}
.function__text {
    font-size: 16px;
}
.useful_section {
    padding: 90px 0 60px;
    width: 100%;
    background: url(../../img/service/karte/bg-useful.webp) top center / cover no-repeat, #FAFAFA;
    position: relative;
}
.useful_area {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: center;
}
@media screen and (max-width: 1024px) {
    .useful_area {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        flex-direction: column
    }
}
@media screen and (max-width: 959px) {
    .useful_section {
        padding: 76px 0 24px;
        background: url(../../img/service/karte/bg-useful-sp.webp) top center / cover no-repeat, #fff;
    }
}

.useful_wrapper {
    display: flex;
    flex-direction: column;
    width: 31%;
    max-width: 320px;
    margin: 0 15px 15px;
    box-shadow: 0 6px 20px rgba(0, 0, 0, .1);
    border-radius: 15px;
}

@media screen and (max-width: 1024px) {
    .useful_wrapper {
        width:  90%;
        margin: 0 auto;
        overflow: hidden;
        margin-bottom: 20px;
        z-index: 10;
    }
}

.useful_image {
    width: 100%;
    height: auto;
    border-radius: 15px 15px 0 0;
    overflow: hidden;
}
.useful_image img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}
@media screen and (max-width: 1024px) {
    .useful_image img {
        object-fit: contain;
    }
}

.useful_bottom_area {
    padding: 24px 32px;
    border-radius: 0 0 2em 2em;
    background-color: #fff;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    flex: 1 1 auto;
}
@media screen and (max-width: 1024px) {
    .useful_bottom_area {
        padding: 25px 20px;
    }
}
@media screen and (max-width: 1024px) {
    .useful_bottom_area {
        height: auto
    }
}

.useful_bottom_title {
    font-size: 18px;
    font-family: 'Noto Sans JP',sans-serif;
    font-weight: 700;
    color: #333;
}

@media screen and (max-width: 1024px) {
    .useful_bottom_title {
        text-align: center;
        font-size: 16px;
    }
}

.useful_bottom_description {
    flex-grow: 1;
    margin-top: 16px;
    font-size: 12px;
    font-family: 'Noto Sans JP',sans-serif;
    font-weight: 500;
    color: #333;
    line-height: 2;
}

@media screen and (max-width: 1024px) {
    .useful_bottom_description {
        font-size: 12px;
    }
}

.useful_bottom_btn {
    align-content: center;
    text-align: center;
    margin: 16px auto 0;
    padding: 11px 0;
    min-width: 224px;
    width: 100%;
}
.useful_bottom_btn.disabled {
    pointer-events: none;
    background: #cdcdcd;
    border: 2.5px solid #cdcdcd;
}
.useful_bottom_btn.yellow_btn:hover {
    color: #fff;
}
@media (min-width: 1024px) and (max-width: 1080px) {
    .useful_bottom_btn {
        min-width: auto;
    }
}
@media screen and (max-width: 1024px) {
    .useful_bottom_btn {
        width:100%
    }
}

.question_section {
    padding: 80px 0;
    width: 100%;
    background-color: #fafafa;
    position: relative;
}

@media screen and (max-width: 959px) {
    .question_section {
        padding-top: 47px;
        padding-bottom: 27px;
    }
}

.question_section_inner {
    margin: auto;
}

.question_area {
    margin-top: 2.8em;
    padding: 2em 0;
    border-radius: 30px;
    background-color: #fff;
    position: relative;
    z-index: 1;
}

@media screen and (max-width: 959px) {
    .question_area {
        margin-top: 20px;
        padding: 27px 0;
    }
}

.question_wrapper {
    margin: 2em auto;
    width: 85%;
}

@media screen and (max-width: 959px) {
    .question_wrapper {
        width: 90%;
        margin: 8px auto;
    }
}

.question_question_wrapper {
    margin-top: 30px;
    padding: 15px 18px;
    width: 100%;
    background-color: #E2E852;
    border-radius: 12px;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    cursor: pointer;
}

@media screen and (max-width: 959px) {
    .question_question_wrapper {
        height: auto;
        margin-top: 16px;
        padding: 16px 12px;
        background-color: #E2E852;
    }
}

.question_question_icon {
    margin-right: 16px;
    width: 40px;
    background-color: #fff;
    border-radius: 50%
}

@media screen and (max-width: 959px) {
    .question_question_icon {
        width: 25px;
        margin-right: 4px;
    }
}

.question_question_title {
    font-size: 17px;
    font-weight: 700;
    font-family: 'Noto Sans JP',sans-serif;
}

@media screen and (max-width: 959px) {
    .question_question_title {
        padding:0 0 0 .3em;
        width: 84%;
        font-size: 16px;
    }
}

.question_question_accordion {
    margin-left: auto;
    font-size: 2em;
    font-weight: 700;
    color: #333;
    cursor: pointer
}

@media screen and (max-width: 959px) {
    .question_question_accordion {
        width: 5%;
        font-size: 16px;
    }
}

.question_answer_wrapper {
    margin: 16px 0 2.8em;
    padding: 0 0 0 18px;
    width: 100%;
    height: 60%;
    background-color: #fff;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
}
.question_answer_wrapper.first {
    align-items: flex-start;
}
@media screen and (max-width: 959px) {
    .question_answer_wrapper {
        align-items: flex-start;
        height:auto;
        margin-top: 20px;
        padding: 4px 12px;
    }
}

.question_answer_wrapper:last-child {
    margin-bottom: 0
}

.question_answer_icon {
    margin-right: 16px;
    width: 40px;
    background-color: #fff;
    border-radius: 50%;
}

@media screen and (max-width: 959px) {
    .question_answer_icon {
        width: 25px;
    }
}

.question_answer_text {
    font-family: 'Noto Sans JP',sans-serif;
    font-weight: 500;
    letter-spacing: .1;
    font-size: 17px;
    line-height: 2;
}
.question_answer_text p > span {
    display: inline-block;
    padding: 3px 4px;
    margin-right: 10px;
    font-size: 14px;
    line-height: 1;
    font-weight: bold;
    border-radius: 5px;
    border: 1px solid #5F5F5F;
}
@media screen and (max-width: 959px) {
    .question_answer_text {
        width:92%;
        font-size: 12px;
    }
    .question_answer_text p > span {
        margin-right: 0;
        font-size: 10px;
    }
}
.question_circle {
    position: absolute;
}
.question_circle.one {
    width: 12em;
    height: 12em;
    top: -3%;
    right: 3.5%;
}
.question_circle.two {
    width: 19em;
    height: 19em;
    top: 2%;
    right: 6.5%;
}
.question_circle.three {
    width: 15em;
    height: 15em;
    bottom: 11.5%;
    left: 3.5%;
}
[id^=minus],[id^=answer] {
    display: none
}
.contact_section {
    color: #333;
    width: 100%;
    margin: auto;
    padding: 80px 0;
    position: relative;
}
@media screen and (max-width: 959px) {
    .contact_section {
        width:90%;
        padding: 40px 0;
    }
}
.contact_caution {
    margin: 26px 0 50px;
    font-family: 'Noto Sans JP',sans-serif;
    font-weight: 500;
    font-size: 14px;
    color: #333;
    text-align: center;
}

@media screen and (max-width: 959px) {
    .contact_caution {
        font-size: 16px;
        margin: 18px 0 2.5em;
        line-height: 2em
    }
}

.contact_caution_required {
    color: #f5561b
}

.contact_require {
    position: relative;
    display: inline-block;
    width: 16px;
    height: 2em;
    font-family: 'Noto Sans JP',sans-serif;
    font-weight: 500;
    font-size: 18px;
    background-color: #f5561b;
    color: #fff;
    margin-left: .5em;
    vertical-align: -.32em
}

.contact_require :after {
    content: "必須";
    font-family: 'Noto Sans JP',sans-serif;
    font-weight: 500;
    font-size: 18px;
    color: #fff;
    background-color: #f5561b;
    position: absolute;
    top: 0;
    right: 0
}

.contact_form {
    margin: auto;
    font-size: 17px
}

.contact_form_wrapper {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    margin-bottom: 18px
}

@media screen and (max-width: 959px) {
    .contact_form_wrapper {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        flex-direction: column;
        margin-bottom: 22px;
    }
    .contact_form_wrapper p {
        width: 100%;
    }
}

.contact_form_wrapper.baseline {
    -webkit-box-align: start;
    align-items: start
}

.contact_form.freeTrial {
    background: #fff;
    padding: 3em 4em;
    border-radius: 15px;
    margin-top: 2em;
}

@media screen and (max-width: 959px) {
    .contact_form.freeTrial {
        width: 100%;
        padding: 13px 17px;
    }
    .contact_form_wrapper.baseline {
        align-items: center;
    }
}
.wpSubmitBtn.contact {
    text-align: center;
}
.contact_form_select {
    width: 100%;
    font-family: 'Noto Sans JP',sans-serif;
    font-weight: 500;
    background: #fff;
    border: 1px solid #CCCCCC;
    border-radius: 3px;
    padding: .3em
}

@media screen and (max-width: 959px) {
    .contact_form_select {
        font-size: 13px;
        width: 100%;
        padding: .7em;
        border-radius: 5px
    }
}

.contact_form_select:disabled {
    background: #f2f2f2;
    cursor: not-allowed
}

.contact_form_select:focus {
    outline: 0
}

.contact_form_select.half {
    width: 48%
}

@media screen and (max-width: 959px) {
    .contact_form_select.half {
        width:48%
    }
}

.contact_form_label {
    font-size: 16px;
    font-weight: bold;
    font-family: 'Noto Sans JP',sans-serif;
    font-weight: 700;
    letter-spacing: .1px;
    width: 31%;
}

@media screen and (max-width: 959px) {
    .contact_form_label {
        padding-left:.8em;
        font-size: 16px;
        width: 100%
    }
}

@media screen and (max-width: 959px) {
    .contact_form_label.mb {
        margin-bottom:16px
    }
}

.contact_form_label.hero {
    display: block;
    margin-bottom: .5em;
    width: 100%;
}

.contact_form_input {
    width: 100%;
    background: #F8F8F8;
    border: 1px solid #CCCCCC;
    border-radius: 3px;
    padding: .3em
}

@media screen and (max-width: 959px) {
    .contact_form_input {
        font-size: 13px;
        width: 100%;
        padding: .7em;
        border-radius: 5px;
    }
}

.contact_form_input:disabled {
    background: #f2f2f2;
    cursor: not-allowed
}

.contact_form_input:focus {
    outline: 0
}

.contact_form_input.tel {
    width: 20%
}

@media screen and (max-width: 959px) {
    .contact_form_input.tel {
        width:30%
    }
}

.contact_form_input.textarea {
    resize: none;
    height: 10vw;
    background: #F8F8F8;
}

@media screen and (max-width: 959px) {
    .contact_form_input.textarea {
        height:26vw
    }
}

.contact_form_input.checkbox {
    width: 100%
}

.contact_form_input.half {
    width: 48%
}

@media screen and (max-width: 959px) {
    .contact_form_input.half {
        width:48.5%
    }
}

.contact_form_input.hero {
    width: 100%;
    padding: .3em .5em;
    margin-bottom: 18px;
    font-size: 16px;
}

.contact_form_name_area {
    width: 52%;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
}

@media screen and (max-width: 959px) {
    .contact_form_name_area {
        width: 92%!important;
        justify-content: center!important;
    }
}
@media screen and (max-width: 600px) {
    .contact_form_name_area {
        width: 100%!important;;
    }
}
.contact_form_tel_area {
    width: 60%;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
}

@media screen and (max-width: 959px) {
    .contact_form_tel_area {
        width:100%;
    }
}

.contact_form_tel_hyphen {
    margin: 0 .5em;
}

@media screen and (max-width: 959px) {
    .contact_form_tel_hyphen {
        font-size: 3em;
    }
}

.contact_form_radio {
    width: 18px!important;
    height: 18px!important;
    border: 1px solid #F4F4F4;
}

@media screen and (max-width: 959px) {
    .contact_form_radio {
        vertical-align:-.2em
    }
}

.contact_form_radio.hero {
    width: 17px!important;
    aspect-ratio: 1/1
}

.contact_form_caution_area {
    margin-top: 32px;
    text-align: center
}

.contact_form_consent {
    font-size: 16px;
    font-family: 'Noto Sans JP',sans-serif;
    font-weight: 500;
    display: block;
    margin: 30px 0 0;
}

@media screen and (max-width: 959px) {
    .contact_form_consent {
        margin-top: 18px;
    }
}

.contact_form_consent.hero {
    text-align: center;
    margin-top: .8em
}

.contact_form_consent_caution {
    font-size: .83em;
    font-family: 'Noto Sans JP',sans-serif;
    font-weight: 500;
    line-height: 2
}

@media screen and (max-width: 959px) {
    .contact_form_consent_caution {
        font-size: 12px;
        text-align: start;
        line-height: 2
    }
}

.contact_form_privacy_policy_link {
    color: #333;
    font-family: 'Noto Sans JP',sans-serif;
    font-weight: 500;
    text-decoration: underline
}

.contact_form_privacy_policy_link.hero {
    color: #568ec6
}

.contact_form_privacy_policy_link:hover {
    opacity: .8
}

.required {
    color: #fff;
    background-color: #f5561b;
    margin: 0 3px;
    padding: 3px 2px;
    border-radius: 3px;
    font-size: 12px;
}

.arbitrary {
    color: #fff;
    background-color: #ccc;
    margin: 0 3px;
    padding: 3px 2px;
    border-radius: 4px;
    font-size: 12px;
}

.valid_message {
    color: #f5561b;
    font-size: .8em;
    margin-left: .5em;
    display: none
}

.valid_message.active {
    display: block
}

.footer {
    width: 100%;
    height: 150px;
    background-color: #f4f4f4
}

.footer_inner {
    width: 24%;
    height: 100%;
    padding: 56px 0;
    margin: auto;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
}

@media screen and (max-width: 959px) {
    .footer_inner {
        width:78%;
        padding-top: 52px;
        padding-bottom: 16px;
    }
}

.footer_copy_right {
    margin-top: 24px;
    font-family: 'Noto Sans JP',sans-serif;
    font-weight: 500;
    font-size: .938em;
    color: #777
}

@media screen and (max-width: 959px) {
    .footer_copy_right {
        margin-top: 32px;
        font-size: 12px;
    }
}
.footer_logo_area {
    min-width: 280px;
}

.contact_banner {
    position: relative;
    z-index: 100
}

.contact_banner_wrapper {
    padding: 3.16px 5em;
    width: 100%;
    max-width: 880px;
    margin: 0 auto;
    position: relative;
    border-radius: 2em;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between
}

@media screen and (max-width: 959px) {
    .contact_banner_wrapper {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        flex-direction: column;
        width: 95vw;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translate(-50%);
        padding: 3.16px 20px;
        z-index: 112;
    }
}

.contact_banner_title {
    font-size: 1.65em;
    font-family: 'Noto Sans JP',sans-serif;
    font-weight: 900;
    text-align: center;
    color: #105f4c;
    position: relative
}

.contact_banner_title:before {
    position: absolute;
    content: "";
    width: 4%;
    height: .15em;
    background-color: #afafaf;
    top: 50%;
    left: 9%;
    -webkit-transform: rotate(55deg);
    transform: rotate(55deg)
}

.contact_banner_title:after {
    position: absolute;
    content: "";
    width: 4%;
    height: .15em;
    background-color: #afafaf;
    bottom: 50%;
    right: 9%;
    -webkit-transform: rotate(-55deg);
    transform: rotate(-55deg)
}

.contact_banner_button {
    font-size: 16px;
    width: 100%;
    height: 4em;
    border: none;
    border-radius: 4em;
    color: #fff
}

@media screen and (max-width: 959px) {
    .contact_banner_button {
        font-size: 16px;
        line-height: 2
    }
}

.contact_banner_button.left {
    background: url(../../img/service/karte/btn_arrow_green.webp) center right 20px / 26px no-repeat, #029652;
}

.contact_banner_button.right {
    background: url(../../img/service/karte/btn_arrow_orange.webp) center right 20px / 26px no-repeat, #F69D05;
}
.hero_section_top_right .wpSubmitBtn.heroTop {
    text-align: center;
}
.hero_section_top_right .contact_banner_button.left.disabled {
    pointer-events: none;
    background: url(../../img/service/karte/btn_arrow_green.webp) center right 20px / 26px no-repeat, #ccc;
}
.hero_section_top_right .contact_banner_button.left {
    width: 100%;
    margin-top: 18px;
    background: url(../../img/service/karte/btn_arrow_green.webp) center right 20px / 26px no-repeat, #029652;
}
.contact_banner_button_area {
    width: 100%;
    margin-top: 14px;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    align-items: center;
}

.contact_banner_button_left,.contact_banner_button_right {
    width: 47%;
    position: relative;
    z-index: 12;
}

@media screen and (max-width: 959px) {
    .contact_banner_button_right {
        width:100%;
        margin-top: 20px;
    }
    .contact_banner_button.left {
        background: url(../../img/service/karte/btn_arrow_green.webp) center right 20px / 20px no-repeat, #029652;
    }
    
    .contact_banner_button.right {
        background: url(../../img/service/karte/btn_arrow_orange.webp) center right 20px / 20px no-repeat, #F69D05;
    }
}

.contact_banner_button_icon {
    width: 340px;
    height: 95px;
    position: absolute;
    top: -30%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translate(-50%)
}

.contact_banner_button_icon img {
    width: 50%;
    display: block;
    margin: auto
}
@media screen and (max-width: 959px) {
    .contact_banner_button_icon img {
        width: 46%;
    }
}
.contact_banner_button_icon.left:after {
    content: "かんたん入力";
    font-size: 12px;
    position: absolute;
    top: 18%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.contact_banner_button_icon.right:after {
    content: "無料で相談";
    font-size: 12px;
    position: absolute;
    top: 18%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.contact_banner_tel_area {
    width: 100%;
    margin-top: 2.5em;
    padding: 16px 8em;
    background-color: #f0f5f2;
    border-radius: .5em;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    align-items: center
}

.contact_banner_tel_txtArea {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: start;
    align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column
}

.contact_banner_tel_topTxt {
    font-size: 1.25em;
    font-family: 'Noto Sans JP',sans-serif;
    font-weight: 700;
    color: #333
}

.contact_banner_tel_bottomTxt {
    margin-top: .5em;
    font-size: .8em;
    font-family: 'Noto Sans JP',sans-serif;
    font-weight: 500;
    color: #333
}

.contact_banner_tel_reserve {
    padding: .16px .2em;
    border: 1px solid #707070;
    margin-right: .5em
}

.contact_banner_tel_image {
    width: 3em;
    height: 3em;
    margin-left: 18px
}

.contact_banner_tel_number {
    font-size: 2.7em;
    font-family: 'Noto Sans JP',sans-serif;
    font-weight: 700;
    color: #333
}

.freeTrial_main {
    background-image: url(./freeTrial_back-03d2b4aa.webp);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    background-color: #fffef4
}

@media screen and (max-width: 959px) {
    .freeTrial_main {
        background-image:url(./sp_freeTrial_back-7e4c9747.webp)
    }
}

.breadcrumbTrail {
    margin: 32px 0 64px;
}

@media screen and (max-width: 959px) {
    .breadcrumbTrail {
        margin: 40px 0 20px;
        font-size: 14px;
    }
}
 
.pc {
    display: block!important
}

.pc_inline {
    display: inline
}

.pc_fx {
    display: -webkit-box;
    display: flex
}

.sp,.sp_inline,.no_lp {
    display: none!important
}

@media screen and (max-width: 959px) {
    .pc {
        display:none!important;
        margin: 0;
        padding: 0
    }

    .pc_fx,.pc_inline {
        display: none!important
    }

    .sp {
        display: block!important
    }

    .sp_inline {
        display: inline!important
    }
}

.thanks_main {
    background: #FFFBD3;
    position: relative;
    overflow: hidden
}

.thanks_inner {
    padding: 6em;
}

@media screen and (max-width: 959px) {
    .thanks_inner {
        padding: 32px 0;
    }
}

.thanks_text {
    font-size: 16px;
    text-align: center;
    line-height: 2;
    margin-top: 34px;
    background: #fff;
    border-radius: 12px;
    padding: 50px 0;
    position: relative;
    z-index: 100
}

.thanks_top_btn {
    font-family: 'Noto Sans JP',sans-serif;
    font-weight: 700;
    display: block;
    margin: 48px auto 0;
    border: 2px solid #F5951B;
    width: 35%;
    border-radius: 9999px;
    padding: 16px 0;
    text-align: center;
    color: #f5951b;
    background: #fff;
    position: relative;
    font-size: 16px;
}

@media screen and (max-width: 959px) {
    .thanks_top_btn {
        width: 90%
    }
}

.thanks_top_btn:after {
    content: "";
    display: block;
    position: absolute;
    width: 18px;
    aspect-ratio: 1/1;
    background-image: url(data:image/webp;base64,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);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: contain;
    right: 5%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 1.7em
}

.thanks_top_btn:hover {
    background: #F5951B;
    color: #fff
}

.thanks_top_btn:hover:after {
    background-image: url(data:image/webp;base64,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)
}

.thanks_top_btn_area {
    width: 100%
}

.thanks_bg_obj {
    position: absolute;
    z-index: 10;
    width: 30%
}

@media screen and (max-width: 959px) {
    .thanks_bg_obj {
        display:none
    }
}

.thanks_bg_obj.left {
    width: 50%;
    bottom: -20%;
    left: -18%
}

.thanks_bg_obj.right {
    width: 55%;
    top: -8%;
    right: -10%
}

/* 202409 料金表追加 */
#priceSection {
    background: #FAFAFA;
}
.price_title {
    display: inline-block;
    padding: 12px 80px;
    font-size: 34px;
    border-radius: 12px;
    transform: translateY(-50%);
    font-weight: bold;
    color: #fff;
    background-color: #9FD427;
}
#priceSection {
    position: relative;
    padding: 80px 0;
}
#priceSection .contents_title.useful {
    margin-bottom: 85px;
}
.price_title.discount {
    position: absolute;
    content: "";
    top: 0;
    left: -94px;
    width: 144px;
    height: 144px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
    font-size: 17px;
    border-radius: 50%;
    transform: translateY(0);
}
.price_container {
    position: relative;
    text-align: center;
}
.price_box {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    gap: 30px;
}
.price_box_inner > p {
    position: absolute;
    content: "";
    bottom: -30px;
    right: 0;
    font-size: 15px;
}
.priceInitial_price {
    display: inline-block;
    text-align: center;
    margin-bottom: 46px;
    line-height: .8;
    font-size: 70px;
    font-family: 'Noto Sans JP',sans-serif;
    font-weight: bold;
}
.priceInitial_price span.underline {
    background: linear-gradient(to bottom, transparent 0%, transparent 70%, #E2E852 70%, #E2E852 85%, transparent 86%);
}
.price_box_inner.subscribe .priceInitial_price span.underline {
    background: linear-gradient(to bottom, transparent 0%, transparent 70%, #F69D05 70%, #F69D05 85%, transparent 86%);
}
.priceInitial_price span.price {
    font-size: 30px;
}
.priceInitial_price span.tax {
    font-size: 20px;
}
.price_box_inner {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 50%;
    max-width: 480px;
    border: 2px solid #029652;
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 6px 20px rgba(0, 0, 0, .1);
}
.price_box_inner h4 {
    width: 70%;
    margin: -20px auto 20px;
    padding: 4px;
    font-size: 22px;
    font-weight: bold;
    border-radius: 30px;
    color: #fff;
    background: #029652;
}
.price_box_inner.subscribe {
    border: 2px solid #F69D05;
}
.price_box_inner.subscribe h4 {
    background: #F69D05;
}
.price_box_inner h4::after {
    position: absolute;
    content: "";
    top: -16px;
    left: 0px;
    width: 74px;
    height: 74px;
}
.price_box_inner h5 {
    position: relative;
    display: inline-block;
    font-size: 20px;
    font-weight: bold;
}
.price_box_inner h5 span {
    font-size: 16px;
}
.price_box_inner h5::before {
    position: absolute;
    content: "⚫︎";
    top: 50%;
    left: -30px;
    transform: translateY(-50%);
    color: #339044;
}
.price_box_inner h5::after {
    position: absolute;
    content: "⚫︎";
    top: 50%;
    right: -30px;
    transform: translateY(-50%);
    color: #339044;
}
.price_box_inner.subscribe h5::before,
.price_box_inner.subscribe h5::after {
    color: #F69D05;
}
@media screen and (max-width: 1200px) {
    .price_box_inner h4 {
        font-size: 21px;
    }
    .price_box_inner h5 span {
        font-size: 12px;
    }
    .price_box_inner > p {
        font-size: 11px;
        bottom: -30px;
    }
}

@media screen and (max-width: 1024px) {
    .price_title {
        padding: 12px 65px;
        font-size: 22px;
    }
    .price_box_inner h4 {
        width: calc(100% / 3 * 2);
        padding: 3px 10px;
        font-size: 16px;
    }
    .price_box_inner h4::after {
        top: -13px;
        width: 57px;
        height: 57px;
    }
    .priceRunning .price_container {
        padding: 0 30px 60px;
    }
    .price_box {
        flex-direction: column;
        align-items: center;
    }
}

@media screen and (max-width: 767px) {
    #priceSection {
        padding: 40px 0 60px;
    }
    #priceSection .contents_title.useful {
        margin-bottom: 50px;
    }
    .price_title {
        padding: 12px 65px;
        font-size: 16px;
    }
    .price_title.discount {
        position: static;
        display: inline-block;
        width: auto;
        height: auto;
        padding: 12px 32px;
        border-radius: 12px;
        transform: translateY(28px);
        font-size: 16px;
    }
    .price_box {
        flex-direction: column;
        align-items: center;
        gap: 20px;
    }
    .priceRunning .price_box {
        gap: 45px;
    }
    .price_container {
        padding: 0 20px 30px;
    }
    .priceRunning .price_container {
        padding: 0 15px 18px;
    }
    .price_box_inner {
        width: 100%;
        padding: 0 0 16px;
    }
    .price_box_inner h4::after {
        top: -13px;
    }
    .priceInitial {
        margin-bottom: 46px;
    }
    .priceInitial .priceInitial_price {
        margin-bottom: 0;
    }
    .priceRunning .priceInitial_price {
        margin-bottom: 20px;
        font-size: 55px;
    }
    .priceInitial_price span.price {
        font-size: 22px;
    }
    .priceInitial_price span.tax {
        font-size: 15px;
    }
    .priceRunning .price_box > p {
        bottom: -20px;
        right: 0;
        font-size: 12px;
    }
    .price_box_inner h5 {
        font-size: 14px;
    }
}
/* 241106追加 */
.c_main02,
.c_bread {
    display: none;
}
main {
    padding-top: 70px;
}
.heroMv {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    gap: 13px;
    width: 100%;
    padding: 24px 0 12px;
    background: #F7FEFD;
}
.hero_section_top {
    /* background: url(../../img/service/karte/bg-mv.webp) top center / cover no-repeat; */
}
.heroMv__logo {
    text-align: center;
    max-width: 410px;
}
.heroMv__logo figcaption {
    font-size: 10px;
}
.heroMv > p {
    line-height: 1;
    font-size: 20px;
    font-weight: bold;
}
.iframeWrap {
    max-width: 800px;
    margin: -65px auto 80px;
}
.iframeWrap lite-youtube {
    height: 450px;
}
.case__item__image {
    position: relative;
}
.case__category {
    position: absolute;
    bottom: 0;
    left: 0;
    display: inline-block;
    padding: 12px;
    margin-right: 5px;
    font-size: 1.3rem;
    border-top-right-radius: 10px;
    color: #fff;
    background: #07636A;
}
.case__item__detail h4 {
    font-size: 18px;
    color: #333;
    border-bottom: none;
}
.case__item__detail h4::after {
    content: none;
}
.case__item__serviceName {
    color: #A3A3A3;
    border: 1px solid #A3A3A3;
}
@media screen and (max-width: 959px) {
    .heroMv {
        flex-direction: column;
        align-items: center;
        gap: 3px;
        padding: 10px 0 12px;
    }
    .heroMv__logo {
        width: 80%;
        margin: 0 auto;
    }
    .heroMv > p {
        font-size: 13px;
    }
    .heroMv .att {
        font-size: 10px;
        font-weight: 400;
    }
    .heroMv__logo figcaption {
        display: none;
    }
    .iframeWrap {
        width: 100%;
        max-width: 300px;
        margin: -50px auto 40px;
    }
    .iframeWrap lite-youtube {
        height: 169px;
    }
    #functionSection {
        padding: 50px 20px 80px;
    }
    .contents_title.function {
        margin-bottom: 30px;
    }
    .function__inner {
        width: 100%;
    }
    .function__title {
        flex-direction: column;
        margin-bottom: 12px;
    }
    .function__title img {
        width: 55px;
        margin-right: 0;
    }
    .function__title h3 {
        margin-right: 0;
        margin-bottom: 5px;
        font-size: 17px;
    }
    .function__title span {
        font-size: 14px;
    }
    .function__list {
        padding: 0;
    }
    .function__items {
        flex-direction: column;
        padding: 15px 14px;
    }
    .function__inner > img {
        top: -15px;
        right: -15px;
        width: 75px;
    }
    .function__text {
        margin-bottom: 12px;
        margin-right: 0;
        font-size: 12px;
    }
    .function__img,
    .function__img img {
        width: 100%;
    }
}

    /* slick */
.slick-arrow {
    border: none;
    z-index: 999;
    cursor: pointer;
}
.slick-track {
    display: flex!important;
}
.slick-prev,
.slick-next {
    position: absolute;
    content: ""!important;
	width: 50px!important;
	height: 50px!important;
    top: 50%;
    transform: translateY(-50%);
    color: transparent;
    border-radius: 50%;
    background-color: #fff!important;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .16);
}
.slick-prev {
	left: -2vw;
    z-index: 9999;
}
.slick-next {
	right: -2vw;
    z-index: 9999;
}
.slick-next:before,
.slick-prev:before {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 1!important;
}
.slick-next:before {
    content: ""!important;
    display: block;
    width: 9px;
    height: 13px;
    background: url(../../img/service/slide-arrow-right.png), top center / contain no-repeat !important;
}
.slick-prev:before {
    content: ""!important;
    display: block;
    width: 9px;
    height: 13px;
    background: url(../../img/service/slide-arrow-left.png), top center / contain no-repeat !important;
}
.slick-initialized .slick-slide {
    width: 320px!important;
}
.slick-slide .case__item {
    margin: 0!important;
}
.case__item__image img {
    height: 210px;
}
.case__item__detail {
    padding: 18px 18px 24px;
}
.case__item__detail h4 {
    margin-bottom: 0;
}
.slick-initialized .slick-slide {
    margin: 0 8px 15px!important;
}
@media (max-width: 769px) {
	.case__item {
		box-shadow: 0 4px 6px 0px rgba( 0, 0, 0, .25);
	}
	.case__item a {
		flex-direction: column;
	}
	.case__item__category {
        margin: 0 5px 0 0;
        transform: translateY(-16px);
	}
	.case__item__image{
        width: auto;
		height: auto;
	}
	.case__item__image img{
		width: 100%;
		height: 180px;
	}
	.case__item__detail {
		width: 100%;
		padding: 20px 15px 28px;
	}
	.case__item__detail h4 {
		font-size: 16px;
	}
	.case-item_category span {
		font-size: 12px;
	}
    .case__category {
        padding: 8px;
        font-size: 1.2rem;
    }
    .slick-prev,
    .slick-next {
        width: 70px;
        height: 70px;
        top: 53%!important;
    }
    .slick-prev {
        left: 2px!important;
    }
    .slick-next {
        right: 2px!important;
    }
}
.mw_wp_form.mw_wp_form_input {
    background: #fff;
    box-shadow: .05em .05em .8em #00000026;
    padding: 25px 26px 15px;
    border-radius: 0 0 10px 10px;
}
.contact_form .mw_wp_form.mw_wp_form_input {
    padding: 0;
    box-shadow: none;
}
.p-thanks {
    background: url(../../img/service/karte/bg-thanks.webp) top center / cover no-repeat;
}
.p-thanks .c_btn01_arrow02 {
    display: none;
}
.c_thanks01 {
    padding: 100px 0;
}
.c_thanks01_text01 {
    color: #333333;
}
.c_thanks01_text02 {
    padding: 60px 24px;
    border-radius: 30px;
    box-shadow: 0 6px 20px rgba(0, 0, 0, .1);
    background: #fff;
}
.c_thanks01_text02 p {
    font-size: 16px;
}
.c_btn01,
.wpSubmitBtn.heroTop button.c_btn01 {
    color: #F69D05;
    border: 2px solid #F69D05;
    background: url(../../img/cmn/icon_back.png) center left 20px / 26px no-repeat, #FFF;
}
.c_btn01_arrow02 {
    left: unset;
    right: 20px;
    background: url(../../img/service/karte/ico_arrow04.webp) center center / contain no-repeat;
}
.c-cta {
    display: none;
}
.l-footer {
    display: none;
}
.l-footerKarte {
    text-align: center;
    padding: 60px 0 50px;
    background: #F4F4F4;
}
.l-footerKarte img {
    display: inline-block;
    width: 350px;
    margin-bottom: 25px;
}
.l-footerKarte p {
    font-size: 12px;
    font-weight: 500;
    color: #777777;
}
.c_btn01.type_more01:hover,
.c_thanks01 .c_btn01.c_form01_submit:hover {
    color: #FFF;
    border: 2px solid #F69D05;
    background: #F69D05;
}
.c_thanks01 .c_btn01.c_form01_submit:hover {
    background: url(../../img/cmn/icon_back.png) center left 20px / 26px no-repeat, #F69D05;
}
.c_btn01:hover .c_btn01_arrow02 {
    background: url(../../img/service/karte/ico_arrow04.webp) center center / contain no-repeat;
}
@media (max-width: 769px) {
    .c_thanks01_text01 {
        font-size: 21px;
    }
    .c_thanks01 {
        padding: 60px 0;
    }
    .p-thanks .c_thanks01_text02 {
        margin-bottom: 40px;
        padding: 30px 16px;
    }
    .c_thanks01_text02 p {
        text-align: center;
        font-size: 12px;
    }
    .l-footerKarte img {
        width: 100%;
        max-width: 300px;
    }
}
@media (min-width: 1440px) {
    .heroAward {
        padding: 40px 0;
        background: url(../../img/service/karte/bg-award.webp) top center / 100% 100% no-repeat;
    }
    #functionSection {
        padding: 80px 0 290px;
    }
    .merit_section::before {
        top: -270px;
    }
    .useful_section {
        padding: 140px 0 60px;
    }
}

lite-youtube {
    background-color: #000;
    position: relative;
    display: block;
    contain: content;
    background-position: center center;
    background-size: cover;
    cursor: pointer;
    max-width: 800px;
}

/* gradient */
lite-youtube::before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAADGCAYAAAAT+OqFAAAAdklEQVQoz42QQQ7AIAgEF/T/D+kbq/RWAlnQyyazA4aoAB4FsBSA/bFjuF1EOL7VbrIrBuusmrt4ZZORfb6ehbWdnRHEIiITaEUKa5EJqUakRSaEYBJSCY2dEstQY7AuxahwXFrvZmWl2rh4JZ07z9dLtesfNj5q0FU3A5ObbwAAAABJRU5ErkJggg==);
    background-position: top;
    background-repeat: repeat-x;
    height: 60px;
    padding-bottom: 50px;
    width: 100%;
    transition: all 0.2s cubic-bezier(0, 0, 0.2, 1);
}

/* responsive iframe with a 16:9 aspect ratio
    thanks https://css-tricks.com/responsive-iframes/
*/
lite-youtube::after {
    content: "";
    display: block;
    padding-bottom: calc(100% / (16 / 9));
}
lite-youtube > iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border: 0;
}

/* play button */
lite-youtube > .lty-playbtn {
    display: block;
    width: 68px;
    height: 48px;
    position: absolute;
    cursor: pointer;
    transform: translate3d(-50%, -50%, 0);
    top: 50%;
    left: 50%;
    z-index: 1;
    background-color: transparent;
    /* YT's actual play button svg */
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 68 48"><path d="M66.52 7.74c-.78-2.93-2.49-5.41-5.42-6.19C55.79.13 34 0 34 0S12.21.13 6.9 1.55c-2.93.78-4.63 3.26-5.42 6.19C.06 13.05 0 24 0 24s.06 10.95 1.48 16.26c.78 2.93 2.49 5.41 5.42 6.19C12.21 47.87 34 48 34 48s21.79-.13 27.1-1.55c2.93-.78 4.64-3.26 5.42-6.19C67.94 34.95 68 24 68 24s-.06-10.95-1.48-16.26z" fill="red"/><path d="M45 24 27 14v20" fill="white"/></svg>');
    filter: grayscale(100%);
    transition: filter .1s cubic-bezier(0, 0, 0.2, 1);
    border: none;
}

lite-youtube:hover > .lty-playbtn,
lite-youtube .lty-playbtn:focus {
    filter: none;
}

/* Post-click styles */
lite-youtube.lyt-activated {
    cursor: unset;
}
lite-youtube.lyt-activated::before,
lite-youtube.lyt-activated > .lty-playbtn {
    opacity: 0;
    pointer-events: none;
}

.lyt-visually-hidden {
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px;
  }