@charset "utf-8";

.lp_dt_03 h2 a, .lp_dt_03 h3 a, .lp_dt_03 h4 a, .lp_dt_03 h5 a, .lp_dt_03 .caption a {
    pointer-events: none !important;
    background-image: none !important;
    text-decoration: none !important;
}
.lp_dt_03 h2 a:after, .lp_dt_03 h3 a:after, .lp_dt_03 h4 a:after, .lp_dt_03 h5 a:after {
    display: none !important;
}
.lp_dt_03 .btn-internal a {
    display: none;
}
.lp_dt_03 .btn-internal.down a {
    display: block;
}
.lp_dt_03 .btn-internal.up a {
    display: block;
}


.sitename:before {
    content: "PR";
    display: inline-block;
    background: #000;
    color: #fff;
    text-align: center;
    width: fit-content;
    margin-right: 1rem;
    font-size: 16px;
    padding: 0 1rem;
    line-height: 1.5;
    text-shadow: none;
}

/*----------------------------------------------------
  共通css
----------------------------------------------------*/

.knowhow.lb3 {
    /* margin: 22rem 0 0 0; */
    padding: 2rem 2rem;
    background: url("img/bg04_02.jpg") center 0 repeat-y;
    background-size: 1900px auto;
    position: relative;
    z-index: 1;
}

.knowhow.lb3:before,
.knowhow.lb3:after {
    content: "";
    position: absolute;
    left: 50%;
    z-index: -1;
}

.knowhow.lb3:before {
    top: -354px;
    width: 100%;
    height: 354px;
    margin: auto;
    margin-left: -50%;
    background: url("img/bg04_01.png") center 0 no-repeat;
    background-size: 1900px auto;
    display: none;
}

.knowhow.lb3:after {
    bottom: -280px;
    width: 100%;
    height: 354px;
    margin: auto;
    margin-left: -50%;
    background: url("img/bg04_03.jpg") center 0 no-repeat;
    background-size: 1900px auto;
    display: none;
}

.knowhow.lb3 .inner {
    max-width: 100%;
    margin: auto;
    position: relative;
}

.knowhow.lb3 .ttl_box {
    position: relative;
    top: -8rem;
}

.knowhow.lb3 .lead {
    position: relative;
    margin-top: -5rem;
}

.knowhow.lb3 .ttl_box .icon {
    display: inline-block;
    vertical-align: middle;
    width: 105px;
    height: 105px;
    margin: 0 0.5rem 0 0.5rem;
    text-align: center;
    border-radius: 50%;
    border: 2px solid #fff;
    position: relative;
}

.knowhow.lb3 .ttl_box .icon span {
    font-size: 1.8rem;
}

.lb3 .k_block {
    display: flex;
    margin: 3rem 0 0 0;
    width: 100%;
}

.lb3 .k_block .box {
    width: 50%;
    box-sizing: border-box;
}

.lb3 .k_block .box .box_head_wrap {
    position: relative;
    z-index: 1;
}

.lb3 .k_block .box .box_head_wrap:after {
    content: "";
    position: absolute;
    top: 2rem;
    left: 0;
    right: 0;
    width: 50px;
    height: 121px;
    margin: auto;
    z-index: -1;
}

.lb3 .k_block .box01 .box_head_wrap:after {
    background: url("img/arrow04.png") center 0 no-repeat;
    background-size: 100% auto;
}

.lb3 .k_block .box02 .box_head_wrap:after {
    background: url("img/arrow05.png") center 0 no-repeat;
    background-size: 100% auto;
}

.lb3 .k_block .box_head {
    padding: 1.5rem 2rem;
    background: #333;
    font-size: 1.4rem;
    font-weight: 900;
    color: #fff;
    line-height: 1.5;
    text-align: center;
    position: relative;
}

.lb3 .k_block .box_head span {
    display: block;
    font-size: 1.8rem;
}

.lb3 .k_block .box_inner {
    margin: 6rem 0 0 0;
    padding: 2rem 1.5rem 0rem;
    background: #fff;
    box-sizing: border-box;
    position: relative;
}

.lb3 .k_block .box01 .box_inner {
    border: 5px solid #19c062;
}

.lb3 .k_block .box02 .box_inner {
    border: 5px solid #69ce0e;
}

.lb3 .k_block .box .box_ttl {
    padding: 2.5rem 2rem;
    font-size: 3.2rem;
    color: #fff;
    text-align: center;
}

#category .lb3 .k_block .box01 .box_ttl, #page .lb3 .k_block .box01 .box_ttl {
    background: #19c062;
    padding: 1rem 0;
    margin: 1rem 0;
    color: #fff;
}

#category .lb3 .k_block .box02 .box_ttl, #page .lb3 .k_block .box02 .box_ttl {
    background: #69ce0e;
    padding: 1rem 0;
    margin: 1rem 0;
    color: #fff;
    border: none;
}

/* box_top */
.lb3 .k_block .box_top {
    display: flex;
    justify-content: space-between;
    margin: 3rem 0 0 0;
}

.lb3 .k_block .box_top .left {
    width: 40%;
}

.lb3 .k_block .box_top .cap {
    margin: 1.5rem auto 0;
    font-size: 1rem;
    color: #888;
    text-align: center;
    line-height: 1.3;
    word-break: break-word;
}

.lb3 .k_block .box_top .btn-web {
    max-width: 90%;
    margin: 2rem auto 0;
}

.lb3 .k_block .box_top .btn-web a {
    padding: 1.2rem 0rem;
    font-size: 1.5rem;
}


.lb3 .k_block .box_top .right {
    width: calc(60% - 3rem);
}

.lb3 .k_block .box_top .fee {
    text-align: center;
}

.lb3 .k_block .box_top .fee dl {
    display: flex;
    justify-content: center;
    align-items: center;
}

.lb3 .k_block .box_top .fee dt {
    padding: 3px;
    margin: 5px 5px 0 0;
    font-size: 12px;
    font-weight: 900;
    border: 1px solid #333;
}

.lb3 .k_block .box_top .fee dd {
    font-size: 4rem;
    font-weight: 900;
    font-family: 'Oswald', sans-serif;
}

.lb3 .k_block .box_top .fee dd span.per {
    font-size: 2.5rem;
    font-weight: 900;
}

.lb3 .k_block .box_top .fee dd span.supText {
    font-size: 1.4rem;
    vertical-align: top;
    position: absolute;
    top: 0;
    right: 0;
    color: #333;
    font-weight: 100;
}

.lb3 .k_block .box01 .box_top .fee dd {
    color: #16bf65;
    position: relative;
}

.lb3 .k_block .box02 .box_top .fee dd {
    color: #69ce0e;
}

.lb3 .k_block .box_top .plan {
    margin: 2rem 0 0 0;
}

.lb3 .k_block .box_top .plan .p_ttl {
    padding: 1rem 1rem;
    background: #f6f6f6;
    font-size: 1.4rem;
    font-weight: 900;
    text-align: center;
}

.lb3 .k_block .box_top .plan .price {
    margin: 1rem 0 0 0;
    font-size: 2rem;
    font-weight: 900;
    text-align: center;
}

.lb3 .k_block .box_top .plan .price span {
    font-size: 1rem;
    font-weight: 900;
}

.lb3 .k_block .box_top .note {
    margin: 1.5rem 0 0 0;
    font-size: 10px;
    line-height: 1.4;
}


/* box_mid */
.lb3 .k_block .box_mid {
    margin: 4rem 0 0 0;
    padding: 0 0 3rem 0;
}

.lb3 .k_block .box01 .box_mid {
    border-bottom: 2px solid #16bf65;
}

.lb3 .k_block .box02 .box_mid {
    border-bottom: 2px solid #69ce0e;
}

.lb3 .k_block .box_mid .cc {
    font-size: 16px;
    font-weight: 900;
    line-height: 1.5;
}

.lb3 .k_block .box01 .box_mid .cc {
    color: #16bf65;
    margin: 5rem 0 3.2rem;
}

.lb3 .k_block .box02 .box_mid .cc {
    color: #69ce0e;
    margin: -2rem 0 0;
}

.lb3 .k_block .box_mid .txt {
    margin: 2rem 0 0 0;
}

.lb3 .k_block .box_mid .dy {
    margin: 0;
}

.lb3 .k_block .box_mid .dy dl {
    display: flex;
    align-items: center;
    margin: 1rem 0;
}

.lb3 .k_block .box_mid .dy dt {
    padding: 1rem 1rem;
    margin: 0 1rem 0 0;
    background: #333;
    font-size: 1.6rem;
    font-weight: 900;
    color: #fff;
    line-height: 1.4;
    width: 40%;
}

.lb3 .k_block .box_mid .dy dd {
    font-size: 2.8rem;
    font-weight: 900;
}

.lb3 .k_block .box_mid .dy dd span {
    font-size: 1.7rem;
    font-weight: 900;
}

.lb3 .k_block .box01 .box_mid .dy dd {
    color: #16bf65;
}

.lb3 .k_block .box02 .box_mid .dy dd {
    color: #69ce0e;
}

.lb3 .k_block .box_bottom {
    margin: 4rem 0 0 0;
}

.lb3 .k_block .box_bottom .about {
    margin: 0 0 2rem 0;
    padding: 2rem 2rem;
    background: #f6f6f6;
}

.lb3 .k_block .box_bottom .about_head {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.lb3 .k_block .box_bottom .icon {
    width: 90px;
    height: 90px;
    text-align: center;
    border-radius: 50%;
    position: relative;
}

.lb3 .k_block .box_bottom .icon span {
    font-size: 1.8rem;
}

.lb3 .k_block .box_bottom .about_head h4 {
    width: 80%;
    font-size: 2.2rem;
    line-height: 1.5;
}

.lb3 .k_block .box_bottom .txt {
    margin: 1.5rem 0 0 0;
}

.lb3 .k_block .box_bottom .note {
    font-size: 1.2rem;
    color: #777;
    line-height: 1.8;
}

#shining-btn .btn-kirakira .kirakira {
    color: #fff;
    font-weight: bold;
    line-height: 1.4;
    max-width: 800px;
    margin: 2rem auto;
    font-size: 24px;
}

.agency .a_block .box_ttl a img {
    display: none;
}

.sub {
    font-weight: bold;
    margin: 2rem;
}

.hidden_box.hidden_box_top {
    margin: 0 auto 3rem;
    border: solid 2px #6ace0e;
    width: 500px;
    padding: 3rem;
}

.hidden_box.hidden_box_top li a {
    text-decoration: underline;
    margin: 10px 0;
    font-size: 16px;
    line-height: 1.2;
}

input#label27 {
    display: none;
}

label {
    font-size: 15px;
    text-align: center;
    margin: 0 auto;
    display: block;
    font-weight: bold;
    color: #6ace0e;
}

.hidden_box.hidden_box_top li {
    list-style-type: disc;
}

.hidden_box.hidden_box_top ul {
    padding-left: 2rem;
}

ul.search-box {
    display: flex;
    flex-direction: column;
    align-items: baseline;
}

.fontch {
    position: relative;
    background: linear-gradient(transparent 40%, #f39c6b57 40%);
}

.boxes {
    margin: 20px 0px;
    padding: 50px;
    background: #eefae4;
}

/*Checkboxes styles*/
input[type="checkbox"] {
    display: none;
}

input[type="checkbox"]+label {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 20px;
    font: 20px/20px 'Open Sans', Arial, sans-serif;
    color: #faddcc303 cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

input[type="checkbox"]+label:last-child {
    margin-bottom: 0;
}

input[type="checkbox"]+label:before {
    content: '';
    display: block;
    width: 20px;
    height: 20px;
    border: 6px solid #bb2c1b;
    position: absolute;
    left: 0;
    top: 0;
    opacity: .6;
    -webkit-transition: all .12s, border-color .08s;
    transition: all .12s, border-color .08s;
}

input[type="checkbox"]:checked+label:before {
    width: 10px;
    top: -5px;
    left: 5px;
    border-radius: 0;
    opacity: 1;
    border-top-color: transparent;
    border-left-color: transparent;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.company .result .box img {
    height: 45px;
    width: auto;
    margin: 0 -1.5rem 0 0.5rem;
}

.logo, .logo a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 650px;
    margin: 0 auto;
}

.logo_left {
    position: relative;
    width: 151px;
    height: 151px;
    background: url(https://www.jobofferad-agency.net/wp/wp-content/uploads/logo02new_rere1.png) center 0 no-repeat;
    background-size: 90% auto;
    color: #333333;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    line-height: 3rem;
    padding: 48px 12px 0 0;
    top: 22px;
}

.logo_left span {
    display: block;
    font-weight: bold;
    font-size: 34px;
}

.logo_right {
    color: #fff;
    font-size: 44px;
    text-align: center;
    line-height: 4.6rem;
    font-weight: bold;
    width: 70%;
}

.logo_right span {
    display: block;
    font-size: 30px;
    font-weight: bold;
}

.low_mv .logo, .low_mv .logo a {
    height: 90px;
    width: 450px;
}

.low_mv .logo_right {
    font-size: 28px;
    line-height: 3rem;
}

.low_mv .logo_right span {
    font-size: 18px;
}

.low_mv .logo_left {
    top: 26px;
    background-size: 70% auto;
    padding: 35px 10px 0 0;
    font-size: 14px;
    line-height: 2.4rem;
}

.low_mv .logo_left span {
    font-size: 28px;
}

.kanren {
    border: 2px solid #1ac062;
    padding: 20px 30px;
    margin: 50px auto;
    position: relative;
    box-sizing: border-box;
}

.midasi {
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 15px;
    color: #1ac062;
}

.kanren br {
    display: none;
}

.readmore-content {
    position: relative;
    overflow: hidden;
    height: 160px;
}

.readmore-content::before {
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    content: "";
    height: 50px;
    z-index: 1;
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0.8) 50%, #fff 100%);
    background: linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0.8) 50%, #fff 100%);
}

.readmore-label {
    display: table;
    bottom: 5px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    margin: 5px auto;
    z-index: 2;
    padding: 7px 15px;
    background-color: #1ac062;
    border-radius: 10px;
    color: #FFF;
}

.readmore-label:before {
    content: "\7D9A\304D\3092\8AAD\3080";
}

.readmore-check {
    display: none;
}

.readmore-check:checked~.readmore-label {
    position: static;
    transform: translateX(0);
    -webkit-transform: translateX(0);
}

.readmore-check:checked~.readmore-label:before {
    content: "\9589\3058\308B";
}

.readmore-check:checked~.readmore-content {
    height: auto;
}

.readmore-check:checked~.readmore-content::before {
    display: none;
}

.box_link {
    background: #f6f6f6;
    background-size: 6px auto;
    border-radius: 30px;
    padding: 30px;
    margin-top: 5px;
}

.related_article {
    font-size: 20px;
    margin: 0 0 10px;
    font-weight: bold;
}

a.card_flex_box {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    border: 1px solid #ddd;
    padding: 5px;
}

.box_link img {
    width: 56%;
}

.text.area {
    width: 43%;
}

.title_p {
    font-size: 24px;
    margin: 0;
    font-weight: bold;
    padding: 0px 20px 0;
}

.description_p {
    margin: 20px 0 20px;
    padding: 0 20px;
}

a.card_flex_box:after {
    position: absolute;
    right: 4px;
    bottom: 4px;
    display: block;
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 20px 20px;
    border-color: transparent transparent #cb3838 transparent;
}

.faq {
    align-items: center;
    justify-content: space-between;
    padding: 30px 0;
    display: flex;
    display: -webkit-flex;
}

.faq.f_l {
    padding: 30px 0 30px 150px;
}

.faq.f_r {
    padding: 30px 150px 30px 0;
}


.faq .faq-img img {
    max-width: 100%;
}

.faq.f_l .faq-txt {
    background: #fff;
    border: 2px solid #555;
    border-radius: 10px;
    float: right;
    width: 100%;
    padding: 20px 30px;
    position: relative;
}

.faq.f_l .faq-txt:before {
    content: "";
    width: 21px;
    height: 21px;
    position: absolute;
    top: 56px;
    border-left: 2px solid #555;
    border-top: 2px solid #555;
    transform: rotate(-45deg);
    background: #fff;
    left: -13px;
    margin-top: -13px;
}

.faq.f_l .faq-txt .float-img.fl {
    position: absolute;
    top: 0;
    left: -160px;
}

.faq.f_l .faq-txt .faq-img.fr {
    position: absolute;
    top: 0;
    right: -160px;
}

.faq.f_l .faq-txt .faq-img.fl .faq-flame {
    width: 120px;
    height: 120px;
    background: #fff;
    border-radius: 100px;
}

.faq.f_l .faq-txt .faq-img.fl .faq-flame img {
    border-radius: 100px;
}

.faq.f_r .faq-txt {
    background: #fff;
    border: 2px solid #555;
    border-radius: 10px;
    float: left;
    width: 100%;
    padding: 20px 30px;
    position: relative;
}

.faq.f_r .faq-txt:before {
    content: "";
    width: 21px;
    height: 21px;
    position: absolute;
    top: 56px;
    border-right: 2px solid #555;
    border-top: 2px solid #555;
    transform: rotate(45deg);
    background: #fff;
    right: -13px;
    margin-top: -13px;
}

.faq.f_l .faq-txt .faq-img.fl {
    position: absolute;
    top: 0;
    left: -150px;
    margin: 0 !important;
}

.faq.f_r .faq-txt .faq-img.fl {
    position: absolute;
    top: 0;
    right: -150px;
    margin: 0 !important;
}

.faq.f_r .faq-txt .faq-img.fl .faq-flame,
.faq.f_l .faq-txt .faq-img.fl .faq-flame {
    width: 120px;
    height: 120px;
    background: #eaeaea;
    border-radius: 100px;
}

.faq.f_r .faq-txt .faq-img.fl .faq-flame img {
    border-radius: 100px;
}

.lp_dt_03 section#catch_area p strong {
    font-weight: bold;
	background: #69ce0e00;
    padding: 3px;
    margin: auto;
    color: #333;
    clear: both;
    display: inline-block;
}


