@charset "utf-8";

.ttl_section {
    position: relative;
    width: 100%;
    margin: 0.25em auto 0.5em auto;

    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#333333+0,333333+51,333333+51,000000+100&0.67+0,1+98 */
    background: -moz-linear-gradient(top, rgba(51, 51, 51, 0.67) 0%, rgba(51, 51, 51, 0.84) 51%, rgba(2, 2, 2, 1) 98%, rgba(0, 0, 0, 1) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(51, 51, 51, 0.67) 0%, rgba(51, 51, 51, 0.84) 51%, rgba(2, 2, 2, 1) 98%, rgba(0, 0, 0, 1) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(51, 51, 51, 0.67) 0%, rgba(51, 51, 51, 0.84) 51%, rgba(2, 2, 2, 1) 98%, rgba(0, 0, 0, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ab333333', endColorstr='#000000', GradientType=0);
    /* IE6-9 */
}

@media only screen and (min-width : 769px) {
    .ttl_section {
        width: 98%;
        background: transparent;
    }
}

.ttl_section .box_txt {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 2em;
    color: var(--c_white);
}

@media only screen and (min-width : 769px) {
    .ttl_section .box_txt {
        color: var(--c_blk);
    }
}

.ttl_section .ttl_txt {
    -webkit-box-flex: 3;
    -ms-flex-positive: 3;
    flex-grow: 3;
    margin-left: 0.25em;
    margin-right: 0.25em;
}

.ttl_section .box_link {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    text-align: right;
}

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

    .ttl_section .ttl_txt,
    .ttl_section .box_link {
        -webkit-box-flex: unset;
        -ms-flex-positive: unset;
        flex-grow: unset;
    }
}

@media only screen and (min-width : 769px) {
    .ttl_section .ttl_line {
        -webkit-box-flex: 2;
        -ms-flex-positive: 2;
        flex-grow: 2;
        height: 2px;
        /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#333333+0,333333+51,333333+51,000000+100&0.67+0,1+98 */
        background: -moz-linear-gradient(top, rgba(51, 51, 51, 0.67) 0%, rgba(51, 51, 51, 0.84) 51%, rgba(2, 2, 2, 1) 98%, rgba(0, 0, 0, 1) 100%);
        /* FF3.6-15 */
        background: -webkit-linear-gradient(top, rgba(51, 51, 51, 0.67) 0%, rgba(51, 51, 51, 0.84) 51%, rgba(2, 2, 2, 1) 98%, rgba(0, 0, 0, 1) 100%);
        /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, rgba(51, 51, 51, 0.67) 0%, rgba(51, 51, 51, 0.84) 51%, rgba(2, 2, 2, 1) 98%, rgba(0, 0, 0, 1) 100%);
        /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ab333333', endColorstr='#000000', GradientType=0);
        /* IE6-9 */
    }
}




@media only screen and (min-width : 769px) {
    .section_main .ttl_section .ttl_line,
    .section_main .btLink_section .ttl_line {
        box-shadow: 0 0 3px rgb(255, 255, 255), 0 0 3px rgb(255, 255, 255), 0 0 3px rgb(255, 255, 255), 0 0 3px rgb(255, 255, 255), 0 0 3px rgb(255, 255, 255), 0 0 3px rgb(255, 255, 255), 0 0 3px rgb(255, 255, 255), 0 0 3px rgb(255, 255, 255), 0 0 3px rgb(255, 255, 255), 0 0 3px rgb(255, 255, 255), 0 0 3px rgb(255, 255, 255), 0 0 3px rgb(255, 255, 255), 0 0 3px rgb(255, 255, 255), 0 0 3px rgb(255, 255, 255), 0 0 3px rgb(255, 255, 255), 0 0 3px rgb(255, 255, 255);
    }

    .section_main .ttl_section .ttl_txt,
    .section_main .btLink_section .ttl_txt {
        text-shadow: 0 0 3px rgb(255, 255, 255), 0 0 3px rgb(255, 255, 255), 0 0 3px rgb(255, 255, 255), 0 0 3px rgb(255, 255, 255), 0 0 3px rgb(255, 255, 255), 0 0 3px rgb(255, 255, 255), 0 0 3px rgb(255, 255, 255), 0 0 3px rgb(255, 255, 255), 0 0 3px rgb(255, 255, 255), 0 0 3px rgb(255, 255, 255), 0 0 3px rgb(255, 255, 255), 0 0 3px rgb(255, 255, 255), 0 0 3px rgb(255, 255, 255), 0 0 3px rgb(255, 255, 255), 0 0 3px rgb(255, 255, 255), 0 0 3px rgb(255, 255, 255);
    }

    .section--newFace .ttl_section .ttl_line,
    .section--newFace .btLink_section .ttl_line,
    .section_main.bg_white_trans--pc .ttl_section .ttl_line,
    .section_main.bg_white_trans--pc .btLink_section .ttl_line {
        box-shadow: none;
    }
    .section--newFace .ttl_section .ttl_txt,
    .section--newFace .btLink_section .ttl_txt,
    .section_main.bg_white_trans--pc .ttl_section .ttl_txt,
    .section_main.bg_white_trans--pc .btLink_section .ttl_txt {
        text-shadow: none;
    }
}


.ttl_section .txt_jp {
    font-size: var(--fs_l);
}


.ttl_section .txt_jp {
    font-size: var(--fs_l);
}

.ttl_section .txt_en {
    font-size: var(--fs_n);
}

.ttl_section .txt_link {
    font-size: var(--fs_n);
}

.ttl_section .txt_link a {
    padding-right: 0.5em;
}

.ttl_section .txt_link a:hover {
    color: rgba(255, 255, 255, 0.5);
    position: relative;
    top: 2px;
}

@media only screen and (min-width : 769px) {
    .ttl_section .txt_link a:hover {
        color: rgba(0, 0, 0, 0.500);
        position: relative;
        top: 2px;
    }
}