@charset "utf-8";



a, abbr, address, article, aside, audio, b, blockquote, body, button, canvas, caption, cite, code, dd, del, details, dfn, div, dl, dt, em, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, input, ins, kbd, label, legend, li, main, mark, menu, nav, object, ol, p, pre, q, samp, section, select, small, span, strong, sub, summary, sup, table, tbody, td, textarea, tfoot, th, thead, time, tr, ul, var, video {
    border: 0;
    list-style: none;
    margin: 0;
    padding: 0;
    text-decoration: none;
    -webkit-font-smoothing: antialiased;
    -webkit-backface-visibility: hidden;
    box-sizing: border-box;
    /* color: #000; */
    transition: .3s cubic-bezier(.4, .4, 0, 1);
    word-spacing: 1px;
    
}





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






:root {
    --font1: 'Noto Sans JP';


    --g-color-0: rgba(244, 121, 106, 0.53);
    --g-position-0: 0%;
    --g-color-1: rgba(229, 229, 229, 0.53);
    --g-position-1: 41%;
    --g-color-2: rgba(59, 187, 198, 0.53);
    --g-position-2: 100%;
    --g-color-3: rgba(59, 187, 198, 0.53);
    --g-position-3: 100%;
    --g-color-4: rgba(59, 187, 198, 0.53);
    --g-position-4: 100%;
    --g-color-5: rgba(59, 187, 198, 0.53);
    --g-position-5: 100%;
    --g-color-6: rgba(59, 187, 198, 0.53);
    --g-position-6: 100%;
    --g-color-7: rgba(59, 187, 198, 0.53);
    --g-position-7: 100%;
    --g-color-8: rgba(59, 187, 198, 0.53);
    --g-position-8: 100%;
    --g-color-9: rgba(59, 187, 198, 0.53);
    --g-position-9: 100%;
    --g-color-10: rgba(59, 187, 198, 0.53);
    --g-position-10: 100%;
    --g-color-11: rgba(59, 187, 198, 0.53);
    --g-position-11: 100%;
    --g-angle: 112deg;

}

body {
    background: #fff;
    transition: background 0.5s cubic-bezier(0.4, 0.4, 0, 1);
    font-family: var(--font1);
    font-size: 16px;
    line-height: 1.8;
    font-weight: 400;
}





a, a:link {
    color: #000;
}
a.icon_target {
    display: flex;
    gap: 10px;
    align-items: center;
}
a.icon_target img {
    width: 18px;
    height: 18px;
}
footer a.icon_target img {
    width: 16px;
    height: 16px;
}




i {
    color: #ffffff;
    font-size: 48px;

    font-variation-settings:
        'FILL'0,
        'wght'400,
        'GRAD'0,
        'opsz'24
}

.material-icons {
    display: inline-block;
    font-family: Material Icons;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: normal;
    line-height: 1;
    text-transform: none;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
}


.container_outer_wrap {
    display: flex;
}

.container_outer_wrap>.top_left_logo {
    width: 47.3%;
    text-align: center;
}

.container_outer_wrap>.top_left_logo a {
    display: block;
    z-index: 1;
    position: fixed;
    top: 35%;
    width: 41%;
    left: 3%;
    font-size: 200%;
}
.container_outer_wrap>.top_left_logo a div {

    font-weight: 700;
    margin-bottom: 5%;
}


.container_outer_wrap::after {
    content: "";
    /* background-image: url(../images/pc_top_logo.png); */
    height: 100vh;
    width: 37%;
    position: fixed;
    background-repeat: no-repeat;
    background-size: contain;
    top: 37vh;
    left: 6.5%;
}


.top_bottom_btn {
    position: fixed;
    bottom: 5vh;
    width: calc(52.7vw - 480px);
    right: 0;
}

.top_bottom_btn a {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 30px;
    height: 54px;
    background-color: #F4796A;
    color: white;
    max-width: 300px;
    margin: 0 auto 23px;
    z-index: 2;
}

.top_bottom_btn a+a {
    background-color: #3BBBC6;
}

.container {
    max-width: 480px;
    width: 100%;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.6);
}


@media screen and (max-width: 1600px) {
    .top_bottom_btn {
        left: 0;
        width: 37%;
        left: 6.5%;
        z-index: 2;
    }
}

@media screen and (max-width: 980px) {
    .top_left_logo {
        display: none;
    }

    .liver-list .content1, .top_liver-list {
        padding: 0;
    }

    .top_bottom_btn {
        display: none;
    }

    .container_outer_wrap {
        justify-content: center;
    }

    .container_outer_wrap::after {
        display: none;
    }
}

@media screen and (max-width: 620px) {
    .container {
        max-width: none;
    }
}



@media screen and (max-width: 1300px) {
    main {
        padding-top: 65px;
    }
}

main .main_inner {
    width: 100%;
    max-width: 100%;

}





header {
    height: 65px;
}


header {
    position: fixed;
    right: 0px;
    top: 0px;
    width: 100%;
z-index: 1;
}

header>div {
    display: flex;
    justify-content: space-between;
}

header .header_btn {
    display: flex;
    align-items: center;
}

header .header_logo {}

header .header_logo>div {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    align-items: center;
    padding-left: 10px;
}

header .header_logo>div>p:first-child {
    font-size: 9px;
}

header .header_logo>div>p:last-child {
    font-size: 8px;
}

header .header_logo img {
    max-width: 150px;
    width: 150px;
}

header .header_btn img {
    max-width: 18px;
}
header .header_btn img.mail_icon {
    max-width: 22px;
}

header .header_btn>div {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-right: 20px;
}

header .header_btn>div i {
    color: black;
}

header .header_btn button i {
    font-size: 48px;
}




header button {
    align-items: center;
    background: #3edbf0;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    height: 65px;
    justify-content: center;
    width: 65px;
    max-width: 100%;
}

@media screen and (min-width: 981px) {
    header .header_logo>div {
        display: none;
    }
}

@media screen and (max-width: 620px) {
    header {
        background-color: rgba(255,255,255,0.7);
    }
    header .header_btn>div {
        display: none;
    }
}


/* -------------------------------
modal
------------------------------- */
.modals {
    display: flex;
    opacity: 0;
    /* 初期状態は透明 */
    visibility: hidden;
    /* 初期状態は非表示 */
    transition: opacity 0.3s, visibility 0.6s;
}

.modals.open {
    opacity: 1;
    /* 表示状態は不透明 */
    visibility: visible;
    /* 表示状態は表示 */
    transition: opacity 0s, visibility 0.6s;
}

.modals .design-canvas__modal {
    height: 100%;
    position: fixed;
    transition: none;
    width: 100%;
    z-index: 2;
    left: 300px;
    transition: left .3s;
}

.modals.open .design-canvas__modal {
    left: 0;
    transition: left .3s;
}

.modals .design-canvas__modal .studio-canvas {
    height: 100%;
}

.modals .design-canvas__modal .studio-canvas>* {
    background: none !important;
    pointer-events: none;
}

.modals .design-canvas__modal .design-canvas__modal__base {
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    transition: .1s cubic-bezier(.4, .4, 0, 1);
    width: 100%;
    z-index: -1;
}

.modals .modal_flex_wrap {
    display: flex;
    justify-content: flex-end;
    height: 100vh;
    pointer-events: all !important;
}

.modals .modal_inner {
    align-content: flex-start;
    align-items: flex-start;
    background: #FFFFFF;
    border-radius: 10px;
    box-shadow: 0px 6px 15px 0px rgba(0, 0, 0, 0.2);
    flex-direction: column;
    flex-wrap: nowrap;
    height: calc(100% - 80px);
    justify-content: flex-start;
    margin: 20px;
    padding: 43px;
    /* width: 653px; */
    max-width: calc(100% - 40px);
    display: flex;
    align-items: flex-start;
}

.modals .modal_inner .modal_inner_top {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.modals .modal_inner .modal_inner_top .logo img {
    height: auto;
    width: 200px;
    max-width: 100%;
}

.modals .modal_inner .modal_inner_body {
    padding: 30px 0px 30px 0;
}

.modals .modal_inner .modal_inner_body ul {
    margin: 0px 0px 0px 0px;
    padding: 10px 10px 0px 10px;
    max-width: 100%;
}

.modals .modal_inner .modal_inner_body li {
    margin: 0px 0px 22px 0px;
}

.modals .modal_inner .modal_inner_body li a {
    font-size: 18px;
    font-weight: 700;
    height: auto;
    line-height: 1.4;
}

.modals .modal_inner .modal_inner_bottom {
    width: 100%;
}
.modals .modal_inner .modal_inner_bottom > div {
    justify-content: center;
}

.modals .close_modal {
    transition: 0.1s;
}

.modals .close_modal_btn {
    background-color: white;
    cursor: pointer;
}

.modals .close_modal.open {
    background: rgba(0, 0, 0, 0.2);
    opacity: 1;
    transition: 0.1s;

}

.close_modal_btn i {
    color: #000;
}

.modal_inner_bottom>div {
    gap: 20px;
}

.modal_inner_bottom>div>a {}

.modal_inner_bottom>div>a img {
    max-width: 35px;
}
/* -------------------------------
breadcrumb
------------------------------- */
.breadcrumb {
    padding: 10px 10px 15px 15px;
    font-size: 11px;
}
.breadcrumb span {
    padding: 0 10px;
}

.breadcrumb #breadcrumbs > span {
    padding: 0;
}
.breadcrumb #breadcrumbs > span > span:first-child {
    padding-left: 0;
}

.single-news .breadcrumb,.single .breadcrumb {
    background-color: #f9f9f9;
}


/* -------------------------------
共通
------------------------------- */
h2 {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    margin-bottom: 40px;
}

main:not(.front) h2.style1::before {
    content: "";
    position: absolute;
    width: 80px;
    height: 80px;
    background-color: #56d8ef;
    border-radius: 100px;
    left: 60px;
    z-index: -1;
}

h2.style1>p {
    font-size: 40px;
    font-weight: bold;
    line-height: 1.4;
}

h2.style1>p:nth-child(2) {
    font-size: 14px;
}

h2.style2 {
    font-size: 35px;
    margin-bottom: 50px;
    line-height: 1.5;
}

h2.style2::after {
    content: "";
    display: block;
    border-bottom: 5px solid #cb0303;
    width: 90px;
    margin: 0 auto;
    padding-bottom: 0.5rem;
}

.partner h2.style2::after {
    border-bottom: 5px solid #56d8ef;
}


h2.style3>p:first-child {
    font-size: 40px;
}

h2.style3>p:last-child {
    font-size: 14px;
}

h2.style4 {
    align-items: flex-start;
}
h2.style4>p:first-child {
    font-size: 11px;
    line-height: 1.5;
    font-weight: normal;
}
h2.style4>p:last-child {
    font-size: 24px;
    font-weight: bold;
    line-height: 1.4;
    padding: 0 0 4px;
    border-bottom: 3px solid #fcaa2f;
}
h2.style4--purple>p:last-child {
    border-bottom: 3px solid #a98dd1;
}
h2.style4--lightblue>p:last-child {
    border-bottom: 3px solid #3bbbc6;
}



.f_wide {
    width: 100%;
}



.btn {
    border: 1px solid #000;
    width: 100%;
    padding: 15px 0;
    display: flex;
    align-items: center;
    background-color: white;
    text-align: center;
    justify-content: center;
    cursor: pointer;
    width: 220px;
    font-weight: 900;
    margin: 0 auto;
    height: 50px;
}

.btnw300 {
    width: 300px;
    height: 67px;
}

.btn:hover {
    background-color: #000;
    color: white;
    transition: 0.5s;
}


.btn p {
    font-size: 18px;
    text-align: center;
    font-weight: bold;
}

.btn2, .btn2:link {
    border-radius: 30px;
    background-color: #56d8ef;
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    padding: 10px;
    border-radius: 61px;
    text-align: center;
    gap: 20px;
}

.btn2>div:last-child {
    font-size: 24px;
}




section {
    padding: 50px 28px;
}

section.full {
    padding: 50px 0;
}

section.full>div {
    padding: 0 28px;
}

.full_wide {
    margin-left: -28px;
    margin-right: -28px;
}


.fs18 {
    font-size: 18px;
}

.fs22 {
    font-size: 22px;
}

.fs45 {
    font-size: 45px;
}

.tac {
    text-align: center;
}

.fwb {
    font-weight: bold;
}

.fcf {
    color: white;
}

.gd1 {
    background: linear-gradient(var(--g-angle), var(--g-color-0) var(--g-position-0), var(--g-color-1) var(--g-position-1), var(--g-color-2) var(--g-position-2));
    padding: 10px 20px;
}

.f_wrap {
    display: flex;
    align-items: center;
}

.f_wrap .text span {
    display: inline-block;
    font-size: 0.8em;
}


footer {
    background: #0a2393;
    color: white;
    display: flex;
    align-items: center;
    flex: none;
    flex-direction: column;
    flex-wrap: nowrap;
    height: auto;
    justify-content: flex-start;
    width: 100%;
    max-width: 100%;
    padding-bottom: 10px;
}
footer.footer-line-lp {
    padding-top: 8px;
    padding-bottom: 8px;
}

footer .footer_inner {
    flex: none;
    flex-direction: column;
    flex-wrap: nowrap;
    margin: 30px 0px 0px 0px;
    width: auto;
    max-width: 100%;
    align-items: flex-start;
}
footer.footer-line-lp .footer_inner {
    margin-top: 0;
}

footer .footer_inner_box {
    align-items: flex-start;
    margin-bottom: 25px;
}
footer.footer-line-lp .footer_inner_box {
    margin-bottom: 0;
}

footer .footer_inner_box>*:nth-child(1) {
    color: #ffffff;
    font-size: 15px;
    font-weight: 700;
    height: auto;
    line-height: 1.4;
    text-align: center;
    width: auto;
    max-width: 100%;
    justify-content: center;
    margin-bottom: 10px;
}
footer.footer-line-lp .footer_inner_box>*:nth-child(1) {
    margin-bottom: 0;
}

footer .footer_inner .footer_h {
    text-align: left;
    justify-content: flex-start;
}

footer .footer_inner>div:last-child>div {
    display: flex;
}
footer.footer-line-lp .footer_inner>div:last-child>div {
    align-items: center;
}
footer .footer_inner>div:last-child>div a {
    font-size: 12px;
}
footer.footer-line-lp .footer_inner>div:last-child>div a {
    font-size: 10px;
}
footer .footer_inner>div:last-child>div p {
    margin: 0 6px;
}

footer .footer_sns_box > div {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    margin-bottom: 20px;
    margin-top: 40px;
}
footer .footer_sns_box img {
    max-width: 22px;
    height: auto;
}