/*----------------------------------------------------
  PC用css
----------------------------------------------------*/

@media screen and (min-width: 769px) {


    .wr_two-box {
        display: flex;
        display: -webkit-flex;
        justify-content: space-between;
        margin-bottom: 40px;
    }

    .wr_two-box .wr_box {
        border: 1px solid #333;
        position: relative;
        display: flex;
        flex-direction: column;
        width: 29%;
        padding: 10px;
        float: left;
        margin-right: 10px;
        background: #fff;
    }

    .wr_two-box .wr_box.wr_left_box {
        float: left;
        margin-right: 10px;
    }

    .wr_two-box .wr_box.wr_right_box {
        float: right;
        margin-left: 10px;
    }

    .wr_two-box .wr_box .wr_box-head {
        font-size: 16px;
        font-weight: bold;
        color: #935B2B;
        text-align: center;
        padding: 10px;
    }

    .wr_two-box .wr_box .head-img {
        height: 250px;
        width: 100%;
        text-align: center;
        margin-bottom: 10px;
    }

    .wr_two-box .wr_box .head-img img {
        height: 100%;
        width: auto;
    }

    .wr_two-box .wr_box .wr_caption {
        font-size: 12px;
        color: #969696;
        text-align: center;
        word-wrap: break-word;
        margin-bottom: 0;
        line-height: 1.4em;
    }

    .wr_two-box .wr_box .wr_box-body {
        color: #333;
        text-align: left;
        padding: 10px;
    }

    .wr_two-box .wr_box .wr_box-body .in_link_btn {
        display: none;
    }

    .lb3 .k_block .box_top .btn-web a:after {
        right: 3px;
    }

    .box.box02 {
        margin-right: 1rem;
    }

    .partner {
        font-size: 20px;
        margin: 50px 0px;
        background: #69ce0e;
        padding: 20px 50px;
        clear: both;
        display: inline-block;
    }

    .partner a {
        color: #FFF;
        position: relative;
    }

    .partner a:after {
        display: block;
        content: "";
        position: absolute;
        top: 50%;
        right: -30px;
        width: 8px;
        height: 8px;
        margin-top: -4px;
        border-top: solid 2px #fff;
        border-right: solid 2px #fff;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    #toc {
        cursor: pointer;
    }

    .l-footer-area__inner {
        padding: 4rem 0 5rem;
    }

    .custom_area .c_block .left {
        width: 50%;
    }

    .custom_area .c_block .right {
        width: 50%;
        margin: 0;
    }

    .custom_area .c_block .right img {
        display: block;
        width: 263px;
        margin: 0 auto;
    }

    .custom_area .arrow_box {
        position: relative;
        padding: 20px;
        width: 250px;
        height: 40px;
        line-height: 20px;
        border-radius: 50%;
        text-align: center;
        color: #ffffff;
        letter-spacing: 0.2em;
        font-size: 14px;
        background-color: #6ace0e;
        font-weight: bold;
    }

    .custom_area .arrow_box::before {
        content: '';
        position: absolute;
        display: block;
        width: 0;
        height: 0;
        left: 23px;
        bottom: -5px;
        border-right: 30px solid #6ace0e;
        border-top: 10px solid transparent;
        border-bottom: 10px solid transparent;
        transform: rotate(-60deg);
    }

    .custom_area .img_box {
        position: relative;
    }

    .custom_area .area01 {
        position: absolute;
        top: 0;
    }

    .custom_area .area02 {
        position: absolute;
        top: 0px;
        left: 300px;
    }

    .custom_area .area03 {
        position: absolute;
        top: 110px;
        left: 150px;
    }


    .banner01-sub a {
        position: relative;
    }

    span.banner01-sub-text {
        display: flex;
        align-items: baseline;
        color: #eee;
        font-family: "Arial", "メイリオ";
        font-size: 15px;
        font-weight: bold;
        height: 30px;
        line-height: 1;
        position: absolute;
        top: 82px;
        left: 28%;
    }

    span.banner01-sub-text .banner01-inn-text01 {
        font-size: 12px;
        font-weight: bold;
        letter-spacing: -0.2px;
    }

    span.banner01-sub-text .banner01-inn-text02 {
        font-size: 22px;
        font-weight: bold;
        margin: 0 2px;
    }

    .banner02-sub {
        width: 400px;
        position: fixed;
        bottom: 5rem;
        right: 2rem;
        z-index: 2;
    }

    span.banner02-sub-text {
        display: flex;
        align-items: baseline;
        color: #eee;
        font-family: "Arial", "メイリオ";
        font-size: 15px;
        font-weight: bold;
        height: 30px;
        line-height: 1;
        position: absolute;
        top: 49px;
        left: 34%;
    }



}



/*----------------------------------------------------
  SP用css
----------------------------------------------------*/

