@charset "utf-8";

.sec_idea   {
    position: relative;

}

#teikyo-label,
.v_label    {

    width: 30%;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
}

#teikyo-list    {

    width: max-content;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.value_rule {

    width: 80%;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
}

#round-left,
#round-right    {
    position: absolute;

    --rw: calc(var(--side-f) + var(--pane-w) * 0.1 - var(--side-f) * 0.130435);
    width: var(--rw);
    aspect-ratio: 1 / 1;
    height: auto;
}

#round-left {

    left: 0;

    top: calc(min(174.5833vw, 3352px) - var(--rw));
}

#round-right    {
    right: 0;
    left: auto;
    top: calc(min(197.2917vw, 3788px) - var(--rw));
}

.idea_rounds    {
    position: static;
}

.idea_pane2,
.idea_pane3 {
    position: relative;
}

.smark_left {
    top: -212.5px;
    left: calc(50% - var(--pane-w) / 2 - var(--side-f) * 0.2315 - var(--sframe) * 0.480491);
    width: calc(var(--sframe) * 0.480491);
    z-index: 1;
}

.smark_bottom   {
    top: -118.5px;
    left: calc(50% + var(--pane-w) / 2 + var(--side-f) * 0.1783);
    width: calc(var(--sframe) * 0.5729167);
    z-index: 1;
}

.idea_round {
    z-index: 2;
    object-fit: cover;
}

.idea_round.sp  {
    display: none;
}

#value-small    {
    display: none;
}

.idea_en    {
    margin: 0;
    text-align: center;
    font-weight: 700;
    color: #000000;
}

.idea_quote {

    margin: 0;
    text-align: center;
    font-weight: 700;
    color: #003b90;
}

.idea_nbs_body  {
    text-align: center;
    font-weight: 700;

    line-height: 1.625;
    color: #003b90;
}

.idea_vision_body   {
    text-align: center;
    font-weight: 500;

    line-height: 1.857143;
    color: #000000;
}

.idea_label {

    display: flex;
    align-items: center;
    justify-content: center;
    background: #003b90;
    border: 1px solid #999999;
    color: #ffffff;
    font-weight: 700;
}

.idea_list  {
    list-style: disc;

}

.idea_list li   {

    font-weight: 500;
    line-height: 1.777778;
    color: #000000;
    text-align: left;
}

.idea_photoband {

    filter: drop-shadow(0 min(1.0417vw, 20px) 0 #fff);
    position: relative;
    z-index: 2;
    height: min(26.0417vw, 500px);
    overflow: hidden;
}

.idea_photoband_img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    -webkit-mask-image: url(../images/band_mask_pc.svg);
    mask-image: url(../images/band_mask_pc.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
}

.idea_value_heading {
    text-align: center;
}

.v_title    {

    -webkit-text-stroke: min(0.2083vw, 4px) #fff;
    paint-order: stroke fill;
    text-align: center;
    font-weight: 700;
    color: #003b90;
}

.v_jp   {
    text-align: center;
    font-weight: 500;

    color: #000000;
}

.v_body {

    text-align: center;
    font-weight: 500;
    line-height: 1.777778;
    color: #000000;
}

.value_rule {
    display: block;
    height: 1px;
    background: #666666;
}

.value_small_label  {
    display: none;
}

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

    #teikyo-label,
    .v_label    {
        width: 76.3359vw;
        max-width: 100%;

        margin-left: auto;
        margin-right: auto;
    }

    #teikyo-list,
    .value_rule {
        width: 100%;
        max-width: none;
    }

    .idea_rounds    {

        display: flex;
        justify-content: center;
    }

    .sub_page section.sec_idea .inner   {
        width: 100%;
        max-width: none;
        padding: 0 5.0891vw;
    }

    .smark_left {
        top: -12.72vw;
        left: calc(-44.5293vw - var(--side) + 30px);
        width: 69.9746vw;
    }

    .smark_bottom   {
        top: -12.72vw;
        left: calc(76.3359vw - var(--side) + 30px);
        width: 69.9746vw;
    }

    #round-left,
    #round-right    {
        display: none;
    }

    #round-left-sp,
    #round-right-sp {
        position: static;
        display: block;
        width: 44.5293vw;
        height: 44.5293vw;
        flex: 0 0 auto;
    }

    #value-heading  {
        display: none;
    }

    #value-small    {
        display: block;
        text-align: center;
        font-weight: 700;

        color: #000000;
    }

    .v_title    {
        position: static;
        text-align: left;
        -webkit-text-stroke: 1.00vw #fff;
    }

    .v_title    {
        display: flex;
        align-items: flex-start;
    }

    .sub_page .v_num,
    .sub_page .v_titletext  {

        position: relative;
        z-index: 2;
        font-weight: 700;
        line-height: 1;
        color: #003b90;
        flex: 0 0 auto;
    }

    .v_num  {
        width: 13.2316vw;
    }

    .v_titletext    {
        width: 78.8804vw;
        text-align: left;
    }

    #v1-title .v_titletext  {
        min-width: max-content;
    }

    .v_nowrap   {
        white-space: nowrap;
    }

    #v1-jp  {
        text-align: center;
    }

    #v2-jp  {
        text-align: center;
    }

    #v3-jp  {
        text-align: center;
    }

    #v4-jp  {
        text-align: center;
    }

    #v1-body    {
        text-align: center;
        line-height: 1.750541;
    }

    #v2-body    {
        text-align: center;
        line-height: 1.750541;
    }

    #v3-body    {
        text-align: center;
        line-height: 1.750541;
    }

    #v4-body    {
        text-align: center;
        line-height: 1.750541;
    }

    .idea_nbs_body  {

        line-height: 1.500983;
    }

    .idea_vision_body   {

        line-height: 1.726643;
    }

    .idea_label {

    }

    .idea_list li   {
        line-height: 1.750541;
    }

    .idea_list  {
        list-style: none;
        padding-left: 0;
    }

    .idea_list li   {
        position: relative;
        padding-left: 6.36vw;
    }

    .idea_list li::before   {
        content: "・";
        position: absolute;
        left: 1.02vw;
        top: 0;
    }

    .idea_photoband {
        height: 89.0585vw;
    }

    .idea_photoband_img {
        -webkit-mask-image: url(../images/band1_mask_sp.svg);
        mask-image: url(../images/band1_mask_sp.svg);
    }

    #photoband2 .idea_photoband_img {
        -webkit-mask-image: url(../images/band2_mask_sp.svg);
        mask-image: url(../images/band2_mask_sp.svg);
    }

    .idea_quote,
    #v1-title .v_titletext  {
        -webkit-text-stroke: 1.00vw #ffffff;
        paint-order: stroke fill;

        position: relative;
        z-index: 2;
    }

    #v1-jp  {
        -webkit-text-stroke: 1.00vw #ffffff;
        paint-order: stroke fill;

        position: relative;
        z-index: 2;
    }

}

.sub_page .hero .hero_titlearea h1  {
    font-size: min(4.0625vw, 78px);
}

@media screen and (min-width: 1921px)   {
    .sub_page .hero .hero_titlearea h1  {
        font-size: 4.0625vw;
    }

}