footer a, footer a:link {
    color: #ffffff;
    font-size: 14px;
    font-weight: 400;
    height: auto;
    line-height: 1.4;
    text-align: left;
    width: auto;
    max-width: 100%;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

footer ul {
    padding: 10px 0px 0px 30px;
}

footer ul a {
    margin-bottom: 10px;
}

footer > p:last-child {
    font-size: 10px;
}

@media screen and (max-width: 820px) {
    .modals .modal_inner {
        padding: 25px;
    }

    .modals .modal_inner .modal_inner_body {
        padding: 30px 0px 0px 0px;
        flex-grow: 1;
    }

    .modals .modal_inner .modal_inner_body li {
        margin-bottom: 15px;
    }

    .modals .modal_inner .modal_inner_body li a {
        font-size: 15px;
    }
    .modals .modal_inner .modal_inner_body li a.icon_target img {
        width: 16px;
        height: 16px;
    }
}


/* -------------------------------
テンプレートパーツ
------------------------------- */
.t_benefit .f_wrap {
    display: flex;
    flex-wrap: wrap;
    row-gap: 20px;
}

.t_benefit .f_wrap>div {
    flex: 0 0 50%;
}

.t_benefit .f_wrap>div p {
    text-align: center;
}

.t_benefit>p:first-child {
    font-size: 12px;
    text-align: right;
    margin-bottom: 20px;
}

.t_benefit>p:last-child {
    font-size: 12px;
    text-align: right;
    margin-top: 20px;
}

.t_message {
    /* padding: 50px 30px 0; */
}

.t_message h2>p {
    line-height: 1.4;
}

.t_message h2>p:first-child {
    font-size: 25px;
}

.t_message .content9_2 {
    background-image: url(../images/liver-page_37.webp);
    height: 50vw;
    max-height: 240px;
    background-position: center -27px;
    background-size: cover;
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    padding: 20px;
    margin-top: 40px;
}

.t_message .content9_2>div {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 5px;
    font-size: 14px;
}

.t_message .content9_2>div>p:last-child {
    font-size: 24px;
    font-weight: bold;
}




.t_talentnum {
    max-width: 300px;
    margin: 0 auto;
}

.t_talentnum .content2_body p {
    font-size: 20px;
    font-weight: bold;
}

.t_talentnum .content2_body p+div {
    background-image: linear-gradient(to top, #ffeb3b 30%, transparent 30%);

}

.t_talentnum .content2_body p+div {
    display: flex;
    align-items: flex-end;
    padding-bottom: 10px;
    justify-content: center;
}

.t_talentnum .content2_body p+div>p:first-child {
    font-size: 75px;
    line-height: 1.2;
    text-align: center;
}

.t_talentnum .content2_body p+div>p:last-child {
    font-size: 18px;
    font-weight: bold;
    line-height: 1.4;
}

.t_talentnum .content2_body+div {
    display: flex;
    justify-content: flex-end;
    margin-top: 15px;
    height: 17px;
}

.t_talentnum .content2_body+div p {
    font-size: 12px;
}

/* 配信アプリケーション */
.t_application .t_application_inner {
    display: grid;
    gap: 15px;
    justify-content: center;
}

.t_application .large-group {
    display: grid;
    grid-template-columns: repeat(2, 130px); /* 横2列 */
    gap: 35px;
}

.t_application .small-group {
    display: grid;
    grid-template-columns: repeat(3, 90px); /* 横3列 */
    gap: 15px;
    justify-content: center;
    margin-top: 45px;
}

.t_application .icon-group {
	display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 5%;
    row-gap: 11px;
}

.t_application .icon-group .icon {
	flex: 0 0 30%
}

.t_application .large {
    width: 130px;
    height: 130px;
}

.t_application .large-group .large:nth-child(5) {
    grid-column: span 2;  /* 横2列にわたる */
    justify-self: center; /* 水平方向中央揃え */
}

.t_application .small {
    width: 90px;
    height: 90px;
}

.t_application .large img {
    width: 100%;
    height: auto;
	border-radius: 28px;
    box-shadow: 2px 2px 5px #C0C0C0;
}
.t_application .small img {
    width: 100%;
    height: auto;
	border-radius: 18px;
    box-shadow: 2px 2px 5px #C0C0C0;
}
.t_application .app-txt {
    /* flex: 0 0 21%; */
    text-align: center;
    font-size: 12px;
    line-height: 1.4;
    padding-top: 10px;
}



.t_form {
    /* background: #f0ebcc; */
}

.t_form .t_form_1 {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 30px;
}

.t_form .t_form_2 {
    text-align: center;
    margin-bottom: 20px;
}

.t_form .t_form_3 {
    background-color: white;
    padding: 20px;
    border-radius: 10px;
}

.t_form .t_form_3 h3 {
    text-align: center;
    font-size: 24px;
    font-weight: bold;
}

.t_form .t_form_3>div {
    display: flex;
    justify-content: center;
    gap: 20px;
}

.t_form .t_form_3>div a {
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 20px;
    font-size: 14px;
    font-weight: bold;
    gap: 10px;
}

.t_form .t_form_3>div a img {
    width: 100px;
    height: 100px;
}

.t_form select,.t_form input[type="text"],.t_form input[type="email"],.t_form input[type="submit"], .t_form textarea {
    font-size: 16px;
    padding: 17px;
    color: #000;
    width: 100%;
    border-radius: 4px;
    margin-bottom: 20px;
    margin-top: 10px;
    z-index: 0;
    position: relative;
    font-family: 'Noto Sans JP';
}
.t_form select {
    color: #000;
    appearance: none; /* デフォルトのドロップダウン矢印を非表示にする */
    -webkit-appearance: none;
    -moz-appearance: none;
    width: 100%;
    padding-right: 30px; /* 矢印のスペースを確保 */
    background-image: url(../images/select_arrow.svg);
    background-repeat: no-repeat;
    background-position: 94%;
    background-size: 3%;
}





.t_form .t_form_4 h3 {
    font-size: 24px;
    font-weight: bold;
    text-align: center;
    margin-top: 50px;
    margin-bottom: 40px;
}

.t_form label {
    font-size: 15px;
    font-weight: bold;
}
.t_form label span.r {
    margin-left: 5px;
    color: #f94a29;
}

.t_form input[type="submit"] {
    border-radius: 50px;
    background-color: #f94a29;
    color: white;
    font-size: 18px;
    letter-spacing: 2px;
    font-weight: bold;
    margin-top: 30px;
    cursor: pointer;
}

.t_form .policy {
    font-size: 12px;
    text-align: center;
}
.t_form .policy a,.t_form .policy a:link {
    text-decoration: underline;
    color: #007cff;
}

/* -------------------------------
front
------------------------------- */
.mainview a {
    display: block;
    position: relative;
}

.mainview a img {
    height: auto;
}

.mainview a>div:last-child {
    position: absolute;
    z-index: 99;
    bottom: 30px;

}

.mainview a>div:last-child p {
    background-color: rgba(255, 255, 255, 0.5);
    width: 90%;
    margin: 0 auto;
    padding: 5px 15px;
    line-height: 1.5;
    font-size: 14px;
    font-weight: 700;
}

.mainview {
    margin-bottom: 10px;
}



.slick-slider div {
    transition: none;
}

.mainview .slick-arrow {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.2);
    cursor: pointer;
    border: none;
    outline: none;
    font-size: 0;
    position: absolute;
    bottom: 180px;
    z-index: 1;
    filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.16));
}

.mainview .slick-arrow::before {
    content: '';
    display: block;
    width: 10px;
    height: 10px;
    border: 1px solid #fff;
    border-width: 2px 2px 0 0;
    position: absolute;
    top: 14px;
    transform: rotate(45deg);
}

.mainview .slick-next {
    right: 5px;
}

.mainview .slick-prev {
    left: 5px;
}

.mainview .slick-next::before {
    left: 12px;
}

.mainview .slick-prev::before {
    border-width: 0 0 2px 2px;
    right: 12px;
}

.slick-dots {
    text-align: center;
}

.slick-dots li {
    display: inline-block;
}

.slick-dots button {
    display: block;
    width: 10px;
    height: 10px;
    margin: 6px;
    font-size: 0;
    padding: 0;
    border: 0;
    outline: none;
    cursor: pointer;
    background: #bcbcbc;
    border-radius: 50%;
}

.slick-dots .slick-active button {
    background: #0a467d;
}


.front {}

.front .intro {}
.front .intro-head  {
    margin: 0 0 26px;
}
.front .intro-head .text  {
    font-size: 18px;
    letter-spacing: 0.05em;
    line-height: 1.4;
    text-align: center;
}
.front .intro-head .image  {
    width: 300px;
    margin: 0 auto;
}

.front .partner {
    /* padding: 26px 0 50px; */
    background: #FFFBF1;
}
.front .partner-award {
    max-width: 297px;
    margin: 0 auto 20px;
}
.front .partner-desc {
    font-size: 16px;
    line-height: 1.5;
    margin: 0 0 20px;
    text-align: center;
}
.front .partner-desc .-accented {
    color: #CB0303;
    font-size: 18px;
    font-weight: 700;
}
.front .partner-desc .-bold {
    font-weight: 700;
}
.front .partner-desc .-black {
    font-weight: 900;
}
.front .partner-desc .-small {
    font-size: 14px;
}
.front .partner-desc .-large {
    font-size: 24px;
}
.front .partner-box {
    margin: 0 0 8px;
}
.front .partner-box .-image {
    box-shadow: 0 2px 4px rgba(0, 0, 0, .16);
    margin: 0 0 8px;
}
.front .partner-box .-source {
    color: #333;
    font-size: 10px;
    text-align: right;
    margin: 0 0 26px;
}

.front .reason h2 {
    margin-bottom: 65px;
}
.front .reason-list {
    padding: 0 5px;
}
.front .reason-item {
    background: #fff;
    position: relative;
    border: 3px solid #fcaa2f;
    margin-right: 8px;
    padding: 56px 18px 26px;
}
.front .reason-item + .reason-item {
    margin-top: 75px;
}
.front .reason-item::before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: #fcaa2f;
    position: absolute;
    right: -8px;
    bottom: -8px;
    z-index: -10;
}
.front .reason-circle {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 80px;
    height: 80px;
    background: #fcaa2f;
    border-radius: 50%;
    position: absolute;
    left: 50%;
    top: 0;
    transform: translate(-50%, -50%);
}
.front .reason-circle .-image {
    width: 50px;
}
.front .reason-catch {
    font-size: 18px;
    text-align: center;
    margin: 0 0 12px;
}
.front .reason-desc {
    font-size: 14px;
}

.front .application {
    background: #F9F7F8;
    padding-bottom:0;
}


.front .content2 {
    padding-top: 120px;
}

.front .content2 h2.style1::before {
    width: 100px;
    height: 100px;
    background-color: #f6af39;
    top: -17px;
    left: 79px;
}

.front .t_talentnum {
    margin-bottom: 30px;
}

.front .btn {
    margin-top: 30px;
}

.front .content3 h2.style1::before {
    background-color: #f5e73a;
    top: -20px;
    right: 27%;
    left: auto;
}

.front .content3 .top_news {
    margin-bottom: 20px;
}

.front .content3 .top_news a {
    margin-bottom: 40px;
}

.front .content3 .top_news .f_wrap {
    display: flex;
    justify-content: space-between;
    margin-bottom: 5px;
}

.front .content3 .top_news .date {
    font-size: 10px;
}

.front .content3 .top_news li {
    background-color: #000;
    color: white;
    font-size: 10px;
    line-height: 1;
    padding: 4px 14px 5px; 
    margin-left: 5px;
}

.front .content3 .top_news .title {
    font-size: 14px;
    line-height: 1.5;
}

.front .content3 .btn {
    margin-top: 40px;
}

.front .pickup-talent {}

.front .content4 {}

.front .content4 h2.style1::before {
    background-color: #4bb9c5;
    top: -20px;
    right: auto;
    left: 19%;
    width: 120px;
    height: 120px;
}

.front .content4 > div:last-child a {
    margin-top: 45px;
}

.front .content5 h2.style1::before {
    background-color: #a98dd1;
    top: -16px;
    right: auto;
    left: 61%;
    width: 100px;
    height: 100px;
}


.front .t_application h2>p:first-child {
    line-height: 1.2;
}

.front .t_application h2::before {
    content: '';
    position: absolute;
    background-color: #83a7ef;
    top: -10px;
    right: auto;
    left: 13%;
    width: 100px;
    height: 100px;
    border-radius: 50px;
    z-index: -1;
}

.front .talent-interview .list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0,1fr));
    gap: 10px 20px;
    margin: 0 0 40px;
}
.front .talent-interview .item .image {
    margin: 0 0 6px;
}
.front .talent-interview .item img {
    width: 100%;
    height: 100%;
    aspect-ratio: 1 / 1;
    object-fit: cover;
}
.front .talent-interview .item .title {
    font-size: 13px;
    line-height: 1.5;
}

.front .partner-interview .list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0,1fr));
    gap: 10px 20px;
    margin: 0 0 40px;
}
.front .partner-interview .item .image {
    margin: 0 0 6px;
}
.front .partner-interview .item img {
    width: 100%;
    height: 100%;
    aspect-ratio: 1 / 1;
    object-fit: cover;
}
.front .partner-interview .item .title {
    font-size: 13px;
    line-height: 1.5;
}



/* .front .content8 h2 {
    margin-bottom: 60px;
} */

.front .content6 {
    margin-bottom: 35px;
}

.front .content6 h2.style1::before {
    background-color: #f3542e;
    top: -16px;
    left: auto;
    right: 13%;
    width: 130px;
    height: 130px;
}

.front .content7 {
    background-color: #d7e6ef;
    /* z-index: -1; */
    position: relative;
} 
.front .content7 h2.style1::before {
    background-color: #ef7e6c;
    top: -20px;
    left: auto;
    left: 10%;
    width: 120px;
    height: 120px;
}
.front .content7 h2 + div {
    font-size: 14px;
    text-align: center;
   margin-bottom: 20px;
}


.front .btn {
    width: 100%;
    height: 67px;
}
/* -------------------------------
liver-page
------------------------------- */

.liver-page .content2 {
    background: #a591d2;
    padding: 10px;
}

.liver-page .content2>p {
    font-size: 14px;
    font-weight: 700;
    text-align: center;
}

.liver-page .content2>div {
    display: flex;
    justify-content: space-around;
    margin: 10px 0px 5px 0px;
    max-width: 100%;
}

.liver-page .content2>div a {
    width: 45%;
    max-width: 45%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: white;
    font-size: 14px;
    padding: 7px 3px;
    gap: 10px;
}

.liver-page .content2>div a img {
    max-width: 43px;
    max-height: 43px;
}

.liver-page .content2>div a p {
    line-height: 1.8;
    font-weight: 600;
}

.liver-page .content3 {
    display: flex;
    flex-direction: column;
    align-items: center;
    height: auto;
    justify-content: flex-start;
    padding: 30px 0px 40px 0px;
    width: 100%;
    max-width: 100%;
    text-align: center;
}

.liver-page .content3>div>p {
    font-size: 18px;
    line-height: 1.6;
    font-weight: 700;
}

.liver-page .content3>div>div {
    margin-top: 20px;
}