@media screen and (max-width: 768px) {

    .wr_two-box {
        display: block;
        flex-wrap: nowrap;
    }

    .wr_two-box .wr_box {
        border: 1px solid #333;
        position: relative;
        width: auto;
        vertical-align: middle;
        padding: 10px;
        background: #fff;
    }

    .wr_two-box .wr_box.wr_left_box,
    .wr_two-box .wr_box.wr_right_box {
        float: none;
        margin: 0 0 20px 0;
    }

    .wr_two-box .wr_box .wr_box-head {
        font-size: 16px;
        font-weight: bold;
        color: #935B2B;
        text-align: center;
        padding: 10px;
    }

    .wr_two-box .wr_box .head-img {
        height: 250px;
        width: 100%;
        text-align: center;
        margin-bottom: 10px;
    }

    .wr_two-box .wr_box .head-img img {
        height: 100%;
        width: auto;
    }

    .wr_two-box .wr_box .wr_caption {
        font-size: 12px;
        color: #969696;
        text-align: center;
        word-wrap: break-word;
        margin-bottom: 0;
        line-height: 1.4em;
    }

    .wr_two-box .wr_box .wr_box-body {
        color: #333;
        text-align: left;
        padding: 10px;
    }

    .wr_two-box .wr_box .wr_box-body .in_link_btn {
        display: block;
        width: 95%;
        margin: 15px auto 0;
        background: #935B2B;
        color: #fff !important;
        font-size: 16px;
        font-weight: bold;
        text-align: center;
        border-radius: 10px;
        padding: 10px;
        text-decoration: none !important;
        position: relative;
    }

    .wr_two-box .wr_box .wr_box-body .in_link_btn:after {
        content: '';
        position: absolute;
        top: 15px;
        right: 20px;
        padding: 5px;
        border-bottom: 2px solid #fff;
        border-right: 2px solid #fff;
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
    }

    .hidden_box.hidden_box_top {
        width: auto;
        margin: 3rem 0 0;
        padding: 2rem;
    }

    .mv_ttl {
        margin-bottom: 2rem;
    }

    #shining-btn .btn-kirakira .kirakira {
        font-size: 20px;
        max-width: 88%;
        padding: 10px;
    }

    .knowhow.lb3 {
        margin: 0 0 0 0;
        padding: 1rem 0 0;
        background: none;
        background-size: 100% auto;
    }

    .company .result .box img {
        height: 35px;
        margin: 0 -0.5rem 0 0.5rem;
    }

    .knowhow.lb3:before,
    .knowhow.lb3:after {
        display: none;
    }

    .knowhow.lb3 .inner {
        max-width: 100%;
    }

    .knowhow.lb3 .ttl_box {
        top: inherit;
    }

    .knowhow.lb3 .lead {
        margin-top: 2.5rem;
    }

    .knowhow.lb3 .k_head {
        padding: 0 1.5rem;
        box-sizing: border-box;
        position: relative;
    }

    .knowhow.lb3 .k_head:before,
    .knowhow.lb3 .k_head:after {
        content: "";
        position: absolute;
        width: 60%;
        height: 0;
        z-index: -1;
    }

    .knowhow.lb3 .k_head:before {
        top: -4rem;
        left: 0;
        padding-top: calc(60%*341/350);
        background: url("img/sp_line01.png") 0 0 no-repeat;
        background-size: 60% auto;
    }

    .knowhow.lb3 .k_head:after {
        bottom: -4rem;
        right: 0;
        padding-top: calc(60%*306/431);
        background: url("img/sp_line02.png") right bottom no-repeat;
        background-size: 60% auto;
    }

    .knowhow.lb3 .ttl_box .icon {
        width: 55px;
        height: 55px;
        margin: 0 0 0 0;
    }

    .knowhow.lb3 .ttl_box .icon span {
        font-size: 1.2rem;
    }

    .lb3 .k_block {
        display: block;
        margin: 2rem 0;
        padding: 2rem 1.5rem 5rem;
        background: url("img/sp_bg04.jpg") 0 0 repeat;
        background-size: 100% auto;
        box-sizing: border-box;
        width: unset;
    }

    .lb3 .swipe {
        font-size: 1.4rem;
        text-align: center;
        position: relative;
        display: none;
    }

    .lb3 .swipe:after {
        content: "";
        display: inline-block;
        vertical-align: middle;
        position: relative;
        width: 52px;
        height: 48px;
        background: url("img/arrow07.png") center center no-repeat;
        background-size: 50% auto;
    }

    .lb3 .k_block .box {
        width: 100%;
        width: 40%;
        margin-right: 0;
    }

    .lb3 .k_block .box_inner {
        width: 95%;
        margin: 1.5rem auto 0 auto;
        padding: 1.5rem 1.5rem 3rem;
    }

    .lb3 .k_block .box01 .box_inner {
        border: 3px solid #19c062;
        width: 100%;
        margin-top: 0;
    }

    .lb3 .k_block .box02 .box_inner {
        border: 3px solid #69ce0e;
        width: 100%;
        margin: 0;
        margin-bottom: 3rem;
    }

    .lb3 .k_block .box .box_ttl {
        padding: 1.5rem 1.5rem;
        font-size: 2rem;
    }

    .lb3 .k_block .box_top {
        margin: 1.5rem 0 0 0;
    }

    .lb3 .k_block .box_top .left {
        width: 40%;
    }

    .lb3 .k_block .box_top .cap {
        margin: 1rem auto 0;
        font-size: 1rem;
    }

    .lb3 .k_block .btn-web {
        max-width: 90%;
        margin: 1rem auto;
    }

    .lb3 .k_block .btn-web a {
        padding: 1.2rem 1rem;
    }

    .lb3 .k_block .btn-tel a {
        padding: 1.2rem 4rem;
    }


    .lb3 .k_block .box_top .right {
        width: calc(60% - 1rem);
    }

    .lb3 .k_block .box_top .fee dt {
        padding: 0.8rem 0.8rem;
        margin: 1rem 1rem 0 0;
        font-size: 1.3rem;
    }

    .lb3 .k_block .box_top .fee dd {
        font-size: 3.4rem;
    }

    .lb3 .k_block .box_top .fee dd span.per {
        font-size: 2rem;
    }

    .lb3 .k_block .box_top .fee dd span.supText {
        font-size: 1.3rem;
        top: 0;
    }

    .lb3 .k_block .box_top .plan {
        margin: 1.5rem 0 0 0;
    }

    .lb3 .k_block .box_top .plan .p_ttl {
        padding: 0.8rem 0.8rem;
        font-size: 1.3rem;
    }

    .lb3 .k_block .box_top .plan .price {
        margin: 0.5rem 0 0 0;
        font-size: 2rem;
    }

    .lb3 .k_block .box_top .plan .price span {
        font-size: 1.4rem;
    }

    .lb3 .k_block .note {
        margin: 1.5rem 0 0 0;
        font-size: 1.4rem;
        line-height: 1.6;
    }

    .lb3 .k_block .box_mid {
        margin: 3rem 0 0 0;
        padding: 0 0 2rem 0;
    }

    .lb3 .k_block .box_mid .cc {
        font-size: 1.8rem;
        line-height: 1.5;
    }

    .lb3 .k_block .box_mid .txt {
        margin: 1.5rem 0 0 0;
    }

    .lb3 .k_block .box_mid .dy {
        margin: 0;
    }

    .lb3 .k_block .box_mid .dy dl {
        margin: 1rem 2rem 1rem 0;
    }

    .lb3 .k_block .box_mid .dy dt {
        padding: 0.8rem 0.6rem;
        margin: 0 1.5rem 0 0;
        font-size: 1.4rem;
        text-align: center;
    }

    .lb3 .k_block .box_mid .dy dd {
        font-size: 2rem;
    }

    .lb3 .k_block .box_mid .dy dd span {
        font-size: 1.4rem;
    }

    .lb3 .k_block .box_bottom {
        margin: 3rem 0 0 0;
    }

    .lb3 .k_block .box_bottom .about {
        margin: 0 0 1.5rem 0;
        padding: 2rem 1.5rem;
    }

    .lb3 .k_block .box_bottom .about:last-child {
        margin: 0 0 0 0;
    }

    .lb3 .k_block .box_bottom .icon {
        width: 60px;
        height: 60px;
    }

    .lb3 .k_block .box_bottom .icon span {
        font-size: 1.3rem;
    }

    .lb3 .k_block .box_bottom .about_head h4 {
        width: 70%;
        font-size: 1.8rem;
    }

    .lb3 .sp_only .gd,
    .lb3 .sp_only .sl {
        padding: 1rem;
        background: #333;
        font-size: 1.4rem;
        font-weight: 900;
        color: #fff;
        line-height: 1.5;
        text-align: center;
        position: relative;
    }

    .lb3 .k_block .box01 .box_mid .cc {
        float: none;
        margin: unset;
        width: unset;
        line-height: 1.3;
        margin-bottom: 2rem;
    }

    .lb3 .sp_only .gd span, .lb3 .sp_only .sl span {
        display: block;
    }

    .lb3 .sp_only .swiper-container {
        margin-top: 2rem;
    }

    .lb3 .k_block .box02 .box_mid .cc {
        width: unset;
        float: unset;
        margin: unset;
        line-height: 1.3;
        margin-bottom: 2rem;
    }

    .lb3 .k_block .box_top .plan .p_ttl br {
        display: none;
    }

    .lb3 .k_block .box02 .box_head_wrap:after {
        height: 80px;
        background-size: contain;
    }

    .lb3 .k_block .box01 .box_head_wrap:after {
        height: 80px;
        background-size: contain;
    }

    .knowhow.lb3 .sp_only {
        display: none !important;
    }

    .knowhow.lb3 .pc_only {
        display: block !important;
    }

    .lb3 .k_block .box {
        width: 100%;
    }

    .partner {
        font-size: 20px;
        margin: 18px 0px;
        background: #69ce0e;
        padding: 10px;
    }

    .partner a {
        color: #fff
    }

    .sec01 .page_link01 .sub {
        top: -8rem;
        left: 0;
    }

    .sec01 {
        padding: 1rem;
    }

    section.sec.sec01 section#catch_area {
        padding: 3rem 0;
    }

    .sec01 .page_link01 {
        background: unset;
        box-shadow: unset;
        max-width: 100%;
    }

    .l-footer-area__inner .logo,
    .l-footer-area__inner .logo a {
        width: 95%;
    }

    .logo_area:after {
        display: none;
    }

    .logo, .logo a {
        width: 80%;
    }

    .logo_right {
        font-size: 20px;
        line-height: 2.2rem;
    }

    .logo_right span {
        font-size: 14px;
    }

    .logo_left {
        padding: 23px 4px 20px 0px;
        font-size: 10px;
        line-height: 1.4rem;
        background-size: 72px auto;
        top: 0%;
        height: auto;
        width: 20%;
    }

    .logo_left span {
        font-size: 16px;
    }

    .low_mv .logo {
        width: 80%;
        height: 70px;
    }

    .low_mv .logo_right {
        font-size: 20px;
        line-height: 2.2rem;
    }

    .low_mv .logo_right span {
        font-size: 14px;
    }

    .low_mv .logo_left {
        padding: 23px 4px 20px 0px;
        font-size: 10px;
        line-height: 1.4rem;
        background-size: 72px auto;
        top: 0%;
        height: auto;
        width: 20%;
    }

    .low_mv .logo_left span {
        font-size: 16px;
    }

    .custom_area .c_block {
        display: flex;
        flex-direction: column;
    }

    .custom_area .c_block .left {
        width: 100%;
        order: 1;
    }

    .custom_area .c_block .right {
        width: 100%;
        margin: 0;
        order: 0;
        position: relative;
    }

    .custom_area .c_block .right img {
        display: block;
        margin: 50px auto;
    }

    .custom_area .img_box {
        float: none;
        width: 50%;
        margin: 0 auto;
    }

    .custom_area .arrow_box {
        position: relative;
        padding: 20px;
        height: auto;
        line-height: 20px;
        border-radius: 50%;
        text-align: center;
        color: #ffffff;
        letter-spacing: 0.2em;
        font-size: 12px;
        background-color: #6ace0e;
        font-weight: bold;
        margin-bottom: 1rem;
    }

    .custom_area .arrow_box::before {
        content: '';
        position: absolute;
        display: block;
        width: 0;
        height: 0;
        left: 23px;
        bottom: -5px;
        border-right: 30px solid #6ace0e;
        border-top: 10px solid transparent;
        border-bottom: 10px solid transparent;
        transform: rotate(-60deg);
    }

    .custom_area .arrow_box_w {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }

    .custom_area .area01 {
        width: 50%;
    }

    .custom_area .area02 {
        margin-right: 1rem;
    }

    .banner01-sub a {
        position: relative;
    }

    span.banner01-sub-text {
        color: #eee;
        font-family: "Arial", "メイリオ";
        font-size: 3vw;
        font-weight: bold;
        height: 24%;
        line-height: 1;
        position: absolute;
        text-align: center;
        top: 15%;
        left: 16%;
        width: 83%;
        transform: none !important;
    }

    span.banner01-sub-text .banner01-inn-text01 {
        font-weight: bold;
    }

    span.banner01-sub-text .banner01-inn-text02 {
        font-size: 5vw;
        font-weight: bold;
        margin: 0 2px;
        opacity: 1 !important;
    }

    .banner02-sub {
        width: 400px;
        position: fixed;
        bottom: 5rem;
        z-index: 2;
    }

    .banner02-sub .sp_only {
        z-index: 99;
        max-width: 100%;
        position: fixed;
        bottom: 0%;
        margin-left: -15px;
    }

    span.banner02-sub-text {
        z-index: 111;
        color: #eee;
        font-family: "Arial", "メイリオ";
        font-size: 17px;
        font-weight: bold;
        height: 8%;
        line-height: 1;
        position: absolute;
        text-align: center;
        bottom: 49px;
        left: 11%;
        width: 79%;
        transform: none !important;
    }

    .l-pagetop {
        bottom: 23%;
    }

    .l-footer-copy {
        padding-bottom: 160px;
    }
}

.top2 .mv .kirakira-inner span.gr01 {
    color: #1ac062;
    font-size: unset;
    margin: unset;
}

.top2 section#catch_area p strong:nth-child(2), .top2 section#catch_area p strong {
    background: unset;
    color: unset;
    margin: unset;
}

.top2 h4.box_ttl {
    padding: 0;
}

section#catch_area p strong {
    background: #69ce0e;
    padding: 3px;
    margin: 10px 5px 0 0;
    color: #fff;
    clear: both;
    display: inline-block;
}

h4.box_ttl {
    padding: 1.5rem 3rem;
    background: #333;
    box-sizing: border-box;
    font-size: 1.9rem;
    font-weight: 900;
    color: #fff;
    text-align: center;
    line-height: 1.5;
    position: relative;
    min-height: 86px;
    display: flex;
    justify-content: center;
    align-items: center;
}
h3.lp_gold {
    display: block;
    background: #ffd700;
    text-align: center;
    padding: 2.5rem;
    font-size: 2rem;
	margin-bottom:2rem;
}
h3.lp_silver {
    display: block;
    background: #d7d7d7;
    text-align: center;
    padding: 2.5rem;
    font-size: 2rem;
	margin-bottom:2rem;
}
h3.lp_platinum {
	display: block;
	background: #333;
	text-align: center;
	padding: 2.5rem;
	font-size: 2rem;
	color:#fff;
	margin-bottom:2rem;
}
/*2023.03.02*/
.agency .a_block .box_ttl img {
    display: none;
}



















/*----------------------------------------------------
    PCcss
----------------------------------------------------*/
@media screen and (min-width: 600px) {

.knowhow:after {
    width: auto;
}
#shining-btn .btn-kirakira.twocom {
    margin-top: 20px;
}
.kirakira-inner span.gr01 {
    color: white;
    font-size: larger;
    margin: 3px;
}
.btn-kirakira.twocom {
    width: 87%;
}	
.btn-kirakira.twocom a {
    color: white;
}	
.btn-kirakira.twocom {
    width: 34%;
}
.e_block .box_ttl_wrap:before, .e_block .box_ttl_wrap:after{
		display:none;	
	}
/*
.logo_area .logo {
    background: url(https://www.jobofferad-agency.net/wp/wp-content/uploads/logo02new_lp.png) center 0 no-repeat;
    background-size: 100% auto;
} */

/*20210917*/	
#lp_dt .agency .link div {
    display: block;
    width: 100%;
    max-width: 100%;
    padding: 2.5rem 5rem;
    box-sizing: border-box;
    color: #fff;
    font-size: 1.8rem;
    font-weight: bold;
    text-align: center;
    line-height: 1.5;
    -webkit-transform: skewX(
20deg);
    transform: skewX(
20deg);
    position: relative;
}

.custom-dt .agency{
	padding: 10rem 0 0;
}	
.custom-dt .w_block01 {
    padding: 0 0 15rem;
}	
.top2 #shining-btn .btn-kirakira.twocom {margin: 0;}	
}




/*----------------------------------------------------
    SPcss
----------------------------------------------------*/
@media screen and (max-width: 599px) {

.explanation {
    padding: 5rem 2rem 5rem;
}
.btn-kirakira.twocom a {
    color: white;
}
#shining-btn .btn-kirakira.twocom {
    margin-top: 20px;
}
.kirakira-inner span.gr01 {
    color: white;
    font-size: larger;
    margin: 3px;
}
.btn-kirakira.twocom {
    width: 87%;
}
.e_block .box_ttl_wrap:before, .e_block .box_ttl_wrap:after{
		display:none;
}
.e_block .box_ttl {
    text-align: center;
}
.company h2#chapter-7 {
    font-size: 16px;
}
.ttl_box .ttl span.fs34 {
    font-size: 20px;
}
.w_block02 .conclusion .sub span {
    font-size: 15px;
}
/*
.logo_area .logo {
    background: url(https://www.jobofferad-agency.net/wp/wp-content/uploads/sp_logo48_lp.png) center 0 no-repeat;
    background-size: 100% auto;
} */
header .sitename {
    padding: 1rem 1.5rem;
    text-align: center;
}
.top_mv .mv_txt {
    margin: 1rem auto 0 auto;
}
.mv_ttl {
    padding: 1.5rem 1.0rem 1.5rem;
}
	
/*20210917*/
#lp_dt .agency .link div {
    padding: 1.5rem 4rem;
    font-size: 1.6rem;
	color: #fff;
	font-weight: bold;
}
.custom-dt .agency{
	padding-top: 0;
}		
.top2 header .sitename {
    text-align: left;
    padding-top: 2rem;
}

.top2 #shining-btn .btn-kirakira.twocom {
    width: 100%;
}
.top2 h4.box_ttl {
    min-height: unset;
}	
}


@charset "utf-8";

/*----------------------------------------------------
  共通css
----------------------------------------------------*/



/*----------
　knowhow
----------*/
#category .ipls .knowhow {
 margin: 22rem 0 0 0;
 padding: 0 3rem;
 background: url("img/bg04_02.jpg") center 0 repeat-y;
 background-size: 1900px auto;
 position: relative;
 z-index: 1;
}
#category .ipls .knowhow:before,
#category .ipls .knowhow:after {
 content: "";
 position: absolute;
 left: 50%;
 z-index: -1;
}
#category .ipls .knowhow:before {
 top: -354px;
 width: 100%;
 height: 354px;
 margin: auto;
 margin-left: -50%;
 background: url("img/bg04_01.png") center 0 no-repeat;
 background-size: 1900px auto;
}
#category .ipls .knowhow:after {
 bottom: -280px;
 width: 100%;
 height: 354px;
 margin: auto;
 margin-left: -50%;
 background: url("img/bg04_03.jpg") center 0 no-repeat;
 background-size: 1900px auto;
}
#category .ipls .knowhow .inner {
 max-width: 1300px;
 margin: auto;
 position: relative;
}
#category .ipls .knowhow .ttl_box {
 position: relative;
 top: -8rem;
}
#category .ipls .knowhow .lead {
 position: relative;
 margin-top: -5rem;
 text-align: center;
}
#category .ipls .knowhow .ttl_box .icon {
 display: inline-block;
 vertical-align: middle;
 width: 105px;
 height: 105px;
 margin: 0 0.5rem 0 0.5rem;
 text-align: center;
 border-radius: 50%;
 border: 2px solid #fff;
 position: relative;
}
#category .ipls .knowhow .ttl_box .icon span {
 font-size: 1.8rem;
}

/*---- k_block ----*/
#category .ipls .k_block {
 display: flex;
 justify-content: space-between;
 margin: 5rem 0 0 0;
}
#category .ipls .k_block .box {
 width: calc(32% - 0rem);
 box-sizing: border-box;
}
#category .ipls .k_block .box .box_head_wrap {
 position: relative;
 z-index: 1;
}
#category .ipls .k_block .box .box_head_wrap:after {
 content: "";
 position: absolute;
 top: 2rem;
 left: 0;
 right: 0;
 width: 50px;
 height: 121px;
 margin: auto;
 z-index: -1;
}
#category .ipls .k_block .box01 .box_head_wrap:after {
 background: url("img/arrow04.png") center 0 no-repeat;
 background-size: 100% auto;
}
#category .ipls .k_block .box02 .box_head_wrap:after {
 background: url("img/arrow05.png") center 0 no-repeat;
 background-size: 100% auto;
}
#category .ipls .k_block .box_head {
 padding: 1.5rem 2rem;
 background: #333;
 font-size: 1.7rem;
 font-weight: 900;
 color: #fff;
 line-height: 1.5;
 text-align: center;
 position: relative;
}
#category .ipls .k_block .box_head span {
 display: block;
 font-size: 1.8rem;
}
#category .ipls .k_block .box_inner {
 margin: 6rem 0 0 0;
 padding: 1.5rem 1.5rem 6rem;
 background: #fff;
 box-sizing: border-box;
 position: relative;
}
#category .ipls .k_block .box01 .box_inner {
 border: 4px solid #19c062;
}
#category .ipls .k_block .box02 .box_inner {
 border: 5px solid #69ce0e;
}
#category .ipls .k_block .box .box_ttl {
 padding: 2.5rem 2rem;
 font-size: 2.2rem;
 color: #fff;
 text-align: center;
}
#category .ipls .k_block .box01 .box_ttl {
  background: #19c062;
}
#category .ipls .k_block .box02 .box_ttl {
  background: #69ce0e;
}