.liver-page .content3>div>div p {
    font-size: 28px;
    color: #cb0303;
    font-weight: 900;
    height: auto;
    line-height: 1.3;
    background-image: linear-gradient(to top, #fcaa2f 30%, transparent 30%);
    display: inline-block;
    margin-bottom: 15px;
}

.liver-page .content4 {
    background: #f9f7f8;
    padding-top: 50px;
}

.liver-page .content4 .richText {
    font-size: 20px;
    display: flex;
    justify-content: center;
}

.liver-page .content4 .richText strong {
    font-size: 32px;
    color: #cb0303;
    margin-left: 10px;
    font-weight: 900;
}
.liver-page .content4_1> div:first-child P {
    font-size: 20px;
    margin-bottom: 20px;
} 


.liver-page .content4_2 {
    display: flex;
    justify-content: space-between;

}

.liver-page .content4_2 img {
    width: 46%;
}

.liver-page .content4_3 {
    display: flex;
    justify-content: center;
    font-size: 40px;
    gap: 5px;
    align-items: baseline;
    margin-top: 34px;
    font-weight: 700;
    margin-bottom: 38px;
}

.liver-page .content4_3 img {
    width: 15%;
}

.liver-page .content4_4 p, .liver-page .content4_6 p {
    text-align: center;
    color: #613daf;
    font-weight: bold;
    font-size: 26px;
    margin-bottom: 20px;
    line-height: 1.4;
}

.liver-page .content4_5>div, .liver-page .content4_7>div {
    background: #ffffff;
    border-radius: 12px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    margin-bottom: 30px;
    padding: 10px;
}

.liver-page .content4_5>div>div:first-child, .liver-page .content4_7>div>div:first-child {
    border-bottom: 1px dashed #c4c4c4;
    padding: 0;
    padding-bottom: 10px;
    padding-top: 10px;
    display: flex;
    align-items: center;
    justify-content: space-around;
}

.liver-page .content4_5>div>div:last-child, .liver-page .content4_7>div>div:last-child {
    padding: 20px 10px 10px 10px;;
}

.liver-page .content4_5>div>div:first-child>img:first-child, .liver-page .content4_7>div>div:first-child>img:first-child {
    flex: 0 0 110px;
    width: 110px;
    height: 110px;
}
.liver-page .content4_5 >div>div:first-child .text,.liver-page .content4_7>div>div:first-child .text {
    font-weight: bold;
    font-size: 20px;
}
.liver-page .content4_6 {
    margin-top: 90px;
}
.liver-page .content4_8 {
    font-size: 18px;
    line-height: 1.6;
    font-weight: bold;
    text-align: center;
}

.liver-page .content5 {
    font-weight: 500;
}
.liver-page .content5_1 {
    margin-top: 50px;
}

.liver-page .content5_2 {
    text-align: center;
    font-weight: bold;
    margin-top: 30px;
    font-size: 18px;
}
.liver-page .content5_2 strong {
    color: #cb0303;
    font-size: 24px;
    margin-right: 10px;
}

.liver-page .content5_3 {
    margin: 20px 0;
}

.liver-page .content6 {
    background: #F9F7F8;
    padding: 50px 0;
}

.liver-page .content6_1>div {
    margin: 10px 0 20px;
}

.liver-page .content6_1>div>div:last-child {
    background: #FFFFFF;
    border-radius: 0px 0px 10px 10px;
    padding-top: 10px;
}

.liver-page .content6_1>div>div:last-child>div:first-child {
    width: 95%;
    max-width: 95%;
    margin: 0 auto;
}

.liver-page .content6_1>div>div:last-child>div:first-child p {
    padding: 15px 10px 20px;
}

.liver-page .content7 h2 + div > p {
    font-size: 18px;
    font-weight: 700;
}
.liver-page .content7_2 {
    margin-top: 20px;
    margin-bottom: 20px;
}


.liver-page .content8 {
    background: #f0ebcc;
    padding: 50px 0;
}

.liver-page .content8 h2+div {
    font-size: 18px;
    text-align: center;
    /* font-weight: bold; */
    margin-bottom: 20px;
}

.liver-page .content8_2>div {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
}

.liver-page .content8_2 .text:first-child {
    font-size: 12px;
    text-align: right;
}

.liver-page .content8_2>div>div {
    flex: 0 0 50%;
}

.liver-page .content8_2>div>div p {
    text-align: center;
}

.liver-page .content9 h2 > p:first-child {
    font-size: 25px;
    line-height: 1;
}
.liver-page .content9 h2 > p:last-child {
    font-size: 35px;
}

.liver-page .content10 .content10_1>div:first-child {
    background: #cb0303;

    display: flex;
    justify-content: center;
    padding: 20px;
}

.liver-page .content10 .content10_1>div:first-child p {
    color: white;
    font-size: 19px;
    font-weight: bold;
}

.liver-page .content10 .content10_1>div:last-child {
    display: flex;
    justify-content: center;
}

.liver-page .content10 .content10_1>div:last-child img {
    width: 17.8%;
}

.liver-page .content10 .content10_2 {
    margin-top: 30px;
}

.liver-page .content10 .content10_2 a {
    margin-bottom: 20px;
    display: block;
}

.liver-page .content10 .content10_2 a img {
    width: 100%;
    background-position: center;
    background-size: cover;
    margin-bottom: 15px;
    object-fit: cover;
    height: 424px;
}

.liver-page .content10 .content10_2 .text {
    font-size: 20px;
    font-weight: bold;
    margin-top: 20px;
    margin-bottom: 10px;
    line-height: 1.5;
}
.liver-page .content10 .content10_2 .talent_name + div {
    font-size: 14px;
}


.liver-page .content10 .content10_2 .image {}
.liver-page .content10_2 .richText p {
    font-size: 14px;

}
.liver-page .content10 > div:last-child {
    margin-top: 50px;
}
.liver-page .content11_1 img {
    margin-bottom: 20px;
    
}
.liver-page .content11_2 .f_wrap p {
    font-size: 18px;
}
.liver-page .content11_2 .underline {
    background-image: linear-gradient(to top, #f3aaa1 30%, transparent 30%);
    display: inline;
    font-size: 45px;
}



.liver-page .content11 h2>p:first-child {
    font-size: 22px;
    line-height: 1.2;
}

.liver-page .content11_2 {}

.liver-page .content11_2>div:first-child {
    font-size: 64px;
    text-align: center;
    font-weight: bold;
}
.liver-page .content11_2>div:first-child > p:first-child {
    font-size: 35px;
    font-weight: 700;
    margin-bottom: 35px;
}


.liver-page .content11_2>div:first-child>div:last-child {
    display: flex;
    justify-content: center;
    margin: 25px 0;
}

.liver-page .content11_2>div:first-child>div:last-child img {
    /* width: 130px; */
    width: 74px;
}

.liver-page .content12 {
    background: #f0ebcc;
}
.liver-page .content12 h2 + div {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 40px;
}
.liver-page .content12 h2 + div + div {
    font-size: 14px;
    font-weight: 500;
    padding: 0 10px;
    margin-bottom: 25px;
    text-align: center;
}


.liver-page .box {
    margin: 0 auto;
    background: #3bbbc6;
    padding-bottom: 20px;
}

.liver-page .box>div:first-child {
    display: flex;
    justify-content: center;
    color: white;
    padding: 5px 0 10px;
    /* flex-direction: column; */
    align-items: center;
    line-height: 1.5;
    flex-wrap: wrap;
}

.liver-page .box>div:first-child>p {
    color: #fcaa2f;
    font-size: 35px;
    font-weight: bold;
}

.liver-page .box>div:first-child>div {
    letter-spacing: 2px;
}

.liver-page .box>div:first-child>div strong {
    font-weight: bold;
    font-size: 29px;
}

.liver-page .box>div:last-child {
    background-color: white;
    width: 90%;
    margin: 0 auto;
    padding: 25px 20px;
}

.liver-page .box img {
    width: 20px;
    height: 20px;
}

.liver-page .box .f_wrap {
    gap: 10px;
    margin-bottom: 10px;
}

.liver-page .box .f_wrap p {
    line-height: 1.5;
}





.liver-page .content13_1 {}

.liver-page .content13_1>div {
    border-bottom: 1px dashed #c4c4c4;
    margin-bottom: 25px;
    padding-bottom: 20px;
}

.liver-page .content13_1>div>div {
    display: flex;
}

.liver-page .content13_1>div>div:first-child {
    display: flex;
    align-items: flex-start;
    margin-bottom: 20px;
}

.liver-page .content13_1>div>div:first-child>div:first-child {}

.liver-page .content13_1>div>div:first-child>div:first-child p {
    font-size: 40px;
    color: #3bbbc6;
    font-weight: 900;
    margin-right: 20px;
    min-width: 31px;
    line-height: 1.4;
}

.liver-page .content13_1>div>div:first-child>div:last-child p {
    font-size: 20px;
    font-weight: bold;
    line-height: 1.4;
}

.liver-page .content13_1>div>div:last-child {
    display: flex;
    align-items: flex-start;
}

.liver-page .content13_1>div>div:last-child>div:first-child p {
    color: #cb0303;
    font-size: 40px;
    font-weight: 900;
    margin-right: 20px;
    padding-left: 3px;
    min-width: 31px;
}

.liver-page .content14 {
    background: #f8f5f3;
    padding: 30px 10px;
}

.liver-page .content14>div {
    width: 90%;
    border-radius: 12px;
    background-color: white;
    padding: 20px;
    margin: 0 auto;
}

.liver-page .content14>div p {
    font-size: 22px;
    font-weight: bold;
    text-align: center;
}

.liver-page .content14>div>div {
    display: flex;
    justify-content: space-around;
    margin-top: 15px;
}

.liver-page .content14>div>div a {
    display: block;
    text-align: center;
}

.liver-page .content14>div>div a p {
    font-size: 12px;
    color: #000;
    text-align: center;
}

.liver-page .content14>div>div a img {
    width: 100px;
    height: 100px;
}
.liver-page .content13_1 {}


/*-------- アプリ用LP -----------*/
/* -------------------------------
palmu-page
------------------------------- */
.palmu-page .inner {
    padding: 0 28px;
}
.palmu-page .btn {
    width: 100%;
    height: 60px;
}
.palmu-page .style1::before {
    visibility: hidden;
}

.palmu-page .content2 {
    margin: 22px 0 58px;
}
.palmu-page .content2 .button {
    margin: 0 0 36px;
}
.palmu-page .content2 .button a {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 30px;
    height: 54px;
    background-color:#FF9700;
    color: white;
    margin: 0 auto;
    font-size: 1.2em;
    font-weight: bold;
}

.palmu-page .content2 .catch {
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    line-height: 1.75;
    margin: 0 0 25px;
}
.palmu-page .content2 .catch span {
    color: #CB0303;
    font-size: 26px;
}
.palmu-page .content3 {
    position: relative;
    background: url(../images/pococha-content3-bg.png) no-repeat center / cover;
    padding: 84px 0 48px;
}
.palmu-page .content3 .title {
    display: block;
    width: calc(100% - 56px);
    background: #6FDC04;
    color: #FFFFFF;
    font-size: 22px;
    font-weight: bold;
    line-height: 1.2;
    text-align: center;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, -50%) rotate(-4deg);
    margin-bottom: 0;
    padding: 4px 0 8px;
}
@media (max-width: 360px) {
    .palmu-page .content3 .title {
        font-feature-settings: "palt";
    }
}
.palmu-page .content3 .title span {
    font-size: 32px;
}
.palmu-page .content3 .item {
    background: #fff;
    box-shadow: 0 2px 2px rgba(0, 0, 0, .16);
    position: relative;
    padding: 15px 12px 12px;
}
.palmu-page .content3 .item + .item {
    margin: 42px 0 0;
}
.palmu-page .content3 .item-circle {
    background: #6FDC04;
    border-radius: 50%;
    box-shadow: 0 2px 2px rgba(0, 0, 0, .16);
    position: absolute;
    top: -16px;
    left: 30px;
    width: 60px;
    height: 60px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.palmu-page .content3 .item-circle-en,
.palmu-page .content3 .item-circle-num {
    color: #fff;
    font-weight: bold;
    line-height: 1;
}
.palmu-page .content3 .item-circle-en {
    font-size: 14px;
    margin: 0 0 2px;
}
.palmu-page .content3 .item-circle-num {
    font-size: 22px;
}
.palmu-page .content3 .item-container {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 18px;
}
.palmu-page .content3 .item-img {
    flex-shrink: 0;
    width: 95px;
    margin: 40px 0 0;
}
.palmu-page .content3 .item-title {
    font-size: 20px;
    line-height: 1.5;
    padding: 0 0 5px;
    border-bottom: 2px solid #F4796A;
    text-align: center;
    margin: 0 0 12px;
}
.palmu-page .content3 .item-desc {
    font-size: 14px;
    line-height: 1.5;
}

.palmu-page .content4 {
    padding: 50px 0;
}

.palmu-page .content4 h2+div {
    font-size: 15px;
    text-align: center;
    /* font-weight: bold; */
    margin-bottom: 20px;
}

/*期間限定特典*/
.palmu-page .content4 .limited{
    position: relative;
    margin: 2em 0;
    padding: 25px 10px 7px;
    border: solid 2px #FF9700;
    border-radius: 10px;
}
.palmu-page .content4 .limited .lim-title {
    position: absolute;
    display: inline-block;
    top: -2px;
    left: -2px;
    padding: 0 9px;
    height: 30px;
    line-height: 30px;
    font-size: 17px;
    background: #FF9700;
    color: #ffffff;
    font-weight: bold;
    border-radius: 10px 0 0 0;
}
.palmu-page .content4 .limited p {
    margin: 0; 
    padding: 0;
    font-size: 14px;
    padding-left: 1em;
    padding-bottom: 1em;
    line-height: normal;
}

.palmu-page .content4 .limited ul{
    list-style-type: none;
    margin:8px 0;
}

.palmu-page .content4 .limited li {
    display: flex;
    align-items: center;
    gap: 0 5px;
    padding: .3em;
    font-weight: bold;
}

.palmu-page .content4 .limited li::before {
    display: inline-block;
    width: 10px;
    height: 5px;
    border-bottom: 2px solid #FF9700;
    border-left: 2px solid #FF9700;
    transform: rotate(-45deg) translateY(-1.5px);
    content: '';
}


.palmu-page .content5 {
    background: #F9F7F8;
    font-weight: 500;
}
.palmu-page .content5 .btnWrapper {
    margin: 50px 0 0;
}
.palmu-page .content5_1 {
    margin-top: 50px;
}
.palmu-page .content5_2 {
    text-align: center;
    font-weight: bold;
    margin-top: 30px;
    font-size: 18px;
}
.palmu-page .content5_2 strong {
    color: #cb0303;
    font-size: 24px;
    margin-right: 10px;
}
.palmu-page .content5_3 {
    margin: 20px 0;
}

.palmu-page .content6 .content6_1>div:first-child {
    background: #cb0303;
    display: flex;
    justify-content: center;
    padding: 20px;
}

.palmu-page .content6 .content6_1>div:first-child p {
    color: white;
    font-size: 19px;
    font-weight: bold;
}

.palmu-page .content6 .content6_1>div:last-child {
    display: flex;
    justify-content: center;
}

.palmu-page .content6 .content6_1>div:last-child img {
    width: 17.8%;
}

.palmu-page .content6 .content6_2 {
    margin-top: 30px;
}

.palmu-page .content6 .content6_2 a {
    display: block;
}
.palmu-page .content6 .content6_2 a + a {
    margin: 42px 0 0;
}

.palmu-page .content6 .content6_2 a img {
    width: 100%;
    background-position: center;
    background-size: cover;
    margin-bottom: 15px;
    object-fit: cover;
    height: 424px;
}

.palmu-page .content6 .content6_2 .text {
    font-size: 20px;
    font-weight: bold;
    line-height: 1.5;
}
.palmu-page .content6 .content6_2 .talent_pococha {
    background: #757575;
    color: #fff;
    font-size: 11px;
    width: fit-content;
    padding: 0 12px;
    margin: 0 0 5px;
}
.palmu-page .content6 .content6_2 .talent_name + div {
    font-size: 14px;
}


.palmu-page .content6 .content6_2 .image {}
.palmu-page .content6_2 .richText p {
    font-size: 14px;

}
.palmu-page .content6 > div:last-child {
    margin-top: 50px;
}

.palmu-page .content7 .list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0,1fr));
    gap: 28px 20px;
    margin: 0 0 40px;
}

.palmu-page .content7 .item .image {
    margin: 0 0 6px;
}
.palmu-page .content7 .item img {
    width: 100%;
    height: 100%;
    aspect-ratio: 1 / 1;
    object-fit: cover;
}
.palmu-page .content7 .item .title {
    font-size: 13px;
    line-height: 1.5;
}

.palmu-page .content8 {
	background: #F9F7F8;
}

.palmu-page .content8 .content13_1 .line1{
	margin-top:1.2em;
}

.palmu-page .content9 {
    background-color: #d7e6ef;
    /* z-index: -1; */
    position: relative;
} 
.palmu-page .content9 h2.style1::before {
    background-color: #ef7e6c;
    top: -20px;
    left: auto;
    left: 10%;
    width: 120px;
    height: 120px;
}
.palmu-page .content9 h2 + div {
    font-size: 14px;
    text-align: center;
   margin-bottom: 20px;
}
.palmu-page .content9 .btn {
    width: 100%;
    height: 67px;
}


.palmu-page .box {
    margin: 0 auto;
    background: #3bbbc6;
    padding-bottom: 20px;
}

.palmu-page .box>div:first-child {
    display: flex;
    justify-content: center;
    color: white;
    padding: 5px 0 10px;
    /* flex-direction: column; */
    align-items: center;
    line-height: 1.5;
    flex-wrap: wrap;
}

.palmu-page .box>div:first-child>p {
    color: #fcaa2f;
    font-size: 35px;
    font-weight: bold;
}

.palmu-page .box>div:first-child>div {
    letter-spacing: 2px;
}

.palmu-page .box>div:first-child>div strong {
    font-weight: bold;
    font-size: 29px;
}

.palmu-page .box>div:last-child {
    background-color: white;
    width: 90%;
    margin: 0 auto;
    padding: 25px 20px;
}

.palmu-page .box img {
    width: 20px;
    height: 20px;
}

.palmu-page .box .f_wrap {
    gap: 10px;
    margin-bottom: 10px;
}

.palmu-page .box .f_wrap p {
    line-height: 1.5;
}

.palmu-page .content13_1>div {
    border-bottom: 1px dashed #c4c4c4;
    margin-bottom: 25px;
    padding-bottom: 20px;
}

.palmu-page .content13_1>div>div {
    display: flex;
}

.palmu-page .content13_1>div>div:first-child {
    display: flex;
    align-items: flex-start;
    margin-bottom: 20px;
}

.palmu-page .content13_1>div>div:first-child>div:first-child {}

.palmu-page .content13_1>div>div:first-child>div:first-child p {
    font-size: 40px;
    color: #f4796a;
    font-weight: 900;
    margin-right: 20px;
    min-width: 31px;
    line-height: 1.4;
}

.palmu-page .content13_1>div>div:first-child>div:last-child p {
    font-size: 20px;
    font-weight: bold;
    line-height: 1.4;
    display: flex;
    align-items: center;
    height: 70px;
}

.palmu-page .content13_1>div>div:last-child {
    display: flex;
    align-items: flex-start;
}

.palmu-page .content13_1>div>div:last-child>div:first-child p {
    color: #3bbbc6;
    font-size: 40px;
    font-weight: 900;
    margin-right: 20px;
    padding-left: 3px;
    min-width: 31px;
}

.palmu-page .content14 {
    background: #f8f5f3;
    padding: 30px 10px;
}

.palmu-page .content14>div {
    width: 90%;
    border-radius: 12px;
    background-color: white;
    padding: 20px;
    margin: 0 auto;
}

.palmu-page .content14>div p {
    font-size: 22px;
    font-weight: bold;
    text-align: center;
}

.palmu-page .content14>div>div {
    display: flex;
    justify-content: space-around;
    margin-top: 15px;
}

.palmu-page .content14>div>div a {
    display: block;
    text-align: center;
}

.palmu-page .content14>div>div a p {
    font-size: 12px;
    color: #000;
    text-align: center;
}

.palmu-page .content14>div>div a img {
    width: 100px;
    height: 100px;
}

/* -------------------------------
colorsing-page
------------------------------- */
.colorsing-page .inner {
    padding: 0 28px;
}
.colorsing-page .btn {
    width: 100%;
    height: 60px;
}
.colorsing-page .style1::before {
    visibility: hidden;
}

.colorsing-page .content2 {
    margin: 22px 0 58px;
}
.colorsing-page .content2 .button {
    margin: 0 0 36px;
}
.colorsing-page .content2 .button a {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 30px;
    height: 54px;
    background-color: #FF6161;
    color: white;
    margin: 0 auto;
    font-size: 1.2em;
    font-weight: bold;
}

.colorsing-page .content2 .catch {
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    line-height: 1.75;
    margin: 0 0 25px;
}
.colorsing-page .content2 .catch span {
    color: #CB0303;
    font-size: 26px;
}
.colorsing-page .content3 {
    position: relative;
    background: url(../images/pococha-content3-bg.png) no-repeat center / cover;
    padding: 84px 0 48px;
}
.colorsing-page .content3 .title {
    display: block;
    width: calc(100% - 56px);
    background: #FFD15E;
    color: #FFFFFF;
    font-size: 22px;
    font-weight: bold;
    line-height: 1.2;
    text-align: center;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, -50%) rotate(-4deg);
    margin-bottom: 0;
    padding: 4px 0 8px;
}
@media (max-width: 360px) {
    .colorsing-page .content3 .title {
        font-feature-settings: "palt";
    }
}
.colorsing-page .content3 .title span {
    font-size: 32px;
}
.colorsing-page .content3 .item {
    background: #fff;
    box-shadow: 0 2px 2px rgba(0, 0, 0, .16);
    position: relative;
    padding: 15px 12px 12px;
}
.colorsing-page .content3 .item + .item {
    margin: 42px 0 0;
}
.colorsing-page .content3 .item-circle {
    background: #FFD15E;
    border-radius: 50%;
    box-shadow: 0 2px 2px rgba(0, 0, 0, .16);
    position: absolute;
    top: -16px;
    left: 30px;
    width: 60px;
    height: 60px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.colorsing-page .content3 .item-circle-en,
.colorsing-page .content3 .item-circle-num {
    color: #fff;
    font-weight: bold;
    line-height: 1;
}
.colorsing-page .content3 .item-circle-en {
    font-size: 14px;
    margin: 0 0 2px;
}
.colorsing-page .content3 .item-circle-num {
    font-size: 22px;
}
.colorsing-page .content3 .item-container {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 18px;
}
.colorsing-page .content3 .item-img {
    flex-shrink: 0;
    width: 95px;
    margin: 40px 0 0;
}
.colorsing-page .content3 .item-title {
    font-size: 20px;
    line-height: 1.5;
    padding: 0 0 5px;
    border-bottom: 2px solid #F4796A;
    text-align: center;
    margin: 0 0 12px;
}
.colorsing-page .content3 .item-desc {
    font-size: 14px;
    line-height: 1.5;
}

.colorsing-page .content4 {
    padding: 50px 0;
}

.colorsing-page .content4 h2+div {
    font-size: 15px;
    text-align: center;
    /* font-weight: bold; */
    margin-bottom: 20px;
}

/*期間限定特典*/
.colorsing-page .content4 .limited{
    position: relative;
    margin: 2em 0;
    padding: 25px 10px 7px;
    border: solid 2px #FF6161;
    border-radius: 10px;
}
.colorsing-page .content4 .limited .lim-title {
    position: absolute;
    display: inline-block;
    top: -2px;
    left: -2px;
    padding: 0 9px;
    height: 30px;
    line-height: 30px;
    font-size: 17px;
    background: #FF6161;
    color: #ffffff;
    font-weight: bold;
    border-radius: 10px 0 0 0;
}
.colorsing-page .content4 .limited p {
    margin: 0; 
    padding: 0;
    font-size: 14px;
    padding-left: 1em;
    padding-bottom: 1em;
    line-height: normal;
}

.colorsing-page .content4 .limited ul{
    list-style-type: none;
    margin:8px 0;
}

.colorsing-page .content4 .limited li {
    display: flex;
    align-items: center;
    gap: 0 5px;
    padding: .3em;
    font-weight: bold;
}

.colorsing-page .content4 .limited li::before {
    display: inline-block;
    width: 10px;
    height: 5px;
    border-bottom: 2px solid #ff6161;
    border-left: 2px solid #ff6161;
    transform: rotate(-45deg) translateY(-1.5px);
    content: '';
}


.colorsing-page .content5 {
    background: #F9F7F8;
    font-weight: 500;
}
.colorsing-page .content5 .btnWrapper {
    margin: 50px 0 0;
}
.colorsing-page .content5_1 {
    margin-top: 50px;
}
.colorsing-page .content5_2 {
    text-align: center;
    font-weight: bold;
    margin-top: 30px;
    font-size: 18px;
}
.colorsing-page .content5_2 strong {
    color: #cb0303;
    font-size: 24px;
    margin-right: 10px;
}
.colorsing-page .content5_3 {
    margin: 20px 0;
}

.colorsing-page .content6 .content6_1>div:first-child {
    background: #cb0303;
    display: flex;
    justify-content: center;
    padding: 20px;
}

.colorsing-page .content6 .content6_1>div:first-child p {
    color: white;
    font-size: 19px;
    font-weight: bold;
}

.colorsing-page .content6 .content6_1>div:last-child {
    display: flex;
    justify-content: center;
}

.colorsing-page .content6 .content6_1>div:last-child img {
    width: 17.8%;
}

.colorsing-page .content6 .content6_2 {
    margin-top: 30px;
}

.colorsing-page .content6 .content6_2 a {
    display: block;
}
.colorsing-page .content6 .content6_2 a + a {
    margin: 42px 0 0;
}

.colorsing-page .content6 .content6_2 a img {
    width: 100%;
    background-position: center;
    background-size: cover;
    margin-bottom: 15px;
    object-fit: cover;
    height: 424px;
}

.colorsing-page .content6 .content6_2 .text {
    font-size: 20px;
    font-weight: bold;
    line-height: 1.5;
}
.colorsing-page .content6 .content6_2 .talent_pococha {
    background: #757575;
    color: #fff;
    font-size: 11px;
    width: fit-content;
    padding: 0 12px;
    margin: 0 0 5px;
}
.colorsing-page .content6 .content6_2 .talent_name + div {
    font-size: 14px;
}


.colorsing-page .content6 .content6_2 .image {}
.colorsing-page .content6_2 .richText p {
    font-size: 14px;

}
.colorsing-page .content6 > div:last-child {
    margin-top: 50px;
}

.colorsing-page .content7 .list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0,1fr));
    gap: 28px 20px;
    margin: 0 0 40px;
}