/* box_top */
#category .ipls .k_block .box_top {
 display: flex;
 justify-content: space-between;
 margin: 3rem 0 0 0;
}
#category .ipls .k_block .box_top .left {
 width: 40%;
}
#category .ipls .k_block .box_top .cap {
 margin: 1.5rem auto 0;
 font-size: 1.2rem;
 color: #888;
 text-align: center;
 line-height: 1.3;
 word-break: break-word;
}
#category .ipls .k_block .box_top .btn-web {
 max-width: 90%;
 margin: 2rem auto 0;
}
#category .ipls .k_block .box_top .btn-web a {
 padding: 1.2rem 5rem;
 font-size: 1.5rem;
}
#category .ipls .k_block .box_top .right {
 width: calc(60% - 3rem);
}
#category .ipls .k_block .box_top .fee {
 text-align: center;
}
#category .ipls .k_block .box_top .fee dl {
 display: flex;
 justify-content: center;
 align-items: center;
}
#category .ipls .k_block .box_top .fee dt {
 padding: 0.8rem 1rem;
 margin: 1rem 1rem 0 0;
 font-size: 1.6rem;
 font-weight: 900;
 border: 1px solid #333;
}
#category .ipls .k_block .box_top .fee dd {
 font-size: 7rem;
 font-weight: 900;
 font-family: 'Oswald', sans-serif; 
}
#category .ipls .k_block .box_top .fee dd span.per {
 font-size: 3.5rem;
 font-weight: 900;
}
#category .ipls .k_block .box_top .fee dd span.supText {
 font-size: 1.4rem;
 vertical-align: top;
 position: relative;
 top: 1em;
 left: -0.5em;
 color: #333;
 font-weight: 100;
}
#category .ipls .k_block .box01 .box_top .fee dd {
 color: #16bf65;
}
#category .ipls .k_block .box02 .box_top .fee dd {
 color: #69ce0e;
}
#category .ipls .k_block .box_top .plan {
 margin: 2rem 0 0 0;
} 
#category .ipls .k_block .box_top .plan .p_ttl {
 padding: 1rem 1rem;
 background: #f6f6f6;
 font-size: 1.4rem;
 font-weight: 900;
 text-align: center;
} 
#category .ipls .k_block .box_top .plan .price {
 margin: 1rem 0 0 0;
 font-size: 3rem;
 font-weight: 900;
 text-align: center;
} 
#category .ipls .k_block .box_top .plan .price span {
 font-size: 2rem;
 font-weight: 900;
} 
#category .ipls .k_block .box_top .note {
 margin: 1.5rem 0 0 0;
 font-size: 1.4rem;
 line-height: 1.8;
} 

/* box_mid */
#category .ipls .k_block .box_mid {
 margin: 4rem 0 0 0;
 padding: 0 0 3rem 0;
}
#category .ipls .k_block .box01 .box_mid {
 border-bottom: 2px solid #16bf65;
}
#category .ipls .k_block .box02 .box_mid {
 border-bottom: 2px solid #69ce0e;
}
#category .ipls .k_block .box_mid .cc {
 font-size: 2.4rem;
 font-weight: 900;
 line-height: 1.5;
}
#category .ipls .k_block .box01 .box_mid .cc {
 color: #16bf65;
}
#category .ipls .k_block .box02 .box_mid .cc {
 color: #69ce0e;
}
#category .ipls .k_block .box_mid .txt {
 margin: 2rem 0 0 0;
}
#category .ipls .k_block .box_mid .dy {
 display: flex;
 justify-content: center;
 margin: 4rem 0 0 0;
}
#category .ipls .k_block .box_mid .dy dl {
 display: flex;
 align-items: center;
 margin: 0 3rem 0 0;
}
#category .ipls .k_block .box_mid .dy dt {
 padding: 1rem 1rem;
 margin: 0 1rem 0 0;
 background: #333;
 font-size: 1.7rem;
 font-weight: 900;
 color: #fff;
}
#category .ipls .k_block .box_mid .dy dd {
 font-size: 2.8rem;
 font-weight: 900;
}
#category .ipls .k_block .box_mid .dy dd span {
 font-size: 1.7rem;
 font-weight: 900;
}
#category .ipls .k_block .box01 .box_mid .dy dd {
 color: #16bf65;
}
#category .ipls .k_block .box02 .box_mid .dy dd {
 color: #69ce0e;
}

/* box_bottom */
#category .ipls .k_block .box_bottom {
 margin: 2rem 0 0 0;
}
#category .ipls .k_block .box_bottom .about {
 margin: 0 0 2rem 0;
 padding: 2rem 2rem;
 background: #f6f6f6;
}
#category .ipls .k_block .box_bottom .about_head {
 display: flex;
 justify-content: space-between;
 align-items: center;
}
#category .ipls .k_block .box_bottom .icon {
 width: 90px;
 height: 90px;
 text-align: center;
 border-radius: 50%;
 position: relative;
}
#category .ipls .k_block .box_bottom .icon span {
 font-size: 1.8rem;
}
#category .ipls .k_block .box_bottom .about_head h4 {
 width: 80%;
 font-size: 2.2rem;
 line-height: 1.5;
}
#category .ipls .k_block .box_bottom .txt {
 margin: 1.5rem 0 0 0;
}
#category .ipls .k_block .box_bottom .note {
 font-size: 1.2rem;
 color: #777;
 line-height: 1.8;
}
#category .ipls .company-section .company-box__item h5 {
    font-size: 1.6rem;
    margin-bottom: 1rem;
    color: unset;
    font-weight: bold;
    margin: 0;
    padding: 0;
}
#category .ipls .company-section p {
    margin: 1rem 0;
}
#category .ipls .company-section td p {
    margin: 0;
}
#category .ipls .knowhow h2 {
    background: none;
    text-align: center;
    font-weight: bold;
    border: none;
}
#category .ipls .knowhow h2 span.fs47 {
    font-weight: bold;
    font-size: 4.4rem;
}
#category .ipls .knowhow h3 {
    color: unset;
    border: none;
    padding: 0;
    font-size: 2.6rem;
    margin: 2rem 0 0;
}
#category .ipls .knowhow h4 {
    border: none;
    margin: 0;
    font-size: 2rem;
}
#category .ipls .knowhow h5 {
    margin: 0;
    font-size: 1.6rem;
    color: unset;
    font-weight: bold;
    padding: 0;
}
#category .ipls .company-section p.btn-web {
    margin: 0 auto 3rem;
}
#category .ipls .company-section p.btn-web a {}
#category .ipls .company-section h2 {
    background: none;
    border: none;
    text-align: center;
}
#category .ipls .company-section h3 {
    border: none;
}
#category .ipls .company-section h4 {
    border: none;
}
#category .ipls .company-section h4:before {
    display: none;
}
#category .ipls .company-section h5 {}
#category .ipls .point h2 {
    background: none;
    text-align: center;
    border: none;
}
#category .ipls .point h3 {
    font-size: 1.6rem;
    margin-bottom: 10px;
    padding-left: 5rem;
    margin-top: 0;
    border: none;
    color: unset;
    padding-bottom: 0;
}
#category .ipls .point h2 span {
    font-weight: bold;
    font-size: 6.2rem;
}
#category .ipls .company-section {
    padding: 1rem 2rem;
}
#category .ipls .company-box__catch {
    font-size: 2.8rem;
}

li.l-footer-submenu__list__item a {
    color: #fff;
}

li.l-footer-submenu__list__item {
    line-height: 1.5;
    box-sizing: border-box;
    margin: 1.5rem 0;
    position: relative;
}
.dtl .flame img {
    width: 80%;
    margin: 0 auto;
    display: block;
}

.contents .dtl p.caption.center {
    text-align: center;
    margin: 10px 0;
    font-size: 10px;
    line-height: 1.3;
}

.hkk {
    width: 100%;
    display: flex;
    margin: 2rem auto;
}

.hkk .box {
    width: 32.5%;
    margin: 0 1.3% 0 0;
    border: solid 1px #eefae4;
    background: #ebfae459;
    padding: 1.5rem;
    border-top: solid 2px #1ac062;
}

.hkk .box:last-child {
    margin-right: 0;
}

.hkk ul,
.hkk ol {
    margin: 1rem 0;
}

.hkk .btn-web,
.hkk .btn-tel {
    margin: 0;
}

.hkk .btn-web a,
.hkk .btn-tel a {
    width: 100%;
    font-size: 1.6rem;
    margin: 1rem auto;
}

.hkk .box .name {
    text-align: center;
    font-size: 1.9rem;
    margin: 3rem 0 2rem;
    font-weight: bold;
}

.hkk .box .ttl {
    text-align: center;
    font-weight: bold;
    margin: 2rem 0 1rem;
}

.hkk .box img {
    max-height: 11rem;
    width: unset;
    margin: 0 auto 5px;
    display: block;
}

.hkk .box .caption {
    font-size: 10px;
    line-height: 1.1;
    text-align: center;
}

.hkkw .note {
    text-align: left;
}

.hkk .box .cth {
    font-weight: bold;
    text-align: center;
    color: #1ac062;
    font-size: 1.8rem;
    padding: 10% 0;
    border-bottom: 2px solid #000;
    /* 下線の太さと色 */
    padding-bottom: 5px;
    /* 下線とテキストの間隔 */
}

.hkk .box .cpy {
    font-size: 1.8rem;
    text-align: center;
    font-weight: bold;
    color: #475e20;
    line-height: 1.4;
}

.contents .hkk p {
    margin: 10px 0;
}

.contents .hkk .btn-web {
    width: 80%;
    display: block;
    margin: 2rem auto;
}

.knowhow.lb3 {
    /* margin: 22rem 0 0 0; */
    padding: 2rem 2rem;
    background: url("img/bg04_02.jpg") center 0 repeat-y;
    background-size: 1900px auto;
    position: relative;
    z-index: 1;
}

.knowhow.lb3:before,
.knowhow.lb3:after {
    content: "";
    position: absolute;
    left: 50%;
    z-index: -1;
}

.knowhow.lb3:before {
    top: -354px;
    width: 100%;
    height: 354px;
    margin: auto;
    margin-left: -50%;
    background: url("img/bg04_01.png") center 0 no-repeat;
    background-size: 1900px auto;
    display: none;
}

.knowhow.lb3:after {
    bottom: -280px;
    width: 100%;
    height: 354px;
    margin: auto;
    margin-left: -50%;
    background: url("img/bg04_03.jpg") center 0 no-repeat;
    background-size: 1900px auto;
    display: none;
}

.knowhow.lb3 .inner {
    max-width: 100%;
    margin: auto;
    position: relative;
}

.knowhow.lb3 .ttl_box {
    position: relative;
    top: -8rem;
}

.knowhow.lb3 .lead {
    position: relative;
    margin-top: -5rem;
}

.knowhow.lb3 .ttl_box .icon {
    display: inline-block;
    vertical-align: middle;
    width: 105px;
    height: 105px;
    margin: 0 0.5rem 0 0.5rem;
    text-align: center;
    border-radius: 50%;
    border: 2px solid #fff;
    position: relative;
}

.knowhow.lb3 .ttl_box .icon span {
    font-size: 1.8rem;
}

.lb3 .k_block {
    display: flex;
    margin: 3rem 0 0 0;
    width: 100%;
}

.lb3 .k_block .box {
    width: 50%;
    box-sizing: border-box;
}

.lb3 .k_block .box .box_head_wrap {
    position: relative;
    z-index: 1;
}

.lb3 .k_block .box .box_head_wrap:after {
    content: "";
    position: absolute;
    top: 2rem;
    left: 0;
    right: 0;
    width: 50px;
    height: 121px;
    margin: auto;
    z-index: -1;
}

.lb3 .k_block .box01 .box_head_wrap:after {
    background: url("img/arrow04.png") center 0 no-repeat;
    background-size: 100% auto;
}

.lb3 .k_block .box02 .box_head_wrap:after {
    background: url("img/arrow05.png") center 0 no-repeat;
    background-size: 100% auto;
}

.lb3 .k_block .box_head {
    padding: 1.5rem 2rem;
    background: #333;
    font-size: 1.4rem;
    font-weight: 900;
    color: #fff;
    line-height: 1.5;
    text-align: center;
    position: relative;
}

.lb3 .k_block .box_head span {
    display: block;
    font-size: 1.8rem;
}

.lb3 .k_block .box_inner {
    margin: 6rem 0 0 0;
    padding: 2rem 1.5rem 0rem;
    background: #fff;
    box-sizing: border-box;
    position: relative;
}

.lb3 .k_block .box01 .box_inner {
    border: 5px solid #19c062;
}

.lb3 .k_block .box02 .box_inner {
    border: 5px solid #69ce0e;
}

.lb3 .k_block .box .box_ttl {
    padding: 2.5rem 2rem;
    font-size: 3.2rem;
    color: #fff;
    text-align: center;
}

#category .lb3 .k_block .box01 .box_ttl,
#page .lb3 .k_block .box01 .box_ttl {
    background: #19c062;
    padding: 1rem 0;
    margin: 1rem 0;
    color: #fff;
}

#category .lb3 .k_block .box02 .box_ttl,
#page .lb3 .k_block .box02 .box_ttl {
    background: #69ce0e;
    padding: 1rem 0;
    margin: 1rem 0;
    color: #fff;
    border: none;
}

/* box_top */
.lb3 .k_block .box_top {
    display: flex;
    justify-content: space-between;
    margin: 3rem 0 0 0;
}

.lb3 .k_block .box_top .left {
    width: 40%;
}

.lb3 .k_block .box_top .cap {
    margin: 1.5rem auto 0;
    font-size: 1rem;
    color: #888;
    text-align: center;
    line-height: 1.3;
    word-break: break-word;
}

.lb3 .k_block .box_top .btn-web {
    max-width: 90%;
    margin: 2rem auto 0;
}

.lb3 .k_block .box_top .btn-web a {
    padding: 1.2rem 0rem;
    font-size: 1.5rem;
}


.lb3 .k_block .box_top .right {
    width: calc(60% - 3rem);
}

.lb3 .k_block .box_top .fee {
    text-align: center;
}

.lb3 .k_block .box_top .fee dl {
    display: flex;
    justify-content: center;
    align-items: center;
}

.lb3 .k_block .box_top .fee dt {
    padding: 3px;
    margin: 5px 5px 0 0;
    font-size: 12px;
    font-weight: 900;
    border: 1px solid #333;
}

.lb3 .k_block .box_top .fee dd {
    font-size: 4rem;
    font-weight: 900;
    font-family: 'Oswald', sans-serif;
}

.lb3 .k_block .box_top .fee dd span.per {
    font-size: 2.5rem;
    font-weight: 900;
}

.lb3 .k_block .box_top .fee dd span.supText {
    font-size: 1.4rem;
    vertical-align: top;
    position: absolute;
    top: 0;
    right: 0;
    color: #333;
    font-weight: 100;
}

.lb3 .k_block .box01 .box_top .fee dd {
    color: #16bf65;
    position: relative;
}

.lb3 .k_block .box02 .box_top .fee dd {
    color: #69ce0e;
}

.lb3 .k_block .box_top .plan {
    margin: 2rem 0 0 0;
}

.lb3 .k_block .box_top .plan .p_ttl {
    padding: 1rem 1rem;
    background: #f6f6f6;
    font-size: 1.4rem;
    font-weight: 900;
    text-align: center;
}

.lb3 .k_block .box_top .plan .price {
    margin: 1rem 0 0 0;
    font-size: 2rem;
    font-weight: 900;
    text-align: center;
}

.lb3 .k_block .box_top .plan .price span {
    font-size: 1rem;
    font-weight: 900;
}

.lb3 .k_block .box_top .note {
    margin: 1.5rem 0 0 0;
    font-size: 10px;
    line-height: 1.4;
}


/* box_mid */
.lb3 .k_block .box_mid {
    margin: 4rem 0 0 0;
    padding: 0 0 3rem 0;
}

.lb3 .k_block .box01 .box_mid {
    border-bottom: 2px solid #16bf65;
}

.lb3 .k_block .box02 .box_mid {
    border-bottom: 2px solid #69ce0e;
}

.lb3 .k_block .box_mid .cc {
    font-size: 16px;
    font-weight: 900;
    line-height: 1.5;
}

.lb3 .k_block .box01 .box_mid .cc {
    color: #16bf65;
    margin: 5rem 0 3.2rem;
}

.lb3 .k_block .box02 .box_mid .cc {
    color: #69ce0e;
    margin: -2rem 0 0;
}

.lb3 .k_block .box_mid .txt {
    margin: 2rem 0 0 0;
}

.lb3 .k_block .box_mid .dy {
    margin: 0;
}

.lb3 .k_block .box_mid .dy dl {
    display: flex;
    align-items: center;
    margin: 1rem 0;
}

.lb3 .k_block .box_mid .dy dl p {
    font-size: 16px;
}

.lb3 .k_block .box_mid .dy dt {
    padding: 1rem 1rem;
    margin: 0 1rem 0 0;
    background: #333;
    font-size: 1.6rem;
    font-weight: 900;
    color: #fff;
    line-height: 1.4;
    width: 40%;
}

.lb3 .k_block .box_mid .dy dd {
    font-size: 2.8rem;
    font-weight: 900;
}

.lb3 .k_block .box_mid .dy dd span {
    font-size: 1.7rem;
    font-weight: 900;
}

.lb3 .k_block .box01 .box_mid .dy dd p {
    font-size: 16px;
}

.lb3 .k_block .box01 .box_mid .dy dd {
    color: #16bf65;
}

.lb3 .k_block .box02 .box_mid .dy dd {
    color: #69ce0e;
}

.lb3 .k_block .box_bottom {
    margin: 4rem 0 0 0;
}

.lb3 .k_block .box_bottom .about {
    margin: 0 0 2rem 0;
    padding: 2rem 2rem;
    background: #f6f6f6;
}

.lb3 .k_block .box_bottom .about_head {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.lb3 .k_block .box_bottom .icon {
    width: 90px;
    height: 90px;
    text-align: center;
    border-radius: 50%;
    position: relative;
}

.lb3 .k_block .box_bottom .icon span {
    font-size: 1.8rem;
}

.lb3 .k_block .box_bottom .about_head h4 {
    width: 80%;
    font-size: 2.2rem;
    line-height: 1.5;
}

.lb3 .k_block .box_bottom .txt {
    margin: 1.5rem 0 0 0;
}

.lb3 .k_block .box_bottom .note {
    font-size: 1.2rem;
    color: #777;
    line-height: 1.8;
}

#shining-btn .btn-kirakira .kirakira {
    color: #fff;
    font-weight: bold;
    line-height: 1.4;
    max-width: 800px;
    margin: 2rem auto;
    font-size: 24px;
}

.agency .a_block .box_ttl a img {
    display: none;
}

.sub {
    font-weight: bold;
    margin: 2rem;
}

.hidden_box.hidden_box_top {
    margin: 0 auto 3rem;
    border: solid 2px #6ace0e;
    width: 500px;
    padding: 3rem;
}

.hidden_box.hidden_box_top li a {
    text-decoration: underline;
    margin: 10px 0;
    font-size: 16px;
    line-height: 1.2;
}

input#label27 {
    display: none;
}

label {
    font-size: 15px;
    text-align: center;
    margin: 0 auto;
    display: block;
    font-weight: bold;
    color: #6ace0e;
}

.hidden_box.hidden_box_top li {
    list-style-type: disc;
}

.hidden_box.hidden_box_top ul {
    padding-left: 2rem;
}

ul.search-box {
    display: flex;
    flex-direction: column;
    align-items: baseline;
}

.fontch {
    position: relative;
    background: linear-gradient(transparent 40%, #fffacd 40%);
}

.boxes {
    margin: 20px 0px;
    padding: 50px;
    background: #eefae4;
}

/*Checkboxes styles*/
input[type="checkbox"] {
    display: none;
}

input[type="checkbox"]+label {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 20px;
    font: 20px/20px 'Open Sans', Arial, sans-serif;
    color: #000;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

input[type="checkbox"]+label:last-child {
    margin-bottom: 0;
}

input[type="checkbox"]+label:before {
    content: '';
    display: block;
    width: 20px;
    height: 20px;
    border: 6px solid #bb2c1b;
    position: absolute;
    left: 0;
    top: 0;
    opacity: .6;
    -webkit-transition: all .12s, border-color .08s;
    transition: all .12s, border-color .08s;
}

input[type="checkbox"]:checked+label:before {
    width: 10px;
    top: -5px;
    left: 5px;
    border-radius: 0;
    opacity: 1;
    border-top-color: transparent;
    border-left-color: transparent;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.company .result .box img {
    height: 45px;
    width: auto;
    margin: 0 -1.5rem 0 0.5rem;
}

.logo,
.logo a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 650px;
    margin: 0 auto;
}

.logo_left {
    position: relative;
    width: 151px;
    height: 151px;
    background: url(https://www.jobofferad-agency.net/wp/wp-content/uploads/logo02new_rere1.png) center 0 no-repeat;
    background-size: 90% auto;
    color: #333333;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    line-height: 3rem;
    padding: 48px 12px 0 0;
    top: 22px;
}

.logo_left span {
    display: block;
    font-weight: bold;
    font-size: 34px;
}

.logo_right {
    color: #fff;
    font-size: 44px;
    text-align: center;
    line-height: 4.6rem;
    font-weight: bold;
    width: 70%;
}

.logo_right span {
    display: block;
    font-size: 30px;
    font-weight: bold;
}

.low_mv .logo,
.low_mv .logo a {
    height: 90px;
    width: 450px;
}

.low_mv .logo_right {
    font-size: 28px;
    line-height: 3rem;
}

.low_mv .logo_right span {
    font-size: 18px;
}

.low_mv .logo_left {
    top: 26px;
    background-size: 70% auto;
    padding: 35px 10px 0 0;
    font-size: 14px;
    line-height: 2.4rem;
}

.low_mv .logo_left span {
    font-size: 28px;
}

.kanren {
    border: 2px solid #1ac062;
    padding: 20px 30px;
    margin: 50px auto;
    position: relative;
    box-sizing: border-box;
}

.midasi {
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 15px;
    color: #1ac062;
}

.kanren br {
    display: none;
}

.readmore-content {
    position: relative;
    overflow: hidden;
    height: 160px;
}

.readmore-content::before {
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    content: "";
    height: 50px;
    z-index: 1;
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0.8) 50%, #fff 100%);
    background: linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0.8) 50%, #fff 100%);
}

.readmore-label {
    display: table;
    bottom: 5px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    margin: 5px auto;
    z-index: 2;
    padding: 7px 15px;
    background-color: #1ac062;
    border-radius: 10px;
    color: #FFF;
}

.readmore-label:before {
    content: "\7D9A\304D\3092\8AAD\3080";
}

.readmore-check {
    display: none;
}

.readmore-check:checked~.readmore-label {
    position: static;
    transform: translateX(0);
    -webkit-transform: translateX(0);
}

.readmore-check:checked~.readmore-label:before {
    content: "\9589\3058\308B";
}

.readmore-check:checked~.readmore-content {
    height: auto;
}

.readmore-check:checked~.readmore-content::before {
    display: none;
}

.box_link {
    background: #f6f6f6;
    background-size: 6px auto;
    border-radius: 30px;
    padding: 30px;
    margin-top: 5px;
}

.box_link2 {
    background: #f6f6f6a6;
    background: url(https://www.chinese-langschool.com/wp/wp-content/themes/SE024/img/dotbg2.png) 0 0 repeat #fff;
    background-size: 6px auto;
    border: 3px solid #6acd0e;
    padding: 30px;
    margin-top: 30px;
}

.related_article {
    font-size: 20px;
    margin: 0 0 10px;
    font-weight: bold;
}

a.card_flex_box {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    border: 1px solid #ddd;
    padding: 5px;
}

.box_link img {
    width: 56%;
}

.text.area {
    width: 43%;
}

.title_p {
    font-size: 24px;
    margin: 0;
    font-weight: bold;
    padding: 0px 20px 0;
}

.description_p {
    margin: 20px 0 20px;
    padding: 0 20px;
}

a.card_flex_box:after {
    position: absolute;
    right: 4px;
    bottom: 4px;
    display: block;
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 20px 20px;
    border-color: transparent transparent #cb3838 transparent;
}

.faq {
    align-items: center;
    justify-content: space-between;
    padding: 30px 0;
    display: flex;
    display: -webkit-flex;
}

.faq.f_l {
    padding: 30px 0 30px 150px;
}

.faq.f_r {
    padding: 30px 150px 30px 0;
}


.faq .faq-img img {
    max-width: 100%;
}

.faq.f_l .faq-txt {
    background: #fff;
    border: 2px solid #555;
    border-radius: 10px;
    float: right;
    width: 100%;
    padding: 20px 30px;
    position: relative;
}

.faq.f_l .faq-txt:before {
    content: "";
    width: 21px;
    height: 21px;
    position: absolute;
    top: 56px;
    border-left: 2px solid #555;
    border-top: 2px solid #555;
    transform: rotate(-45deg);
    background: #fff;
    left: -13px;
    margin-top: -13px;
}

.faq.f_l .faq-txt .float-img.fl {
    position: absolute;
    top: 0;
    left: -160px;
}

.faq.f_l .faq-txt .faq-img.fr {
    position: absolute;
    top: 0;
    right: -160px;
}

.faq.f_l .faq-txt .faq-img.fl .faq-flame {
    width: 120px;
    height: 120px;
    background: #fff;
    border-radius: 100px;
}

.faq.f_l .faq-txt .faq-img.fl .faq-flame img {
    border-radius: 100px;
}

.faq.f_r .faq-txt {
    background: #fff;
    border: 2px solid #555;
    border-radius: 10px;
    float: left;
    width: 100%;
    padding: 20px 30px;
    position: relative;
}

.faq.f_r .faq-txt:before {
    content: "";
    width: 21px;
    height: 21px;
    position: absolute;
    top: 56px;
    border-right: 2px solid #555;
    border-top: 2px solid #555;
    transform: rotate(45deg);
    background: #fff;
    right: -13px;
    margin-top: -13px;
}

.faq.f_l .faq-txt .faq-img.fl {
    position: absolute;
    top: 0;
    left: -150px;
    margin: 0 !important;
}

.faq.f_r .faq-txt .faq-img.fl {
    position: absolute;
    top: 0;
    right: -150px;
    margin: 0 !important;
}

.faq.f_r .faq-txt .faq-img.fl .faq-flame,
.faq.f_l .faq-txt .faq-img.fl .faq-flame {
    width: 120px;
    height: 120px;
    background: #eaeaea;
    border-radius: 100px;
}

.faq.f_r .faq-txt .faq-img.fl .faq-flame img {
    border-radius: 100px;
}

/*----------------------------------------------------
  PLUSページ用css
----------------------------------------------------*/

.checkpoint {
    text-align: center;
    /* テキストを中央揃えに */
    position: relative;
}
.floating-container {
  background-color: #bfe85408;
  padding: 1px 24px;
  margin: 40px auto;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  position: relative;
  top: -20px;
}

/* テーブルの基本スタイル */
.floating-box table {
  width: 100%;
  border-collapse: collapse;
}
.floating-box th,
.floating-box td {
  border: 1px solid #ddd;
  padding: 8px;
  text-align: left;
}
.img-responsive {
    max-width: 100% important; /* 親要素をはみ出さないようにする */
    height: auto;    /* 縦横比を維持 */
    display: block;  /* 中央寄せをしやすくする */
    margin: 0 auto;  /* 中央寄せ */
    padding-bottom: 5px; /* 任意の余白 */
}
.checkpoint h2 {

    color: #4CAF50;
    /* テキストカラーを変更 */
    font-size: 24px;
    /* 見出しのサイズを調整 */
    padding: 20px;
    /* パディングを追加 */
    background-color: #F0F0F0;
    /* 背景色を軽いグレーに */
    border-radius: 10px;
    /* 角を丸める */

    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    /* ソフトな影を追加 */
    display: inline-block;
    margin-top: 40px;
    position: relative;
    margin: 0rem auto 2rem !important;
}

.checkpoint h2 i {
    margin-right: 10px;
    /* アイコンとテキストの間隔 */
    color: #4CAF50;
    /* アイコンカラーを調整 */
}

.emphasis_design27 {
    position: relative;
    color: #eefae4;
    -webkit-text-stroke: 5px #6acd0e;
}

.emphasis_design27::before {
    content: attr(data-text);
    position: absolute;
    color: #6acd0e;
    -webkit-text-stroke: 1px #fff;
}

.imgleftyk {
    display: flex;
    align-items: stretch;
    /* コンテナ内のアイテムがコンテナの高さに合わせて伸びる */
}

.imgleftyk .image-wrapper {
    flex: 0 0 auto;
    /* 画像のサイズをテキストの高さに合わせる */
    margin-right: 20px;
    /* 画像とテキストの間隔 */
    display: flex;
    align-items: stretch;
}

.imgleftyk .image-wrapper img {
    max-height: 220px;
    width: 100%;
    /* 画像の幅をimage-wrapperの幅に合わせる */
    height: 100%;
    /* 画像の高さをimage-wrapperの高さに合わせる */
    object-fit: cover;
    /* 画像がコンテナを覆うように調整、一部が切り取られることがある */
}

.imgleftyk .text-wrapper {
    flex: 1 1 auto;
    /* テキストが残りのスペースを埋めるように */
    align-items: center;
    /* テキストを中央に配置 */
}

#page .viral-head h3,
#page .basic-column-box h3 {
    margin: 0 auto !important;
}

/*2025.03.13*/
.result .cc{
	height:60px;
}
.img_center {
    font-size: 10px;
    color: #999999;
    margin: 0 auto 30px;
    text-align: center;
    word-break: break-all;
line-height: 1.6rem;
}
.img_center img {
    padding-bottom: 5px;
    max-width: unset;
    width: auto;
}


.new-dual-btn-wrap {
    display: flex;
    flex-direction: row !important; /* ★強制的に横並びにする */
    flex-wrap: nowrap !important;   /* ★絶対に縦落ち（改行）させない */
    justify-content: center;        /* 中央寄せ */
    gap: 20px;                      /* PCでのボタン間の余白 */
    margin: 30px auto 0;            /* 上の余白 ＋ 左右autoで中央配置 */
    width: 100%;
    max-width: 800px;               /* ★超重要：PCで広がりすぎるのを防ぐ制限幅 */
    padding: 0 20px;                /* 画面端にピッタリくっつかないための余白 */
    box-sizing: border-box;
}

.new-btn {
    flex: 1;                        /* max-width:800pxの中で均等に半分のサイズになる */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;             /* ボタン内の上下余白を少し広げてリッチに */
    border-radius: 8px;
    text-decoration: none;
    text-align: center;
    box-shadow: 0 4px 6px rgba(0,0,0,0.1);
    transition: all 0.3s ease;
    line-height: 1.4;
    box-sizing: border-box;         /* paddingがはみ出さないように計算 */
	font-size: larger;
}
}