.colorsing-page .content7 .item .image {
    margin: 0 0 6px;
}
.colorsing-page .content7 .item img {
    width: 100%;
    height: 100%;
    aspect-ratio: 1 / 1;
    object-fit: cover;
}
.colorsing-page .content7 .item .title {
    font-size: 13px;
    line-height: 1.5;
}

.colorsing-page .content8 {
	background: #F9F7F8;
}

.colorsing-page .content8 .content13_1 .line1{
	margin-top:1.2em;
}


.colorsing-page .content9 {
    background-color: #d7e6ef;
    /* z-index: -1; */
    position: relative;
} 
.colorsing-page .content9 h2.style1::before {
    background-color: #ef7e6c;
    top: -20px;
    left: auto;
    left: 10%;
    width: 120px;
    height: 120px;
}
.colorsing-page .content9 h2 + div {
    font-size: 14px;
    text-align: center;
   margin-bottom: 20px;
}
.colorsing-page .content9 .btn {
    width: 100%;
    height: 67px;
}


.colorsing-page .box {
    margin: 0 auto;
    background: #3bbbc6;
    padding-bottom: 20px;
}

.colorsing-page .box>div:first-child {
    display: flex;
    justify-content: center;
    color: white;
    padding: 5px 0 10px;
    /* flex-direction: column; */
    align-items: center;
    line-height: 1.5;
    flex-wrap: wrap;
}

.colorsing-page .box>div:first-child>p {
    color: #fcaa2f;
    font-size: 35px;
    font-weight: bold;
}

.colorsing-page .box>div:first-child>div {
    letter-spacing: 2px;
}

.colorsing-page .box>div:first-child>div strong {
    font-weight: bold;
    font-size: 29px;
}

.colorsing-page .box>div:last-child {
    background-color: white;
    width: 90%;
    margin: 0 auto;
    padding: 25px 20px;
}

.colorsing-page .box img {
    width: 20px;
    height: 20px;
}

.colorsing-page .box .f_wrap {
    gap: 10px;
    margin-bottom: 10px;
}

.colorsing-page .box .f_wrap p {
    line-height: 1.5;
}

.colorsing-page .content13_1>div {
    border-bottom: 1px dashed #c4c4c4;
    margin-bottom: 25px;
    padding-bottom: 20px;
}

.colorsing-page .content13_1>div>div {
    display: flex;
}

.colorsing-page .content13_1>div>div:first-child {
    display: flex;
    align-items: flex-start;
    margin-bottom: 20px;
}

.colorsing-page .content13_1>div>div:first-child>div:first-child {}

.colorsing-page .content13_1>div>div:first-child>div:first-child p {
    font-size: 40px;
    color: #f4796a;
    font-weight: 900;
    margin-right: 20px;
    min-width: 31px;
    line-height: 1.4;
}

.colorsing-page .content13_1>div>div:first-child>div:last-child p {
    font-size: 20px;
    font-weight: bold;
    line-height: 1.4;
    display: flex;
    align-items: center;
    height: 70px;
}

.colorsing-page .content13_1>div>div:last-child {
    display: flex;
    align-items: flex-start;
}

.colorsing-page .content13_1>div>div:last-child>div:first-child p {
    color: #3bbbc6;
    font-size: 40px;
    font-weight: 900;
    margin-right: 20px;
    padding-left: 3px;
    min-width: 31px;
}

.colorsing-page .content14 {
    background: #f8f5f3;
    padding: 30px 10px;
}

.colorsing-page .content14>div {
    width: 90%;
    border-radius: 12px;
    background-color: white;
    padding: 20px;
    margin: 0 auto;
}

.colorsing-page .content14>div p {
    font-size: 22px;
    font-weight: bold;
    text-align: center;
}

.colorsing-page .content14>div>div {
    display: flex;
    justify-content: space-around;
    margin-top: 15px;
}

.colorsing-page .content14>div>div a {
    display: block;
    text-align: center;
}

.colorsing-page .content14>div>div a p {
    font-size: 12px;
    color: #000;
    text-align: center;
}

.colorsing-page .content14>div>div a img {
    width: 100px;
    height: 100px;
}

/* -------------------------------
tiktok-page
------------------------------- */
.tiktok-page .inner {
    padding: 0 28px;
}
.tiktok-page .btn {
    width: 100%;
    height: 60px;
}
.tiktok-page .style1::before {
    visibility: hidden;
}

.tiktok-page .content2 {
    margin: 22px 0 58px;
}
.tiktok-page .content2 .button {
    margin: 0 0 36px;
}
.tiktok-page .content2 .button a {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 30px;
    height: 54px;
    background-color: #000000;
    color: white;
    margin: 0 auto;
    font-size: 1.2em;
    font-weight: bold;
}

.tiktok-page .content2 .catch {
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    line-height: 1.75;
    margin: 0 0 25px;
}
.tiktok-page .content2 .catch span {
    color: #CB0303;
    font-size: 26px;
}
.tiktok-page .content2 .video {
	margin: 30px 0;
}

.tiktok-page .content3 {
    position: relative;
    background: url(../images/pococha-content3-bg.png) no-repeat center / cover;
    padding: 84px 0 48px;
}
.tiktok-page .content3 .title {
    display: block;
    width: calc(100% - 56px);
    background: #000000;
    color: #FFFFFF;
    font-size: 22px;
    font-weight: bold;
    line-height: 1.2;
    text-align: center;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, -50%) rotate(-4deg);
    margin-bottom: 0;
    padding: 4px 0 8px;
}
@media (max-width: 360px) {
    .tiktok-page .content3 .title {
        font-feature-settings: "palt";
    }
}
.tiktok-page .content3 .title span {
    font-size: 32px;
}
.tiktok-page .content3 .item {
    background: #fff;
    box-shadow: 0 2px 2px rgba(0, 0, 0, .16);
    position: relative;
    padding: 15px 12px 12px;
}
.tiktok-page .content3 .item + .item {
    margin: 42px 0 0;
}
.tiktok-page .content3 .item-circle {
    background: #3BBBC6;
    border-radius: 50%;
    box-shadow: 0 2px 2px rgba(0, 0, 0, .16);
    position: absolute;
    top: -16px;
    left: 30px;
    width: 60px;
    height: 60px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.tiktok-page .content3 .item-circle-en,
.tiktok-page .content3 .item-circle-num {
    color: #fff;
    font-weight: bold;
    line-height: 1;
}
.tiktok-page .content3 .item-circle-en {
    font-size: 14px;
    margin: 0 0 2px;
}
.tiktok-page .content3 .item-circle-num {
    font-size: 22px;
}
.tiktok-page .content3 .item-container {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 18px;
}
.tiktok-page .content3 .item-img {
    flex-shrink: 0;
    width: 95px;
    margin: 40px 0 0;
}
.tiktok-page .content3 .item-title {
    font-size: 20px;
    line-height: 1.5;
    padding: 0 0 5px;
    border-bottom: 2px solid #F4796A;
    text-align: center;
    margin: 0 0 12px;
}
.tiktok-page .content3 .item-desc {
    font-size: 14px;
    line-height: 1.5;
}

.tiktok-page .content4 {
    padding: 50px 0;
}

.tiktok-page .content4 h2+div {
    font-size: 15px;
    text-align: center;
    /* font-weight: bold; */
    margin-bottom: 20px;
}

.tiktok-page .content5 {
    background: #F9F7F8;
    font-weight: 500;
}
.tiktok-page .content5 .btnWrapper {
    margin: 50px 0 0;
}
.tiktok-page .content5_1 {
    margin-top: 50px;
}
.tiktok-page .content5_2 {
    text-align: center;
    font-weight: bold;
    margin-top: 30px;
    font-size: 18px;
}
.tiktok-page .content5_2 strong {
    color: #cb0303;
    font-size: 24px;
    margin-right: 10px;
}
.tiktok-page .content5_3 {
    margin: 20px 0;
}

.tiktok-page .content6 .content6_1>div:first-child {
    background: #cb0303;
    display: flex;
    justify-content: center;
    padding: 20px;
}

.tiktok-page .content6 .content6_1>div:first-child p {
    color: white;
    font-size: 19px;
    font-weight: bold;
}

.tiktok-page .content6 .content6_1>div:last-child {
    display: flex;
    justify-content: center;
}

.tiktok-page .content6 .content6_1>div:last-child img {
    width: 17.8%;
}

.tiktok-page .content6 .content6_2 {
    margin-top: 30px;
}

.tiktok-page .content6 .content6_2 a {
    display: block;
}
.tiktok-page .content6 .content6_2 a + a {
    margin: 42px 0 0;
}

.tiktok-page .content6 .content6_2 a img {
    width: 100%;
    background-position: center;
    background-size: cover;
    margin-bottom: 15px;
    object-fit: cover;
    height: 424px;
}

.tiktok-page .content6 .content6_2 .text {
    font-size: 20px;
    font-weight: bold;
    line-height: 1.5;
}
.tiktok-page .content6 .content6_2 .talent_pococha {
    background: #757575;
    color: #fff;
    font-size: 11px;
    width: fit-content;
    padding: 0 12px;
    margin: 0 0 5px;
}
.tiktok-page .content6 .content6_2 .talent_name + div {
    font-size: 14px;
}


.tiktok-page .content6 .content6_2 .image {}
.tiktok-page .content6_2 .richText p {
    font-size: 14px;

}
.tiktok-page .content6 > div:last-child {
    margin-top: 50px;
}

.tiktok-page .content7 .list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0,1fr));
    gap: 28px 20px;
    margin: 0 0 40px;
}

.tiktok-page .content7 .item .image {
    margin: 0 0 6px;
}
.tiktok-page .content7 .item img {
    width: 100%;
    height: 100%;
    aspect-ratio: 1 / 1;
    object-fit: cover;
}
.tiktok-page .content7 .item .title {
    font-size: 13px;
    line-height: 1.5;
}

.tiktok-page .content8 {
	background: #F9F7F8;
}

.tiktok-page .content9 {
    background-color: #d7e6ef;
    /* z-index: -1; */
    position: relative;
} 
.tiktok-page .content9 h2.style1::before {
    background-color: #ef7e6c;
    top: -20px;
    left: auto;
    left: 10%;
    width: 120px;
    height: 120px;
}
.tiktok-page .content9 h2 + div {
    font-size: 14px;
    text-align: center;
   margin-bottom: 20px;
}
.tiktok-page .content9 .btn {
    width: 100%;
    height: 67px;
}


.tiktok-page .box {
    margin: 0 auto;
    background: #3bbbc6;
    padding-bottom: 20px;
}

.tiktok-page .box>div:first-child {
    display: flex;
    justify-content: center;
    color: white;
    padding: 5px 0 10px;
    /* flex-direction: column; */
    align-items: center;
    line-height: 1.5;
    flex-wrap: wrap;
}

.tiktok-page .box>div:first-child>p {
    color: #fcaa2f;
    font-size: 35px;
    font-weight: bold;
}

.tiktok-page .box>div:first-child>div {
    letter-spacing: 2px;
}

.tiktok-page .box>div:first-child>div strong {
    font-weight: bold;
    font-size: 29px;
}

.tiktok-page .box>div:last-child {
    background-color: white;
    width: 90%;
    margin: 0 auto;
    padding: 25px 20px;
}

.tiktok-page .box img {
    width: 20px;
    height: 20px;
}

.tiktok-page .box .f_wrap {
    gap: 10px;
    margin-bottom: 10px;
}

.tiktok-page .box .f_wrap p {
    line-height: 1.5;
}

.tiktok-page .content13_1>div {
    border-bottom: 1px dashed #c4c4c4;
    margin-bottom: 25px;
    padding-bottom: 20px;
}

.tiktok-page .content13_1>div>div {
    display: flex;
}

.tiktok-page .content13_1>div>div:first-child {
    display: flex;
    align-items: flex-start;
    margin-bottom: 20px;
}

.tiktok-page .content13_1>div>div:first-child>div:first-child {}

.tiktok-page .content13_1>div>div:first-child>div:first-child p {
    font-size: 40px;
    color: #f4796a;
    font-weight: 900;
    margin-right: 20px;
    min-width: 31px;
    line-height: 1.4;
}

.tiktok-page .content13_1>div>div:first-child>div:last-child p {
    font-size: 20px;
    font-weight: bold;
    line-height: 1.4;
    display: flex;
    align-items: center;
    height: 70px;
}

.tiktok-page .content13_1>div>div:last-child {
    display: flex;
    align-items: flex-start;
}

.tiktok-page .content13_1>div>div:last-child>div:first-child p {
    color: #3bbbc6;
    font-size: 40px;
    font-weight: 900;
    margin-right: 20px;
    padding-left: 3px;
    min-width: 31px;
}

.tiktok-page .content14 {
    background: #f8f5f3;
    padding: 30px 10px;
}

.tiktok-page .content14>div {
    width: 90%;
    border-radius: 12px;
    background-color: white;
    padding: 20px;
    margin: 0 auto;
}

.tiktok-page .content14>div p {
    font-size: 22px;
    font-weight: bold;
    text-align: center;
}

.tiktok-page .content14>div>div {
    display: flex;
    justify-content: space-around;
    margin-top: 15px;
}

.tiktok-page .content14>div>div a {
    display: block;
    text-align: center;
}

.tiktok-page .content14>div>div a p {
    font-size: 12px;
    color: #000;
    text-align: center;
}

.tiktok-page .content14>div>div a img {
    width: 100px;
    height: 100px;
}

/* -------------------------------
pococha-page
------------------------------- */
.pococha-page .inner {
    padding: 0 28px;
}
.pococha-page .btn {
    width: 100%;
    height: 60px;
}
.pococha-page .style1::before {
    visibility: hidden;
}

.pococha-page .content2 {
    margin: 22px 0 58px;
}
.pococha-page .content2 .button {
    margin: 0 0 36px;
}
.pococha-page .content2 .button a {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 30px;
    height: 54px;
    background-color: #F4796A;
    color: white;
    margin: 0 auto;
    font-size: 1.2em;
    font-weight: bold;
}

.pococha-page .content2 .catch {
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    line-height: 1.75;
    margin: 0 0 25px;
}
.pococha-page .content2 .catch span {
    color: #CB0303;
    font-size: 26px;
}

.pococha-page .content3 {
    position: relative;
    background: url(../images/pococha-content3-bg.png) no-repeat center / cover;
    padding: 84px 0 48px;
}
.pococha-page .content3 .title {
    display: block;
    width: calc(100% - 56px);
    background: #FFD010;
    font-size: 22px;
    font-weight: bold;
    line-height: 1.2;
    text-align: center;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, -50%) rotate(-4deg);
    margin-bottom: 0;
    padding: 4px 0 8px;
}
@media (max-width: 360px) {
    .pococha-page .content3 .title {
        font-feature-settings: "palt";
    }
}
.pococha-page .content3 .title span {
    font-size: 32px;
}
.pococha-page .content3 .item {
    background: #fff;
    box-shadow: 0 2px 2px rgba(0, 0, 0, .16);
    position: relative;
    padding: 15px 12px 12px;
}
.pococha-page .content3 .item + .item {
    margin: 42px 0 0;
}
.pococha-page .content3 .item-circle {
    background: #F4796A;
    border-radius: 50%;
    box-shadow: 0 2px 2px rgba(0, 0, 0, .16);
    position: absolute;
    top: -16px;
    left: 30px;
    width: 60px;
    height: 60px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.pococha-page .content3 .item-circle-en,
.pococha-page .content3 .item-circle-num {
    color: #fff;
    font-weight: bold;
    line-height: 1;
}
.pococha-page .content3 .item-circle-en {
    font-size: 14px;
    margin: 0 0 2px;
}
.pococha-page .content3 .item-circle-num {
    font-size: 22px;
}
.pococha-page .content3 .item-container {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 18px;
}
.pococha-page .content3 .item-img {
    flex-shrink: 0;
    width: 95px;
    margin: 40px 0 0;
}
.pococha-page .content3 .item-title {
    font-size: 20px;
    line-height: 1.5;
    padding: 0 0 5px;
    border-bottom: 2px solid #F4796A;
    text-align: center;
    margin: 0 0 12px;
}
.pococha-page .content3 .item-desc {
    font-size: 14px;
    line-height: 1.5;
}

.pococha-page .content4 {
    padding: 50px 0;
}

.pococha-page .content4 h2+div {
    font-size: 15px;
    text-align: center;
    /* font-weight: bold; */
    margin-bottom: 20px;
}

.pococha-page .content5 {
    background: #F9F7F8;
    font-weight: 500;
}
.pococha-page .content5 .btnWrapper {
    margin: 50px 0 0;
}
.pococha-page .content5_1 {
    margin-top: 50px;
}
.pococha-page .content5_2 {
    text-align: center;
    font-weight: bold;
    margin-top: 30px;
    font-size: 18px;
}
.pococha-page .content5_2 strong {
    color: #cb0303;
    font-size: 24px;
    margin-right: 10px;
}
.pococha-page .content5_3 {
    margin: 20px 0;
}

.pococha-page .content6 .content6_1>div:first-child {
    background: #cb0303;
    display: flex;
    justify-content: center;
    padding: 20px;
}

.pococha-page .content6 .content6_1>div:first-child p {
    color: white;
    font-size: 19px;
    font-weight: bold;
}

.pococha-page .content6 .content6_1>div:last-child {
    display: flex;
    justify-content: center;
}

.pococha-page .content6 .content6_1>div:last-child img {
    width: 17.8%;
}

.pococha-page .content6 .content6_2 {
    margin-top: 30px;
}

.pococha-page .content6 .content6_2 a {
    display: block;
}
.pococha-page .content6 .content6_2 a + a {
    margin: 42px 0 0;
}

.pococha-page .content6 .content6_2 a img {
    width: 100%;
    background-position: center;
    background-size: cover;
    margin-bottom: 15px;
    object-fit: cover;
    height: 424px;
}

.pococha-page .content6 .content6_2 .text {
    font-size: 20px;
    font-weight: bold;
    line-height: 1.5;
}
.pococha-page .content6 .content6_2 .talent_pococha {
    background: #757575;
    color: #fff;
    font-size: 11px;
    width: fit-content;
    padding: 0 12px;
    margin: 0 0 5px;
}
.pococha-page .content6 .content6_2 .talent_name + div {
    font-size: 14px;
}


.pococha-page .content6 .content6_2 .image {}
.pococha-page .content6_2 .richText p {
    font-size: 14px;

}
.pococha-page .content6 > div:last-child {
    margin-top: 50px;
}

.pococha-page .content7 .list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0,1fr));
    gap: 28px 20px;
    margin: 0 0 40px;
}

.pococha-page .content7 .item .image {
    margin: 0 0 6px;
}
.pococha-page .content7 .item img {
    width: 100%;
    height: 100%;
    aspect-ratio: 1 / 1;
    object-fit: cover;
}
.pococha-page .content7 .item .title {
    font-size: 13px;
    line-height: 1.5;
}

.pococha-page .content9 {
    background-color: #d7e6ef;
    /* z-index: -1; */
    position: relative;
} 
.pococha-page .content9 h2.style1::before {
    background-color: #ef7e6c;
    top: -20px;
    left: auto;
    left: 10%;
    width: 120px;
    height: 120px;
}
.pococha-page .content9 h2 + div {
    font-size: 14px;
    text-align: center;
   margin-bottom: 20px;
}
.pococha-page .content9 .btn {
    width: 100%;
    height: 67px;
}


.pococha-page .box {
    margin: 0 auto;
    background: #3bbbc6;
    padding-bottom: 20px;
}

.pococha-page .box>div:first-child {
    display: flex;
    justify-content: center;
    color: white;
    padding: 5px 0 10px;
    /* flex-direction: column; */
    align-items: center;
    line-height: 1.5;
    flex-wrap: wrap;
}

.pococha-page .box>div:first-child>p {
    color: #fcaa2f;
    font-size: 35px;
    font-weight: bold;
}

.pococha-page .box>div:first-child>div {
    letter-spacing: 2px;
}

.pococha-page .box>div:first-child>div strong {
    font-weight: bold;
    font-size: 29px;
}

.pococha-page .box>div:last-child {
    background-color: white;
    width: 90%;
    margin: 0 auto;
    padding: 25px 20px;
}

.pococha-page .box img {
    width: 20px;
    height: 20px;
}

.pococha-page .box .f_wrap {
    gap: 10px;
    margin-bottom: 10px;
}

.pococha-page .box .f_wrap p {
    line-height: 1.5;
}

.pococha-page .content13_1>div {
    border-bottom: 1px dashed #c4c4c4;
    margin-bottom: 25px;
    padding-bottom: 20px;
}

.pococha-page .content13_1>div>div {
    display: flex;
}

.pococha-page .content13_1>div>div:first-child {
    display: flex;
    align-items: flex-start;
    margin-bottom: 20px;
}

.pococha-page .content13_1>div>div:first-child>div:first-child {}

.pococha-page .content13_1>div>div:first-child>div:first-child p {
    font-size: 40px;
    color: #f4796a;
    font-weight: 900;
    margin-right: 20px;
    min-width: 31px;
    line-height: 1.4;
}

.pococha-page .content13_1>div>div:first-child>div:last-child p {
    font-size: 20px;
    font-weight: bold;
    line-height: 1.4;
    display: flex;
    align-items: center;
    height: 70px;
}

.pococha-page .content13_1>div>div:last-child {
    display: flex;
    align-items: flex-start;
}

.pococha-page .content13_1>div>div:last-child>div:first-child p {
    color: #3bbbc6;
    font-size: 40px;
    font-weight: 900;
    margin-right: 20px;
    padding-left: 3px;
    min-width: 31px;
}

.pococha-page .content14 {
    background: #f8f5f3;
    padding: 30px 10px;
}

.pococha-page .content14>div {
    width: 90%;
    border-radius: 12px;
    background-color: white;
    padding: 20px;
    margin: 0 auto;
}

.pococha-page .content14>div p {
    font-size: 22px;
    font-weight: bold;
    text-align: center;
}

.pococha-page .content14>div>div {
    display: flex;
    justify-content: space-around;
    margin-top: 15px;
}

.pococha-page .content14>div>div a {
    display: block;
    text-align: center;
}

.pococha-page .content14>div>div a p {
    font-size: 12px;
    color: #000;
    text-align: center;
}

.pococha-page .content14>div>div a img {
    width: 100px;
    height: 100px;
}



/* -------------------------------
17live-page
------------------------------- */
.lp-17live-page .inner {
    padding: 0 28px;
}
.lp-17live-page .btn {
    width: 100%;
    height: 60px;
}
.lp-17live-page .style1::before {
    visibility: hidden;
}

.lp-17live-page .content2 {
    margin: 22px 0 58px;
}
.lp-17live-page .content2 .button {
    margin: 0 0 36px;
}
.lp-17live-page .content2 .button a {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 30px;
    height: 54px;
    background-color: #F3542E;
    color: white;
    margin: 0 auto;
    font-size: 1.2em;
    font-weight: bold;
}

.lp-17live-page .content2 .catch {
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    line-height: 1.75;
    margin: 0 0 25px;
}
.lp-17live-page .content2 .catch span {
    color: #CB0303;
    font-size: 26px;
}

.lp-17live-page .content3 {
    position: relative;
    background: url(../images/pococha-content3-bg.png) no-repeat center / cover;
    padding: 84px 0 48px;
}
.lp-17live-page .content3 .title {
    display: block;
    width: calc(100% - 56px);
    background: #FF0000;
    color:#FFFFFF;
    font-size: 22px;
    font-weight: bold;
    line-height: 1.2;
    text-align: center;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, -50%) rotate(-4deg);
    margin-bottom: 0;
    padding: 4px 0 8px;
}
@media (max-width: 360px) {
    .lp-17live-page .content3 .title {
        font-feature-settings: "palt";
    }
}
.lp-17live-page .content3 .title span {
    font-size: 32px;
}
.lp-17live-page .content3 .item {
    background: #fff;
    box-shadow: 0 2px 2px rgba(0, 0, 0, .16);
    position: relative;
    padding: 15px 12px 12px;
}
.lp-17live-page .content3 .item + .item {
    margin: 42px 0 0;
}
.lp-17live-page .content3 .item-circle {
    background: #FF0000;
    border-radius: 50%;
    box-shadow: 0 2px 2px rgba(0, 0, 0, .16);
    position: absolute;
    top: -16px;
    left: 30px;
    width: 60px;
    height: 60px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.lp-17live-page .content3 .item-circle-en,
.lp-17live-page .content3 .item-circle-num {
    color: #fff;
    font-weight: bold;
    line-height: 1;
}
.lp-17live-page .content3 .item-circle-en {
    font-size: 14px;
    margin: 0 0 2px;
}
.lp-17live-page .content3 .item-circle-num {
    font-size: 22px;
}
.lp-17live-page .content3 .item-container {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 18px;
}
.lp-17live-page .content3 .item-img {
    flex-shrink: 0;
    width: 95px;
    margin: 40px 0 0;
}
.lp-17live-page .content3 .item-title {
    font-size: 20px;
    line-height: 1.5;
    padding: 0 0 5px;
    border-bottom: 2px solid #F4796A;
    text-align: center;
    margin: 0 0 12px;
}
.lp-17live-page .content3 .item-desc {
    font-size: 14px;
    line-height: 1.5;
}

.lp-17live-page .content4 {
    padding: 50px 0;
}

.lp-17live-page .content4 h2+div {
    font-size: 15px;
    text-align: center;
    /* font-weight: bold; */
    margin-bottom: 20px;
}

.lp-17live-page .content5 {
    background: #F9F7F8;
    font-weight: 500;
}
.lp-17live-page .content5 .btnWrapper {
    margin: 50px 0 0;
}
.lp-17live-page .content5_1 {
    margin-top: 50px;
}
.lp-17live-page .content5_2 {
    text-align: center;
    font-weight: bold;
    margin-top: 30px;
    font-size: 18px;
}
.lp-17live-page .content5_2 strong {
    color: #cb0303;
    font-size: 24px;
    margin-right: 10px;
}
.lp-17live-page .content5_3 {
    margin: 20px 0;
}

.lp-17live-page .content6 .content6_1>div:first-child {
    background: #cb0303;
    display: flex;
    justify-content: center;
    padding: 20px;
}

.lp-17live-page .content6 .content6_1>div:first-child p {
    color: white;
    font-size: 19px;
    font-weight: bold;
}

.lp-17live-page .content6 .content6_1>div:last-child {
    display: flex;
    justify-content: center;
}

.lp-17live-page .content6 .content6_1>div:last-child img {
    width: 17.8%;
}

.lp-17live-page .content6 .content6_2 {
    margin-top: 30px;
}

.lp-17live-page .content6 .content6_2 a {
    display: block;
}
.lp-17live-page .content6 .content6_2 a + a {
    margin: 42px 0 0;
}

.lp-17live-page .content6 .content6_2 a img {
    width: 100%;
    background-position: center;
    background-size: cover;
    margin-bottom: 15px;
    object-fit: cover;
    height: 424px;
}

.lp-17live-page .content6 .content6_2 .text {
    font-size: 20px;
    font-weight: bold;
    line-height: 1.5;
}
.lp-17live-page .content6 .content6_2 .talent_17live {
    background: #757575;
    color: #fff;
    font-size: 11px;
    width: fit-content;
    padding: 0 12px;
    margin: 0 0 5px;
}
.lp-17live-page .content6 .content6_2 .talent_name + div {
    font-size: 14px;
}


.lp-17live-page .content6 .content6_2 .image {}
.lp-17live-page .content6_2 .richText p {
    font-size: 14px;

}
.lp-17live-page .content6 > div:last-child {
    margin-top: 50px;
}

.lp-17live-page .content7 .list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0,1fr));
    gap: 28px 20px;
    margin: 0 0 40px;
}

.lp-17live-page .content7 .item .image {
    margin: 0 0 6px;
}
.lp-17live-page .content7 .item img {
    width: 100%;
    height: 100%;
    aspect-ratio: 1 / 1;
    object-fit: cover;
}
.lp-17live-page .content7 .item .title {
    font-size: 13px;
    line-height: 1.5;
}

.lp-17live-page .content9 {
    background-color: #d7e6ef;
    /* z-index: -1; */
    position: relative;
} 
.lp-17live-page .content9 h2.style1::before {
    background-color: #ef7e6c;
    top: -20px;
    left: auto;
    left: 10%;
    width: 120px;
    height: 120px;
}
.lp-17live-page .content9 h2 + div {
    font-size: 14px;
    text-align: center;
   margin-bottom: 20px;
}
.lp-17live-page .content9 .btn {
    width: 100%;
    height: 67px;
}


.lp-17live-page .box {
    margin: 0 auto;
    background: #3bbbc6;
    padding-bottom: 20px;
}

.lp-17live-page .box>div:first-child {
    display: flex;
    justify-content: center;
    color: white;
    padding: 5px 0 10px;
    /* flex-direction: column; */
    align-items: center;
    line-height: 1.5;
    flex-wrap: wrap;
}

.lp-17live-page .box>div:first-child>p {
    color: #fcaa2f;
    font-size: 35px;
    font-weight: bold;
}

.lp-17live-page .box>div:first-child>div {
    letter-spacing: 2px;
}

.lp-17live-page .box>div:first-child>div strong {
    font-weight: bold;
    font-size: 29px;
}

.lp-17live-page .box>div:last-child {
    background-color: white;
    width: 90%;
    margin: 0 auto;
    padding: 25px 20px;
}

.lp-17live-page .box img {
    width: 20px;
    height: 20px;
}

.lp-17live-page .box .f_wrap {
    gap: 10px;
    margin-bottom: 10px;
}

.lp-17live-page .box .f_wrap p {
    line-height: 1.5;
}

.lp-17live-page .content13_1>div {
    border-bottom: 1px dashed #c4c4c4;
    margin-bottom: 25px;
    padding-bottom: 20px;
}

.lp-17live-page .content13_1>div>div {
    display: flex;
}

.lp-17live-page .content13_1>div>div:first-child {
    display: flex;
    align-items: flex-start;
    margin-bottom: 20px;
}

.lp-17live-page .content13_1>div>div:first-child>div:first-child {}

.lp-17live-page .content13_1>div>div:first-child>div:first-child p {
    font-size: 40px;
    color: #f4796a;
    font-weight: 900;
    margin-right: 20px;
    min-width: 31px;
    line-height: 1.4;
}

.lp-17live-page .content13_1>div>div:first-child>div:last-child p {
    font-size: 20px;
    font-weight: bold;
    line-height: 1.4;
    display: flex;
    align-items: center;
    height: 70px;
}

.lp-17live-page .content13_1>div>div:last-child {
    display: flex;
    align-items: flex-start;
}

.lp-17live-page .content13_1>div>div:last-child>div:first-child p {
    color: #3bbbc6;
    font-size: 40px;
    font-weight: 900;
    margin-right: 20px;
    padding-left: 3px;
    min-width: 31px;
}


/* -------------------------------
line-page
------------------------------- */
.line-page {
    padding-top: 0;
}
.line-page .content2 {
    padding: 28px 10px 10px;
}

.line-page .content2>p {
    font-size: 14px;
    font-weight: 700;
    text-align: center;
    margin-bottom: 18px;
}

.line-btn {
    background: #06C755;
    display: flex;
    gap: 14px;
    align-items: center;
    justify-content: center;
    border-radius: 40px;
    padding: 15px 20px;
    max-width: 315px;
    margin: 0 auto;
}

.line-btn .image {
    width: 42px;
}
.line-btn .text {
    color: #fff;
    font-size: 22px;
    font-weight: bold;
}

.line-btn-fixed {
    background: #06C755;
    display: flex;
    gap: 10px;
    align-items: center;
    justify-content: center;
    border-radius: 40px;
    padding: 10px 20px;
    max-width: 206px;
    position: fixed;
    bottom: 100px;
    right: 15px;
    opacity: 0;
    visibility: hidden;
    transition: all .2s;
}
.line-btn-fixed.is-show {
    opacity: 1;
    visibility: visible;
}
.line-btn-fixed.is-show.is-hide {
    opacity: 0;
    visibility: hidden;
}

.line-btn-fixed .image {
    width: 27px;
}
.line-btn-fixed .text {
    color: #fff;
    font-size: 14px;
    font-weight: bold;
}

.line-page .content3 {
    display: flex;
    flex-direction: column;
    align-items: center;
    height: auto;
    justify-content: flex-start;
    padding: 30px 0px 40px 0px;
    width: 100%;
    max-width: 100%;
    text-align: center;
}

.line-page .content3>div>p {
    font-size: 18px;
    line-height: 1.6;
    font-weight: 700;
}

.line-page .content3>div>div {
    margin-top: 20px;
}