.new-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 10px rgba(0,0,0,0.15);
}

/* 左ボタン：145社検索ルート */
.btn-search {
    background-color: #fff;
    border: 2px solid #28a745;
}
.btn-search .btn-sub { color: #28a745; font-size: 0.9em; font-weight: bold; }
.btn-search .btn-main { color: #333; font-weight: bold; font-size: 1.1em; margin-top: 5px; }

/* 右ボタン：Indeed PLUSルート */
.btn-plus {
    background-color: #1e1e64;
    border: 2px solid #1e1e64;
}
.btn-plus .btn-sub { color: #ffd700; font-size: 0.9em; font-weight: bold; }
.btn-plus .btn-main { color: #fff; font-weight: bold; font-size: 1.1em; margin-top: 5px; }
.btn-plus .number { font-size: 1.5em; font-weight: 900; }

.fv_btn_title {
    font-size: 1.1em;
    font-weight: bold;
    color: #333;
    margin: 30px auto -23px auto; /* ★左右を「auto」にしてド真ん中に配置！ */
    width: fit-content;           /* ★横幅を文字ピッタリにする（マーカーのため） */
    letter-spacing: 0.05em;
    background: linear-gradient(transparent 60%, #ffffcc 60%); /* 黄色マーカー */
}

.bottom_link .fv_btn_title {
    color: #ffffff; /* 文字色をクッキリ読める白に変更 */
    background: none; /* 背景の緑と合わない黄色マーカーをオフにする */
    text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2); /* ほんの少し影をつけて文字をさらに浮き立たせる */
}

    /* 画像の代わりになる大きなリッチバナー（改） */
    .banner02-alt-wrap {
        width: 100%;
        max-width: 800px; /* 先ほどより少し広げて存在感をUP */
        margin: 30px auto 40px;
        padding: 0 4%;
        box-sizing: border-box;
    }
    .btn-lower-plus {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        /* のっぺりしないよう、リッチなグラデーション背景に変更 */
        background: linear-gradient(135deg, #11113a 0%, #1e1e64 50%, #2a2a85 100%);
        border: 3px solid #ffd700; /* 枠線をゴールドにしてバナー感を強調 */
        border-radius: 12px;
        padding: 30px 50px 30px 30px; /* 全体的に大きく */
        text-decoration: none;
        color: #fff;
        box-shadow: 0 8px 15px rgba(0,0,0,0.2);
        transition: all 0.3s ease;
        position: relative;
        overflow: hidden; /* キラキラアニメーションがはみ出さないようにする */
		margin-bottom: 60px;
    }

    /* ★高CTRの鉄板！定期的にキラッと光るアニメーション */
    .btn-lower-plus::before {
        content: '';
        position: absolute;
        top: 0;
        left: -100%;
        width: 50%;
        height: 100%;
        background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.3) 50%, rgba(255,255,255,0) 100%);
        transform: skewX(-25deg);
        animation: shine 3s infinite;
    }
    @keyframes shine {
        0% { left: -100%; }
        20% { left: 200%; }
        100% { left: 200%; }
    }

    /* 右端の矢印アイコン（少し大きく） */
    .btn-lower-plus::after {
        content: '';
        position: absolute;
        right: 25px;
        top: 50%;
        transform: translateY(-50%) rotate(45deg);
        width: 16px;
        height: 16px;
        border-top: 4px solid #ffd700;
        border-right: 4px solid #ffd700;
        transition: all 0.3s ease;
    }
    .btn-lower-plus:hover {
        transform: translateY(-4px);
        box-shadow: 0 12px 25px rgba(0,0,0,0.3);
        background: linear-gradient(135deg, #1e1e64 0%, #2a2a85 50%, #3535a0 100%); /* ホバーで少し明るく */
    }
    .btn-lower-plus:hover::after {
        right: 18px;
    }
    
    /* テキストのサイズアップと装飾 */
    .btn-lower-plus .btn-sub {
        color: #333;
        background-color: #ffd700; /* ただの文字から、目立つ黄色のバッジ風に変更！ */
        padding: 4px 16px;
        border-radius: 20px;
        font-size: 1.1em;
        font-weight: bold;
        margin-bottom: 15px;
        letter-spacing: 0.05em;
        box-shadow: 0 2px 4px rgba(0,0,0,0.2);
    }
    .btn-lower-plus .btn-main {
        font-size: 1.7em; /* 思い切ってかなり大きく！ */
        font-weight: bold;
        line-height: 1.4;
        text-align: center;
        text-shadow: 0 2px 4px rgba(0,0,0,0.3); /* 文字に影をつけてクッキリ読みやすく */
    }
    .btn-lower-plus .number {
        font-size: 1.6em;
        color: #ffd700; /* 3という数字だけゴールドにして強調 */
        margin: 0 5px;
    }









/*----------------------------------------------------
  PC用css
----------------------------------------------------*/

@media screen and (min-width: 769px) {
    .contents.ip #side {
        display: none;
    }

    .contents.ip #category {
        float: none;
        width: auto;
    }

    .wr_two-box {
        display: flex;
        display: -webkit-flex;
        justify-content: space-between;
        margin-bottom: 40px;
    }

    .wr_two-box .wr_box {
        border: 1px solid #333;
        position: relative;
        display: flex;
        flex-direction: column;
        width: 42%;
        padding: 10px;
        float: left;
        margin-right: 10px;
        background: #fff;
    }

    .wr_two-box .wr_box.wr_left_box {
        float: left;
        margin-right: 10px;
    }

    .wr_two-box .wr_box.wr_right_box {
        float: right;
        margin-left: 10px;
    }

    .wr_two-box .wr_box .wr_box-head {
        font-size: 16px;
        font-weight: bold;
        color: #935B2B;
        text-align: center;
        padding: 10px;
    }

    .wr_two-box .wr_box .head-img {
        height: 250px;
        width: 100%;
        text-align: center;
        margin-bottom: 10px;
    }

    .wr_two-box .wr_box .head-img img {
        height: 100%;
        width: auto;
    }

    .wr_two-box .wr_box .wr_caption {
        font-size: 12px;
        color: #969696;
        text-align: center;
        word-wrap: break-word;
        margin-bottom: 0;
        line-height: 1.4em;
    }

    .wr_two-box .wr_box .wr_box-body {
        color: #333;
        text-align: left;
        padding: 10px;
    }

    .wr_two-box .wr_box .wr_box-body .in_link_btn {
        display: none;
    }

    .lb3 .k_block .box_top .btn-web a:after {
        right: 3px;
    }

    .box.box02 {
        margin-right: 1rem;
    }

    .partner {
        font-size: 20px;
        margin: 50px 0px;
        background: #69ce0e;
        padding: 20px 50px;
        clear: both;
        display: inline-block;
    }

    .partner a {
        color: #FFF;
        position: relative;
    }

    .partner a:after {
        display: block;
        content: "";
        position: absolute;
        top: 50%;
        right: -30px;
        width: 8px;
        height: 8px;
        margin-top: -4px;
        border-top: solid 2px #fff;
        border-right: solid 2px #fff;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    #toc {
        cursor: pointer;
    }

    .l-footer-area__inner {
        padding: 4rem 0 5rem;
    }

    .custom_area .c_block .left {
        width: 50%;
    }

    .custom_area .c_block .right {
        width: 50%;
        margin: 0;
    }

    .custom_area .c_block .right img {
        display: block;
        width: 263px;
        margin: 0 auto;
    }

    .custom_area .arrow_box {
        position: relative;
        padding: 20px;
        width: 250px;
        height: 40px;
        line-height: 20px;
        border-radius: 50%;
        text-align: center;
        color: #ffffff;
        letter-spacing: 0.2em;
        font-size: 14px;
        background-color: #6ace0e;
        font-weight: bold;
    }

    .custom_area .arrow_box::before {
        content: '';
        position: absolute;
        display: block;
        width: 0;
        height: 0;
        left: 23px;
        bottom: -5px;
        border-right: 30px solid #6ace0e;
        border-top: 10px solid transparent;
        border-bottom: 10px solid transparent;
        transform: rotate(-60deg);
    }

    .custom_area .img_box {
        position: relative;
    }

    .custom_area .area01 {
        position: absolute;
        top: 0;
    }

    .custom_area .area02 {
        position: absolute;
        top: 0px;
        left: 300px;
    }

    .custom_area .area03 {
        position: absolute;
        top: 110px;
        left: 150px;
    }


    .banner01-sub a {
        position: relative;
    }

    span.banner01-sub-text {
        display: flex;
        align-items: baseline;
        color: #eee;
        font-family: "Arial", "メイリオ";
        font-size: 15px;
        font-weight: bold;
        height: 30px;
        line-height: 1;
        position: absolute;
        top: 85px;
        left: 28%;
    }

    span.banner01-sub-text .banner01-inn-text01 {
        font-size: 12px;
        font-weight: bold;
        letter-spacing: -0.2px;
    }

    span.banner01-sub-text .banner01-inn-text02 {
        font-size: 22px;
        font-weight: bold;
        margin: 0 2px;
    }

    .banner02-sub {
        width: 400px;
        position: fixed;
        bottom: 5rem;
        right: 2rem;
        z-index: 2;
    }

    span.banner02-sub-text {
        display: flex;
        align-items: baseline;
        color: #eee;
        font-family: "Arial", "メイリオ";
        font-size: 15px;
        font-weight: bold;
        height: 30px;
        line-height: 1;
        position: absolute;
        top: 49px;
        left: 34%;
    }

    .wr_two-box {
        display: flex;
        display: -webkit-flex;
        justify-content: space-around;
        margin-bottom: 40px;
    }

    .wr_two-box .wr_box {
        border: 1px solid #333;
        position: relative;
        display: flex;
        flex-direction: column;
        width: 42%;
        padding: 10px;
        float: left;
        margin-right: 10px;
        background: #fff;
    }

    .wr_two-box .wr_box.wr_left_box {
        float: left;
        margin-right: 10px;
    }

    .wr_two-box .wr_box.wr_right_box {
        float: right;
        margin-left: 10px;
    }

    .wr_two-box .wr_box .wr_box-head {
        font-size: 27px;
        font-weight: bold;
        color: #935B2B;

        text-align: center;
        border-bottom: 1px solid #333;
        padding: 0px;
    }

    .wr_two-box .wr_box .wr_box-body {
        color: #333;
        text-align: left;
        padding: 10px;
    }

    .wr_two-box .wr_box .wr_box-body .in_link_btn {
        display: none;
    }

    .hkk .box .cth.plus3senHeader {
        padding: 0;
        padding-top: 0;
        padding-bottom: 1rem;
        line-height: 1.4;
        border: none;
    }

    sup {
        font-size: 1.2rem;
    }

    .hkk .box .name.comanyHeight {
        margin: 0;
        height: 4rem;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 0;
        padding-bottom: 1rem;
    }

	
}



/*----------------------------------------------------
  SP用css
----------------------------------------------------*/

@media screen and (max-width: 768px) {
.new-dual-btn-wrap {
        gap: 8px;          /* スマホは隙間をキュッと狭くする */
        padding: 0 10px;   /* スマホの画面端の余白 */
    }
    .new-btn {
        padding: 15px 5px; /* スマホ向けにボタン内の高さを調整 */
    }
    .btn-search .btn-sub, .btn-plus .btn-sub { font-size: 0.75em; }
    .btn-search .btn-main, .btn-plus .btn-main { font-size: 0.9em; }
    .btn-plus .number { font-size: 1.3em; }
	.fv_btn_title {
        font-size: 0.9em;
        margin-bottom: 10px;
    }
    .wr_two-box {
        display: block;
        flex-wrap: nowrap;
    }

    .wr_two-box .wr_box {
        border: 1px solid #333;
        position: relative;
        width: auto;
        vertical-align: middle;
        padding: 10px;
        background: #fff;
    }

    .wr_two-box .wr_box.wr_left_box,
    .wr_two-box .wr_box.wr_right_box {
        float: none;
        margin: 0 0 20px 0;
    }

    .wr_two-box .wr_box .wr_box-head {
        font-size: 16px;
        font-weight: bold;
        color: #935B2B;
        text-align: center;
        padding: 10px;
    }

    .wr_two-box .wr_box .head-img {
        height: 250px;
        width: 100%;
        text-align: center;
        margin-bottom: 10px;
    }

    .wr_two-box .wr_box .head-img img {
        height: 100%;
        width: auto;
    }

    .wr_two-box .wr_box .wr_caption {
        font-size: 12px;
        color: #969696;
        text-align: center;
        word-wrap: break-word;
        margin-bottom: 0;
        line-height: 1.4em;
    }

    .wr_two-box .wr_box .wr_box-body {
        color: #333;
        text-align: left;
        padding: 10px;
    }

    .wr_two-box .wr_box .wr_box-body .in_link_btn {
        display: block;
        width: 95%;
        margin: 15px auto 0;
        background: #935B2B;
        color: #fff !important;
        font-size: 16px;
        font-weight: bold;
        text-align: center;
        border-radius: 10px;
        padding: 10px;
        text-decoration: none !important;
        position: relative;
    }

    .wr_two-box .wr_box .wr_box-body .in_link_btn:after {
        content: '';
        position: absolute;
        top: 15px;
        right: 20px;
        padding: 5px;
        border-bottom: 2px solid #fff;
        border-right: 2px solid #fff;
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
    }

    .hidden_box.hidden_box_top {
        width: auto;
        margin: 3rem 0 0;
        padding: 2rem;
    }

    .mv_ttl {
        margin-bottom: 2rem;
    }

    #shining-btn .btn-kirakira .kirakira {
        font-size: 20px;
        max-width: 88%;
        padding: 10px;
    }

    .knowhow.lb3 {
        margin: 0 0 0 0;
        padding: 1rem 0 0;
        background: none;
        background-size: 100% auto;
    }

    .company .result .box img {
        height: 35px;
        margin: 0 -0.5rem 0 0.5rem;
    }

    .knowhow.lb3:before,
    .knowhow.lb3:after {
        display: none;
    }

    .knowhow.lb3 .inner {
        max-width: 100%;
    }

    .knowhow.lb3 .ttl_box {
        top: inherit;
    }

    .knowhow.lb3 .lead {
        margin-top: 2.5rem;
    }

    .knowhow.lb3 .k_head {
        padding: 0 1.5rem;
        box-sizing: border-box;
        position: relative;
    }

    .knowhow.lb3 .k_head:before,
    .knowhow.lb3 .k_head:after {
        content: "";
        position: absolute;
        width: 60%;
        height: 0;
        z-index: -1;
    }

    .knowhow.lb3 .k_head:before {
        top: -4rem;
        left: 0;
        padding-top: calc(60%*341/350);
        background: url("img/sp_line01.png") 0 0 no-repeat;
        background-size: 60% auto;
    }

    .knowhow.lb3 .k_head:after {
        bottom: -4rem;
        right: 0;
        padding-top: calc(60%*306/431);
        background: url("img/sp_line02.png") right bottom no-repeat;
        background-size: 60% auto;
    }

    .knowhow.lb3 .ttl_box .icon {
        width: 55px;
        height: 55px;
        margin: 0 0 0 0;
    }

    .knowhow.lb3 .ttl_box .icon span {
        font-size: 1.2rem;
    }

    .lb3 .k_block {
        display: block;
        margin: 2rem 0;
        padding: 2rem 1.5rem 5rem;
        background: url("img/sp_bg04.jpg") 0 0 repeat;
        background-size: 100% auto;
        box-sizing: border-box;
        width: unset;
    }

    .lb3 .swipe {
        font-size: 1.4rem;
        text-align: center;
        position: relative;
        display: none;
    }

    .lb3 .swipe:after {
        content: "";
        display: inline-block;
        vertical-align: middle;
        position: relative;
        width: 52px;
        height: 48px;
        background: url("img/arrow07.png") center center no-repeat;
        background-size: 50% auto;
    }

    .lb3 .k_block .box {
        width: 100%;
        width: 40%;
        margin-right: 0;
    }

    .lb3 .k_block .box_inner {
        width: 95%;
        margin: 1.5rem auto 0 auto;
        padding: 1.5rem 1.5rem 3rem;
    }

    .lb3 .k_block .box01 .box_inner {
        border: 3px solid #19c062;
        width: 100%;
        margin-top: 0;
    }

    .lb3 .k_block .box02 .box_inner {
        border: 3px solid #69ce0e;
        width: 100%;
        margin: 0;
        margin-bottom: 3rem;
    }

    .lb3 .k_block .box .box_ttl {
        padding: 1.5rem 1.5rem;
        font-size: 2rem;
    }

    .lb3 .k_block .box_top {
        margin: 1.5rem 0 0 0;
    }

    .lb3 .k_block .box_top .left {
        width: 40%;
    }

    .lb3 .k_block .box_top .cap {
        margin: 1rem auto 0;
        font-size: 1rem;
    }

    .lb3 .k_block .btn-web {
        max-width: 90%;
        margin: 1rem auto;
    }

    .lb3 .k_block .btn-web a {
        padding: 1.2rem 1rem;
    }

    .lb3 .k_block .btn-tel a {
        padding: 1.2rem 4rem;
    }


    .lb3 .k_block .box_top .right {
        width: calc(60% - 1rem);
    }

    .lb3 .k_block .box_top .fee dt {
        padding: 0.8rem 0.8rem;
        margin: 1rem 1rem 0 0;
        font-size: 1.3rem;
    }

    .lb3 .k_block .box_top .fee dd {
        font-size: 3.4rem;
    }

    .lb3 .k_block .box_top .fee dd span.per {
        font-size: 2rem;
    }

    .lb3 .k_block .box_top .fee dd span.supText {
        font-size: 1.3rem;
        top: 0;
    }

    .lb3 .k_block .box_top .plan {
        margin: 1.5rem 0 0 0;
    }

    .lb3 .k_block .box_top .plan .p_ttl {
        padding: 0.8rem 0.8rem;
        font-size: 1.3rem;
    }

    .lb3 .k_block .box_top .plan .price {
        margin: 0.5rem 0 0 0;
        font-size: 2rem;
    }

    .lb3 .k_block .box_top .plan .price span {
        font-size: 1.4rem;
    }

    .lb3 .k_block .note {
        margin: 1.5rem 0 0 0;
        font-size: 1.4rem;
        line-height: 1.6;
    }

    .lb3 .k_block .box_mid {
        margin: 3rem 0 0 0;
        padding: 0 0 2rem 0;
    }

    .lb3 .k_block .box_mid .cc {
        font-size: 1.8rem;
        line-height: 1.5;
    }

    .lb3 .k_block .box_mid .txt {
        margin: 1.5rem 0 0 0;
    }

    .lb3 .k_block .box_mid .dy {
        margin: 0;
    }

    .lb3 .k_block .box_mid .dy dl {
        margin: 1rem 2rem 1rem 0;
    }

    .lb3 .k_block .box_mid .dy dt {
        padding: 0.8rem 0.6rem;
        margin: 0 1.5rem 0 0;
        font-size: 1.4rem;
        text-align: center;
    }

    .lb3 .k_block .box_mid .dy dd {
        font-size: 2rem;
    }

    .lb3 .k_block .box_mid .dy dd span {
        font-size: 1.4rem;
    }

    .lb3 .k_block .box_bottom {
        margin: 3rem 0 0 0;
    }

    .lb3 .k_block .box_bottom .about {
        margin: 0 0 1.5rem 0;
        padding: 2rem 1.5rem;
    }

    .lb3 .k_block .box_bottom .about:last-child {
        margin: 0 0 0 0;
    }

    .lb3 .k_block .box_bottom .icon {
        width: 60px;
        height: 60px;
    }

    .lb3 .k_block .box_bottom .icon span {
        font-size: 1.3rem;
    }

    .lb3 .k_block .box_bottom .about_head h4 {
        width: 70%;
        font-size: 1.8rem;
    }

    .lb3 .sp_only .gd,
    .lb3 .sp_only .sl {
        padding: 1rem;
        background: #333;
        font-size: 1.4rem;
        font-weight: 900;
        color: #fff;
        line-height: 1.5;
        text-align: center;
        position: relative;
    }

    .lb3 .k_block .box01 .box_mid .cc {
        float: none;
        margin: unset;
        width: unset;
        line-height: 1.3;
        margin-bottom: 2rem;
    }

    .lb3 .sp_only .gd span,
    .lb3 .sp_only .sl span {
        display: block;
    }

    .lb3 .sp_only .swiper-container {
        margin-top: 2rem;
    }

    .lb3 .k_block .box02 .box_mid .cc {
        width: unset;
        float: unset;
        margin: unset;
        line-height: 1.3;
        margin-bottom: 2rem;
    }

    .lb3 .k_block .box_top .plan .p_ttl br {
        display: none;
    }

    .lb3 .k_block .box02 .box_head_wrap:after {
        height: 80px;
        background-size: contain;
    }

    .lb3 .k_block .box01 .box_head_wrap:after {
        height: 80px;
        background-size: contain;
    }

    .knowhow.lb3 .sp_only {
        display: none !important;
    }

    .knowhow.lb3 .pc_only {
        display: block !important;
    }

    .lb3 .k_block .box {
        width: 100%;
    }

    .partner {
        font-size: 20px;
        margin: 18px 0px;
        background: #69ce0e;
        padding: 10px;
    }

    .partner a {
        color: #fff
    }

    .sec01 .page_link01 .sub {
        top: -8rem;
        left: 0;
    }

    .sec01 {
        padding: 1rem;
    }

    section.sec.sec01 section#catch_area {
        padding: 3rem 0;
    }

    .sec01 .page_link01 {
        background: unset;
        box-shadow: unset;
        max-width: 100%;
    }

    .l-footer-area__inner .logo,
    .l-footer-area__inner .logo a {
        width: 95%;
    }

    .logo_area:after {
        display: none;
    }

    .logo,
    .logo a {
        width: 80%;
    }

    .logo_right {
        font-size: 20px;
        line-height: 2.2rem;
    }

    .logo_right span {
        font-size: 14px;
    }

    .logo_left {
        padding: 23px 4px 20px 0px;
        font-size: 10px;
        line-height: 1.4rem;
        background-size: 72px auto;
        top: 0%;
        height: auto;
        width: 20%;
    }

    .logo_left span {
        font-size: 16px;
    }

    .low_mv .logo {
        width: 80%;
        height: 70px;
    }

    .low_mv .logo_right {
        font-size: 20px;
        line-height: 2.2rem;
    }

    .low_mv .logo_right span {
        font-size: 14px;
    }

    .low_mv .logo_left {
        padding: 23px 4px 20px 0px;
        font-size: 10px;
        line-height: 1.4rem;
        background-size: 72px auto;
        top: 0%;
        height: auto;
        width: 20%;
    }

    .low_mv .logo_left span {
        font-size: 16px;
    }

    .custom_area .c_block {
        display: flex;
        flex-direction: column;
    }

    .custom_area .c_block .left {
        width: 100%;
        order: 1;
    }

    .custom_area .c_block .right {
        width: 100%;
        margin: 0;
        order: 0;
        position: relative;
    }

    .custom_area .c_block .right img {
        display: block;
        margin: 50px auto;
    }

    .custom_area .img_box {
        float: none;
        width: 50%;
        margin: 0 auto;
    }

    .custom_area .arrow_box {
        position: relative;
        padding: 20px;
        height: auto;
        line-height: 20px;
        border-radius: 50%;
        text-align: center;
        color: #ffffff;
        letter-spacing: 0.2em;
        font-size: 12px;
        background-color: #6ace0e;
        font-weight: bold;
        margin-bottom: 1rem;
    }

    .custom_area .arrow_box::before {
        content: '';
        position: absolute;
        display: block;
        width: 0;
        height: 0;
        left: 23px;
        bottom: -5px;
        border-right: 30px solid #6ace0e;
        border-top: 10px solid transparent;
        border-bottom: 10px solid transparent;
        transform: rotate(-60deg);
    }

    .custom_area .arrow_box_w {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }

    .custom_area .area01 {
        width: 50%;
    }

    .custom_area .area02 {
        margin-right: 1rem;
    }

    .banner01-sub a {
        position: relative;
    }

    span.banner01-sub-text {
        color: #eee;
        font-family: "Arial", "メイリオ";
        font-size: 3vw;
        font-weight: bold;
        height: 24%;
        line-height: 1;
        position: absolute;
        text-align: center;
        top: 18%;
        left: 16%;
        width: 83%;
        transform: none !important;
    }

    span.banner01-sub-text .banner01-inn-text01 {
        font-weight: bold;
    }

    span.banner01-sub-text .banner01-inn-text02 {
        font-size: 5vw;
        font-weight: bold;
        margin: 0 2px;
        opacity: 1 !important;
    }

    .banner02-sub {
        width: 400px;
        position: fixed;
        bottom: 5rem;
        z-index: 2;
    }

    .banner02-sub .sp_only {
        z-index: 99;
        max-width: 100%;
        position: fixed;
        bottom: 0%;
        margin-left: -15px;
    }

    span.banner02-sub-text {
        z-index: 111;
        color: #eee;
        font-family: "Arial", "メイリオ";
        font-size: 17px;
        font-weight: bold;
        height: 8%;
        line-height: 1;
        position: absolute;
        text-align: center;
        bottom: 49px;
        left: 11%;
        width: 79%;
        transform: none !important;
    }

    .l-pagetop {
        bottom: 23%;
    }

    .l-footer-copy {
        padding-bottom: 160px;
    }

    .hkk {
        display: block;
    }

    .hkk .box {
        width: unset;
        margin: 0 0 2rem;
    }

    .hkk .box img {
        width: auto;
        height: unset;
    }

    .dtl .flame img {
        width: 90%;
    }

    .wr_two-box {
        display: block;
        flex-wrap: nowrap;
    }

    .wr_two-box .wr_box {
        border: 1px solid #333;
        position: relative;
        width: auto;
        vertical-align: middle;
        padding: 10px;
        background: #fff;
    }

    .wr_two-box .wr_box.wr_left_box,
    .wr_two-box .wr_box.wr_right_box {
        float: none;
        margin: 0 0 20px 0;
    }

    .wr_two-box .wr_box .wr_box-head {
        font-size: 16px;
        font-weight: bold;
        color: #935B2B;
        text-align: center;
        border-bottom: 1px solid #333;
        padding: 10px;
    }

    .wr_two-box .wr_box .wr_box-body {
        color: #333;
        text-align: left;
        padding: 10px;
    }

    .wr_two-box .wr_box .wr_box-body .in_link_btn {
        display: block;
        width: 95%;
        margin: 15px auto 0;
        background: #935B2B;
        color: #fff !important;
        font-size: 16px;
        font-weight: bold;
        text-align: center;
        border-radius: 10px;
        padding: 10px;
        text-decoration: none !important;
        position: relative;
    }

    .wr_two-box .wr_box .wr_box-body .in_link_btn:after {
        content: '';
        position: absolute;
        top: 15px;
        right: 20px;
        padding: 5px;
        border-bottom: 2px solid #fff;
        border-right: 2px solid #fff;
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
    }

    /* table scroll */
    .scroll {
        width: auto;
        white-space: nowrap;
        padding-bottom: 10px;
        overflow-x: scroll;
    }

    .scroll::-webkit-scrollbar {
        height: 10px;
    }

    .scroll::-webkit-scrollbar-track {
        background: #f1f1f1;
        border-radius: 5px;
    }

    .scroll::-webkit-scrollbar-thumb {
        background: #bcbcbc;
        border-radius: 5px;
    }

    .scroll table {
        border-collapse: collapse;
        border-spacing: 0;
        empty-cells: show;
        width: 100%;
        min-width: 450px;
        margin: 0;
        border: none;
        display: table;
    }

    .scroll table tbody {
        display: table-row-group;
    }

    .scroll table tr {
        display: table-row;
    }

    .scroll table tbody th,
    .scroll table tbody td {
        word-break: break-all;
        vertical-align: middle;
        display: table-cell;
        width: auto;
    }

.img_center img {
    width: 100%;
}
	
li.l-footer-submenu__list__item {
    margin: 0 1.5rem 1.5rem;
}	
	


}

/*20260325*/
.k_block .box {width: calc(33% - 1rem);}

.k_block .box .box_head_wrap:after {
    top: 7rem;
}

.k_block .box01 .box_ttl {
    font-size: 2.4rem;
    font-weight: bold;
}

.k_block .box01 .cap a {
    display: inline;
}
.k_block .box01 .cap {
    line-height:1.3;
    font-size: 10px;
}
.company-name {
    text-align: center;
    font-size: 2.6rem;
    margin-block: 2rem;
    font-weight: bold;
}

.about_ttl {
    text-align: center;
    font-size: 2rem;
    margin-bottom: 2rem;
    font-weight: bold;
}

.about span.cap {
    display: block;
    font-size: 1.2rem;
    word-break: break-all;
}

.k_block .box_bottom .about {
    min-height: 160px;
}

.point {
    margin: 30rem 0 0;
}

.agency {
    padding: 10rem 0 0;
}

.company-section {
    background: #f6f6f6;
    margin: 15rem auto 0;
    padding: 10rem 0;
}

.point .box-wrap {
    display: flex;
    justify-content: space-between;
}

.point .box-wrap .box {
    width: 32%;
    font-size: 1.6rem;
    line-height: 1.5;
    padding: 20px;
    box-sizing: border-box;
    margin-top: 2rem;
    border: 2px solid #69cd10;
}