.line-page .content3>div>div p {
    font-size: 28px;
    color: #cb0303;
    font-weight: 900;
    height: auto;
    line-height: 1.3;
    background-image: linear-gradient(to top, #fcaa2f 30%, transparent 30%);
    display: inline-block;
    margin-bottom: 15px;
}

.line-page .content4 {
    background: #f9f7f8;
    padding-top: 50px;
}

.line-page .content4 .richText {
    font-size: 20px;
    display: flex;
    justify-content: center;
}

.line-page .content4 .richText strong {
    font-size: 32px;
    color: #cb0303;
    margin-left: 10px;
    font-weight: 900;
}
.line-page .content4_1> div:first-child P {
    font-size: 20px;
    margin-bottom: 20px;
} 


.line-page .content4_2 {
    display: flex;
    justify-content: space-between;

}

.line-page .content4_2 img {
    width: 46%;
}

.line-page .content4_3 {
    display: flex;
    justify-content: center;
    font-size: 40px;
    gap: 5px;
    align-items: baseline;
    margin-top: 34px;
    font-weight: 700;
    margin-bottom: 38px;
}

.line-page .content4_3 img {
    width: 15%;
}

.line-page .content4_4 p, .line-page .content4_6 p {
    text-align: center;
    color: #613daf;
    font-weight: bold;
    font-size: 26px;
    margin-bottom: 20px;
    line-height: 1.4;
}

.line-page .content4_5>div, .line-page .content4_7>div {
    background: #ffffff;
    border-radius: 12px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    margin-bottom: 30px;
    padding: 10px;
}

.line-page .content4_5>div>div:first-child, .line-page .content4_7>div>div:first-child {
    border-bottom: 1px dashed #c4c4c4;
    padding: 0;
    padding-bottom: 10px;
    padding-top: 10px;
    display: flex;
    align-items: center;
    justify-content: space-around;
}

.line-page .content4_5>div>div:last-child, .line-page .content4_7>div>div:last-child {
    padding: 20px 10px 10px 10px;;
}

.line-page .content4_5>div>div:first-child>img:first-child, .line-page .content4_7>div>div:first-child>img:first-child {
    flex: 0 0 110px;
    width: 110px;
    height: 110px;
}
.line-page .content4_5 >div>div:first-child .text,.line-page .content4_7>div>div:first-child .text {
    font-weight: bold;
    font-size: 20px;
}
.line-page .content4_6 {
    margin-top: 90px;
}
.line-page .content4_8 {
    font-size: 18px;
    line-height: 1.6;
    font-weight: bold;
    text-align: center;
}

.line-page .content5 {
    font-weight: 500;
}
.line-page .content5_1 {
    margin-top: 50px;
}

.line-page .content5_2 {
    text-align: center;
    font-weight: bold;
    margin-top: 30px;
    font-size: 18px;
}
.line-page .content5_2 strong {
    color: #cb0303;
    font-size: 24px;
    margin-right: 10px;
}

.line-page .content5_3 {
    margin: 20px 0;
}

.line-page .content6 {
    background: #F9F7F8;
    padding: 50px 0;
}

.line-page .content6_1>div {
    margin: 10px 0 20px;
}

.line-page .content6_1>div>div:last-child {
    background: #FFFFFF;
    border-radius: 0px 0px 10px 10px;
    padding-top: 10px;
}

.line-page .content6_1>div>div:last-child>div:first-child {
    width: 95%;
    max-width: 95%;
    margin: 0 auto;
}

.line-page .content6_1>div>div:last-child>div:first-child p {
    padding: 15px 10px 20px;
}

.line-page .content7 h2 + div > p {
    font-size: 18px;
    font-weight: 700;
}
.line-page .content7_2 {
    margin-top: 20px;
    margin-bottom: 20px;
}


.line-page .content8 {
    background: #f0ebcc;
    padding: 50px 0;
}

.line-page .content8 h2+div {
    font-size: 18px;
    text-align: center;
    /* font-weight: bold; */
    margin-bottom: 20px;
}

.line-page .content8_2>div {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
}

.line-page .content8_2 .text:first-child {
    font-size: 12px;
    text-align: right;
}

.line-page .content8_2>div>div {
    flex: 0 0 50%;
}

.line-page .content8_2>div>div p {
    text-align: center;
}

.line-page .content9 h2 > p:first-child {
    font-size: 25px;
    line-height: 1;
}
.line-page .content9 h2 > p:last-child {
    font-size: 35px;
}

.line-page .content10 .content10_1>div:first-child {
    background: #cb0303;

    display: flex;
    justify-content: center;
    padding: 20px;
}

.line-page .content10 .content10_1>div:first-child p {
    color: white;
    font-size: 19px;
    font-weight: bold;
}

.line-page .content10 .content10_1>div:last-child {
    display: flex;
    justify-content: center;
}

.line-page .content10 .content10_1>div:last-child img {
    width: 17.8%;
}

.line-page .content10 .content10_2 {
    margin-top: 30px;
}

.line-page .content10 .content10_2 a {
    margin-bottom: 20px;
    display: block;
}

.line-page .content10 .content10_2 a img {
    width: 100%;
    background-position: center;
    background-size: cover;
    margin-bottom: 15px;
    object-fit: cover;
    height: 424px;
}

.line-page .content10 .content10_2 .text {
    font-size: 20px;
    font-weight: bold;
    margin-top: 20px;
    margin-bottom: 10px;
    line-height: 1.5;
}
.line-page .content10 .content10_2 .talent_name + div {
    font-size: 14px;
}


.line-page .content10 .content10_2 .image {}
.line-page .content10_2 .richText p {
    font-size: 14px;

}
.line-page .content10 > div:last-child {
    margin-top: 50px;
}
.line-page .content11_1 img {
    margin-bottom: 20px;
    
}
.line-page .content11_2 .f_wrap p {
    font-size: 18px;
}
.line-page .content11_2 .underline {
    background-image: linear-gradient(to top, #f3aaa1 30%, transparent 30%);
    display: inline;
    font-size: 45px;
}



.line-page .content11 h2>p:first-child:not(:last-child) {
    font-size: 22px;
    line-height: 1.2;
}

.line-page .content11_2 {}

.line-page .content11_2>div:first-child {
    font-size: 64px;
    text-align: center;
    font-weight: bold;
}
.line-page .content11_2>div:first-child > p:first-child {
    font-size: 35px;
    font-weight: 700;
    margin-bottom: 35px;
}


.line-page .content11_2>div:first-child>div:last-child {
    display: flex;
    justify-content: center;
    margin: 25px 0;
}

.line-page .content11_2>div:first-child>div:last-child img {
    /* width: 130px; */
    width: 74px;
}

.line-page .content12 {
    background: #f0ebcc;
}
.line-page .content12 h2 + div {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 40px;
}
.line-page .content12 h2 + div + div {
    font-size: 14px;
    font-weight: 500;
    padding: 0 10px;
    margin-bottom: 25px;
    text-align: center;
}


.line-page .box {
    margin: 0 auto;
    background: #3bbbc6;
    padding-bottom: 20px;
}

.line-page .box>div:first-child {
    display: flex;
    justify-content: center;
    color: white;
    padding: 5px 0 10px;
    /* flex-direction: column; */
    align-items: center;
    line-height: 1.5;
    flex-wrap: wrap;
}

.line-page .box>div:first-child>p {
    color: #fcaa2f;
    font-size: 35px;
    font-weight: bold;
}

.line-page .box>div:first-child>div {
    letter-spacing: 2px;
}

.line-page .box>div:first-child>div strong {
    font-weight: bold;
    font-size: 29px;
}

.line-page .box>div:last-child {
    background-color: white;
    width: 90%;
    margin: 0 auto;
    padding: 25px 20px;
}

.line-page .box img {
    width: 20px;
    height: 20px;
}

.line-page .box .f_wrap {
    gap: 10px;
    margin-bottom: 10px;
}

.line-page .box .f_wrap p {
    line-height: 1.5;
}





.line-page .content13_1 {}

.line-page .content13_1>div {
    border-bottom: 1px dashed #c4c4c4;
    margin-bottom: 25px;
    padding-bottom: 20px;
}
.line-page .content13_1>div:last-of-type {
    margin-bottom: 10px;
}

.line-page .content13_1>div>div {
    display: flex;
}

.line-page .content13_1>div>div:first-child {
    display: flex;
    align-items: flex-start;
    margin-bottom: 20px;
}

.line-page .content13_1>div>div:first-child>div:first-child {}

.line-page .content13_1>div>div:first-child>div:first-child p {
    font-size: 40px;
    color: #3bbbc6;
    font-weight: 900;
    margin-right: 20px;
    min-width: 31px;
    line-height: 1.4;
}

.line-page .content13_1>div>div:first-child>div:last-child p {
    font-size: 20px;
    font-weight: bold;
    line-height: 1.4;
}

.line-page .content13_1>div>div:last-child {
    display: flex;
    align-items: flex-start;
}

.line-page .content13_1>div>div:last-child>div:first-child p {
    color: #cb0303;
    font-size: 40px;
    font-weight: 900;
    margin-right: 20px;
    padding-left: 3px;
    min-width: 31px;
}

.line-page .content14 {
    padding: 0 0 60px;
}


/* -------------------------------
aboutus
------------------------------- */
.aboutus .content1 {
    position: relative;
}
.aboutus .content1::before {
    content: "";
    position: absolute;
    z-index: -1;
    background-image: url(../images/aboutus52.png);
    background-size: contain;
    background-position: 10% 90%;
    display: block;
    width: 100px;
    height: 100px;
    right: 30px;
    /* top: 10px; */
}
.aboutus .content1::after {
    content: "";
    position: absolute;
    z-index: -1;
    background-image: url(../images/aboutus53.png);
    background-size: contain;
    background-position: 10% 90%;
    display: block;
    width: 150px;
    height: 130px;
    left: 30px;
    bottom: 30px;
    /* top: 10px; */
}

.aboutus .content1 h2 {
    text-align: left;
    margin-bottom: 20px;
    align-items: baseline;
}
.aboutus .content2 {
    background: linear-gradient(var(--g-angle), var(--g-color-0) var(--g-position-0), var(--g-color-1) var(--g-position-1), var(--g-color-2) var(--g-position-2));
    padding: 40px 0;
    position: relative;
    z-index: ;
}
.aboutus .content2::after {
    content: "";
    position: absolute;
    /* z-index: -1; */
    background-image: url(../images/aboutus54.png);
    background-size: contain;
    display: block;
    width: 81px;
    height: 81px;
    left: 9px;
    top: 46px;
    /* top: 10px; */
}

.aboutus .content2_2>div>div {
    margin-bottom: 20px;
}
.aboutus .content2_2>div>div>div:nth-child(2) {
    background: #FFFFFF;
    border-radius: 0px 0px 10px 10px;
    padding: 0 10px 20px;
}
.aboutus .content2_2>div>div>div:nth-child(2) img {
    margin-bottom: 10px;
}

.aboutus .content3 {
    font-weight: bold;
    padding-bottom: 0;
}
.aboutus .content4 {
    position: relative;
}
.aboutus .content4 h2 {
    margin-bottom: 75px;
}
.aboutus .content4::after {
    content: "";
    position: absolute;
    z-index: -1;
    background-image: url(../images/aboutus55.png);
    background-size: contain;
    display: block;
    width: 95px;
    height: 107px;
    left: 9px;
    top: 46px;
}

.aboutus .content5 {
    background: #f9f7f8;
    position: relative;
    z-index: -1;
}
.aboutus .content5_1 {
    position: relative;
}
.aboutus .content5_1::after {
    content: "";
    position: absolute;
    z-index: -1;
    background-image: url(../images/aboutus56.png);
    background-size: contain;
    display: block;
    width: 120px;
    height: 104px;
    right: 1px;
    top: -8px;
}

.aboutus .content6 {
    background: linear-gradient(var(--g-angle), var(--g-color-0) var(--g-position-0), var(--g-color-1) var(--g-position-1), var(--g-color-2) var(--g-position-2));
    position: relative;
    font-size: 19px;
    font-weight: 700;
}
.aboutus .content6::after {
    content: "";
    position: absolute;
    /* z-index: -1; */
    background-image: url(../images/aboutus54.png);
    background-size: contain;
    display: block;
    width: 77px;
    height: 87px;
    left: 33px;
    top: 46px;
}
.aboutus .content6 img {
    margin-bottom: 30px;
}
.aboutus .content6 .sonota {
    text-align: right;
    font-size: 14px;
}

.aboutus .content7 {
    position: relative;
    padding-top: 85px;
}
.aboutus .content7::after {
    content: "";
    position: absolute;
    /* z-index: -1; */
    background-image: url(../images/aboutus55.png);
    background-size: contain;
    display: block;
    width: 105px;
    height: 125px;
    left: 33px;
    top: 181px;
}
.aboutus .content8 {
    background: #d7e6ef;
}
.aboutus .content8 h2 + div {
    font-size: 14px;
    text-align: center;
    font-weight: 500;
    margin-bottom: 25px;
}
/* -------------------------------
message
------------------------------- */

.message h2.style1::before {
    content: "";
    position: absolute;
    width: 120px;
    height: 120px;
    background-color: #56d8ef;
    border-radius: 100px;
    left: 15px;
    z-index: -1;
    top: -20px;
}
.message h2 {}

.message h3 {
    font-size: 30px;
    margin-bottom: 30px;
}
.message .message_image {
    width: 100%;
    height: 245px;
    background-image: url(../images/message_1.webp);
    background-size: cover;
    position: relative;
    margin-top: 20px;
}
.message .message_image > div {
    display: flex;
    align-items: center;
    gap: 10px;
    background-color: rgba(255,255,255,0.5);
    position: absolute;
    bottom: 10px;
    left: 10px;
    padding: 0 15px;
}
.message .message_image > div > p:first-child {
    font-size: 14px;
}
.message .message_image > div > p:last-child {
    font-size: 24px;
    font-weight: 700;
}

/* -------------------------------
partner
------------------------------- */
.partner .content1 {
    background: #a591d2;
    color: #ffffff;
    text-align: center;
    padding-top: 6px;
}

.partner .content1>div:first-child {
    font-size: 24px;
}

.partner .content1>div:first-child strong {
    font-size: 40px;
    font-weight: bold;
    line-height: 1;
    padding-bottom: 30px;

}

.partner .content1>div:last-child {
    font-size: 40px;
    font-weight: bold;
}

.partner .content2 {
    background: #f9f7f8;
}

.partner .content2 h3 {
    color: #613daf;
    font-size: 28px;
    text-align: center;
    margin-bottom: 20px;
}

.partner .content3 {
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    line-height: 2;
}

.partner .content3 .box {
    background-color: #fcaa2f;
    text-align: left;
    padding: 10px 20px;
    margin: 10px 0;
}
.partner .content3 .box li {
    list-style: decimal;
    margin-left: 30px;
}

.partner .content3>div>p:first-child {
    margin-bottom: 30px;
    margin-right: -5px;
    margin-left: -5px;
}

.partner .content3>div>p:nth-child(3) {
    margin-bottom: 0px;
    text-align: left;
    margin-top: 35px;
}

.partner .content3>div>p:nth-child(5) {
    font-size: 28px;
    margin-bottom: 25px;
}
.partner .content3>div>p:nth-child(5) + p {
    font-weight: normal;
    font-size: 18px;
}

.partner .content3>div>div:nth-child(2) {}

.partner .content3>div .under_line {
    display: inline-block;
    background-image: linear-gradient(to top, #ffeb3b 25%, transparent 25%);
    line-height: 1.2;
}

.partner .content3>div .under_line strong {
    font-size: 40px;
    margin: 0 5px;
}



.partner .content3>div .under_line strong.red {
    color: #f94a29;
}

.partner .content3 .box {}


.partner .content4 img {
    border-top: 5px solid #56d8ef;
    border-left: 5px solid #56d8ef;
    border-right: 5px solid #56d8ef;
    /* margin: 20px 0; */
    padding: 15px;
}

.partner .content4 img+img {
    border-bottom: 5px solid #56d8ef;
    border-left: 5px solid #56d8ef;
    border-right: 5px solid #56d8ef;
    border-top: 1px dashed #56d8ef;
}

.partner .content4 div:nth-child(2)>div {
    margin-top: 20px;
}


.partner .content5 h2 {
    background: #3bbbc6;
    color: white;
    margin-bottom: 0;
    padding: 20px 0;
}

.partner .content5 h2>p {
    line-height: 1;
}

.partner .content5 h2>p:first-child {
    font-size: 25px;
    margin-bottom: 10px;
}

.partner .content5 h2>p:last-child {
    font-size: 40px;
    font-weight: bold;
}

.partner .content5 h2+div {
    text-align: center;
    display: flex;
    justify-content: center;
}


.partner .content5_1>div {
    border-bottom: 1px dotted #56d8ef;
    padding-bottom: 40px;
    margin-top: 35px;
}

.partner .content5_1>div>div:nth-child(1) {
    position: relative;
    color: #fcaa2f;
}

.partner .content5_1>div {
    position: relative;
}

.partner .content5_1>div::after {
    content: "";
    background-image: url(../images/partner_20.webp);
    position: absolute;
    width: 110px;
    height: 110px;
    z-index: -1;
    opacity: 0.4;
    bottom: 0;
}

.partner .content5_1>div:nth-child(1)::after {
    top: 37%;
    left: 61%;
}

.partner .content5_1>div:nth-child(2)::after {
    top: 77%;
    left: 71%;
}

.partner .content5_1>div:nth-child(3)::after {
    top: 37%;
    left: 14%;
}

.partner .content5_1>div:nth-child(4)::after {
    top: 77%;
    left: 71%;
}

.partner .content5_1>div:nth-child(5)::after {
    top: 37%;
    left: 20%;
}

.partner .content5_1>div:nth-child(6)::after {
    top: 77%;
    left: 71%;
}

.partner .content5_1>div>div:nth-child(1) p {
    font-size: 32px;
    font-family: 'Lato', sans-serif;
    font-weight: 900;
}

.partner .content5_1>div>div:nth-child(1) p strong {
    font-size: 55px;
    font-weight: 900;
    margin-left: 10px;
}

.partner .content5_1>div>div:nth-child(1)>div:last-child {
    background: #fcaa2f;
    color: #fcaa2f;
    flex: none;
    height: 5px;
    left: 0px;
    margin: 0 0 0 0;
    position: absolute;
    bottom: 20px;
    width: 50px;
    max-width: 100%;
}

.partner .content5_1>div>div:nth-child(2) p {
    font-size: 24px;
    font-weight: bold;
    line-height: 1.4;
    margin-bottom: 28px;
}
.partner .content5_1>div>div:nth-child(3) > p:first-child {
    margin-bottom: 13px;
    line-height: 1.6;
    font-size: 18px;
}

.partner .content5_1>div>div:nth-child(3) strong {
    font-weight: bold;
}

.partner .content5_1>div:last-child {
    border-bottom: none;
    padding-bottom: 0;
}

.partner .content6 {
    background: #f9f7f8;
}

.partner .content6_1>p:first-child {
    font-size: 20px;
    font-weight: bold;
    text-align: center;
}


.partner .content7 h2 > p:first-child {
    font-size: 25px;
    line-height: 1;
}
.partner .content7 h2 > p:last-child {
    font-size: 35px;
}

.partner .content8 {
    background: #f8f5f3;
}

.partner .content8>div img:not(:last-child) {
    margin-bottom: 30px;
}

.partner .content9 .box {
    background: #f94a29;
    color: white;
    padding: 10px 20px;
    font-size: 16px;
    font-weight: bold;
    margin: 15px 0;
}

.partner .content9 .box>div {
    display: flex;
}

.partner .content9>p:nth-child(2) {
    margin-bottom: 30px;
}


.partner .content9_5 {
    /* margin-top: 20px; */
    font-weight: 400;
    line-height: 1.5;
}

.partner .content9_5 a {
    margin-top: 25px;
    display: block;
    margin-bottom: 10px;
    font-weight: 400;
}
.partner .content9_5 a .text {
    font-weight: 400;
}

.partner .content9_5 a>div:first-child {
    display: flex;
    justify-content: center;
    margin-bottom: 10px;
}

.partner .content9_5 a>div:first-child img {
    width: 100%;
    object-fit: cover;

}

.partner .content9 .gradation {
    margin-top: 30px;
    background: linear-gradient(var(--g-angle), rgb(244 121 106) var(--g-position-0), rgb(240 217 217) var(--g-position-1), rgb(59 187 198) var(--g-position-2));
    color: white;
    font-weight: bold;
    padding: 10px;
    font-size: 18px;
}

.partner .content9 .btn2 {
    margin-top: 50px;
    line-height: 1.4;
}
.partner .content10 {
    padding-top: 0;
}
.partner .content10 > div:first-child {
    text-align: center;
    margin-bottom: 10px;
} 
.partner .content10 > div:first-child p {
    background-image: linear-gradient(to top, #f6b1a7 20%, transparent 20%);
    display: inline;
} 
.partner .content10 .content10_2 {
    display: flex;
    justify-content: center;
    margin-bottom: 20px;
    margin-top: 10px;
}

.partner .content10 .content10_2 img {
    width: 74px;
    height: auto;
}

.partner .content10 .content10_3 {
    margin: 0 auto;
    background: #3bbbc6;
    padding-bottom: 20px;
}

.partner .content10 .content10_3>div:first-child {
    display: flex;
    justify-content: center;
    color: white;
    padding: 5px 0 10px;
    /* flex-direction: column; */
    align-items: center;
    line-height: 1.5;
    flex-wrap: wrap;
}

.partner .content10 .content10_3>div:first-child>p {
    color: #fcaa2f;
    font-size: 35px;
    font-weight: bold;
}

.partner .content10 .content10_3>div:first-child>div {
    letter-spacing: 2px;
}

.partner .content10 .content10_3>div:first-child>div strong {
    font-weight: bold;
    font-size: 29px;
}

.partner .content10 .content10_3>div:last-child {
    background-color: white;
    width: 90%;
    margin: 0 auto;
    padding: 25px 20px;
}

.partner .content10 .content10_3 img {
    width: 20px;
    height: 20px;
}

.partner .content10 .content10_3 .f_wrap {
    gap: 10px;
    margin-bottom: 10px;
}

.partner .content11 .content11_1>div>div {
    align-items: flex-start;
    gap: 15px;
}

.partner .content11 h2 p {
    border-bottom: 5px solid #3bbbc6;
    font-size: 26px;
}

.partner .content11_1 .f_wrap {
    gap: 10px;
    line-height: 1.6;
}

.partner .content11_1 .f_wrap p {
    font-size: 20px;
}

.partner .content11_1 .f_wrap+div {
    margin: 25px 0;
}

.partner .content11_1>div>div:last-child {
    display: flex;
    justify-content: center;
    margin-bottom: 25px;
}

.partner .content12 {
    background: #d7e6ef;
}
.partner .content12 h2.style2::after {
    border-bottom: 5px solid #56d8ef;
}
.partner .content12 h2 + div {
    font-size: 16px;
    font-weight: bold;

}
.partner .content12 h2 + div + div {
    font-size: 14px;
    text-align: center;
    padding: 0 10px;
    margin-top: 75px;
    margin-bottom: 20px;
}

/* -------------------------------
liver-list
------------------------------- */
.liver-list .mv_img {
    height: 50vw;
    max-height: 240px;
    object-fit: cover;
    width: 100%;
    object-position: bottom;
}
.liver-list h2 {
    margin-bottom: 60px;
}
.liver-list h2.style1::before {
    background-color: #4bb9c5;
    top: -16px;
    right: auto;
    left: 8%;
    width: 120px;
    height: 120px;
}
.liver-list .livername {
    font-weight: 900;
    font-size: 14px;
    line-height: 1.2em;
    margin-top: 5px;
}
.liver-list .content5 {
    padding-top: 85px;
}
.liver-list .content1, .top_liver-list {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 5%;
    row-gap: 20px;
  /*  margin: 0 calc(50% - 50vw);
    padding: 0 calc(50vw - 50% - 28px); */
}

.liver-list .content1 a {
    flex: 0 0 47%;
    display: block;
}

.top_liver-list a {
    flex: 0 0 100%;
    margin-top: 15px;
    border: 2px solid #3bbbc6;
    padding: 10px 10px 16px;
    margin: 0 10px;
}
.top_liver-list a {}

.top_liver-list a .talent_data {
    margin-top: 10px;
}
.top_liver-list a .talent_data > div:nth-child(3) {
    margin-top: 0px;
}
.top_liver-list a .talent_data > div:nth-child(3) p {
    font-size: 12px;
    font-weight: 500;
}

.top_liver-list a .talent_data .talent_name {
    font-size: 16px;
    font-weight: bold;
}


.liver-list .content1 a img {
    width: 100%;
    object-fit: cover;
    object-position: center 20%;
    height: 230px;
}

.top_liver-list a img {
    width: 100%;
    object-fit: cover;
    height: 424px;
    object-position: center 20%;
    border: 1px solid #eee;
}
.liver-list .content1 a ul, .top_liver-list a ul {
    display: flex;
    flex-wrap: wrap;
    row-gap: 4px;
    margin-top: 4px;
    margin-bottom: 5px;
}
.liver-list .content1 a ul li, .top_liver-list a ul li {
    background-color: #3bbbc6;
    color: white;
    font-size: 10px;
    display: inline-block;
    padding: 2px 3px 3px;
    margin-right: 5px;
    letter-spacing: 1px;
    line-height: 1;
}

.liver-list .content_roop {
    padding: 30px 0;
}
.top_liver-list .slick-dots {
    margin: 10px 0 0;
}


.liver-list .content2 {}

/* .liver-list .content2>span {
    display: inline-block;
    border: 2px solid #3bbbc6;
    border-radius: 20px;
    color: #3BBBC6;
    font-size: 14px;
    line-height: 1;
    padding: 5px 30px 7px;
    margin-bottom: 10px;
    cursor: pointer;
} */

.liver-list .content2>div {
    display: flex;
    gap: 5px;
}

.liver-list .content2 .refine  {
    background-color: #3BBBC6;
    color: white;
    border-radius: 25px;
    font-size: 11px;
    padding: 4px 10px 6px;
    line-height: 1;
    cursor: pointer;
    border: 2px solid #3bbbc6;
}
.liver-list .content2 .refine.active  {
    background-color: white;
    color: #3bbbc6;
    border-radius: 25px;
    font-size: 12px;
    padding: 4px 10px 5px;
    line-height: 1;
    cursor: pointer;
    border: 2px solid #3bbbc6;
}

.liver-list .content2 > .refine  {
    display: inline-block;
    border: 2px solid #3bbbc6;
    border-radius: 20px;
    color: white;
    font-size: 14px;
    line-height: 1;
    padding: 5px 30px 7px;
    margin-bottom: 10px;
    cursor: pointer;
    background-color: #3bbbc6;
}
.liver-list .content2 > .refine.active  {
    display: inline-block;
    border: 2px solid #3bbbc6;
    border-radius: 20px;
    color: #3BBBC6;
    font-size: 14px;
    line-height: 1;
    padding: 5px 30px 7px;
    margin-bottom: 10px;
    cursor: pointer;
    background-color: white;
}



.liver-list .btn {
    margin-top: 30px;
}

.liver-list .content3 {
    background: #f8f5f3;
    z-index: -1;
    position: relative;
}
.liver-list .content3 h2 + div {
    margin-top: 55px;
}

.liver-list .content4 {
    background: #d7e6ef;
    position: relative;
    z-index: 0;
}
.liver-list .content4 h2 {
    position: relative;
}
.liver-list .content4 h2.style1::before {
    background-color: #ef7e6c;
    top: -16px;
    right: auto;
    left: 10%;
    width: 120px;
    height: 120px;
}
.liver-list .content4 h2 + div {
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    margin-bottom: 25px;
}

.liver-list .t_talentnum + div {
    margin: 20px 0 30px;
    font-weight: bold;
    font-size: 18px;
}
/* .richText {
    text-align: center;
    font-size: 18px;
    font-weight: bold;
}
.richText strong {
    font-size: 24px;
    margin: 0 3px;
    color: #cb0303;
} */


/* -------------------------------
interview
------------------------------- */
.interview h2.style1::before {
    background-color: #a98dd1;
    top: -16px;
    right: auto;
    left: 12%;
    width: 100px;
    height: 100px;
}

.interview .mv_img {
    height: 50vw;
    max-height: 240px;
    object-fit: cover;
    width: 100%;
    object-position: bottom;
}

.interview .content_roop a, .top_interview a {
    display: flex;
    flex-direction: column;
    padding: 10px 0px;
}

.interview .content_roop a .eye_catch, .top_interview a .eye_catch {
    width: 100%;
    height: auto;
    object-fit: cover;
    margin-bottom: 10px;
    height: 424px;
    border: 1px solid #eee;
}

.interview .label, .top_interview .label {
    color: white;
    font-size: 10px;
    line-height: 1;
    padding: 4px 12px 5px;
    margin-right: 15px;
}
.interview .image {
    /* margin-bottom: 15px; */
}

.interview .f_wrap {
    /* margin-bottom: 10px; */
}


.interview .date, .top_interview .date {
    font-size: 12px;
    /* letter-spacing: 2px; */
}

.interview .title, .top_interview .title {
    font-weight: bold;
    margin-top: 5px;
}

.interview.liver-interview .label, .top_liver-interview .label {
    background-color: #f3542e;
}

.interview.partner-interview .label, .top_partner-interview .label {
    background-color: #1c208a;
}

.interview.partner-interview  h2.style1::before {
    background-color: #f3542e;
    top: -26px;
    right: auto;
    left: 8%;
    width: 120px;
    height: 120px;
}

/* -------------------------------
news
------------------------------- */
.news .mv_img {
    height: 50vw;
    object-fit: cover;
    width: 100%;
    object-position: bottom;
    max-height: 240px;
}
.news .content_roop {
    padding-top: 30px;
    margin-bottom: 30px;
}
.news .content_roop a, .top_news.content_roop a {
    display: flex;
    gap: 0 12px;
    justify-content: space-between;
    margin-bottom: 25px !important;
}

.news .content_roop a>div:first-child, .top_news.content_roop a>div:first-child {
    /* flex: 0 0 32%; */
    width: calc(100/319*100%);
    flex-shrink: 0;
}

.news .content_roop a>div:last-child, .top_news.content_roop a>div:last-child {
    /* flex: 0 0 63%; */
    width: 100%;
}

.news .content_roop a>div:first-child img, .top_news.content_roop a>div:first-child img {
    width: 100%;
    object-fit: cover;
    height: 134px;
    border: 1px solid #eee;
}
.top_news.content_roop a>div:first-child img {
    height: 135px;
}

.news .content_roop a .f_wrap {
    display: flex;
    justify-content: space-between;
    margin-bottom: 5px;
    gap: 6px;
}
.news .content_roop a .f_wrap .date {
    font-size: 13px;
}
.news .content_roop a .f_wrap ul {
    display: flex;
    gap: 0;
    flex-wrap: wrap;
    row-gap: 3px;
}
.news .content_roop a .f_wrap li {
    background-color: #000;
    color: white;
    font-size: 12px;
    line-height: 1;
    padding: 2px 10px 3px;
    margin-left: 5px;
}
.news .content_roop a .title {
    font-size: 15px;
    line-height: 1.5;
}

.news .content2>span {
    display: inline-block;
    border: 2px solid #f2dc15;
    background-color: #f2dc15;
    border-radius: 20px;
    color: #fff;
    font-size: 14px;
    line-height: 1;
    padding: 5px 30px 7px;
    margin-bottom: 10px;
    cursor: pointer;
}
.news .content2>span.active {
    display: inline-block;
    border: 2px solid #f2dc15;
    border-radius: 20px;
    color: #f2dc15;
    font-size: 14px;
    line-height: 1;
    padding: 5px 30px 7px;
    margin-bottom: 10px;
    cursor: pointer;
    background-color: white;
}


.news .content2>div {
    display: flex;
    gap: 5px;
}

.news .content2>div span {
    background-color: #f2dc15;
    border: 2px solid #f2dc15;
    color: #fff;
    border-radius: 25px;
    font-size: 12px;
    padding: 4px 10px 5px;
    line-height: 1;
    cursor: pointer;
}
.news .content2>div span.active {
    border: 2px solid #f2dc15;
    background-color: #fff;
    color: #f2dc15;
    border-radius: 25px;
    font-size: 12px;
    padding: 4px 10px 5px;
    line-height: 1;
    cursor: pointer;
}





.news h2.style1::before {
    background-color: #f5e73a;
    top: -18px;
    right: auto;
    left: 25%;
    width: 100px;
    height: 100px;
}





/* -------------------------------
single
------------------------------- */
.single .content_outerwrap {
    background-color: #f9f9f9;
	padding:20px 0 40px;
}

.single .content_wrap {
    width: 90%;
    margin: 0 auto;
    border-radius: 16px;
    background-color: white;
    padding: 20px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}

.single .content_wrap h3 {
    font-size: 18px;
    margin-bottom: 20px;
    line-height: 1.5;
}

.single .content_wrap img {
    height: auto;
    /* border-radius: 8px; */
    margin: 15px 0;
}

.single .content_wrap p {
    margin: 10px 0;
}

/* .single .content_wrap p+p>strong:first-child {
    display: block;
    margin-top: 40px;
}
.single .content_wrap p+p>strong:first-child+br {
    display: none;
} */

.single .content_wrap .date {
    color: #757575;
    font-size: 14px;
    margin-bottom: 30px;
}


.single .content_wrap a,.single .content_wrap a:link {
    color: #007cff;
    text-decoration: underline;
}


.single-news .mv_img {
    height: 50vw;
    object-fit: cover;
    width: 100%;
    object-position: bottom;
    max-height: 240px;
}
/* -------------------------------

------------------------------- */
.privacy {
    font-size: 16px;
}
.privacy .main_text {
    /* margin-top: 25px; */
    font-size: 14px;
}
.privacy .main_text > div > p:first-child {
    color: #ff8b00;
    font-size: 18px;
    font-weight: 700;
    margin-top: 25px;
}

.privacy h2.style1::before {
    content: "";
    position: absolute;
    width: 100px;
    height: 100px;
    background-color: #ff8b00;
    border-radius: 100px;
    left: 10px;
    z-index: -1;
    top: -15px;
}
.privacy .mv img {
    height: 50vw;
    max-height: 240px;
    width: 100%;
    object-fit: cover;
}
/* -------------------------------

------------------------------- */
.contact_page h2.style1::before {
    content: "";
    position: absolute;
    width: 100px;
    height: 100px;
    background-color: #f3542e;
    border-radius: 100px;
    left: 110px;
    z-index: -1;
    top: -15px;
}
.contact_page h2 + div {
    text-align: center;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 50px;
    margin-top: 60px;
}
.contact_page .mv_img {
    height: 50vw;
    object-fit: cover;
    width: 100%;
    object-position: bottom;
    max-height: 240px;
}
.contact_page input,.contact_page textarea {
    border: 1px solid #e8e8e8;
}
.contact_page .wpcf7-radio  {
    display: flex;
    flex-direction: column;
    margin-top: 10px;
}
.contact_page .wpcf7-list-item label {
    display: flex;
    gap: 10px;
    padding: 5px 0;
}
.contact_page .wpcf7-list-item label .wpcf7-list-item-label {
    font-weight: 400;
}
.contact_page label.radio {
    margin-bottom: 20px;
    display: block;
}
.contact_page label.radio > span {
    margin-top: 10px;
    display: block;
}
.contact_page label.radio > span.r {
    display: inline;
}

/* -------------------------------
entry
------------------------------- */
.entry .mv_img {
    height: 50vw;
    object-fit: cover;
    width: 100%;
    object-position: bottom;
    max-height: 240px;
}
.entry .t_form_3 {
    background: #f8f5f3;
    border-radius: 0px;
    margin-right: -28px;
    margin-left: -28px;
    margin-top: 15px;
}
.entry .t_form_3>div {
    display: block;
    background-color: white;
    border-radius: 12px;
    padding: 20px;
}
.entry .t_form_3>div>div {
    display: flex;
    justify-content: center;
    gap: 20px;
}

.entry h2.style1::before {
    content: "";
    position: absolute;
    width: 100px;
    height: 100px;
    background-color: #a98dd1;
    border-radius: 100px;
    left: 100px;
    z-index: -1;
    top: -13px;
}
.entry h2 + div {
    font-size: 14px;
    font-weight: 700;
    margin-top: 50px;
}
.entry input,.entry select,.entry textarea {
    border: 1px solid #bbb;
}

::-webkit-input-placeholder {
color: #ddd;
}

.thanks section > div {
    text-align: center;
}
.thanks section > div > div:first-child {
    font-size: 21px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 20px;
} 
.thanks h2.style1::before {
    content: "";
    position: absolute;
    width: 80px;
    height: 80px;
    background-color: #f2542e;
    border-radius: 100px;
    left: 100px;
    z-index: -1;
}
.thanks .mv_img {
    height: 50vw;
    object-fit: cover;
    width: 100%;
    object-position: bottom;
    max-height: 240px;
}
.thanks.thanks2 h2.style1::before {
    background-color: #a88ed0;
}










/* -------------------------------
ランキング
------------------------------- */

.home {
    .sec8 {
        z-index: 0;
        /* background-color: #E6E6FA; */
        position: relative;
        padding: 0;
        padding-top: 50px;
        background-color: #F9F7F8;
        padding-bottom: 50px;
        
        
        
        
        
        h2 {
            margin-bottom: 30px;
            span:first-child {
                font-size: 40px;
                line-height: 1;
            }
            span:last-child {
                font-size: 16px;
            }
        }
        .platformtitle {
            display: flex;
            justify-content: center;
            margin-top: 30px;
            
            span {
                /* background-color: white; */
                color: #000;
                /* font-family: "Zen Maru Gothic", serif; */
                font-weight: bold;
                font-size: 28px;
                line-height: 1;
                padding: 2px 5px 5px;
                border-bottom: 3px solid #3BBBC6;
            }
            
        }
         .secbody {
            margin-top: 25px;
            margin-right: 27px;
            margin-left: 27px;
            
            
            
            .content_roop {
                .article {
                    position: relative;
                    margin-bottom: 17px;
                    font-size: 14px;
                }
                .article.cnt1 {
                    font-size: 16px;
                }
                .article::after {
                    content: "";
                    position: absolute;
                    width: 60px;
                    height: 70px;
                    top: -10px;
                    left: 0px;
                    background-size: contain;
                    background-repeat: no-repeat;
                    z-index: 999;  
                }
                .article.cnt1::after {
                    background-image: url(../images/rank1.png);
                }
                .article.cnt2::after {
                    width: 50px;
                    height: 50px;
                    background-image: url(../images/rank2.png);
                }
                .article.cnt3::after {
                    width: 50px;
                    height: 50px;
                    background-image: url(../images/rank3.png);
                }
                .article.cnt4::after {
                    width: 39px;
                    height: 37px;
                    background-image: url(../images/rank4.png);
                }
                .article.cnt5::after {
                    width: 39px;
                    height: 37px;
                    background-image: url(../images/rank5.png);
                }

            }
        }

        

        .ranking_tab_wrap {
            display: flex;
            gap: 1%;
            
            
            
            
            
            
            
            .ranking_tab_btn {
                background-color: #3BBBC650;
                height: 38px;
                min-width: 49.5%;
                display: flex;
                justify-content: center;
                align-items: center;
                border-top-left-radius: 10px;
                border-top-right-radius: 10px;
                /* font-family: "Zen Maru Gothic", serif; */
                font-weight: bold;
                font-size: 15px;
                cursor: pointer;
                color: white;
            }
            .ranking_tab_btn {
                
            }
            .ranking_tab_btn.active {
                background-color: white;
                color: #3BBBC6;
            }
            .ranking_tab_btn[data-tab="veteran"] span {
                /* color: #77CDFA; */
                margin-right: 3px;
            }
            .ranking_tab_btn[data-tab="newcomer"] span {
                /* color: #F49FEE; */
                margin-right: 3px;
            }
        }
        .ranking_tab_content {
            display: none;
            background-color: white;
            margin-top: 0;
            padding-top: 20px;
            padding-right: 14px;
            padding-left: 14px;
            
            
            
            
            
            
            
            
            
            
            .article {
                flex: 0 0 50%;
                .ranking_img {
                    /* width: 260px; */
                }
                .talent_name {
                    text-align: center;
                    font-weight: bold;
                    line-height: 1.4;
                    margin-top: 4px;
                }
                .ranking_img {
                    width: 90%;
                    margin: 0 auto;
                    border: 3px solid #3BBBC6;
                    aspect-ratio: 1 / 1;
                    img {
                        max-height: 100%;
                        object-fit: cover;
                        display: block;
                        height: 100%;
                        width: 100%;
                    }
                }
            }
            .cnt1 {
                flex: 0 0 100%;
                position: relative;
                margin-bottom: 16px;
                
                
                
                
                
                .ranking_img {
                    /* width: 260px; */
                    width: 90%;
                    margin: 0 auto;
                    border: 10px solid #3BBBC6;
                }
            }
            .cnt1::after {
                position: absolute;
                content: "";
                width: 30px;
                height: 20px;
                background-image: url(../images/tab.png);;
            }
            .cnt2 .image,.cnt4 .image {
                /* background-color: #edf7f9; */
            }
            .cnt3 .image,.cnt5 .image {
                /* background-color: #fcf0f7; */
            }
        }
        .ranking_tab_content.active {
            display: flex;
            flex-wrap: wrap;
        }


        .secbody_cnt1 {
            .ranking_tab_content  {
                .article {
                    .ranking_img {
                        border: 3px solid red;
                        border-bottom: 3px solid red;
                    }
                }
                .cnt1 {
                    .ranking_img {
                        border: 10px solid red;
                    }
                }
                
            }
            .ranking_tab_wrap {
                .ranking_tab_btn {
                    background-color: #ff000070;
                }
                .ranking_tab_btn.active {
                    color: red;
                    background-color: white;
                }
            }
        }
        .platformtitle_cnt1 {
            span {
                border-bottom: 3px solid red;
            }
        }
        .secbody_cnt2 {
            .ranking_tab_content  {
                .article {
                    .ranking_img {
                        border: 3px solid #FF9BAF;
                    }
                }
                .cnt1 {
                    .ranking_img {
                        border: 10px solid #FF9BAF;
                    }
                }
                
            }
            .ranking_tab_wrap {
                .ranking_tab_btn {
                    background-color: #FF9BAF50;
                }
                .ranking_tab_btn.active {
                    color: #FF9BAF;
                    background-color: white;
                }
            }
        }
        .platformtitle_cnt2 {
            span {
                border-bottom: 3px solid #FF9BAF;
            }
        }
    }

    


}






.manager_content {
        p {
            font-size: 14px;
            line-height: 1.5;
        }

        h2 {
            margin-bottom: 20px;
        }
        h2.style4>p:last-child {
            border-bottom: 3px solid #FF5757;
        }
        .strong {
            font-weight: bold;
        }
        .manager_loop {
            margin-top: 40px;
        }
        .manager_box {
            border: 3px solid #FF5757;
            border-radius: 10px;
            box-shadow: 4px 4px 0 #FF5757;
            padding: 12px;
            margin-bottom: 30px;
            background-color: white;
            .manager_box_head {
                display: flex;
                justify-content: space-between;
                align-items: center;
                table {
                    border-collapse: collapse; 
                    width: 100%;
                    border-spacing: 0;
                    tr,td,th {
                        border-bottom: 1px solid #BCBCBC;
                        padding: 5px 0px 5px 8px;
                        text-align: left;
                        vertical-align: bottom;
                    }
                    th {
                        font-size: 14px;
                    }
                    td {
                        font-size: 18px;
                    }
                }
            }
            .manager_box_head > div {
                flex: 0 0 48%;
                img {
                    border-radius: 10px;
                    max-width: 100%;
                }
            }
            h3 {
                font-weight: bold;
                img {
                    display: none;
                }
            }
            .manager_box_body {
                margin-top: 10px;
                h3 {
                    font-size: 14px;
                    img {
                        display: none;
                    }
                }
                li {
                    line-height: 1.6;
                    margin-bottom: 6px;
                    font-size: 14px;
                }
            }
            .manager_box_message {
                background-color: #FFF2F2;
                border-radius: 10px;
                padding: 10px 15px;
                margin-top: 15px;
                h3 {
                    color: #FF5757;
                    text-align: center;
                    margin-bottom: 5px;
                }
            }
        }
    }

.liver-page .manager_content {
    background-color: #F9F7F8;
    h2 {
        margin-bottom: 30px;
    }
}
#lp-main .manager_content {
    background-color: #BEEDFF;
    padding: 10px 20px;
    .top_text {
        img {
            margin-bottom: 15px;
        }
    }
    .manager_loop {
        margin-top: 20px;
    }
    .manager_box {
        h3 {
            span {
                display: none;
            }
            img {
                display: block;
                max-height: 20px;
            }
        }
        .manager_box_body {
            h3 {
                span {
                    display: none;
                }
                img {
                    display: block;
                    max-height: 22px;
                    width: auto;
                    margin-bottom: 8px;
                }
            }
        }
    }


}




main.benefit {
    h2 {
        margin-bottom: 76px;
    }
    h2.style1::before {
        content: "";
        position: absolute;
        width: 118px;
        height: 118px;
        background-color: #3BBBC6;
        border-radius: 100px;
        right: 3px;
        left: auto;
        z-index: -1;
        top: -36px;
    }
    .content1 {
        padding-bottom: 0;
        padding-top: 25px;
        .content1_1 {
            margin-bottom: 75px;
        }
        .content1_2 {
            background-color: #CB0808;
            margin-right: -28px;
            margin-left: -28px;
            padding: 42px 30px 6px;
            position: relative;
            
            
            
            
            
            
            
            
            
            
            .ribbon {
                position: absolute;
                top: -43px;
                text-align: center;
                left: 0;
                display: flex;
                justify-content: center;
                
                
                
                
                
                img {
                    max-width: 85%;    
                }
            }
            .topicswrap {
                border:3px solid #E1B154;
                background-color: white;
                padding: 7px;
                margin-bottom: 20px;
                
                
                

                .head {
                    display: flex;
                    justify-content: space-between;
                    align-items: center;
                    cursor: pointer;
                    .headmedal {
                        flex: 0 0 21%;
                        img {
                            max-width: 100%;
                        }
                    }
                    .headtitle {
                        flex: 0 0 65%;
                        font-size: 16px;
                        font-weight: bold;
                        line-height: 1.5;
                        
                        
                        h3 {

                            letter-spacing: -1px;
                        }
                        
                    }
                    .headbtn {
                        flex: 0 0 10%;
                    }
                }
                .body {
                    border-top: 2px solid #E1B154;
                    margin: 15px 10px;
                    padding-top: 16px;
                    display: none;
                    
                    
                    h4 {
                        font-size: 16px;
                        font-weight: bold;
                        line-height: 1.5;
                        margin-bottom: 10px;
                    }
                    h4 + div img{
                        margin-bottom: 7px;
                    }
                    h4 + div {
                        font-size: 14px;
                        line-height: 1.6;
                    }
                }

                /* headbtnのスタイル */
                .headbtn {
                    width: 20px;
                    height: 20px;
                    cursor: pointer;
                    position: relative;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                }

                .headbtn:hover {
                    transform: scale(1.1);
                }

                /* プラス/マイナス記号のスタイル */
                .headbtn::before,
                .headbtn::after {
                    content: '';
                    position: absolute;
                    background-color: #C5C5C5;
                    transition: all 0.3s ease;
                }

                /* 横線（常に表示） */
                .headbtn::before {
                    width: 16px;
                    height: 2px;
                }

                /* 縦線（プラス記号用、初期状態で表示） */
                .headbtn::after {
                    width: 2px;
                    height: 16px;
                    opacity: 1;
                    transform: rotate(0deg);
                }

                /* マイナス状態（bodyが開いている時） */
                .headbtn.active::after {
                    opacity: 0;
                    transform: rotate(90deg);
                }

                /* bodyの初期状態（非表示） */
                .topicswrap .body {
                    display: none;
                    overflow: hidden;
                }

                /* スライドアニメーション用のラッパー */
                .topicswrap .body > * {
                    opacity: 0;
                    transform: translateY(-10px);
                    transition: opacity 0.2s ease 0.2s, transform 0.2s ease 0.2s;
                }

                .topicswrap .body.show > * {
                    opacity: 1;
                    transform: translateY(0);
                }
            }
        }

        .text {
            position: relative;
            
            .baloon {
                position: absolute;
                max-width: 110px;
                top: -50px;
                left: -20px;
            }
            .head1 {
                font-size: 24px;
                font-weight: bold;
                text-align: center;
                line-height: 1;
                margin-bottom: 5px;
            }
            .head2 {
                font-size: 28px;
                font-weight: bold;
                text-align: center;
                margin-bottom: 20px;
                
                display: flex;
                justify-content: center;
                line-height: 1.4;
                span {
                    background-image: linear-gradient(to top, #F3AAA1bb 25%, transparent 25%);
                }
            }
            p {
                font-size: 14px;
            }
            p:not(:last-child) {
                margin-bottom: 6px;
            }
            .tar {
                text-align:right;
                font-size: 12px;
                margin-top: 10px;
            }
        }
    }
    .content2 {
        padding-top: 34px;
        padding-bottom: 20px;
        background-color: #F8F5F3;
        
        
        
        h2 {
            text-align: left;
            justify-content: flex-start;
            align-items: flex-start;
            padding-left: 30px;
            background-image: url(../images/benefit/ribbon_bg.png);
            background-size: calc(100%);
            background-repeat: no-repeat;
            /* padding-bottom: 33px; */
            background-position: bottom;
            /* width: calc(100% + 56px); */
            margin-left: -28px;
            margin-right: -28px;
            margin-bottom: 20px;
            height: 118px;
            
            img {
                width: min(38vw,180px);
            }
        }
        .number {
            display: none;
        }
        .number + div {
            display: flex;
            justify-content: center;
            align-items: self-start;
        }
        .f_wrap {
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
            row-gap: 35px;
            align-items: flex-start;
        }
        .f_wrap > div {
            flex: 0 0 49%;
            display: flex;
            justify-content: center;
            align-items: center;
            flex-direction: column;
            img {
                max-width: 85%;
            }
        }
        .text {
            font-size: 14px;
            text-align: center;
            line-height: 1.5;
        }
        .note {
            margin-top: 40px;
            font-size: 14px;
            margin-bottom: 0px;
        }
    }
}



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

    /* -------------------------------
pc
------------------------------- */
    .mb {
        display: none;
    }

}



@media screen and (min-width: 620px) {
    .interview .content_roop a .eye_catch, .top_interview a .eye_catch {
        height: 424px;
    }
    .liver-list .content1 a img {
        height: 250px!important;
    }
    .news .content_roop a>div:first-child img, .top_news.content_roop a>div:first-child img {
        height: 134px!important;
    }
    .top_liver-list a img {
        height: 424px!important;
    }


    main.benefit {
        .content2 {
            h2 {
                height: 140px;
            }
        }
        h2.style1::before {
        	right: 20px;
        }
    }
}
@media screen and (max-width: 820px) {

    /* -------------------------------
tb
------------------------------- */
    .mb {
        display: flex;
    }

    .pc {
        display: none;
    }
    .news .content_roop a>div:first-child img,
    .top_news.content_roop a>div:first-child img {
        height: 28vw;
    }

    .interview .title, .top_interview .title {
        font-size: 14px;
        line-height: 1.5;
    }



    .liver-page .content4_5>div>div:first-child>img:first-child, .liver-page .content4_7>div>div:first-child>img:first-child,
    .line-page .content4_5>div>div:first-child>img:first-child, .line-page .content4_7>div>div:first-child>img:first-child {
        flex: 0 0 95px;
        width: 95px;
        height: 95px;
    }

    .liver-page .content4 .richText,
    .line-page .content4 .richText {
        font-size: 16px;
    }





    .t_benefit .f_wrap {
        font-size: 14px;
        line-height: 1.4;
        align-items: baseline;
        font-weight: 400;
    }

    .liver-list .content1 a img {
        width: 100%;
        object-fit: cover;
        height: 52vw;
    }

    .interview .content_roop a .eye_catch, .top_interview a .eye_catch {
        height: 85vw;
    }
    .liver-page .content10 .content10_2 a img,
    .line-page .content10 .content10_2 a img {
        height: 85vw;
    }
    .top_liver-list a img {
        height: 70vw;
    }


    .message .message_image {
        height: 52vw;
    }
/* -------------------------------

------------------------------- */
    .front .content2 h2.style1::before {
        top: -17px;
        left: 29px;
    }
    .front .content3 h2.style1::before {
        top: -20px;
        right: 17%;
    }
    .front .content4 h2.style1::before {
        top: -20px;
        left: 9%;
    }
    .front .content5 h2.style1::before {
        top: -16px;
        left: 61%;
    }
    .front .t_application h2::before {
        top: -15px;
        left: 3%;
    }
    .front .content6 h2.style1::before {
        top: -16px;
        right: 1%;
    }
    .liver-list h2.style1::before {
        top: -16px;
        left: 6%;
    }
    .liver-list h2.style1::before {
        top: -16px;
        left: 6%;
    }
    .liver-list .content4 h2.style1::before {
        top: -16px;
        left: 10%;
    }
    .interview h2.style1::before {
        top: -16px;
        left: 0%;
    }
    .interview.partner-interview  h2.style1::before {
        top: -26px;
        left: 0%;
    }
    .news h2.style1::before {
        top: -18px;
        left: 20%;
    }
    .entry h2.style1::before {
        left: 60px;
        top: -13px;
    }
    .contact_page h2.style1::before {
        left: 60px;
        top: -15px;
    }


    .thanks h2.style1::before {
        left: 40px;
    }

}

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

    /* -------------------------------
sp
------------------------------- */
    .mb {
        display: flex;
    }

    .pc {
        display: none;
    }


}