.point p.lead {
    margin-top: 2rem;
}

.point .box-wrap .box h3 {
    font-size: 1.6rem;
    margin-bottom: 10px;
    padding-left: 5rem;
}
.point .box h3 {
  position: relative;
  padding-left: 2.5em;
}

.point .box:nth-child(1) h3::before {
  content: "01";
}

.point .box:nth-child(2) h3::before {
  content: "02";
}

.point .box:nth-child(3) h3::before {
  content: "03";
}

.point .box h3::before {
  position: absolute;
  left: 0;
  top: 0;
  color: #69cd10;
  font-size: 3rem;
}

.company-section .lead {
    margin: 2rem 0 0;
}

.company-box {
    background: #fff;
    padding: 20px;
    border: 5px solid #6ace0e;
    margin-top: 10rem;
}

.company-box__catch {
    background: #333333;
    color: #fff;
    padding: 10px;
    margin: -7rem auto 3rem;
    width: 70%;
    font-size: 3rem;
    text-align: center;
    line-height: 1.5;
}

.company-box__catch p {
    font-weight: bold;
}

.company-box h3 {
    font-size: 3.2rem;
    margin-bottom: 4rem;
    color: #1ac062;
    text-align: center;
}

.company-box .img_box {
    max-width: 700px;
    margin: 0 auto;
    text-align: center;
    margin-bottom: 3rem;
}

.company-section h4 {
    text-align: center;
    font-size: 2.4rem;
    position: relative;
    line-height: 1.5;
    margin: 4rem auto;
}

.company-section h4:before {
    content: "";
    width: 6rem;
    height: 3px;
    display: block;
    background: #19c062;
    bottom: -10px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.company-box__wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.company-box__item {
    width: 32%;
    font-size: 14px;
    background: #f6f6f6;
    padding: 2rem;
    box-sizing: border-box;
    line-height: 1.5;
}

.company-box p.cap {
    font-size: 12px;
    margin-top: 10px;
}

.company-box p.cap a {
    display: contents;
}

.company-box__item  h5 {
    font-size: 2rem;
    margin-bottom: 1rem;
}
.lb3.bottom-knowhow .k_block {
    display: block;
}

.lb3.bottom-knowhow .k_block .box {
    width: 100%;
    margin-top: 3rem;
}


.lb3.bottom-knowhow .k_block .box .box_head_wrap:after {
    display: none;
}

.lb3.bottom-knowhow .k_block .box01 .box_inner {
    margin-top: 0;
    border-top: 0;
}


.about_head_ttl {
    font-weight: bold;
    font-size: 1.8rem;
}

.lb3.bottom-knowhow .k_block .box_bottom .about {
    min-height: auto;
}
.lb3.bottom-knowhow .k_block .box_head {
    font-size: 2rem;
}

.lb3.bottom-knowhow .k_block. .box .box_ttl {
    font-size: 2.4rem;
}
@media screen and (max-width: 768px) {
/*sp*/
.knowhow .k_head {
    margin-bottom: 3rem;
}

.k_block .box_head sup {
    font-size: 12px;
}

.k_block .box_head {
    font-size: 2rem;
}

.k_block .box .box_head_wrap:after {
    display: none;
}

.k_block .box01 .box_inner {
    width: 100%;
    margin-top: 0;
    border-top: none;
    margin-bottom: 3rem;
}


.k_block {}

.k_block .box {
    width: 100%;
}

.k_block .box_bottom .about {
    min-height: auto;
}

.k_block .box_bottom .about_head {
    line-height: 1.5;
}

.point {
    margin: 3rem 0 0;
}

.point .box-wrap {
    display: block;
    padding: 0 15px 0;
}

.point .box-wrap .box {
    width: 100%;
}

section#company-section {}

.company-section {
    margin-top: 5rem;
    padding-top: 5rem;
}

.company-box__catch {
    width: 80%;
    font-size: 2rem;
}

.company-box sup {
    font-size: 12px;
    top: -5px;
}

.company-box h3 {
    font-size: 2.4rem;
}

.company-box__item {
    width: 100%;
    margin-bottom: 3rem;
    padding: 1.5rem;
    font-size: 16px;
}

.company-box__wrap {
    display: block;
}

.company-box p.cap {}

.company-section h4 {
    font-size: 2rem;
}

.agency {
    padding-top: 5rem;
}
.knowhow.lb3.bottom-knowhow .k_head {
    padding: 0;
}

.lb3.bottom-knowhow .k_block {
    margin-inline: -2.5rem;
}
	        .btn-lower-plus {
            padding: 20px 35px 20px 15px;
        }
        .btn-lower-plus .btn-sub { font-size: 0.9em; margin-bottom: 12px; }
        .btn-lower-plus .btn-main { font-size: 1.25em; } /* スマホでもしっかり大きく */
        .btn-lower-plus .number { font-size: 1.4em; }
        .btn-lower-plus::after {
            right: 15px;
            width: 12px;
            height: 12px;
        }


 #category .ipls .knowhow {
  margin: 0 0 0 0;
  padding: 6rem 0 0;
  background: none;
  background-size: 100% auto;
 }
 #category .ipls .knowhow:before,
 #category .ipls .knowhow:after {
  display: none;
 }
 #category .ipls .knowhow .inner {
  max-width: 100%;
 }
 #category .ipls .knowhow .ttl_box {
  top: inherit;
 }
 #category .ipls .knowhow .lead {
  margin-top: 2.5rem;
 }
 #category .ipls .knowhow .k_head {
  padding: 0;
  box-sizing: border-box;
  position: relative;
 }
 #category .ipls .knowhow .k_head:before,
 #category .ipls .knowhow .k_head:after {
  content: "";
  position: absolute;
  width: 60%;
  height: 0;
  z-index: -1;
 }
 #category .ipls .knowhow .k_head:before {
  top: -4rem;
  left: 0;
  padding-top: calc(60%*341/350);
  background: url("img/sp_line01.png") 0 0 no-repeat;
  background-size: 60% auto;
 }
 #category .ipls .knowhow .k_head:after {
  bottom: -4rem;
  right: 0;
  padding-top: calc(60%*306/431);
  background: url("img/sp_line02.png") right bottom no-repeat;
  background-size: 60% auto;
 }
 #category .ipls .knowhow .ttl_box .icon {
  width: 55px;
  height: 55px;
  margin: 0 0 0 0;
 }
 #category .ipls .knowhow .ttl_box .icon span {
  font-size: 1.2rem;
 }

 /*---- k_block ----*/
 #category .ipls .k_block{
  display: block;
  margin: -2rem 0 0 0;
  padding: 2rem 1.5rem 5rem;
  background: url("img/sp_bg04.jpg") 0 0 repeat;
  background-size: 100% auto;
  box-sizing: border-box;
 }
 #category .ipls .swipe {
  font-size: 1.4rem;
  text-align: center;
  position: relative;
 }
 #category .ipls .swipe:after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  position: relative;
  width: 52px;
  height: 48px;
  background: url("img/arrow07.png") center center no-repeat;
  background-size: 50% auto;
 }
 #category .ipls .k_block.box {
  width: 100%;
 }
 #category .ipls .k_block.box_inner {
  width: 95%;
  margin: 1.5rem auto 0 auto;
  padding: 1.5rem 1.5rem 3rem;
 }
 #category .ipls .k_block.box01 .box_inner {
  border: 3px solid #19c062;
 }
 #category .ipls .k_block.box02 .box_inner {
  border: 3px solid #69ce0e;
 }
 #category .ipls .k_block.box .box_ttl {
  padding: 1.5rem 1.5rem;
  font-size: 2rem;
 }

 /* box_top */
 #category .ipls .k_block.box_top {
  margin: 1.5rem 0 0 0;
 }
 #category .ipls .k_block.box_top .left {
  width: 40%;
 }
 #category .ipls .k_block.box_top .cap {
  margin: 1rem auto 0;
  font-size: 1rem;
 }
 #category .ipls .k_block.btn-web {
  max-width: 85%;
 }
 #category .ipls .k_block.btn-web a {
  padding: 1.2rem 4rem;
 }
 #category .ipls .k_block.btn-tel a {
  padding: 1.2rem 4rem;
 }
 #category .ipls .k_block.box_top .right {
  width: calc(60% - 1rem);
 }
 #category .ipls .k_block.box_top .fee dt {
  padding: 0.8rem 0.8rem;
  margin: 1rem 1rem 0 0;
  font-size: 1.3rem;
 }
 #category .ipls .k_block.box_top .fee dd {
  font-size: 3.4rem;
 }
 #category .ipls .k_block.box_top .fee dd span.per {
  font-size: 2rem;
 }
 #category .ipls .k_block.box_top .fee dd span.supText {
  font-size: 1.3rem;
  top: 0;
 }
 #category .ipls .k_block.box_top .plan {
  margin: 1.5rem 0 0 0;
 } 
 #category .ipls .k_block.box_top .plan .p_ttl {
  padding: 0.8rem 0.8rem;
  font-size: 1.3rem;
 } 
 #category .ipls .k_block.box_top .plan .price {
  margin: 0.5rem 0 0 0;
  font-size: 2rem;
 } 
 #category .ipls .k_block.box_top .plan .price span {
  font-size: 1.4rem;
 } 
 #category .ipls .k_block.note {
  margin: 1.5rem 0 0 0;
  font-size: 1.4rem;
  line-height: 1.6;
 } 

 /* box_mid */
 #category .ipls .k_block.box_mid {
  margin: 3rem 0 0 0;
  padding: 0 0 2rem 0;
 }
 #category .ipls .k_block.box_mid .cc {
  font-size: 1.8rem;
  line-height: 1.5;
 }
 #category .ipls .k_block.box_mid .txt {
  margin: 1.5rem 0 0 0;
 }
 #category .ipls .k_block.box_mid .dy {
  margin: 2rem 0 0 0;
 }
 #category .ipls .k_block.box_mid .dy dl {
  margin: 0 2rem 0 0;
 }
 #category .ipls .k_block.box_mid .dy dt {
  padding: 0.8rem 0.6rem;
  margin: 0 0.5rem 0 0;
  font-size: 1.4rem;
 }
 #category .ipls .k_block.box_mid .dy dd {
  font-size: 2rem;
 }
 #category .ipls .k_block.box_mid .dy dd span {
  font-size: 1.4rem;
 }

 /* box_bottom */
 #category .ipls .k_block.box_bottom {
  margin: 3rem 0 0 0;
 }
 #category .ipls .k_block.box_bottom .about {
  margin: 0 0 1.5rem 0;
  padding: 2rem 1.5rem;
 }
 #category .ipls .k_block.box_bottom .about:last-child {
  margin: 0 0 0 0;
 }
 #category .ipls .k_block.box_bottom .icon {
  width: 60px;
  height: 60px;
 }
 #category .ipls .k_block.box_bottom .icon span {
  font-size: 1.3rem;
 }
 #category .ipls .k_block.box_bottom .about_head h4 {
  width: 70%;
  font-size: 1.8rem;
 }
#category .ipls .knowhow h2 {
    padding: 0;
    font-size: 2rem;
}
#category .ipls .knowhow h2 span.fs47 {
    font-size: 2.8rem;
}
#category .ipls .k_block .box {
    width: auto;
    margin-bottom: 2rem;
}
#category .ipls .k_block .box01 .box_inner {
    margin-top: 0;
    border: 3px solid #19c062;
    padding-bottom: 2rem;
}
#category .ipls .k_block .box01 .box_ttl {
    padding: 2rem 1rem;
    font-size: 2rem;
}
#category .ipls .point h2 {
    padding: 3rem 0 1rem;
}
#category .ipls .point h2 span {
    font-size: unset;
}
#category .ipls .company-section {
    padding: 1rem 1rem;
}
#category .ipls .company-section p {
}
#category .ipls .company-box__catch {font-size: 1.6rem;width: 95%;margin-left: -1%;}
#category .ipls .company-section h2 {
    padding: 0;
    font-size: 2rem;
}
#category .ipls .company-section p.btn-tel {
    margin: 0 auto 2rem;
    display: block;
}
#category .ipls .company-section h3 {
    margin-top: 2rem;
}
#category .ipls .company-section .company-box {
    padding: 10px;
}	
}