figure img {
    max-width: 100%;
    max-height: 100%;
}
/*------------------------------------------------------------------------

        /*------------------------------------------------------------------------
    For Content Page --*/
ol, ul {
    list-style: none;
}

nav.local_company_contents img {
    margin: 0 auto;
    display: block;
    max-width: 100%;
    max-height: 100%;
}

    nav.local_company_contents img.link_icon {
        display: inline;
        margin: 0;
        vertical-align: middle;
    }

nav.local_company_contents li {
    margin-bottom: 28px;
}

.local_company_contents a img {
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
}

.local_company_contents a:hover img {
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}



section.main_visual h1 {
    color: white;
}

/* X-Small win ////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media (max-width: 340px) {
    .countryid {
        display: none;
    }

    #nav0 .countryid {
        display: block !important;
        font-size: 1.1rem;
        font-weight: bold;
        color: #FFF;
        padding-left: 10px;
    }

    #nav0 #search_area_sp input + p {
        width: 50% !important;
    }
}
/* Small win ////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media screen and (max-width: 767px) {

    nav.local_company_contents ul {
        -webkit-padding-start: 0px;
        margin-top: 20px;
        margin-left: 0px;
        margin-right: 0px;
    }

    *, *:before, *:after {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    img {
        max-width: 100%;
    }

    body {
        -webkit-text-size-adjust: 100%;
        overflow-x: hidden;
    }
    /*#wrapper{ padding:0 20px;}*/
    #wrapper {
        padding: 0;
    }


    #stage {
        padding: 0 5%;
    }
    /* multi column
    ================================================== */
    .mc {
        display: block;
        margin: 0;
    }

        .mc .col {
            margin: 0 0 20px;
        }

        .mc.duo .col,
        .mc.trio .col,
        .mc.quad .col,
        .mc.penta .col,
        .mc.trio .col.g2,
        .mc.quad .col.g2,
        .mc.quad .col.g3,
        .mc.penta .col.g2,
        .mc.penta .col.g3,
        .mc.penta .col.g4 {
            -webkit-flex-basis: auto;
            flex-basis: auto;
        }

    #container {
        width: 100%;
        padding: 0 15px;
    }

    #pageAside {
        display: none;
    }
    /*------------------------------------------------------------------------
     Img --*/
    .img_r,
    .img_l {
        float: none;
        margin: 0 auto 20px auto !important;
    }

    .img_list_s,
    .img_list_m {
        width: auto;
        margin-right: 0;
        overflow: hidden;
    }

        .img_list_s li {
            width: auto;
            float: none;
            margin-right: 0;
        }

        .img_list_m li {
            width: auto;
            float: none;
            margin-right: 0;
        }
    /*------------------------------------------------------------------------
     Contents --*/
    #contents {
        padding: 0 10px;
    }

    .inlineTitle h1, .inlineTitle h2 {
        font-size: 1.6rem !important;
    }

    .inlineTitle + h3 {
        font-size: 2.5rem !important;
        margin-bottom: 20px !important;
    }

    .nav_local_s li,
    #nav_local_s li,
    .page_anchor li,
    #page_anchor li {
        display: block;
    }
    /*------------------------------------------------------------------------
     Topic path --*/
    ul#topicpath {
        margin-top: 5px;
        margin-left: 10px;
    }

        ul#topicpath li {
            display: inline-block;
            background: url(../img/arrow_01.gif) 0 0.8em no-repeat;
            padding-left: 10px;
            line-height: 22px;
            font-size: 1rem;
        }

            ul#topicpath li.home {
                background: none;
                padding-left: 0;
            }
    /*------------------------------------------------------------------------
     Local navi & Anchor --*/
    .nav_local,
    #nav_local {
        margin: 20px -20px 10px 0;
        font-size: 0;
    }

        .nav_local li,
        #nav_local li {
            margin: 0 20px 10px 0;
            line-height: 1.2;
            display: inline-block;
            background: none !important;
            padding: 0 !important;
            letter-spacing: normal;
            font-size: 1.4rem;
        }

            .nav_local li a,
            #nav_local li a {
                display: block;
                position: relative;
                padding: 12px 30px 10px 8px;
                background: #ededed url(../../common/img/btn_arrow01.gif) right top no-repeat;
                text-decoration: none;
            }

            .nav_local li.selected a,
            #nav_local li.selected a {
                background: #336bbd url(../../common/img/btn_arrow01.gif) right bottom no-repeat;
                color: #fff;
            }

            .nav_local li a:hover,
            #nav_local li a:hover {
                background-color: rgba(237,237,237,0.7);
            }

            .nav_local li.selected a:hover,
            #nav_local li.selected a:hover {
                background-color: rgba(51,107,189,0.8);
            }

            .nav_local li a:hover:after,
            #nav_local li a:hover:after {
                border-top: 2px solid #aaa;
                border-right: 2px solid #aaa;
            }

            .nav_local li.selected a:hover:after,
            #nav_local li.selected a:hover:after {
                border-top: 2px solid #fff;
                border-right: 2px solid #fff;
            }
            /*-- Arrow --*/
            .nav_local li a:after,
            #nav_local li a:after {
                content: "";
                display: block;
                width: 10px;
                height: 10px;
                border-top: 2px solid #777;
                border-right: 2px solid #777;
                -webkit-transform: rotate(45deg);
                transform: rotate(45deg);
                position: absolute;
                right: 12px;
                top: 50%;
                margin-top: -6px;
            }

            .nav_local li.selected a:after,
            #nav_local li.selected a:after {
                content: "";
                border-top: 2px solid #fff;
                border-right: 2px solid #fff;
            }

    #sd-overlay {
        width: 100%;
        height: 100%;
        position: fixed;
        left: 0;
        top: 95px;
        z-index: -1;
        transition: 0.3s;
    }

        #sd-overlay.block {
            z-index: 9;
            filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
        }
    /*------------------------------------------------------------------------
     Table --*/
    #stage #contents .table {
        overflow-x: auto;
        width: 100%;
        position: relative;
    }

        #stage #contents .table .arrow {
            width: 92px;
            height: 92px;
            margin: 0 0 0 -46px;
            position: absolute;
            top: 40%;
            left: 50%;
            display: block;
            z-index: 2;
            background: url("../../../common/img/table_guide.png") no-repeat;
        }

        #stage #contents .table:hover .arrow {
            display: none;
        }

    #stage #contents table tr th, table tr td {
        border: solid 1px #CCC;
        padding: 5px;
        word-break: break-all !important;
        line-height: 1.5em;
    }

    #stage #contents .table table tr th,
    #stage #contents .table table tr td {
        padding: 0.2em 0.2em;
        font-size: 1rem !important;
    }

    #stage #contents table tr th {
        background: #f7f8f9;
        font-weight: normal;
        color: #000;
    }

    #stage #contents table th.wide_l,
    #stage #contents table td.wide_l {
        width: 40%;
    }

    #stage #contents table th.wide_m,
    #stage #contents table td.wide_m {
        width: 30%;
    }

    #stage #contents table th.wide_s,
    #stage #contents table td.wide_s {
        width: 20%;
    }

    table.cell5 tr th,
    table.cell5 tr td {
        width: 20%;
    }

    table.cell4 tr th,
    table.cell4 tr td {
        width: 25%;
    }

    table.cell3 tr th,
    table.cell3 tr td {
        width: 33.3333%;
    }

    table.cell2 tr th,
    table.cell2 tr td {
        width: 50%;
    }
    /*------------------------------------------------------------------------
     Tab --*/
    ul#tab {
        width: 100%;
    }

        ul#tab li {
            display: block;
            border-right: solid 1px #ddd;
        }

            ul#tab li.selected {
                border-right: solid 1px #ddd;
            }

            ul#tab li a,
            ul#tab.tab2 li a,
            ul#tab.tab3 li a,
            ul#tab.tab4 li a {
                display: block;
                padding: 10px 0;
                height: auto;
            }

                ul#tab li a br,
                ul#tab.tab2 li a br,
                ul#tab.tab3 li a br,
                ul#tab.tab4 li a br {
                    display: none;
                }

    #left_box {
        display: none;
    }
    /*------------------------------------------------------------------------
     Font --*/
    .font_xl {
        font-size: 2.2rem !important;
    }

    .font_l {
        font-size: 1.8rem !important;
    }

    .font_m {
        font-size: 1.4rem !important;
    }

    .font_s {
        font-size: 1rem !important;
    }
    /*------------------------------------------------------------------------
     Margin --*/
    .mg_xl {
        margin: 28px;
    }

    .mg_l {
        margin: 14px;
    }

    .mg_m {
        margin: 7px;
    }

    .mg_s {
        margin: 7px;
    }

    .mg_l_xl {
        margin-left: 28px;
    }

    .mg_l_l {
        margin-left: 14px;
    }

    .mg_l_m {
        margin-left: 7px;
    }

    .mg_l_s {
        margin-left: 7px;
    }

    .mg_r_xl {
        margin-right: 28px;
    }

    .mg_r_l {
        margin-right: 14px;
    }

    .mg_r_s {
        margin-right: 7px;
    }

    .mg_t_xl {
        margin-top: 28px;
    }

    .mg_t_l {
        margin-top: 14px;
    }

    .mg_t_m {
        margin-top: 7px;
    }

    .mg_t_s {
        margin-top: 7px;
    }

    .mg_b_xl {
        margin-bottom: 28px;
    }

    .mg_b_l {
        margin-bottom: 14px;
    }

    .mg_b_m {
        margin-bottom: 7px;
    }

    .mg_b_s {
        margin-bottom: 7px;
    }
    /*------------------------------------------------------------------------
     Padding --*/
    .pd_xl {
        padding: 28px;
    }

    .pd_l {
        padding: 14px;
    }

    .pd_m {
        padding: 7px;
    }

    .pd_s {
        padding: 7px;
    }

    .pd_l_xl {
        padding-left: 28px;
    }

    .pd_l_l {
        padding-left: 14px;
    }

    .pd_l_m {
        padding-left: 7px;
    }

    .pd_l_s {
        padding-left: 7px;
    }

    .pd_r_xl {
        padding-right: 28px;
    }

    .pd_r_l {
        padding-right: 14px;
    }

    .pd_r_m {
        padding-right: 7px;
    }

    .pd_r_s {
        padding-right: 7px;
    }

    .pd_t_xl {
        padding-top: 28px;
    }

    .pd_t_l {
        padding-top: 14px;
    }

    .pd_t_m {
        padding-top: 7px;
    }

    .pd_t_s {
        padding-top: 7px;
    }

    .pd_b_xl {
        padding-bottom: 28px;
    }

    .pd_b_l {
        padding-bottom: 14px;
    }

    .pd_b_m {
        padding-bottom: 7px;
    }

    .pd_b_s {
        padding-bottom: 7px;
    }
    /*------------------------------------------------------------------------
     Local site top main visual --*/
    .main_img {
        width: 100% !important;
        margin: 0 auto;
    }

        .main_img ul.slider li a {
            display: block;
            position: relative;
            line-height: 0 !important;
        }

            .main_img ul.slider li a img {
                width: 100%;
            }

    .pc_img {
        display: none !important;
    }

    div.sp_img {
        color: #000 !important;
        background: #F1F1F1;
        height: 100%;
    }

        div.sp_img em {
            display: block;
            line-height: 1;
        }

        div.sp_img p {
            line-height: 1.3 !important;
        }

        div.sp_img div img {
            width: 60% !important;
            margin: auto;
        }
    /*------------------------------------------------------------------------
     Local site top product menu --*/
    /*.unit_wrap{ display:flex; flex-wrap:wrap;}*/
    .unit_wrap .section_bg01 {
        background: #d9e3ed;
    }

    .unit_wrap .section_bg02 {
        background: #f3f3f3;
    }

    .unit_wrap .section_bg03 {
        background: #fff;
    }

    .unit_wrap .w_l,
    .unit_wrap .w_m,
    .unit_wrap .w_s,
    .unit_wrap .w_ml,
    .unit_wrap a img {
        width: 100%;
    }

    .unit_wrap .w_10 a img {
        width: inherit;
    }
    /*------------------------------------------------------------------------
    Sub-promotion area --*/
    /*--- B01 ---*/
    section#products {
        background: #d9e3ed;
        padding: 14px;
        margin: 0;
    }

        section#products h1 {
            font-size: 2.2rem;
            text-align: center;
        }

        section#products ul li:nth-child(1) {
            border-top: solid 1px #adc7e0;
        }

        section#products ul li {
            width: 100% !important;
            border-bottom: solid 1px #adc7e0;
            display: inline-block;
        }

            section#products ul li a {
                padding: 7px 20px 7px 5px;
                display: block;
                position: relative;
                line-height: 1.5;
            }

                section#products ul li a:after {
                    content: "";
                    display: inline-block;
                    width: 7px;
                    height: 7px;
                    border-top: 1px solid #0046ad;
                    border-right: 1px solid #0046ad;
                    -webkit-transform: rotate(45deg);
                    transform: rotate(45deg);
                    position: absolute;
                    right: 10px;
                    top: 40%;
                }

                section#products ul li a:hover {
                    background: #c0d5e9;
                }

    section.promotion_cl3 {
        margin: 0;
    }

        section.promotion_cl3 section {
            margin: 0;
            padding: 14px;
        }

            section.promotion_cl3 section h1 {
                font-size: 2.2rem;
                text-align: center;
                margin-bottom: 14px !important;
            }

            section.promotion_cl3 section.search {
                background: #f3f3f3;
            }

                section.promotion_cl3 section.search p br {
                    display: none;
                }

                section.promotion_cl3 section.search div input {
                    float: left;
                    width: 80%;
                    padding: 3px;
                }

                section.promotion_cl3 section.search div a:after {
                    clear: both;
                }

                section.promotion_cl3 section.search div {
                    margin-bottom: 14px;
                }

            section.promotion_cl3 section.quicklinks ul li a {
                display: block;
                position: relative;
                list-style: none;
                border-top: 1px solid #c4d2e5;
                border-bottom: 1px solid #c4d2e5;
                padding-bottom: .2rem;
                padding: .2rem;
                padding-right: 1.5rem;
                margin-top: -1px;
            }

                section.promotion_cl3 section.quicklinks ul li a:after {
                    content: "";
                    display: block;
                    position: absolute;
                    top: 50%;
                    right: .7rem;
                    width: 7px;
                    height: 7px;
                    border: 0;
                    border-style: solid;
                    border-top-width: 1px;
                    border-right-width: 1px;
                    border-color: #0046ad;
                    -webkit-transform: translateY(-55%) rotate(45deg);
                    transform: translateY(-55%) rotate(45deg);
                }

                section.promotion_cl3 section.quicklinks ul li a:hover {
                    background-color: rgba(0,50,150,.1);
                }

            section.promotion_cl3 section.img {
                padding: 0;
            }

    section.promotion_cl2 {
        margin: 0;
    }

        section.promotion_cl2 section {
            margin: 0;
        }
    /*--- C01 ---*/
    #unit_tab {
        width: 80%;
        display: flex;
        justify-content: center;
        margin: 0 auto;
    }

    .elm-tab {
        width: 80%;
        margin: 0 auto;
    }

    #unit_tab li {
        width: 112px;
        margin-bottom: 14px;
    }

        #unit_tab li a {
            display: block;
            text-align: center;
            font-size: 1.2rem;
            color: #0044b1;
            padding-bottom: 10px;
        }

            #unit_tab li a img {
                display: block;
                margin: 0 auto 5px auto;
            }

            #unit_tab li a:hover, #unit_tab li.selected a {
                text-decoration: none;
                background: url(../../../components/img/icon_news_on_bg.gif) center bottom no-repeat;
            }

    .tab_box {
        margin: 0 auto 40px auto;
    }

        .tab_box table tr th {
            vertical-align: top;
            background: #fff !important;
        }

        .tab_box table,
        .tab_box table tr th,
        .tab_box table tr td {
            display: block;
            color: #0044b1 !important;
            border: none !important;
            padding: 5px 0;
        }

            .tab_box table tr td {
                margin-bottom: 14px;
            }

    .unit_btn {
        text-align: right;
    }

        .unit_btn a {
            color: #0044b1;
        }

            .unit_btn a:first-child {
                color: #0044b1;
            }

    .tab_box table tr td a {
        color: #0044b1;
    }
    /*------------------------------------------------------------------------
    A01 Main Visual Area --*/
    .section_mainvisual {
        margin-bottom: 20px;
        position: relative;
        overflow: hidden;
    }

        .section_mainvisual:before {
            content: "";
            display: block;
            padding-top: 30%;
        }

        .section_mainvisual h1 {
            position: absolute;
            z-index: 10;
            font-size: 3rem !important;
            top: 30%;
            left: 5%;
        }

        .section_mainvisual img.bg {
            width: 100%;
            position: absolute;
            top: 0;
            z-index: -1;
        }
    /*------------------------------------------------------------------------
    For Category Top Page(About TDK) --*/
    /*--- A01 ---*/
    section.main_visual {
        margin-top: 0px;
        margin-bottom: 20px;
        position: relative;
        overflow: hidden;
    }

        section.main_visual:before {
            content: "";
            display: block;
            padding-top: 30%;
        }

        section.main_visual h1 {
            position: absolute;
            z-index: 10;
            margin: 0 !important;
            font-size: 3rem !important;
            top: 40%;
            left: 5%;
        }

        section.main_visual img {
            width: 100%;
            position: absolute;
            top: 0;
            z-index: -1;
        }

    section_mainvisual.sp {
        margin-top: 0 !important;
    }
    /*--- B01 ---*/
    .corporate_profile { /*max-width: 728px;*/
    }

        .corporate_profile h1 {
            font-size: 2.2rem;
        }

            .corporate_profile h1,
            .corporate_profile h1 + p,
            .corporate_profile section,
            .corporate_profile section p {
                margin-top: 7px;
            }

                .corporate_profile section adress em {
                    font-weight: bold;
                }
    /*--- C01 ---*/
    nav.local_company_contents ul {
        display: flex;
        flex-wrap: wrap; /* justify-content: center; */
    }

        nav.local_company_contents ul li {
            width: 46%;
            margin: 2%;
            text-align: center;
        }

            nav.local_company_contents ul li a {
                display: block;
            }

                nav.local_company_contents ul li a figure {
                    background: #fff;
                    line-height: 0;
                    margin-bottom: 10px;
                }
                /*nav.local_company_contents ul li a figure img{ width:100%}*/
                nav.local_company_contents ul li a div {
                    font-size: 2rem;
                }

                    nav.local_company_contents ul li a div:after {
                        content: "";
                        display: inline-block;
                        width: 12px;
                        height: 12px;
                        border-top: 1px solid #0046ad;
                        border-right: 1px solid #0046ad;
                        -webkit-transform: rotate(45deg);
                        transform: rotate(45deg);
                        position: relative;
                        right: -1%;
                        top: -2px;
                        font-size: 2rem;
                        text-align: center;
                        color: #333;
                    }

                nav.local_company_contents ul li a span {
                    display: none;
                }

                nav.local_company_contents ul li a:hover {
                    background: #0046ad;
                    color: #fff;
                    text-decoration: none;
                }

                    nav.local_company_contents ul li a:hover div {
                        color: #fff;
                    }

                        nav.local_company_contents ul li a:hover div:after {
                            content: "";
                            display: inline-block;
                            width: 12px;
                            height: 12px;
                            border-top: 1px solid #fff;
                            border-right: 1px solid #fff;
                            -webkit-transform: rotate(45deg);
                            transform: rotate(45deg);
                            position: relative;
                            right: -1%;
                            top: -2px;
                        }
    /*--- D01 ---*/
    .group_summary h1 {
        font-size: 2.5rem;
    }

    .group_summary p {
        margin-top: 14px;
    }
    /*--- E01 ---*/
    nav.group_contents ul {
        display: flex;
        flex-wrap: wrap; /*justify-content: center;*/
    }

        nav.group_contents ul li {
            width: 46%;
            margin: 2%;
            text-align: center;
        }

            nav.group_contents ul li a {
                display: block;
            }

                nav.group_contents ul li a figure {
                    background: #fff;
                    line-height: 0;
                    margin-bottom: 10px;
                }
                /*nav.group_contents ul li a figure img{ width:100%}*/
                nav.group_contents ul li a div {
                    font-size: 2rem;
                }

                    nav.group_contents ul li a div:after {
                        content: "";
                        display: inline-block;
                        width: 12px;
                        height: 12px;
                        border-top: 1px solid #0046ad;
                        border-right: 1px solid #0046ad;
                        -webkit-transform: rotate(45deg);
                        transform: rotate(45deg);
                        position: relative;
                        right: -1px;
                        top: -2px;
                        font-size: 2rem;
                        text-align: center;
                        color: #333;
                    }

                nav.group_contents ul li a span {
                    display: none;
                }

                nav.group_contents ul li a:hover {
                    background: #0046ad;
                    color: #fff;
                    text-decoration: none;
                }

                    nav.group_contents ul li a:hover div {
                        color: #fff;
                    }

                        nav.group_contents ul li a:hover div:after {
                            content: "";
                            display: inline-block;
                            width: 12px;
                            height: 12px;
                            border-top: 1px solid #fff;
                            border-right: 1px solid #fff;
                            -webkit-transform: rotate(45deg);
                            transform: rotate(45deg);
                            position: relative;
                            right: -1px;
                            top: -2px;
                        }
    /*------------------------------------------------------------------------
    For Other Category Top Page --*/
    /*--- A01 ---*/
    section.category_main_visual {
        margin-top: 50px;
        margin-bottom: 20px;
        position: relative;
        overflow: hidden;
    }

        section.category_main_visual:before {
            content: "";
            display: block;
            padding-top: 30%;
        }

        section.category_main_visual h1 {
            position: absolute;
            z-index: 10;
            font-size: 2rem !important;
            top: 40%;
            left: 5%;
        }

        section.category_main_visual img {
            width: 100%;
            position: absolute;
            top: 0;
            z-index: -1;
        }

    section_mainvisual.sp {
        margin-top: 0 !important;
    }
    /*--- B01 ---*/
    div.large_visual {
        margin-bottom: 28px;
    }

        div.large_visual section {
            position: relative;
        }

            div.large_visual section a {
                display: block;
                line-height: 0;
            }

                div.large_visual section a div {
                    position: absolute;
                    top: 40%;
                    left: 14px;
                    ;
                    z-index: 100;
                    width: 45%;
                }

                div.large_visual section a h1 {
                    color: #000;
                    font-size: 2rem;
                    line-height: 1.2;
                }

                    div.large_visual section a h1:after {
                        content: "";
                        display: inline-block;
                        width: 9px;
                        height: 9px;
                        border-top: 1px solid #000;
                        border-right: 1px solid #000;
                        -webkit-transform: rotate(45deg);
                        transform: rotate(45deg);
                        position: relative;
                        right: -2%;
                        top: -3px;
                    }

                div.large_visual section a p {
                    display: none;
                }

                div.large_visual section a img {
                    width: 100%;
                }

            div.large_visual section:nth-child(2n) a div {
                left: inherit;
                right: 14px !important;
            }
    /*--- B02 ---*/
    nav.small_visual ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }

        nav.small_visual ul li {
            width: 100%;
            margin: 2% 0;
            text-align: center;
        }

            nav.small_visual ul li a {
                display: block;
            }

                nav.small_visual ul li a figure {
                    background: #fff;
                    line-height: 0;
                    margin-bottom: 10px;
                }
                /*nav.small_visual ul li a figure img{ width:100%}*/
                nav.small_visual ul li a h1 {
                    font-size: 1.6rem;
                }

                    nav.small_visual ul li a h1:after {
                        content: "";
                        display: inline-block;
                        width: 6px;
                        height: 6px;
                        border-top: 1px solid #0046ad;
                        border-right: 1px solid #0046ad;
                        -webkit-transform: rotate(45deg);
                        transform: rotate(45deg);
                        position: relative;
                        right: -3px;
                        top: -2px;
                        font-size: 1.6rem;
                        text-align: center;
                        color: #333;
                    }

                nav.small_visual ul li a p,
                nav.small_visual ul li a span {
                    display: none;
                }

                nav.small_visual ul li a:hover {
                    background: #0046ad;
                    color: #fff;
                    text-decoration: none;
                }

                    nav.small_visual ul li a:hover h1 {
                        color: #fff;
                    }

                        nav.small_visual ul li a:hover h1:after {
                            content: "";
                            display: inline-block;
                            width: 6px;
                            height: 6px;
                            border-top: 1px solid #fff;
                            border-right: 1px solid #fff;
                            -webkit-transform: rotate(45deg);
                            transform: rotate(45deg);
                            position: relative;
                            right: -3px;
                            top: -2px;
                            font-size: 1.6rem;
                        }
    /*--- C01 ---*/
    section.news {
    }

        section.news h1 {
            font-size: 2rem;
            margin-bottom: 10px;
        }

        section.news dl dt {
            vertical-align: top;
            color: #0044b1;
        }

        section.news dl dd {
            margin-bottom: 14px;
            line-height: 1.3;
        }

            section.news dl dd em {
                display: inline-block;
                margin-right: 7px;
            }

        section.news div {
            text-align: right;
        }

            section.news div a:after {
                content: "";
                display: inline-block;
                width: 6px;
                height: 6px;
                margin-right: 14px;
                border-top: 1px solid #0046ad;
                border-right: 1px solid #0046ad;
                -webkit-transform: rotate(45deg);
                transform: rotate(45deg);
                position: relative;
                right: -1px;
                top: -1.25px;
            }
    /*--- D01 ---*/
    h1 {
        font-size: 2.2rem;
    }
    /*--- D02 ---*/
    section > h1 {
        font-size: 1.8rem;
    }
    /*--- D03 ---*/
    section > h2 {
        font-size: 1.6rem;
        margin-top: 28px;
    }
    /*--- E01 ---*/
    div.category_top p {
        margin-bottom: 7px;
        ;
    }

        div.category_top p:last-child {
            margin-bottom: 0;
        }
        /*--- E02 ---*/
        div.category_top p.text_center {
            text-align: center;
        }
        /*--- E03 ---*/
        div.category_top p.text_right {
            text-align: right;
        }
    /*------------------------------------------------------------------------
    For Sub-category Top Page --*/
    /*--- A01 ---*/
    .sub_category > header {
        margin: auto;
    }

        .sub_category > header div {
            text-align: center;
            font-size: 1.6rem;
        }

        .sub_category > header h1 {
            text-align: center;
            font-size: 2rem;
            margin-bottom: 14px;
        }
    /*--- B01 B02 ---*/
    nav.sub_category > ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }

        nav.sub_category > ul li {
            width: 100%;
            margin: 2% 0;
            text-align: center;
        }

            nav.sub_category > ul li a div {
                font-size: 2rem;
                text-align: center;
                color: #333;
            }

                nav.sub_category > ul li a div:after {
                    content: "";
                    display: inline-block;
                    width: 12px;
                    height: 12px;
                    border-top: 1px solid #333;
                    border-right: 1px solid #333;
                    -webkit-transform: rotate(45deg);
                    transform: rotate(45deg);
                    position: relative;
                    right: -1%;
                    top: -1.25px;
                }

            nav.sub_category > ul li a:hover div {
                color: #0046ad;
            }

                nav.sub_category > ul li a:hover div:after {
                    content: "";
                    display: inline-block;
                    width: 12px;
                    height: 12px;
                    border-top: 1px solid #0046ad;
                    border-right: 1px solid #0046ad;
                    -webkit-transform: rotate(45deg);
                    transform: rotate(45deg);
                    position: relative;
                    right: -1%;
                    top: -1.25px;
                }
    /*------------------------------------------------------------------------
    For Content Page --*/
    /*--- A01 A02 A03 ---*/
    #contents > header {
        margin: auto;
    }

        #contents > header div {
            text-align: center;
            font-size: 1.6rem;
        }

        #contents > header h1 {
            text-align: center;
            font-size: 2rem;
            margin-bottom: 14px;
        }
    /*--- A03 ---*/
    #contents > header {
        margin: auto;
    }

        #contents > header ul {
            text-align: center;
        }

            #contents > header ul li {
                font-size: 1.6rem;
                display: inline-block;
            }

                #contents > header ul li:nth-child(2):before {
                    content: " | ";
                }

        #contents > header h1 {
            text-align: center;
            font-size: 2rem;
            margin-bottom: 14px;
        }
    /*--- A04 ---*/
    #contents > h1 {
        font-size: 2.2rem;
        margin-bottom: 28px;
    }
        /*--- A04-2 ---*/
        #contents > h1.text_center {
            text-align: center;
        }
    /*--- A05 ---*/
    #contents h1 {
        font-size: 1.8rem;
        margin-bottom: 14px;
    }
        /*--- A05-2 ---*/
        #contents h1.text_center {
            text-align: center;
        }
    /*--- A06 ---*/
    #contents h2 {
        font-size: 1.6rem;
        margin-bottom: 7px;
    }
        /*--- A06-2 ---*/
        #contents h2.text_center {
            text-align: center;
        }
    /*--- A07 ---*/
    #contents h2 {
        font-size: 1.5rem;
        margin-bottom: 7px;
    }
        /*--- A07-2 ---*/
        #contents h2.text_center {
            text-align: center;
        }
    /*--- B01 ---*/
    #contents p {
        margin-bottom: 7px;
    }

        #contents p:last-child {
            margin-bottom: 0;
        }
        /*--- B01-2 ---*/
        #contents p.text_center {
            text-align: center;
        }
        /*--- B01-3 ---*/
        #contents p.text_right {
            text-align: right;
        }
        /*--- B02 ---*/
        #contents p strong {
            font-size: 2.2rem;
            line-height: 1.5;
        }
        /*--- B02-2 ---*/
        #contents p.text_center strong {
            text-align: center;
        }
        /*--- B02-3 ---*/
        #contents p.text_right strong {
            text-align: right;
        }
        /*--- B03 ---*/
        #contents p small {
            font-size: 1.0rem;
            display: block;
            line-height: 1.4;
        }
        /*--- B03-2 ---*/
        #contents p.text_center small {
            text-align: center;
        }
        /*--- B03-3 ---*/
        #contents p.text_right small {
            text-align: right;
        }
        /*--- B04 ---*/
        #contents p b {
            font-weight: bold;
        }
    /*--- B05 ---*/
    .color {
        color: #A24100;
    }
    /*--- B07 ---*/
    #contents p i {
        font-style: italic;
    }
    /*--- B08 ---*/
    ul.notes {
        margin-top: 14px;
        margin-left: 2rem;
    }

        ul.notes li {
            list-style: circle;
            font-size: 11px;
            color: #666;
            margin-bottom: 10px;
        }
    /*--- B09 ---*/
    ul.notes_plane {
        margin-top: 28px;
    }

        ul.notes_plane li {
            list-style: none;
            font-size: 12px;
            color: #666;
            padding-left: 1em;
            text-indent: -1em;
            line-height: 1.2;
            margin-bottom: 10px;
        }

            ul.notes_plane li:before {
                content: "* ";
            }
    /*--- C01 ---*/
    ul.disc {
        margin: 14px 0;
    }

        ul.disc li {
            list-style: disc;
            margin-left: 2rem;
            margin-bottom: 14px;
        }
    /*--- C02 ---*/
    ol.decimal {
        margin: 14px 0;
    }

        ol.decimal li {
            list-style: decimal;
            margin-left: 2rem;
            margin-bottom: 14px;
        }
    /*--- C03 ---*/
    ol.roman {
        margin: 14px 0;
    }

        ol.roman li {
            list-style: upper-roman;
            margin-left: 2.5rem;
            margin-bottom: 14px;
        }
    /*--- C04 ---*/
    ol.parentheses {
        padding: 0;
        margin: 0;
    }

        ol.parentheses li {
            list-style-type: none;
            list-style-position: inside;
            counter-increment: cnt;
            padding-left: 2em;
            text-indent: -2em;
            margin-bottom: 14px;
        }

            ol.parentheses li:before {
                display: marker;
                content: "(" counter(cnt) ") ";
            }
    /*--- D01 ---*/
    ul.links {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        margin-top: 28px;
    }

        ul.links li {
            margin-bottom: 10px;
            width: 100%;
        }

            ul.links li a {
                position: relative;
                display: block;
                width: 100%;
                height: 100%;
                padding: 5px 40px 5px 10px;
                background: #ededed;
                overflow: hidden;
            }

                ul.links li a:after {
                    content: "";
                    width: 30px;
                    height: 90px;
                    background: #f7f7f7;
                    position: absolute;
                    right: 0;
                    top: 0;
                }

                ul.links li a:before {
                    content: '';
                    width: 8px;
                    height: 8px;
                    border: 0px;
                    border-top: solid 1px #999;
                    border-right: solid 1px #999;
                    -ms-transform: rotate(45deg);
                    -webkit-transform: rotate(45deg);
                    transform: rotate(45deg);
                    position: absolute;
                    top: 35%;
                    right: 12px;
                    z-index: 10;
                }

                ul.links li a:hover {
                    background: #0046ad;
                    color: #fff;
                }

                    ul.links li a:hover:after {
                        content: "";
                        width: 30px;
                        height: 90px;
                        background: #5b88ca;
                        position: absolute;
                        right: 0;
                        top: 0;
                    }

                    ul.links li a:hover:before {
                        border-top: solid 1px #FFF;
                        border-right: solid 1px #FFF;
                    }
    /*--- D01-2 ---*/
    a.icon_pdf:before {
        content: url(../../common/img/icon_pdf.gif);
    }

    a.icon_web:before {
        content: url(../../common/img/icon_web.gif);
    }

    a.icon_list:before {
        content: url(../../common/img/icon_list.gif);
    }

    a.icon_xls:before {
        content: url(../../common/img/icon_exl.gif);
    }

    a.icon_img:before {
        content: url(../../common/img/icon_jpg.gif);
    }

    a.icon_rss:before {
        content: url(../../common/img/icon_rss.gif);
    }

    a.icon_movie:before {
        content: url(../../common/img/icon_movie.gif);
    }

    a.icon_doc:before {
        content: url(../../common/img/icon_wrd.gif);
    }

    a.icon_zip:before {
        content: url(../../common/img/icon_zip.gif);
    }

    a.icon_webblank:before {
        content: url(../../common/img/icon_web_blank.gif);
    }

    a.icon_pdf:before, a.icon_web:before, a.icon_list:before, a.icon_xls:before, a.icon_img:before, a.icon_rss:before, a.icon_movie:before, a.icon_doc:before, a.icon_zip:before, a.icon_webblank:before {
        display: inline-block;
        margin-right: 5px;
        vertical-align: middle;
    }

    a.icon_list:after, a.icon_webblank:after, a.icon_doc:after, a.icon_zip:after, a.icon_movie:after, a.icon_rss:after, a.icon_img:after, a.icon_xls:after, a.icon_web:after, a.icon_pdf:after, a.link:after {
        content: "";
        display: inline-block;
        width: 7px;
        height: 7px;
        border-top: 1px solid #0046ad;
        border-right: 1px solid #0046ad;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        position: relative;
        right: -2px;
        top: -2px;
    }
    /*--- D02 ---*/
    ul#page_links {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        margin-top: 28px;
    }

        ul#page_links li {
            width: 100%;
            margin-bottom: 10px;
        }

            ul#page_links li a {
                position: relative;
                display: block;
                width: 100%;
                height: 100%;
                padding: 5px 40px 5px 10px;
                background: #ededed;
                overflow: hidden;
            }

                ul#page_links li a:after {
                    content: "";
                    width: 30px;
                    height: 90px;
                    background: #f7f7f7;
                    position: absolute;
                    right: 0;
                    top: 0;
                }

                ul#page_links li a:before {
                    content: '';
                    width: 8px;
                    height: 8px;
                    border: 0px;
                    border-top: solid 1px #999;
                    border-right: solid 1px #999;
                    -ms-transform: rotate(45deg);
                    -webkit-transform: rotate(45deg);
                    transform: rotate(45deg);
                    position: absolute;
                    top: 35%;
                    right: 12px;
                    z-index: 10;
                }

                ul#page_links li a:hover {
                    background: #0046ad;
                    color: #fff;
                }

                    ul#page_links li a:hover:after {
                        content: "";
                        width: 30px;
                        height: 90px;
                        background: #5b88ca;
                        position: absolute;
                        right: 0;
                        top: 0;
                    }

                    ul#page_links li a:hover:before {
                        border-top: solid 1px #FFF;
                        border-right: solid 1px #FFF;
                    }
    /*--- D03 ---*/
    nav#nav_local_s div {
        font-size: 1.8rem;
        margin: 56px 0 14px 0;
    }

    nav#nav_local_s ul li {
        display: inline-block;
    }

        nav#nav_local_s ul li a {
            position: relative;
            display: block;
            width: 100%;
            height: 100%;
            padding: 5px 40px 5px 10px;
            background: #ededed;
            overflow: hidden;
        }

            nav#nav_local_s ul li a:after {
                content: "";
                width: 30px;
                height: 90px;
                background: #f7f7f7;
                position: absolute;
                right: 0;
                top: 0;
            }

            nav#nav_local_s ul li a:before {
                content: '';
                width: 8px;
                height: 8px;
                border: 0px;
                border-top: solid 1px #999;
                border-right: solid 1px #999;
                -ms-transform: rotate(45deg);
                -webkit-transform: rotate(45deg);
                transform: rotate(45deg);
                position: absolute;
                top: 35%;
                right: 12px;
                z-index: 10;
            }

            nav#nav_local_s ul li a:hover {
                background: #0046ad;
                color: #fff;
            }

                nav#nav_local_s ul li a:hover:after {
                    content: "";
                    width: 30px;
                    height: 90px;
                    background: #5b88ca;
                    position: absolute;
                    right: 0;
                    top: 0;
                }

                nav#nav_local_s ul li a:hover:before {
                    border-top: solid 1px #FFF;
                    border-right: solid 1px #FFF;
                }
    /*--- D04 ---*/
    ul#page_anchor {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        margin-bottom: 28px;
    }

        ul#page_anchor li {
            width: 100%;
            margin-bottom: 10px;
        }

            ul#page_anchor li a {
                position: relative;
                display: block;
                width: 100%;
                padding: 5px 40px 5px 10px;
                background: #ededed;
                overflow: hidden;
            }

                ul#page_anchor li a:after {
                    content: "";
                    width: 30px;
                    height: 90px;
                    background: #f7f7f7;
                    position: absolute;
                    right: 0;
                    top: 0;
                }

                ul#page_anchor li a:before {
                    content: '';
                    width: 8px;
                    height: 8px;
                    border: 0px;
                    border-top: solid 1px #999;
                    border-right: solid 1px #999;
                    -ms-transform: rotate(135deg);
                    -webkit-transform: rotate(135deg);
                    transform: rotate(135deg);
                    position: absolute;
                    top: 35%;
                    right: 10px;
                    z-index: 10;
                }

                ul#page_anchor li a:hover {
                    background: #0046ad;
                    color: #fff;
                }

                    ul#page_anchor li a:hover:after {
                        content: "";
                        width: 30px;
                        height: 90px;
                        background: #5b88ca;
                        position: absolute;
                        right: 0;
                        top: 0;
                    }

                    ul#page_anchor li a:hover:before {
                        border-top: solid 1px #FFF;
                        border-right: solid 1px #FFF;
                    }
    /*--- D05 ---*/
    ul#page_anchor_inline {
        display: flex;
        flex-wrap: wrap;
        margin-bottom: 28px;
    }

        ul#page_anchor_inline li {
            margin-bottom: 10px;
            margin-right: 10px;
        }

            ul#page_anchor_inline li a {
                position: relative;
                display: block;
                width: 100%;
                height: 100%;
                padding: 5px 40px 5px 10px;
                background: #ededed;
                overflow: hidden;
            }

                ul#page_anchor_inline li a:after {
                    content: "";
                    width: 30px;
                    height: 90px;
                    background: #f7f7f7;
                    position: absolute;
                    right: 0;
                    top: 0;
                }

                ul#page_anchor_inline li a:before {
                    content: '';
                    width: 8px;
                    height: 8px;
                    border: 0px;
                    border-top: solid 1px #999;
                    border-right: solid 1px #999;
                    -ms-transform: rotate(135deg);
                    -webkit-transform: rotate(135deg);
                    transform: rotate(135deg);
                    position: absolute;
                    top: 35%;
                    right: 10px;
                    z-index: 10;
                }

                ul#page_anchor_inline li a:hover {
                    background: #0046ad;
                    color: #fff;
                }

                    ul#page_anchor_inline li a:hover:after {
                        content: "";
                        width: 30px;
                        height: 90px;
                        background: #5b88ca;
                        position: absolute;
                        right: 0;
                        top: 0;
                    }

                    ul#page_anchor_inline li a:hover:before {
                        border-top: solid 1px #FFF;
                        border-right: solid 1px #FFF;
                    }
    /*--- D06 ---*/
    ul#page_links_inline {
        display: flex;
        flex-wrap: wrap;
        margin-bottom: 56px;
    }

        ul#page_links_inline li {
            margin-bottom: 10px;
            margin-right: 10px;
        }

            ul#page_links_inline li.non {
                background: #ededed;
                padding: 5px 40px 5px 10px;
            }

            ul#page_links_inline li a {
                position: relative;
                display: block;
                width: 100%;
                height: 100%;
                padding: 5px 40px 5px 10px;
                background: #ededed;
                overflow: hidden;
            }

                ul#page_links_inline li a:after {
                    content: "";
                    width: 30px;
                    height: 90px;
                    background: #f7f7f7;
                    position: absolute;
                    right: 0;
                    top: 0;
                }

                ul#page_links_inline li a:before {
                    content: '';
                    width: 8px;
                    height: 8px;
                    border: 0px;
                    border-top: solid 1px #999;
                    border-right: solid 1px #999;
                    -ms-transform: rotate(135deg);
                    -webkit-transform: rotate(135deg);
                    transform: rotate(135deg);
                    position: absolute;
                    top: 35%;
                    right: 10px;
                    z-index: 10;
                }

                ul#page_links_inline li a:hover {
                    background: #0046ad;
                    color: #fff;
                }

                    ul#page_links_inline li a:hover:after {
                        content: "";
                        width: 30px;
                        height: 90px;
                        background: #5b88ca;
                        position: absolute;
                        right: 0;
                        top: 0;
                    }

                    ul#page_links_inline li a:hover:before {
                        border-top: solid 1px #FFF;
                        border-right: solid 1px #FFF;
                    }
    /*--- E01 ---*/
    .table_2clm_sty table {
        width: 100%;
    }

        .table_2clm_sty table tr th {
            width: 30%;
        }

        .table_2clm_sty table tr + td {
            width: 30%;
        }
    /*--- E02 ---*/
    .table_2clm table {
        width: 100%;
    }

        .table_2clm table tr th,
        .table_2clm table tr td {
            width: 100%;
            display: block;
            border-bottom: 0 !important;
        }

        .table_2clm table tr:last-child {
            border-bottom: solid 1px #ccc !important;
        }
    /*--- E03 ---*/
    .table_3clm table {
        width: 100%;
        table-layout: fixed;
    }
    /*--- E04 ---*/
    .table table.half tr > td {
        width: 50%;
    }

    .table table {
        min-width: 760px;
        margin: 28px 0;
    }

        .table table tr th {
            background: #949494;
            font-weight: normal;
            text-align: center;
            color: #fff;
            padding: 0.8em 0.5em;
        }

        .table table tr td {
            padding: 7px;
        }

            .table table tr td .minus {
                color: #c00;
            }

            .table table tr td.subttl,
            .table table tr td.year {
                background: #f7f8f9;
            }

            .table table tr td.recent {
                background: #f2f6fb;
                text-align: right;
            }

            .table table tr td.date {
                background: #f2f6fb;
            }

            .table table tr td.space {
                background: #f7f8f9;
                border-right: none;
                border-top: none;
                border-bottom: solid 1px #ddd;
            }

            .table table tr td.space01 {
                background: #f7f8f9;
                border-right: none;
                border-top: none;
                border-bottom: solid 1px #ccc;
            }

            .table table tr td.bdr {
                border-bottom: solid 1px #ccc;
                border-left: none;
            }

    .table {
        width: 100%;
        overflow-x: auto;
        position: relative;
    }

        .table .arrow {
            width: 92px;
            height: 92px;
            margin: 0 0 0 -46px;
            position: absolute;
            top: 40%;
            left: 50%;
            display: block;
            z-index: 2;
            background: url("../../../common/img/table_guide.png") no-repeat;
        }

        .table:hover .arrow {
            display: none;
        }
    /*--- E05 ---*/
    .table_complex table {
        width: 760px !important;
        margin: 28px 0;
    }

    .table_complex {
        width: 100%;
        overflow-x: auto;
        position: relative;
    }

        .table_complex .arrow {
            width: 92px;
            height: 92px;
            margin: 0 0 0 -46px;
            position: absolute;
            top: 40%;
            left: 50%;
            display: block;
            z-index: 2;
            background: url("../../../common/img/table_guide.png") no-repeat;
        }

        .table_complex:hover .arrow {
            display: none;
        }
    /*--- F00 ---*/
    .unit_img {
        margin-bottom: 28px;
        text-align: center;
    }

        .unit_img img {
            max-width: 100%;
            max-height: 100%;
        }
    /*--- F01 02 03 ---*/
    .img_box {
        margin: 14px 0;
        justify-content: center;
    }

        .img_box figure {
            width: 100%;
            line-height: 0;
        }

            .img_box figure figcaption {
                text-align: center;
                margin-top: 7px;
                width: 100%;
                line-height: 1.5;
            }
    /*.img_box figure img{ width:100%}*/
    /*--- F04 05 06 ---*/
    .text_box ul {
        margin: 14px 0;
    }

        .text_box ul li {
            margin-bottom: 14px;
            width: auto;
        }
    /*--- F07 08 09 ---*/
    .img_text_box ul {
        margin: 14px 0;
    }

        .img_text_box ul li {
            margin: 14px 0;
        }

            .img_text_box ul li figure {
                margin-bottom: 7px;
                line-height: 0;
                text-align: center;
            }
                /*.img_text_box ul li figure img{ width:100%}*/
                .img_text_box ul li figure p {
                    line-height: 1.5;
                }
    /*--- F12 ---*/
    .img_text {
        margin: 28px 0;
        width: 100%;
    }

        .img_text p {
            width: 100%;
            margin: 0;
        }

        .img_text figure {
            width: 100%;
            text-align: center;
            margin-bottom: 14px;
        }

            .img_text figure img { /*width:100% ;*/
                margin-bottom: 14px;
            }
    /*--- F13 ---*/
    .text_img {
        margin: 28px 0;
        width: 100%;
    }

        .text_img p {
            width: 100%;
            margin: 0 0 14px 0;
        }

        .text_img figure {
            width: 100%;
            text-align: center;
        }
    /*.text_img figure img{ width:100%}*/
    /*--- G01 ---*/
    .tab_unit {
        display: flex;
        width: 100%;
        justify-content: space-between;
        flex-wrap: wrap;
    }

        .tab_unit a {
            flex: 1;
            width: 100%;
            display: block;
            text-align: center;
            background: #f1f1f1;
            border: solid 1px #ccc;
            padding: 5px;
            margin-bottom: 7px;
        }

            .tab_unit a br {
                display: none;
            }

            .tab_unit a:hover {
                background: #fff;
            }
    /*------------------------------------------------------------------------
     Category toppage navigation --*/
    .unit_contents_links {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }

        .unit_contents_links li {
            width: 100%;
            margin-top: 5%;
        }
            /*-.unit_contents_links li:nth-child(odd){ padding-right:3% !important;}
    .unit_contents_links li:nth-child(even){ padding-left:3% !important;}-*/
            .unit_contents_links li img {
                width: 100%;
            }

            .unit_contents_links li a {
                display: block;
                line-height: 0;
            }

                .unit_contents_links li a div {
                    padding-top: 10px;
                    background: #fff;
                    -webkit-transition: all .3s ease;
                    -moz-transition: all .3s ease;
                    transition: all .3s ease;
                    display: block;
                    padding-bottom: 1rem;
                }

                .unit_contents_links li a h3 {
                    font-size: 1.4rem !important;
                    margin: 0;
                    text-align: center;
                }

                    .unit_contents_links li a h3:after {
                        content: "";
                        display: inline-block;
                        width: 6px;
                        height: 6px;
                        border-top: 1px solid #333;
                        border-right: 1px solid #333;
                        -webkit-transform: rotate(45deg);
                        transform: rotate(45deg);
                        position: relative;
                        right: -3%;
                        top: -2px;
                    }

                .unit_contents_links li a p,
                .unit_contents_links li a span {
                    display: none;
                }

                .unit_contents_links li a:hover div {
                    background: #0046ad;
                }

                    .unit_contents_links li a:hover div h3 {
                        color: #fff !important;
                    }

                .unit_contents_links li a:hover h3:after {
                    content: "";
                    display: inline-block;
                    width: 6px;
                    height: 6px;
                    border-top: 1px solid #fff;
                    border-right: 1px solid #fff;
                    -webkit-transform: rotate(45deg);
                    transform: rotate(45deg);
                    position: relative;
                    right: -3%;
                    top: -2px;
                }
    /*------------------------------------------------------------------------
    B Area for contents
    A01 Big Visual --*/
    .topic_visual_right,
    .topic_visual_left {
        position: relative;
        overflow: hidden;
    }

        .topic_visual_right p,
        .topic_visual_left p,
        .sign {
            display: none;
        }

        .topic_visual_right a,
        .topic_visual_left a {
            display: block;
            line-height: 0;
        }

            .topic_visual_right a:hover h2,
            .topic_visual_left a:hover h2 {
                color: #0044b1 !important;
            }

            .topic_visual_right a h2 {
                font-size: 2rem !important;
                position: absolute;
                top: 42%;
                left: 5%;
                color: #000;
                z-index: 100;
            }

            .topic_visual_left a h2 {
                font-size: 2rem !important;
                position: absolute;
                top: 42%;
                left: 55%;
                color: #000;
                z-index: 100;
            }

                .topic_visual_right a h2:after,
                .topic_visual_left a h2:after {
                    content: "";
                    display: inline-block;
                    width: 12px;
                    height: 12px;
                    border-top: 2px solid #333;
                    border-right: 2px solid #333;
                    -webkit-transform: rotate(45deg);
                    transform: rotate(45deg);
                    position: relative;
                    right: -3%;
                    top: -2px;
                }

            .topic_visual_right a:hover h2:after,
            .topic_visual_left a:hover h2:after {
                content: "";
                display: inline-block;
                width: 12px;
                height: 12px;
                border-top: 2px solid #0044b1;
                border-right: 2px solid #0044b1;
                -webkit-transform: rotate(45deg);
                transform: rotate(45deg);
                position: relative;
                right: -3%;
                top: -2px;
            }
    /*------------------------------------------------------------------------
     Category local navi --*/
    #contents ul#content_nav {
        display: flex;
        flex-wrap: wrap;
    }

        #contents ul#content_nav li {
            width: 50%;
            margin-top: 5%;
            text-align: center;
        }

            #contents ul#content_nav li:nth-child(odd) {
                padding-right: 3% !important;
            }

            #contents ul#content_nav li:nth-child(even) {
                padding-left: 3% !important;
            }

            #contents ul#content_nav li a {
                display: block;
                line-height: 0;
            }

                #contents ul#content_nav li a h3 {
                    font-size: 1.6rem;
                    text-align: center;
                    color: #333;
                }

                    #contents ul#content_nav li a h3:after {
                        content: "";
                        display: inline-block;
                        width: 10px;
                        height: 10px;
                        border-top: 1px solid #666;
                        border-right: 1px solid #666;
                        -webkit-transform: rotate(45deg);
                        transform: rotate(45deg);
                        position: relative;
                        right: -2.5%;
                        top: -1.3px;
                    }

                #contents ul#content_nav li a img {
                    margin-bottom: 10px;
                }

                #contents ul#content_nav li a p,
                #contents ul#content_nav li a span {
                    display: none;
                }
    /*------------------------------------------------------------------------
     Local content title set --*/
    .titleWrapper {
        text-align: center;
        margin: 10px 0 !important;
    }

        .titleWrapper h1 {
            font-size: 2rem !important;
            margin: 0 !important;
        }

        .titleWrapper em {
            font-size: 1.5rem;
            margin-top: 0 !important;
            text-align: center;
            line-height: 1.3;
            height: auto !important;
            margin-bottom: 10px !important;
            font-weight: normal !important;
        }

            .titleWrapper em + em {
                display: inline-block;
                padding-left: 10px;
                margin-left: 10px;
                border-left: solid 1px #000;
            }
    /*------------------------------------------------------------------------
     Column --*/
    .column3,
    .column2 {
        display: flex;
        flex-wrap: wrap;
    }

        .column3 > div,
        .column2 > div {
            width: 90%;
            margin: 5% 0;
        }
    /*------------------------------------------------------------------------
     List --*/
    dl.list_item_unit dt {
        color: #0044b1;
    }

    dl.list_item_unit dd {
        margin-bottom: 10px;
    }
}

/* Medium-win ////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media screen and (min-width: 768px) and (max-width: 949px) {

    nav.local_company_contents ul {
        -webkit-padding-start: 0px;
        margin-top: 20px;
        margin-left: 20px;
        margin-right: 20px;
    }

    #stage {
        padding: 0 5%;
    }
    /*------------------------------------------------------------------------
     Header --*/
    img.print,
    div#header #search_unit,
    div#header #search_area,
    div#header #ww_btn,
    div#header #btn_utility,
    #nav_last a:after,
    #nav0 .countryid {
        display: none;
    }

    .hdwrap {
        height: 50px;
        position: fixed;
        top: 0;
        z-index: 9999;
    }

        .hdwrap.sp {
            height: auto;
            position: static;
            top: 0;
            z-index: 9999;
        }

    div#header div#ci_tdk {
        width: 96px;
        position: absolute;
        top: 14px;
        margin-left: 10px;
        z-index: 9999;
    }

        div#header div#ci_tdk img {
            width: 96px;
            height: 20px;
        }

    div#header div.countryid {
        position: absolute;
        left: 120px;
        z-index: 9999;
        top: 17px;
        color: #fff;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 1.3rem;
        font-weight: bold;
        white-space: nowrap;
    }
    /*------------------------------------------------------------------------
     Global navigation --*/
    #global_nav {
        display: none;
    }

    #nav0 #search_unit .btn {
        cursor: pointer;
    }

        #nav0 #search_unit .btn:hover img {
            filter: alpha(opacity=50);
            -moz-opacity: 0.5;
            opacity: 0.5;
        }

    #nav0 #search_area_sp {
        padding: 10px 1% 7px 3%;
    }

        #nav0 #search_area_sp input.serch {
            width: 100%;
            background: #fff !important;
            padding: 11px 3px;
            font-size: 16px;
        }

        #nav0 #search_area_sp input#srch_btn_sp {
            margin: 0 0 0 5px;
            padding: 10px 10px;
            width: 90%;
            font-size: 16px;
            vertical-align: sub;
            -webkit-appearance: none;
            background: #fff;
        }

        #nav0 #search_area_sp p {
            float: left;
        }

        #nav0 #search_area_sp input + p {
            width: 80%;
        }

        #nav0 #search_area_sp p + p {
            margin-top: 0;
            margin-left: 10px;
        }

    a.meanmenu-reveal {
        display: none;
    }

    .mean-container .mean-bar {
        float: left;
        width: 100%;
        position: fixed;
        top: 0;
        background: #0046ad;
        padding: 4px 0 0 0;
        min-height: 46px;
        z-index: 9999;
    }

        .mean-container .mean-bar.sp {
            position: relative !important;
            float: none;
        }

    .mean-container a.meanmenu-reveal {
        width: 22px;
        height: 22px;
        padding: 13px 13px 11px 13px;
        position: absolute;
        top: 0;
        right: 0;
        cursor: pointer;
        color: #fff;
        text-decoration: none;
        font-size: 16px;
        text-indent: -9999em;
        line-height: 22px;
        display: block;
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 700;
    }

        .mean-container a.meanmenu-reveal span {
            display: block;
            background: #fff;
            height: 3px;
            margin-top: 3px;
        }

    .mean-container .mean-nav {
        float: left;
        width: 100%;
        background: #333;
        margin-top: 44px;
    }

        .mean-container .mean-nav ul {
            padding: 0;
            margin: 0;
            width: 100%;
            list-style-type: none;
        }

            .mean-container .mean-nav ul li {
                position: relative;
                float: left;
                width: 100%;
            }

                .mean-container .mean-nav ul li a {
                    display: block;
                    float: left;
                    width: 90%;
                    padding: 0.7em 5%;
                    margin: 0;
                    height: 20px;
                    text-align: left;
                    color: #fff;
                    border-top: 1px solid #383838;
                    border-top: 1px solid rgba(255,255,255,0.5);
                    text-decoration: none;
                    text-transform: uppercase;
                    font-size: 1.8rem;
                }

                .mean-container .mean-nav ul li:last-child a {
                    height: auto;
                }

                .mean-container .mean-nav ul li a:first-child:after {
                    content: "";
                    display: inline-block;
                    width: 10px;
                    height: 10px;
                    border-top: 1px solid #fff;
                    border-right: 1px solid #fff;
                    -webkit-transform: rotate(45deg);
                    transform: rotate(45deg);
                    position: relative;
                    right: -2%;
                    top: -1.25px;
                }

                .mean-container .mean-nav ul li li a {
                    width: 80%;
                    padding: 0.5em 10%;
                    border-top: 1px dotted #f1f1f1;
                    border-top: 1px dotted rgba(255,255,255,0.25);
                    opacity: 0.75;
                    filter: alpha(opacity=75);
                    text-shadow: none !important;
                    visibility: visible;
                }

                .mean-container .mean-nav ul li.mean-last a {
                    border-bottom: none;
                    margin-bottom: 0;
                }

                .mean-container .mean-nav ul li li li a {
                    width: 70%;
                    padding: 1em 15%;
                }

                .mean-container .mean-nav ul li li li li a {
                    width: 60%;
                    padding: 1em 20%;
                }

                .mean-container .mean-nav ul li li li li li a {
                    width: 50%;
                    padding: 1em 25%;
                }

                .mean-container .mean-nav ul li a:hover {
                    background: #666;
                }

                .mean-container .mean-nav ul li a.mean-expand {
                    margin-top: 1px;
                    width: 26px;
                    padding: 0.7em 0.7em 0.7em 0.3em !important;
                    height: 20px;
                    text-align: center;
                    position: absolute;
                    right: 0;
                    top: 0;
                    z-index: 2;
                    font-weight: 700;
                    background: rgba(255,255,255,0.1);
                    border: none !important;
                    border-left: 1px solid rgba(255,255,255,0.4) !important;
                    border-bottom: 1px solid rgba(255,255,255,0.2) !important;
                    -webkit-transform: scaleX(1.5);
                    -moz-transform: scaleX(1.5);
                }

                    .mean-container .mean-nav ul li a.mean-expand:hover {
                        background: rgba(0,0,0,0.9);
                    }

    .mean-container .mean-push {
        float: left;
        width: 100%;
        padding: 0;
        margin: 0;
        clear: both;
    }

    .mean-nav .wrapper {
        width: 100%;
        padding: 0;
        margin: 0;
    }
    /* Fix for box sizing on Foundation Framework etc. */
    .mean-container .mean-bar, .mean-container .mean-bar * {
        -webkit-box-sizing: content-box;
        -moz-box-sizing: content-box;
        box-sizing: content-box;
    }

    .mean-remove {
        display: none !important;
    }

    li#nav0 a {
        display: inline !important;
        border: 0;
        float: none;
    }

    .mean-container .mean-bar {
        width: 100%; /*position: fixed;top:0;*/
    }

    .mean-container .mean-nav ul li a.mean-expand {
        margin-top: 1px;
        width: 26px;
        padding: 0.7em 0.7em 0.7em 0.3em !important;
    }

    #nav_last {
        border-top: solid 1px #ccc;
    }

        #nav_last a {
            width: auto;
            border: none;
            font-size: 1.1rem;
            padding: 1em 0;
            text-align: center;
            width: 33.333%;
            box-sizing: border-box;
        }

            #nav_last a:last-child {
                display: block;
                width: 100%;
            }

        #nav_last ol {
            display: flex !important;
        }

            #nav_last ol li a {
                line-height: 1.5;
                display: block;
                padding: 10px;
                text-align: center;
                background: #666;
                color: #fff;
            }

                #nav_last ol li a:hover {
                    background: #000;
                    color: #fff;
                }

            #nav_last ol.lang li a {
                background: none !important;
            }

                #nav_last ol.lang li a:hover {
                    background: #666 !important;
                }
    /*------------------------------------------------------------------------
     Topic path --*/
    ul#topicpath {
        margin-top: 60px;
        margin-left: 60px;
    }

        ul#topicpath.sp {
            margin-top: 5px;
            margin-left: 10px;
        }

        ul#topicpath li {
            display: inline-block;
            line-height: 22px;
            font-size: 1rem;
            margin-right: 5px;
        }

            ul#topicpath li a:after {
                content: "";
                display: inline-block;
                width: 6px;
                height: 6px;
                border-top: 1px solid #666;
                border-right: 1px solid #666;
                -webkit-transform: rotate(45deg);
                transform: rotate(45deg);
                position: relative;
                right: -5%;
                top: -1.25px;
            }

            ul#topicpath li.home {
                background: none;
                padding-left: 0;
            }
    /*------------------------------------------------------------------------
     Side navigation --*/
    #left_box {
        z-index: 9999;
        height: 0 !important;
    }

    #side_nav li a.active,
    #side_nav li.active a {
        background: #333 !important;
    }

    #sd {
        width: 230px;
        height: 92% !important;
        color: white;
        overflow-y: scroll;
        overflow-x: hidden;
        position: fixed;
        left: -230px;
        top: 50px;
        z-index: 99;
        padding: 0 0 20px 0;
        transition: -webkit-transform 0.3s ease-out;
        transition: transform 0.3s ease-out;
        background: rgba(102,102,102,0.8);
    }

        #sd.block {
            -webkit-transform: translate3d(230px, 0, 0);
            transform: translate3d(230px, 0, 0);
        }

        #sd .close {
            display: block;
            margin-bottom: 10px;
            padding: 5px 10px;
        }

            #sd .close:hover {
                cursor: pointer;
            }

        #sd ul {
            margin: 0;
            padding: 0;
            width: 100%;
        }

            #sd ul li {
                list-style: none;
                margin: 0;
                padding: 0; /*- border-bottom: solid 1px #ccc;-*/
            }

                #sd ul li a {
                    color: #fff !important;
                    text-decoration: none;
                    display: block;
                    padding: 0.5em;
                    font-size: 1.2rem;
                    line-height: 1.5;
                    background-image: none !important;
                    -webkit-transition: all .3s ease;
                    -moz-transition: all .3s ease;
                    transition: all .3s ease;
                }

                    #sd ul li a:hover, #sd ul li ul.sub_nav li a:hover {
                        background: #333 !important;
                        animation: bgcolor;
                    }

    ul.sub_nav li {
        border-bottom: none !important;
    }

        ul.sub_nav li a {
            display: block;
            background: none !important;
            padding: 0.3em 0 0.3em 2em !important;
            border: none;
            color: #fff;
        }

    hr {
        border: none;
    }

    .sd-trigger {
        background: #666;
        color: #fff;
        height: 100%;
        position: fixed;
        padding: 5px 10px;
        top: 50px;
        left: 0;
        z-index: 999;
    }

        .sd-trigger:hover {
            cursor: pointer;
            text-decoration: underline;
            background: #4d4d4d;
        }
    /*------------------------------------------------------------------------
     Local navi & Anchor --*/
    .nav_local,
    #nav_local {
        margin: 20px -20px 20px 0;
        font-size: 0;
    }

        .nav_local li,
        #nav_local li {
            margin: 0 20px 10px 0;
            line-height: 1.2;
            display: inline-block;
            background: none !important;
            padding: 0 !important;
            letter-spacing: normal;
            font-size: 1.4rem;
        }

            .nav_local li a,
            #nav_local li a {
                display: block;
                position: relative;
                padding: 12px 30px 10px 8px;
                background: #ededed url(../../common/img/btn_arrow01.gif) right top no-repeat;
                text-decoration: none;
            }

            .nav_local li.selected a,
            #nav_local li.selected a {
                background: #336bbd url(../../common/img/btn_arrow01.gif) right bottom no-repeat;
                color: #fff;
            }

            .nav_local li a:hover,
            #nav_local li a:hover {
                background-color: rgba(237,237,237,0.7);
            }

            .nav_local li.selected a:hover,
            #nav_local li.selected a:hover {
                background-color: rgba(51,107,189,0.8);
            }

            .nav_local li a:hover:after,
            #nav_local li a:hover:after {
                border-top: 2px solid #aaa;
                border-right: 2px solid #aaa;
            }

            .nav_local li.selected a:hover:after,
            #nav_local li.selected a:hover:after {
                border-top: 2px solid #fff;
                border-right: 2px solid #fff;
            }
            /*-- Arrow --*/
            .nav_local li a:after,
            #nav_local li a:after {
                content: "";
                display: block;
                width: 10px;
                height: 10px;
                border-top: 2px solid #777;
                border-right: 2px solid #777;
                -webkit-transform: rotate(45deg);
                transform: rotate(45deg);
                position: absolute;
                right: 12px;
                top: 50%;
                margin-top: -6px;
            }

            .nav_local li.selected a:after,
            #nav_local li.selected a:after {
                content: "";
                border-top: 2px solid #fff;
                border-right: 2px solid #fff;
            }

    #sd-overlay {
        width: 100%;
        height: 100%;
        position: fixed;
        left: 0;
        top: 95px;
        z-index: -1;
        transition: 0.3s;
    }

        #sd-overlay.block {
            z-index: 9;
            filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
        }
    /*------------------------------------------------------------------------
     Local navi & Anchor **/
    #page_anchor li {
        width: 48% !important;
    }

    .nav_local li,
    #nav_local li {
        width: 45% !important;
    }
    /*------------------------------------------------------------------------
     Table --*/
    #stage #contents table {
        width: 100%;
    }

        #stage #contents table tr th, table tr td {
            border: solid 1px #CCC;
            padding: 5px;
            word-break: break-all !important;
            line-height: 1.5em;
        }

        #stage #contents table tr th,
        #stage #contents table tr td {
            padding: 0.2em 0.2em;
        }

        #stage #contents table tr th {
            background: #f7f8f9;
            font-weight: normal;
            color: #000;
        }

        #stage #contents table th.wide_l,
        #stage #contents table td.wide_l {
            width: 40%;
        }

        #stage #contents table th.wide_m,
        #stage #contents table td.wide_m {
            width: 30%;
        }

        #stage #contents table th.wide_s,
        #stage #contents table td.wide_s {
            width: 20%;
        }

    table.cell5 tr th,
    table.cell5 tr td {
        width: 20%;
    }

    table.cell4 tr th,
    table.cell4 tr td {
        width: 25%;
    }

    table.cell3 tr th,
    table.cell3 tr td {
        width: 33.3333%;
    }

    table.cell2 tr th,
    table.cell2 tr td {
        width: 50%;
    }
    /*------------------------------------------------------------------------
     Contents --*/
    #contents {
        padding: 0 10px 0 60px;
    }

        #contents.sp {
            padding: 0 10px 0 10px;
        }
    /*------------------------------------------------------------------------
     Top Page Contents --*/
    .products ul {
        column-count: 2 !important;
        column-gap: 56px;
        display: block !important;
    }

        .products ul li {
            width: auto !important;
        }

            .products ul li a {
                vertical-align: baseline;
                margin-bottom: 10px;
                display: block;
            }

            .products ul li:nth-child(8) a {
                margin-top: -10px !important;
            }
    /*------------------------------------------------------------------------
     Footer --*/
    #footer,
    #footer_btm {
        padding: 15px 10px 20px 10px;
        background: #9f9f9f;
    }

    .social.share {
        padding-top: 20px;
    }

    #footer div#footer_inner,
    #footer_btm div#footer_inner {
        margin: 0 auto;
        color: #fff;
    }

        #footer div#footer_inner p,
        #footer_btm div#footer_inner p {
            float: right;
            width: 400px;
            text-align: right;
            color: #eee;
            line-height: 1.5em;
        }

        #footer div#footer_inner a,
        #footer_btm div#footer_inner a {
            color: #eee;
        }

    #footer_sitemap {
        margin: 0 auto;
        padding: 0 20px 0 60px;
        position: relative;
        z-index: 0 !important;
    }

        #footer_sitemap dl {
            width: 23%;
            padding-right: 10px;
            float: left;
            display: inline;
        }

            #footer_sitemap dl dt {
                margin-bottom: 5px;
                font-weight: bold;
            }

            #footer_sitemap dl dd ul {
                margin-bottom: 20px;
            }

        #footer_sitemap a {
            color: #fff;
        }

            #footer_sitemap a span {
                font-size: 1.1em;
                line-height: 1.5em;
            }

    .ftrsitemap {
        margin-top: 40px;
    }

    #unit_bnr_steam {
        display: block;
        position: absolute;
        top: 20px;
        right: 10px;
        max-width: 50%;
        text-align: right;
    }

        #unit_bnr_steam img {
            max-width: 100%;
        }

    #footer_sitemap dl dt a:after,
    #footer_sitemap dl dd ul li a:after {
        content: "";
        display: inline-block;
        width: 6px;
        height: 6px;
        border-top: 1px solid #fff;
        border-right: 1px solid #fff;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        position: relative;
        right: -1.5%;
        top: -1.25px;
    }

    #footer div#footer_inner ul {
        float: left;
    }

        #footer div#footer_inner ul li {
            display: inline-block;
            margin-right: 10px;
        }
    /*------------------------------------------------------------------------
     Font --*/
    .font_xl {
        font-size: 2.5rem !important;
    }

    .font_l {
        font-size: 1.8rem !important;
    }

    .font_m {
        font-size: 1.6rem !important;
    }

    .font_s {
        font-size: 1.1rem !important;
    }
    /*------------------------------------------------------------------------
     Margin --*/
    .mg_t_xx_wide {
        margin-top: 56px;
    }

    .mg_t_x_wide {
        margin-top: 21px;
    }

    .mg_t_wide {
        margin-top: 14px;
    }

    .mg_t_narrow {
        margin-top: 7px;
    }

    .mg_xl {
        margin: 56px;
    }

    .mg_l {
        margin: 21px;
    }

    .mg_m {
        margin: 14px;
    }

    .mg_s {
        margin: 7px;
    }

    .mg_l_xl {
        margin-left: 56px;
    }

    .mg_l_l {
        margin-left: 21px;
    }

    .mg_l_m {
        margin-left: 14px;
    }

    .mg_l_s {
        margin-left: 7px;
    }

    .mg_r_xl {
        margin-right: 56px;
    }

    .mg_r_l {
        margin-right: 21px;
    }

    .mg_r_m {
        margin-right: 14px;
    }

    .mg_r_s {
        margin-right: 7px;
    }

    .mg_t_xl {
        margin-top: 56px;
    }

    .mg_t_l {
        margin-top: 21px;
    }

    .mg_t_m {
        margin-top: 14px;
    }

    .mg_t_s {
        margin-top: 7px;
    }

    .mg_b_xl {
        margin-bottom: 56px;
    }

    .mg_b_l {
        margin-bottom: 21px;
    }

    .mg_b_m {
        margin-bottom: 14px;
    }

    .mg_b_s {
        margin-bottom: 7px;
    }
    /*------------------------------------------------------------------------
     Padding --*/
    .pd_xl {
        padding: 56px;
    }

    .pd_l {
        padding: 21px;
    }

    .pd_m {
        padding: 14px;
    }

    .pd_s {
        padding: 7px;
    }

    .pd_l_xl {
        padding-left: 56px;
    }

    .pd_l_l {
        padding-left: 21px;
    }

    .pd_l_m {
        padding-left: 14px;
    }

    .pd_l_s {
        padding-left: 7px;
    }

    .pd_r_xl {
        padding-right: 56px;
    }

    .pd_r_l {
        padding-right: 21px;
    }

    .pd_r_m {
        padding-right: 14px;
    }

    .pd_r_s {
        padding-right: 7px;
    }

    .pd_t_xl {
        padding-top: 56px;
    }

    .pd_t_l {
        padding-top: 21px;
    }

    .pd_t_m {
        padding-top: 14px;
    }

    .pd_t_s {
        padding-top: 7px;
    }

    .pd_b_xl {
        padding-bottom: 56px;
    }

    .pd_b_l {
        padding-bottom: 21px;
    }

    .pd_b_m {
        padding-bottom: 14px;
    }

    .pd_b_s {
        padding-bottom: 7px;
    }
    /*------------------------------------------------------------------------
     Local site top main visual --*/
    .main_img {
        width: 100% !important;
        margin: 0 auto;
    }

    .sp_img {
        display: none !important;
    }
    /*------------------------------------------------------------------------
     Local site top product menu

    .unit_wrap{ display:flex; flex-wrap:wrap; font-size:90%;}
    .unit_wrap .section_bg01{background:#d9e3ed}
    .unit_wrap .section_bg02{background:#f3f3f3}
    .unit_wrap .section_bg03{background:#fff}
    .unit_wrap .w_l{ width:100%;}
    .unit_wrap .w_m{ width:50%;}
    .unit_wrap .w_s{ width:33.33333333333333%;}
    .unit_wrap .w_ml{ width:66.66666667%;}
    .unit_wrap ul{ display:flex; flex-wrap:wrap;}
    .unit_wrap img{ width:100%}
    .unit_wrap .w_s h2,
    .unit_wrap .w_m h2{ font-size:120% !important}
    .unit_wrap .w_s br,
    .unit_wrap .w_m br{ display: none; }
    .unit_wrap .w_s div,
    .unit_wrap .w_m div,
    .unit_wrap .w_s p,
    .unit_wrap .w_m p,
    .unit_wrap .w_s ul,
    .unit_wrap .w_m ul,
    .unit_wrap .w_s ul li,
    .unit_wrap .w_m ul li{ margin-top:2% !important;line-height:1.3 !important}
    .unit_wrap .w_l ul li.w_s,
    .unit_wrap .w_s ul li.w_s,
    .unit_wrap .w_m ul li.w_s{ width:50% !important}--*/
    /*------------------------------------------------------------------------
    Sub-promotion area --*/
    /*--- B01 ---*/
    section#products {
        background: #d9e3ed;
        padding: 14px;
        margin: 0;
    }

        section#products h1 {
            font-size: 2.2rem;
            text-align: center;
        }

        section#products ul {
            column-count: 2 !important;
            column-gap: 28px;
            display: block !important;
        }

            section#products ul li:nth-child(1),
            section#products ul li:nth-child(11) {
                border-top: solid 1px #adc7e0;
            }

            section#products ul li {
                width: 100% !important;
                border-bottom: solid 1px #adc7e0;
                display: inline-block;
            }

                section#products ul li a {
                    padding: 7px 20px 7px 5px;
                    display: block;
                    position: relative;
                    line-height: 1.5;
                }

                    section#products ul li a:after {
                        content: "";
                        display: inline-block;
                        width: 7px;
                        height: 7px;
                        border-top: 1px solid #0046ad;
                        border-right: 1px solid #0046ad;
                        -webkit-transform: rotate(45deg);
                        transform: rotate(45deg);
                        position: absolute;
                        right: 10px;
                        top: 40%;
                    }

                    section#products ul li a:hover {
                        background: #c0d5e9;
                    }

    section.promotion_cl3 {
        display: flex;
        margin: 0;
    }

        section.promotion_cl3 section {
            width: 33.33333%;
            margin: 0;
            padding: 14px;
        }

            section.promotion_cl3 section h1 {
                font-size: 2.2rem;
                text-align: center;
                margin-bottom: 14px !important;
            }

            section.promotion_cl3 section.search {
                background: #f3f3f3;
            }

                section.promotion_cl3 section.search p br {
                    display: none;
                }

                section.promotion_cl3 section.search div input {
                    float: left;
                    width: 80%;
                    padding: 3px;
                }

                section.promotion_cl3 section.search div a:after {
                    clear: both;
                }

                section.promotion_cl3 section.search div {
                    margin-bottom: 28px;
                }
            /*section.promotion_cl3 section.quicklinks ul li{ margin-bottom:7px;}
    section.promotion_cl3 section.quicklinks ul li a{ display:block;}*/
            section.promotion_cl3 section.quicklinks ul li a {
                display: block;
                position: relative;
                list-style: none;
                border-top: 1px solid #c4d2e5;
                border-bottom: 1px solid #c4d2e5;
                padding-bottom: .2rem;
                padding: .2rem;
                padding-right: 1.5rem;
                margin-top: -1px;
            }

                section.promotion_cl3 section.quicklinks ul li a:after {
                    content: "";
                    display: block;
                    position: absolute;
                    top: 50%;
                    right: .7rem;
                    width: 7px;
                    height: 7px;
                    border: 0;
                    border-style: solid;
                    border-top-width: 1px;
                    border-right-width: 1px;
                    border-color: #0046ad;
                    -webkit-transform: translateY(-55%) rotate(45deg);
                    transform: translateY(-55%) rotate(45deg);
                }

                section.promotion_cl3 section.quicklinks ul li a:hover {
                    background-color: rgba(0,50,150,.1);
                }

            section.promotion_cl3 section.img {
                padding: 0;
            }

    section.promotion_cl2 {
        display: flex;
        margin: 0;
    }

        section.promotion_cl2 section {
            width: 50%;
            margin: 0;
        }
    /*--- C01 ---*/
    #unit_tab {
        width: 80%;
        display: flex;
        justify-content: center;
        margin: 0 auto;
    }

    .elm-tab {
        width: 80%;
        margin: 0 auto;
    }

    #unit_tab li {
        width: 112px;
        margin-bottom: 14px;
    }

        #unit_tab li a {
            display: block;
            text-align: center;
            font-size: 1.2rem;
            color: #0044b1;
            padding-bottom: 10px;
        }

            #unit_tab li a img {
                display: block;
                margin: 0 auto 5px auto;
            }

            #unit_tab li a:hover, #unit_tab li.selected a {
                text-decoration: none;
                background: url(../../../components/img/icon_news_on_bg.gif) center bottom no-repeat;
            }

    .tab_box {
        margin: 0 auto 40px auto;
    }

        .tab_box table tr th {
            width: 140px;
            vertical-align: top;
            background: #fff !important;
        }

        .tab_box table,
        .tab_box table tr th,
        .tab_box table tr td {
            color: #0044b1 !important;
            border: none !important;
            padding: 5px 0;
        }

    .unit_btn {
        text-align: right;
    }

        .unit_btn a {
            color: #0044b1;
        }

            .unit_btn a:first-child {
                color: #0044b1;
            }

    .tab_box table tr td a {
        color: #0044b1;
    }
    /*------------------------------------------------------------------------
     News tab

    #unit_tab{ width:100%; display:flex;justify-content: center;}
    #unit_tab li{width:100px;}
    #unit_tab li a{ display:block; text-align:center; font-size:1.2rem; color:#0044b1; padding-bottom:10px;}
    #unit_tab li a img{ display:block; margin: 0 auto 5px auto}
    #unit_tab li a:hover , #unit_tab li.selected a{ text-decoration: none; }
    .tab_box{  margin: 0 auto 40px auto;}
    .tab_box table tr th{ width:140px; vertical-align:top}
    .tab_box table,
    .tab_box table tr th,
    .tab_box table tr td{ color:#0044b1; border:none !important; background:#fff !important; padding:5px 0}
    .unit_btn{ text-align:right;}
    .unit_btn a{ color:#0044b1}
    .unit_btn a:first-child{ color:#0044b1;}
    .tab_box table tr td a{ color:#0044b1}
    --*/
    /*------------------------------------------------------------------------
    For Category Top Page(About TDK) --*/
    /*--- A01 ---*/
    section.main_visual {
        margin-top: 45px;
        margin-bottom: 20px;
        position: relative;
        overflow: hidden;
    }

        section.main_visual:before {
            content: "";
            display: block;
            padding-top: 30%;
        }

        section.main_visual h1 {
            position: absolute;
            z-index: 10;
            font-size: 5rem !important;
            top: 40%;
            left: 5%;
        }

        section.main_visual img {
            width: 100%;
            position: absolute;
            top: 0;
            z-index: -1;
        }

    .section_mainvisual.sp {
        margin-top: 0 !important;
    }
    /*--- B01 ---*/
    .corporate_profile { /*max-width: 728px;*/
    }

        .corporate_profile h1 {
            font-size: 3rem;
        }

            .corporate_profile h1,
            .corporate_profile h1 + p,
            .corporate_profile section,
            .corporate_profile section p {
                margin-top: 14px;
            }

                .corporate_profile section adress em {
                    font-weight: bold;
                }
    /*--- C01 ---*/
    nav.local_company_contents ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

        nav.local_company_contents ul li {
            width: 45%;
            margin: 2%;
            text-align: center;
        }

            nav.local_company_contents ul li a {
                display: block;
            }

                nav.local_company_contents ul li a figure {
                    background: #fff;
                    line-height: 0;
                    margin-bottom: 10px;
                }

                    nav.local_company_contents ul li a figure img {
                        width: 100%;
                    }

                nav.local_company_contents ul li a div {
                    font-size: 2rem;
                    text-align: center;
                    color: #333;
                }

                nav.local_company_contents ul li a span:after {
                    content: "";
                    display: inline-block;
                    width: 6px;
                    height: 6px;
                    border-top: 1px solid #0046ad;
                    border-right: 1px solid #0046ad;
                    -webkit-transform: rotate(45deg);
                    transform: rotate(45deg);
                    position: relative;
                    right: -1%;
                    top: -1.25px;
                }

                nav.local_company_contents ul li a:hover {
                    background: #0046ad;
                    color: #fff;
                    text-decoration: none;
                }

                    nav.local_company_contents ul li a:hover div {
                        color: #fff;
                    }

                    nav.local_company_contents ul li a:hover span:after {
                        content: "";
                        display: inline-block;
                        width: 6px;
                        height: 6px;
                        border-top: 1px solid #fff;
                        border-right: 1px solid #fff;
                        -webkit-transform: rotate(45deg);
                        transform: rotate(45deg);
                        position: relative;
                        right: -1%;
                        top: -1.25px;
                    }
    /*--- D01 ---*/
    .group_summary h1 {
        font-size: 2.5rem;
    }

    .group_summary p {
        margin-top: 14px; /* max-width:728px;*/
    }
    /*--- E01 ---*/
    nav.group_contents ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

        nav.group_contents ul li {
            width: 45%;
            margin: 2%;
            text-align: center;
        }

            nav.group_contents ul li a {
                display: block;
            }

                nav.group_contents ul li a figure {
                    background: #fff;
                    line-height: 0;
                    margin-bottom: 10px;
                }

    nav.group_contents a figure img {
        width: 100%;
    }

    nav.group_contents ul li a div {
        font-size: 2rem;
        text-align: center;
        color: #333;
    }

    nav.group_contents ul li a span:after {
        content: "";
        display: inline-block;
        width: 6px;
        height: 6px;
        border-top: 1px solid #0046ad;
        border-right: 1px solid #0046ad;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        position: relative;
        right: -1%;
        top: -1.25px;
    }

    nav.group_contents ul li a:hover {
        background: #0046ad;
        color: #fff;
        text-decoration: none;
    }

        nav.group_contents ul li a:hover div {
            color: #fff;
        }

        nav.group_contents ul li a:hover span:after {
            content: "";
            display: inline-block;
            width: 6px;
            height: 6px;
            border-top: 1px solid #fff;
            border-right: 1px solid #fff;
            -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
            position: relative;
            right: -1%;
            top: -1.25px;
        }
    /*------------------------------------------------------------------------
    For Other Category Top Page --*/
    /*--- A01 ---*/
    section.category_main_visual {
        margin-top: 50px;
        margin-bottom: 20px;
        position: relative;
        overflow: hidden;
    }

        section.category_main_visual:before {
            content: "";
            display: block;
            padding-top: 30%;
        }

        section.category_main_visual h1 {
            position: absolute;
            z-index: 10;
            font-size: 5rem !important;
            top: 40%;
            left: 5%;
        }

        section.category_main_visual img {
            width: 100%;
            position: absolute;
            top: 0;
            z-index: -1;
        }

    .section_mainvisual.sp {
        margin-top: 0 !important;
    }
    /*--- B01 ---*/
    div.large_visual {
        margin-bottom: 56px;
    }

        div.large_visual section {
            position: relative;
        }

            div.large_visual section a {
                display: block;
                line-height: 0;
            }

                div.large_visual section a div {
                    position: absolute;
                    top: 10%;
                    left: 28px;
                    ;
                    z-index: 100;
                    width: 45%;
                }

                div.large_visual section a h1 {
                    color: #000;
                    font-size: 3rem;
                    line-height: 1.2;
                }

                div.large_visual section a p {
                    font-size: 1.6rem;
                    line-height: 1.5;
                    color: #000;
                    margin-top: 14px;
                    width: auto;
                }

                    div.large_visual section a p br {
                        display: none;
                    }

                div.large_visual section a img {
                    width: 100%;
                }

            div.large_visual section:nth-child(2n) a div {
                left: inherit;
                right: 28px !important;
            }
    /*--- B02 ---*/
    nav.small_visual ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

        nav.small_visual ul li {
            width: 45%;
            margin: 2%;
            text-align: center;
        }

            nav.small_visual ul li a {
                display: block;
            }

                nav.small_visual ul li a figure {
                    background: #fff;
                    line-height: 0;
                    margin-bottom: 10px;
                }

                    nav.small_visual ul li a figure img {
                        width: 100%;
                    }

                nav.small_visual ul li a h1 {
                    font-size: 2rem;
                    text-align: center;
                    color: #333;
                    margin-bottom: 0 !important;
                }

                nav.small_visual ul li a p {
                    display: none;
                }

                nav.small_visual ul li a span:after {
                    content: "";
                    display: inline-block;
                    width: 6px;
                    height: 6px;
                    border-top: 1px solid #0046ad;
                    border-right: 1px solid #0046ad;
                    -webkit-transform: rotate(45deg);
                    transform: rotate(45deg);
                    position: relative;
                    right: -1%;
                    top: -1.25px;
                }

                nav.small_visual ul li a:hover {
                    background: #0046ad;
                    color: #fff;
                    text-decoration: none;
                }

                    nav.small_visual ul li a:hover h1 {
                        color: #fff;
                    }

                    nav.small_visual ul li a:hover p {
                        display: none;
                    }

                    nav.small_visual ul li a:hover span:after {
                        content: "";
                        display: inline-block;
                        width: 6px;
                        height: 6px;
                        border-top: 1px solid #fff;
                        border-right: 1px solid #fff;
                        -webkit-transform: rotate(45deg);
                        transform: rotate(45deg);
                        position: relative;
                        right: -1%;
                        top: -1.25px;
                    }
    /*--- C01 ---*/
    section.news h1 {
        font-size: 2.2rem;
    }

    section.news dl dt {
        margin-bottom: 10px;
        float: left;
        clear: both;
        vertical-align: top;
        color: #0044b1;
    }

    section.news dl dd {
        margin-bottom: 10px;
        padding-left: 130px;
    }

        section.news dl dd em {
            display: inline-block;
            margin-right: 14px;
        }

    section.news div {
        text-align: right;
    }

        section.news div a:after {
            content: "";
            display: inline-block;
            width: 6px;
            height: 6px;
            margin-right: 14px;
            border-top: 1px solid #0046ad;
            border-right: 1px solid #0046ad;
            -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
            position: relative;
            right: -1px;
            top: -1.25px;
        }
    /*--- D01 ---*/
    h1 {
        font-size: 2.5rem;
    }
    /*--- D02 ---*/
    section > h1 {
        font-size: 1.8rem;
    }
    /*--- D03 ---*/
    section > h2 {
        font-size: 1.6rem;
        margin-top: 28px;
    }
    /*--- E01 ---*/
    div.category_top p {
        margin-bottom: 14px;
        max-width: 738px;
    }

        div.category_top p:last-child {
            margin-bottom: 0;
        }
        /*--- E02 ---*/
        div.category_top p.text_center {
            text-align: center;
        }
        /*--- E03 ---*/
        div.category_top p.text_right {
            text-align: right;
        }
    /*------------------------------------------------------------------------
    For Sub-category Top Page --*/
    /*--- A01 ---*/
    .sub_category > header {
        margin: auto;
    }

        .sub_category > header div {
            text-align: center;
            font-size: 2.1rem;
        }

        .sub_category > header h1 {
            text-align: center;
            font-size: 3rem;
            margin-bottom: 28px;
        }
    /*--- B01 B02 ---*/
    nav.sub_category > ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

        nav.sub_category > ul li {
            width: 45%;
            margin: 2%;
            text-align: center;
        }

            nav.sub_category > ul li a div {
                font-size: 2rem;
                text-align: center;
                color: #333;
            }

                nav.sub_category > ul li a div:after {
                    content: "";
                    display: inline-block;
                    width: 12px;
                    height: 12px;
                    border-top: 1px solid #333;
                    border-right: 1px solid #333;
                    -webkit-transform: rotate(45deg);
                    transform: rotate(45deg);
                    position: relative;
                    right: -1%;
                    top: -1.25px;
                }

            nav.sub_category > ul li a:hover div {
                color: #0046ad;
            }

                nav.sub_category > ul li a:hover div:after {
                    content: "";
                    display: inline-block;
                    width: 12px;
                    height: 12px;
                    border-top: 1px solid #0046ad;
                    border-right: 1px solid #0046ad;
                    -webkit-transform: rotate(45deg);
                    transform: rotate(45deg);
                    position: relative;
                    right: -1%;
                    top: -1.25px;
                }
    /*------------------------------------------------------------------------
    For Content Page --*/
    /*--- A01 A02 A03---*/
    #contents > header {
        margin: auto;
    }

        #contents > header div {
            text-align: center;
            font-size: 2.1rem;
        }

        #contents > header h1 {
            text-align: center;
            font-size: 3rem;
            margin-bottom: 28px;
        }
    /*--- A03 ---*/
    #contents > header {
        margin: auto;
    }

        #contents > header ul {
            text-align: center;
        }

            #contents > header ul li {
                font-size: 2.1rem;
                display: inline-block;
            }

                #contents > header ul li:nth-child(2):before {
                    content: " | ";
                }

        #contents > header h1 {
            text-align: center;
            font-size: 3rem;
            margin-bottom: 28px;
        }
    /*--- A04 ---*/
    #contents > h1 {
        font-size: 2.5rem;
        margin-bottom: 56px;
    }
        /*--- A04-2 ---*/
        #contents > h1.text_center {
            text-align: center;
        }
    /*--- A05 ---*/
    #contents h1 {
        font-size: 1.8rem;
        margin-bottom: 28px;
    }
        /*--- A05-2 ---*/
        #contents h1.text_center {
            text-align: center;
        }
    /*--- A06 ---*/
    #contents h2 {
        font-size: 1.6rem;
        margin-bottom: 14px;
    }
        /*--- A06-2 ---*/
        #contents h2.text_center {
            text-align: center;
        }
    /*--- A07 ---*/
    #contents h3 {
        font-size: 1.5rem;
        margin-bottom: 14px;
    }
        /*--- A07-2 ---*/
        #contents h3.text_center {
            text-align: center;
        }
    /*--- B01 ---*/
    #contents p {
        margin-bottom: 14px; /*max-width:728px;*/
    }

        #contents p:last-child {
            margin-bottom: 0;
        }
        /*--- B01-2 ---*/
        #contents p.text_center {
            text-align: center;
        }
        /*--- B01-3 ---*/
        #contents p.text_right {
            text-align: right;
        }
        /*--- B02 ---*/
        #contents p strong {
            font-size: 2.5rem;
            line-height: 1.5;
        }
        /*--- B02-2 ---*/
        #contents p.text_center strong {
            text-align: center;
        }
        /*--- B02-3 ---*/
        #contents p.text_right strong {
            text-align: center;
        }
        /*--- B03 ---*/
        #contents p small {
            font-size: 1.1rem;
            display: block;
            line-height: 1.5;
        }
        /*--- B03-2 ---*/
        #contents p.text_center small {
            text-align: center;
        }
        /*--- B03-3 ---*/
        #contents p.text_right small {
            text-align: right;
        }
        /*--- B04 ---*/
        #contents p b {
            font-weight: bold;
        }
    /*--- B05 ---*/
    .color {
        color: #A24100;
    }
    /*--- B07 ---*/
    #contents p i {
        font-style: italic;
    }
    /*--- B08 ---*/
    ul.notes {
        margin-top: 28px;
        margin-left: 2rem;
    }

        ul.notes li {
            list-style: circle;
            font-size: 12px;
            color: #666;
            margin-bottom: 10px;
        }
    /*--- B09 ---*/
    ul.notes_plane {
        margin-top: 28px;
    }

        ul.notes_plane li {
            list-style: none;
            font-size: 12px;
            color: #666;
            padding-left: 1em;
            text-indent: -1em;
            line-height: 1.2;
            margin-bottom: 10px;
        }

            ul.notes_plane li:before {
                content: "* ";
            }
    /*--- C01 ---*/
    ul.disc {
        margin: 28px 0;
    }

        ul.disc li {
            list-style: disc;
            margin-left: 2rem;
            margin-bottom: 14px;
        }
    /*--- C02 ---*/
    ol.decimal {
        margin: 28px 0;
    }

        ol.decimal li {
            list-style: decimal;
            margin-left: 2rem;
            margin-bottom: 14px;
        }
    /*--- C03 ---*/
    ol.roman {
        margin: 28px 0;
    }
    /*--- C04 ---*/
    ol.parentheses {
        padding: 0;
        margin: 0;
    }

        ol.parentheses li {
            list-style-type: none;
            list-style-position: inside;
            counter-increment: cnt;
            padding-left: 2em;
            text-indent: -2em;
            margin-bottom: 14px;
        }

            ol.parentheses li:before {
                display: marker;
                content: "(" counter(cnt) ") ";
            }
    /*--- D01 ---*/
    ul.links {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        margin-top: 28px;
    }

        ul.links li {
            margin-bottom: 10px;
            width: 100%;
        }

            ul.links li a {
                position: relative;
                display: block;
                width: 100%;
                height: 100%;
                padding: 5px 40px 5px 10px;
                background: #ededed;
                overflow: hidden;
            }

                ul.links li a:after {
                    content: "";
                    width: 30px;
                    height: 90px;
                    background: #f7f7f7;
                    position: absolute;
                    right: 0;
                    top: 0;
                }

                ul.links li a:before {
                    content: '';
                    width: 8px;
                    height: 8px;
                    border: 0px;
                    border-top: solid 1px #999;
                    border-right: solid 1px #999;
                    -ms-transform: rotate(45deg);
                    -webkit-transform: rotate(45deg);
                    transform: rotate(45deg);
                    position: absolute;
                    top: 35%;
                    right: 12px;
                    z-index: 10;
                }

                ul.links li a:hover {
                    background: #0046ad;
                    color: #fff;
                }

                    ul.links li a:hover:after {
                        content: "";
                        width: 30px;
                        height: 90px;
                        background: #5b88ca;
                        position: absolute;
                        right: 0;
                        top: 0;
                    }

                    ul.links li a:hover:before {
                        border-top: solid 1px #FFF;
                        border-right: solid 1px #FFF;
                    }
    /*--- D01-2 ---*/
    a.icon_pdf:before {
        content: url(../../common/img/icon_pdf.gif);
    }

    a.icon_web:before {
        content: url(../../common/img/icon_web.gif);
    }

    a.icon_list:before {
        content: url(../../common/img/icon_list.gif);
    }

    a.icon_xls:before {
        content: url(../../common/img/icon_exl.gif);
    }

    a.icon_img:before {
        content: url(../../common/img/icon_jpg.gif);
    }

    a.icon_rss:before {
        content: url(../../common/img/icon_rss.gif);
    }

    a.icon_movie:before {
        content: url(../../common/img/icon_movie.gif);
    }

    a.icon_doc:before {
        content: url(../../common/img/icon_wrd.gif);
    }

    a.icon_zip:before {
        content: url(../../common/img/icon_zip.gif);
    }

    a.icon_webblank:before {
        content: url(../../common/img/icon_web_blank.gif);
    }

    a.icon_pdf:before, a.icon_web:before, a.icon_list:before, a.icon_xls:before, a.icon_img:before, a.icon_rss:before, a.icon_movie:before, a.icon_doc:before, a.icon_zip:before, a.icon_webblank:before {
        display: inline-block;
        margin-right: 5px;
        vertical-align: middle;
    }

    a.icon_list:after, a.icon_webblank:after, a.icon_doc:after, a.icon_zip:after, a.icon_movie:after, a.icon_rss:after, a.icon_img:after, a.icon_xls:after, a.icon_web:after, a.icon_pdf:after, a.link:after {
        content: "";
        display: inline-block;
        width: 7px;
        height: 7px;
        border-top: 1px solid #0046ad;
        border-right: 1px solid #0046ad;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        position: relative;
        right: -2px;
        top: -2px;
    }
    /*--- D02 ---*/
    ul#page_links {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        margin-top: 56px;
    }

        ul#page_links li {
            width: 49%;
            margin-bottom: 10px;
        }

            ul#page_links li a {
                position: relative;
                display: block;
                width: 100%;
                height: 100%;
                padding: 5px 40px 5px 10px;
                background: #ededed;
                overflow: hidden;
            }

                ul#page_links li a:after {
                    content: "";
                    width: 30px;
                    height: 90px;
                    background: #f7f7f7;
                    position: absolute;
                    right: 0;
                    top: 0;
                }

                ul#page_links li a:before {
                    content: '';
                    width: 8px;
                    height: 8px;
                    border: 0px;
                    border-top: solid 1px #999;
                    border-right: solid 1px #999;
                    -ms-transform: rotate(45deg);
                    -webkit-transform: rotate(45deg);
                    transform: rotate(45deg);
                    position: absolute;
                    top: 35%;
                    right: 12px;
                    z-index: 10;
                }

                ul#page_links li a:hover {
                    background: #0046ad;
                    color: #fff;
                }

                    ul#page_links li a:hover:after {
                        content: "";
                        width: 30px;
                        height: 90px;
                        background: #5b88ca;
                        position: absolute;
                        right: 0;
                        top: 0;
                    }

                    ul#page_links li a:hover:before {
                        border-top: solid 1px #FFF;
                        border-right: solid 1px #FFF;
                    }
    /*--- D03 ---*/
    nav#nav_local_s div {
        font-size: 2rem;
        margin: 56px 0 14px 0;
    }

    nav#nav_local_s ul li {
        display: inline-block;
    }

        nav#nav_local_s ul li a {
            position: relative;
            display: block;
            width: 100%;
            height: 100%;
            padding: 5px 40px 5px 10px;
            background: #ededed;
            overflow: hidden;
        }

            nav#nav_local_s ul li a:after {
                content: "";
                width: 30px;
                height: 90px;
                background: #f7f7f7;
                position: absolute;
                right: 0;
                top: 0;
            }

            nav#nav_local_s ul li a:before {
                content: '';
                width: 8px;
                height: 8px;
                border: 0px;
                border-top: solid 1px #999;
                border-right: solid 1px #999;
                -ms-transform: rotate(45deg);
                -webkit-transform: rotate(45deg);
                transform: rotate(45deg);
                position: absolute;
                top: 35%;
                right: 12px;
                z-index: 10;
            }

            nav#nav_local_s ul li a:hover {
                background: #0046ad;
                color: #fff;
            }

                nav#nav_local_s ul li a:hover:after {
                    content: "";
                    width: 30px;
                    height: 90px;
                    background: #5b88ca;
                    position: absolute;
                    right: 0;
                    top: 0;
                }

                nav#nav_local_s ul li a:hover:before {
                    border-top: solid 1px #FFF;
                    border-right: solid 1px #FFF;
                }
    /*--- D04 ---*/
    ul#page_anchor {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        margin-bottom: 56px;
    }

        ul#page_anchor li {
            width: 49%;
            margin-bottom: 10px;
        }

            ul#page_anchor li a {
                position: relative;
                display: block;
                width: 100%;
                height: 100%;
                padding: 5px 40px 5px 10px;
                background: #ededed;
                overflow: hidden;
            }

                ul#page_anchor li a:after {
                    content: "";
                    width: 30px;
                    height: 90px;
                    background: #f7f7f7;
                    position: absolute;
                    right: 0;
                    top: 0;
                }

                ul#page_anchor li a:before {
                    content: '';
                    width: 8px;
                    height: 8px;
                    border: 0px;
                    border-top: solid 1px #999;
                    border-right: solid 1px #999;
                    -ms-transform: rotate(135deg);
                    -webkit-transform: rotate(135deg);
                    transform: rotate(135deg);
                    position: absolute;
                    top: 35%;
                    right: 10px;
                    z-index: 10;
                }

                ul#page_anchor li a:hover {
                    background: #0046ad;
                    color: #fff;
                }

                    ul#page_anchor li a:hover:after {
                        content: "";
                        width: 30px;
                        height: 90px;
                        background: #5b88ca;
                        position: absolute;
                        right: 0;
                        top: 0;
                    }

                    ul#page_anchor li a:hover:before {
                        border-top: solid 1px #FFF;
                        border-right: solid 1px #FFF;
                    }
    /*--- D05 ---*/
    ul#page_anchor_inline {
        display: flex;
        flex-wrap: wrap;
        margin-bottom: 56px;
    }

        ul#page_anchor_inline li {
            margin-bottom: 10px;
            margin-right: 10px;
        }

            ul#page_anchor_inline li a {
                position: relative;
                display: block;
                width: 100%;
                height: 100%;
                padding: 5px 40px 5px 10px;
                background: #ededed;
                overflow: hidden;
            }

                ul#page_anchor_inline li a:after {
                    content: "";
                    width: 30px;
                    height: 90px;
                    background: #f7f7f7;
                    position: absolute;
                    right: 0;
                    top: 0;
                }

                ul#page_anchor_inline li a:before {
                    content: '';
                    width: 8px;
                    height: 8px;
                    border: 0px;
                    border-top: solid 1px #999;
                    border-right: solid 1px #999;
                    -ms-transform: rotate(135deg);
                    -webkit-transform: rotate(135deg);
                    transform: rotate(135deg);
                    position: absolute;
                    top: 35%;
                    right: 10px;
                    z-index: 10;
                }

                ul#page_anchor_inline li a:hover {
                    background: #0046ad;
                    color: #fff;
                }

                    ul#page_anchor_inline li a:hover:after {
                        content: "";
                        width: 30px;
                        height: 90px;
                        background: #5b88ca;
                        position: absolute;
                        right: 0;
                        top: 0;
                    }

                    ul#page_anchor_inline li a:hover:before {
                        border-top: solid 1px #FFF;
                        border-right: solid 1px #FFF;
                    }
    /*--- D06 ---*/
    ul#page_links_inline {
        display: flex;
        flex-wrap: wrap;
        margin-bottom: 56px;
    }

        ul#page_links_inline li {
            margin-bottom: 10px;
            margin-right: 10px;
        }

            ul#page_links_inline li.non {
                background: #ededed;
                padding: 5px 40px 5px 10px;
            }

            ul#page_links_inline li a {
                position: relative;
                display: block;
                width: 100%;
                height: 100%;
                padding: 5px 40px 5px 10px;
                background: #ededed;
                overflow: hidden;
            }

                ul#page_links_inline li a:after {
                    content: "";
                    width: 30px;
                    height: 90px;
                    background: #f7f7f7;
                    position: absolute;
                    right: 0;
                    top: 0;
                }

                ul#page_links_inline li a:before {
                    content: '';
                    width: 8px;
                    height: 8px;
                    border: 0px;
                    border-top: solid 1px #999;
                    border-right: solid 1px #999;
                    -ms-transform: rotate(135deg);
                    -webkit-transform: rotate(135deg);
                    transform: rotate(135deg);
                    position: absolute;
                    top: 35%;
                    right: 10px;
                    z-index: 10;
                }

                ul#page_links_inline li a:hover {
                    background: #0046ad;
                    color: #fff;
                }

                    ul#page_links_inline li a:hover:after {
                        content: "";
                        width: 30px;
                        height: 90px;
                        background: #5b88ca;
                        position: absolute;
                        right: 0;
                        top: 0;
                    }

                    ul#page_links_inline li a:hover:before {
                        border-top: solid 1px #FFF;
                        border-right: solid 1px #FFF;
                    }
    /*--- E01 ---*/
    .table_2clm_sty table {
        width: 100%;
    }

        .table_2clm_sty table tr th {
            width: 30%;
        }
    /*--- E02 ---*/
    .table_2clm table tr th {
        width: 30%;
    }
    /*--- E03 ---*/
    .table_3clm table tr > th:first-child,
    .table_3clm table tr > td:first-child {
        width: 50%;
    }
    /*--- E04 ---*/
    .table table.half tr > td {
        width: 50%;
    }

    .table table {
        width: 100%;
        margin: 28px 0;
    }

        .table table tr th {
            background: #949494;
            font-weight: normal;
            text-align: center;
            color: #fff;
            padding: 0.8em 0.5em;
        }

        .table table tr td {
            padding: 7px;
        }

            .table table tr td .minus {
                color: #c00;
            }

            .table table tr td.subttl,
            .table table tr td.year {
                background: #f7f8f9;
            }

            .table table tr td.recent {
                background: #f2f6fb;
                text-align: right;
            }

            .table table tr td.date {
                background: #f2f6fb;
            }

            .table table tr td.space {
                background: #f7f8f9;
                border-right: none;
                border-top: none;
                border-bottom: solid 1px #ddd;
            }

            .table table tr td.space01 {
                background: #f7f8f9;
                border-right: none;
                border-top: none;
                border-bottom: solid 1px #ccc;
            }

            .table table tr td.bdr {
                border-bottom: solid 1px #ccc;
                border-left: none;
            }
    /*--- E05 ---*/
    .table_complex table {
        width: 760px !important;
        margin: 28px 0;
    }

    .table_complex {
        width: 100%;
        overflow-x: auto;
        position: relative;
    }

        .table_complex .arrow {
            width: 92px;
            height: 92px;
            margin: 0 0 0 -46px;
            position: absolute;
            top: 40%;
            left: 50%;
            display: block;
            z-index: 2;
            background: url("../../../common/img/table_guide.png") no-repeat;
        }

        .table_complex:hover .arrow {
            display: none;
        }
    /*--- F00 ---*/
    .unit_img {
        margin-bottom: 28px;
        text-align: center;
    }

        .unit_img img {
            max-width: 100%;
            max-height: 100%;
        }
    /*--- F01 02 03 ---*/
    .img_box {
        margin: 56px 0;
        display: flex;
        justify-content: center;
    }

        .img_box figure {
            margin: 0 14px;
            width: auto;
            line-height: 0;
        }

            .img_box figure img {
                width: 100%;
            }

            .img_box figure figcaption {
                text-align: center;
                margin-top: 7px;
                width: 100%;
                line-height: 1.5;
            }

            .img_box figure:first-child {
                margin-left: 0;
            }

            .img_box figure:last-child {
                margin-right: 0;
            }
    /*--- F04 05 06 ---*/
    .text_box ul {
        margin: 56px 0;
        display: flex;
    }

        .text_box ul li {
            margin: 0 14px;
            width: auto;
        }

            .text_box ul li:first-child {
                margin-left: 0;
            }

            .text_box ul li:last-child {
                margin-right: 0;
            }
    /*--- F07 08 09 ---*/
    .img_text_box ul {
        margin: 56px 0;
        display: flex;
    }

        .img_text_box ul li {
            margin: 0 14px;
            flex: 1;
        }

            .img_text_box ul li figure {
                margin-bottom: 14px;
                line-height: 0;
            }

                .img_text_box ul li figure img {
                    width: 100%;
                }

                .img_text_box ul li figure p {
                    line-height: 1.5;
                }

            .img_text_box ul li:first-child {
                margin-left: 0;
            }

            .img_text_box ul li:last-child {
                margin-right: 0;
            }
    /*--- F12 ---*/
    .img_text {
        display: flex;
        justify-content: space-between;
    }

        .img_text p {
            max-width: 60% !important;
            margin: 0;
        }

        .img_text figure {
            width: 40%;
            margin-right: 14px;
        }
    /*.img_text figure img{ width:100%}*/
    /*--- F13 ---*/
    .text_img {
        display: flex;
        justify-content: space-between;
    }

        .text_img p {
            max-width: 60% !important;
            margin: 0;
        }

        .text_img figure {
            width: 40%;
            margin-left: 14px;
        }
    /*.text_img figure img{ width:100%}*/
    /*--- G01 ---*/
    .tab_unit {
        display: flex;
        width: 100%;
    }

        .tab_unit a {
            width: 100%;
            display: block;
            text-align: center;
            background: #f1f1f1;
            border: solid 1px #ccc;
            padding: 5px;
            border-bottom: none;
            border-right: none;
            vertical-align: middle;
        }

            .tab_unit a:last-child {
                border-right: solid 1px #ccc;
            }

            .tab_unit a:hover {
                background: #fff;
            }
    /*------------------------------------------------------------------------
     Category toppage navigation --*/
    .unit_contents_links {
        display: flex;
        flex-wrap: wrap;
    }

        .unit_contents_links li {
            width: 50%;
            margin-top: 5%;
        }

            .unit_contents_links li:nth-child(odd) {
                padding-right: 2% !important;
            }

            .unit_contents_links li:nth-child(even) {
                padding-left: 2% !important;
            }

            .unit_contents_links li img {
                width: 100%;
            }

            .unit_contents_links li a {
                display: block;
                line-height: 0;
            }

                .unit_contents_links li a div {
                    padding-top: 10px;
                    background: #fff;
                    -webkit-transition: all .3s ease;
                    -moz-transition: all .3s ease;
                    transition: all .3s ease;
                    display: block;
                    padding-bottom: 1rem;
                }

                    .unit_contents_links li a div p {
                        width: 100% !important;
                        text-align: center !important;
                    }

                .unit_contents_links li a h3 {
                    font-size: 2rem;
                    margin: 0;
                    text-align: center;
                }

                .unit_contents_links li a p {
                    margin: 1rem 0;
                    line-height: 1.5;
                }

                .unit_contents_links li a span {
                    text-align: center;
                    margin-top: 0.5rem;
                    color: #0044b1;
                    display: block;
                }

                    .unit_contents_links li a span:after {
                        content: "";
                        display: inline-block;
                        width: 6px;
                        height: 6px;
                        border-top: 1px solid #0046ad;
                        border-right: 1px solid #0046ad;
                        -webkit-transform: rotate(45deg);
                        transform: rotate(45deg);
                        position: relative;
                        right: -1%;
                        top: -1.25px;
                    }

                .unit_contents_links li a:hover div {
                    background: #0046ad;
                }

                    .unit_contents_links li a:hover div h3,
                    .unit_contents_links li a:hover div p,
                    .unit_contents_links li a:hover div span {
                        color: #fff !important;
                    }

                .unit_contents_links li a:hover span:after {
                    border-top: 1px solid #fff;
                    border-right: 1px solid #fff;
                }
    /*------------------------------------------------------------------------
     Category toppage large visual link --*/
    .topic_visual_right,
    .topic_visual_left {
        position: relative;
        overflow: hidden;
    }

        .topic_visual_right a img,
        .topic_visual_left a img {
            width: 100%;
        }

        .topic_visual_right a,
        .topic_visual_left a {
            display: block;
            line-height: 0;
        }

        .topic_visual_right p br,
        .topic_visual_left p br {
            display: none;
        }

        .topic_visual_right a:hover h2,
        .topic_visual_right a:hover p,
        .topic_visual_left a:hover h2,
        .topic_visual_left a:hover p {
            color: #0044b1 !important;
        }

        .topic_visual_right h2 {
            position: absolute;
            top: 10%;
            left: 5%;
            color: #000;
            z-index: 100;
            font-size: 200% !important;
        }

        .topic_visual_left h2 {
            position: absolute;
            top: 10%;
            left: 50%;
            color: #000;
            z-index: 100;
            font-size: 200% !important;
        }

        .topic_visual_right p {
            position: absolute;
            top: 25%;
            left: 5%;
            font-size: 1.8rem;
            width: 45%;
            line-height: 1.5;
            color: #000;
            z-index: 100;
        }

        .topic_visual_left p {
            position: absolute;
            top: 25%;
            left: 50%;
            font-size: 1.8rem;
            width: 45%;
            line-height: 1.5;
            color: #000;
            z-index: 100;
        }

        .topic_visual_left .sign {
            position: absolute;
            bottom: 20px;
            left: 0;
            width: 95%;
            z-index: 999;
            color: #000;
            text-align: right;
            line-height: 1.3;
        }

        .topic_visual_right a:hover .sign,
        .topic_visual_left a:hover .sign {
            color: #0044b1;
        }

        .topic_visual_left .sign li em {
            font-weight: normal;
        }
    /*------------------------------------------------------------------------
     Category local navi --*/
    #contents ul#content_nav {
        display: flex;
        flex-wrap: wrap;
    }

        #contents ul#content_nav li {
            width: 50%;
            margin-top: 5%;
            text-align: center;
        }

            #contents ul#content_nav li:nth-child(odd) {
                padding-right: 3% !important;
            }

            #contents ul#content_nav li:nth-child(even) {
                padding-left: 3% !important;
            }

            #contents ul#content_nav li a {
                display: block;
                line-height: 0;
            }

                #contents ul#content_nav li a h3 {
                    font-size: 2rem;
                    text-align: center;
                    color: #333;
                }

                    #contents ul#content_nav li a h3.linkText:after {
                        content: "";
                        display: inline-block;
                        width: 10px;
                        height: 10px;
                        border-top: 1px solid #666;
                        border-right: 1px solid #666;
                        -webkit-transform: rotate(45deg);
                        transform: rotate(45deg);
                        position: relative;
                        right: -2.5%;
                        top: -1.3px;
                    }

                #contents ul#content_nav li a img {
                    margin-bottom: 10px;
                }

                #contents ul#content_nav li a p {
                    line-height: 1.5;
                    width: auto;
                    margin-bottom: 10px;
                }
    /*------------------------------------------------------------------------
     Local content title set --*/
    .titleWrapper {
        text-align: center;
        margin: 30px 0 !important;
    }

        .titleWrapper h1 {
            font-size: 3.2rem !important;
            margin: 0 !important;
        }

        .titleWrapper em {
            font-size: 2.1rem;
            margin-top: 0 !important;
            text-align: center;
            line-height: 1.3;
            height: auto !important;
            margin-bottom: 10px !important;
            font-weight: normal !important;
        }

            .titleWrapper em + em {
                display: inline-block;
                padding-left: 10px;
                margin-left: 10px;
                border-left: solid 1px #000;
            }
    /*------------------------------------------------------------------------
     Column --*/
    .column3,
    .column2 {
        display: flex;
        flex-wrap: wrap;
    }

        .column3 > div,
        .column2 > div {
            width: 50%;
            margin-top: 2.5%;
        }

            .column3 > div:nth-child(odd) {
                padding-right: 2% !important;
            }

            .column3 > div:nth-child(even) {
                padding-left: 2% !important;
            }
    /*------------------------------------------------------------------------
     List --*/
    dl.list_item_unit dt {
        margin-bottom: 10px;
        float: left;
        clear: both;
        vertical-align: top;
        color: #0044b1;
    }

    dl.list_item_unit dd {
        margin-bottom: 10px;
        padding-left: 130px;
    }
}

/* Large-win ////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media print, screen and (min-width: 950px) {
    /*------------------------------------------------------------------------
     Layout --*/
    nav.local_company_contents ul {
        -webkit-padding-start: 0px;
        margin-top: 20px;
        margin-left: 0px;
        margin-right: 0px;
    }

    div#wrapper {
        max-width: 980px;
        margin: 0 auto; /* padding:0 50px;*/
    }

    .clm2,
    .clm3 {
        margin-right: -20px;
        overflow: hidden;
    }

    div .inner {
        float: left;
    }

    .clm2 .inner {
        width: 370px;
        margin-right: 20px;
    }

    .clm3 .inner {
        width: 240px;
        margin-right: 20px;
    }

    .clm2_imgr .inner:first-child {
        width: 500px;
        margin-right: 20px;
    }

    .clm2_imgl .inner:last-child {
        width: 500px;
        margin-left: 20px;
    }
    /*------------------------------------------------------------------------
     Side navigation --*/
    #left_box {
        z-index: 9999;
        height: 0 !important;
    }

    #side_nav li a.active,
    #side_nav li.active a {
        background: #333 !important;
    }

    #sd {
        width: 230px;
        height: 100%;
        color: white;
        overflow-y: scroll;
        overflow-x: hidden;
        position: fixed;
        left: -230px;
        top: 95px;
        z-index: 999;
        padding: 0 0 20px 0;
        transition: -webkit-transform 0.3s ease-out;
        transition: transform 0.3s ease-out;
        background: rgba(102,102,102,0.8);
    }

        #sd.block {
            -webkit-transform: translate3d(230px, 0, 0);
            transform: translate3d(230px, 0, 0);
        }

        #sd .close {
            display: block;
            margin-bottom: 10px;
            padding: 5px 10px;
        }

            #sd .close:hover {
                cursor: pointer;
            }

        #sd ul {
            margin: 0;
            padding: 0;
            width: 100%;
        }

            #sd ul li {
                list-style: none;
                margin: 0;
                padding: 0; /*- border-bottom: solid 1px #ccc;-*/
            }

                #sd ul li a {
                    color: #fff !important;
                    text-decoration: none;
                    display: block;
                    padding: 0.5em;
                    font-size: 1.2rem;
                    line-height: 1.5;
                    background-image: none !important;
                    -webkit-transition: all .3s ease;
                    -moz-transition: all .3s ease;
                    transition: all .3s ease;
                }

                    #sd ul li a:hover, #sd ul li ul.sub_nav li a:hover {
                        background: #333 !important;
                        animation: bgcolor;
                    }

    ul.sub_nav li {
        border-bottom: none !important;
    }

        ul.sub_nav li a {
            display: block;
            background: none !important;
            padding: 0.3em 0 0.3em 2em !important;
            border: none;
            color: #fff;
        }

    hr {
        border: none;
    }

    .sd-trigger {
        background: #666;
        color: #fff;
        height: 100%;
        position: fixed;
        padding: 5px 10px;
        top: 95px;
        left: 0;
        z-index: 999;
    }

        .sd-trigger:hover {
            cursor: pointer;
            text-decoration: underline;
            background: #4d4d4d;
        }
    /*------------------------------------------------------------------------
     Local navi & Anchor

    .nav_local ,
    #nav_local  { display: flex; flex-wrap:wrap;}
    .nav_local li,
    #nav_local li{ margin-bottom:1.5%; padding-right:1.5%}
    #nav_local.column2{ justify-content:space-between;}
    #nav_local.column2 li{ width:50%; padding-right:0}
    #nav_local.column2 li:nth-child(odd){ padding-right:0.75%;}
    #nav_local.column2 li:nth-child(even){ padding-left:0.75%;}



    .nav_local li a,
    #nav_local li a { width:100%; display: block;position: relative;padding: 12px 30px 10px 8px;background: #ededed url(../../common/img/btn_arrow01.gif) right top no-repeat;text-decoration: none;}
    .nav_local li.selected a,
    #nav_local li.selected a {background: #336bbd url(../../common/img/btn_arrow01.gif) right bottom no-repeat;color: #fff;}
    .nav_local li a:hover,
    #nav_local li a:hover {background-color: rgba(237,237,237,0.7);}
    .nav_local li.selected a:hover,
    #nav_local li.selected a:hover {background-color: rgba(51,107,189,0.8);}
    .nav_local li a:hover:after,
    #nav_local li a:hover:after {border-top:2px solid #aaa;border-right:2px solid #aaa;}
    .nav_local li.selected a:hover:after,
    #nav_local li.selected a:hover:after {border-top:2px solid #fff;border-right:2px solid #fff;}
     --*/
    /*-- Arrow --*/
    .nav_local li a:after,
    #nav_local li a:after {
        content: "";
        display: block;
        width: 10px;
        height: 10px;
        border-top: 2px solid #777;
        border-right: 2px solid #777;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        position: absolute;
        right: 12px;
        top: 50%;
        margin-top: -6px;
    }

    .nav_local li.selected a:after,
    #nav_local li.selected a:after {
        content: "";
        border-top: 2px solid #fff;
        border-right: 2px solid #fff;
    }

    #sd-overlay {
        width: 100%;
        height: 100%;
        position: fixed;
        left: 0;
        top: 95px;
        z-index: -1;
        transition: 0.3s;
    }

        #sd-overlay.block {
            z-index: 9;
            filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
        }
    /*------------------------------------------------------------------------
     Table --*/
    table {
        width: 100%;
    }

        table tr th, table tr td {
            border: solid 1px #CCC;
            padding: 5px;
            word-break: break-all !important;
            line-height: 1.5em;
        }

    #stage #contents table tr th,
    #stage #contents table tr td {
        padding: 0 0.5em;
    }

    #stage #contents table tr th {
        background: #f7f8f9;
        font-weight: normal;
        color: #000;
    }

    #stage #contents table th.wide_l,
    #stage #contents table td.wide_l {
        width: 40%;
    }

    #stage #contents table th.wide_m,
    #stage #contents table td.wide_m {
        width: 30%;
    }

    #stage #contents table th.wide_s,
    #stage #contents table td.wide_s {
        width: 20%;
    }

    table.cell5 tr th,
    table.cell5 tr td {
        width: 20%;
    }

    table.cell4 tr th,
    table.cell4 tr td {
        width: 25%;
    }

    table.cell3 tr th,
    table.cell3 tr td {
        width: 33.3333%;
    }

    table.cell2 tr th,
    table.cell2 tr td {
        width: 50%;
    }
    /*------------------------------------------------------------------------
     Contents

    #contents{width:980px; }
    .nav_local_s li,
    #nav_local_s li,
    .page_anchor li,
    #page_anchor li {display: flex; flex-wrap:wrap; justify-content:space-between;}
    #press_release #main{ width:728px; margin:0 auto}
    --*/
    /*------------------------------------------------------------------------
    Sub-promotion area --*/
    /*--- B01 ---*/
    section#products {
        background: #d9e3ed;
        padding: 28px;
        margin: 0;
    }

        section#products h1 {
            font-size: 2.2rem;
            text-align: center;
        }

        section#products ul {
            column-count: 3 !important;
            column-gap: 56px;
            display: block !important;
        }

            section#products ul li:nth-child(1),
            section#products ul li:nth-child(7),
            section#products ul li:nth-child(14) {
                border-top: solid 1px #adc7e0;
            }

            section#products ul li {
                width: 100% !important;
                border-bottom: solid 1px #adc7e0;
                display: inline-block;
            }

                section#products ul li a {
                    padding: 7px 20px 7px 5px;
                    display: block;
                    position: relative;
                    line-height: 1.5;
                }

                    section#products ul li a:after {
                        content: "";
                        display: inline-block;
                        width: 7px;
                        height: 7px;
                        border-top: 1px solid #0046ad;
                        border-right: 1px solid #0046ad;
                        -webkit-transform: rotate(45deg);
                        transform: rotate(45deg);
                        position: absolute;
                        right: 10px;
                        top: 40%;
                    }

                    section#products ul li a:hover {
                        background: #c0d5e9;
                    }

    section.promotion_cl3 {
        display: flex;
        margin: 0;
    }

        section.promotion_cl3 section {
            width: 33.33333%;
            margin: 0;
            padding: 28px;
        }

            section.promotion_cl3 section h1 {
                font-size: 2.2rem;
                text-align: center;
                margin-bottom: 14px !important;
            }

            section.promotion_cl3 section.search {
                background: #f3f3f3;
            }

                section.promotion_cl3 section.search div input {
                    float: left;
                    width: 80%;
                    padding: 3px;
                }

                section.promotion_cl3 section.search div a:after {
                    clear: both;
                }

                section.promotion_cl3 section.search div {
                    margin-bottom: 28px;
                }
            /*section.promotion_cl3 section.quicklinks ul li{ margin-bottom:7px;}
    section.promotion_cl3 section.quicklinks ul li a{ display:block;}*/
            section.promotion_cl3 section.quicklinks ul li a {
                display: block;
                position: relative;
                list-style: none;
                border-top: 1px solid #c4d2e5;
                border-bottom: 1px solid #c4d2e5;
                padding-bottom: .5rem;
                padding: .5rem;
                padding-right: 1.5rem;
                margin-top: -1px;
            }

                section.promotion_cl3 section.quicklinks ul li a:after {
                    content: "";
                    display: block;
                    position: absolute;
                    top: 50%;
                    right: .7rem;
                    width: 7px;
                    height: 7px;
                    border: 0;
                    border-style: solid;
                    border-top-width: 1px;
                    border-right-width: 1px;
                    border-color: #0046ad;
                    -webkit-transform: translateY(-55%) rotate(45deg);
                    transform: translateY(-55%) rotate(45deg);
                }

                section.promotion_cl3 section.quicklinks ul li a:hover {
                    background-color: rgba(0,50,150,.1);
                }

            section.promotion_cl3 section.img {
                padding: 0;
            }

    section.promotion_cl2 {
        display: flex;
        margin: 0;
    }

        section.promotion_cl2 section {
            width: 50%;
            margin: 0;
        }
    /*--- C01 ---*/
    #unit_tab {
        width: 100%;
        display: flex;
        justify-content: center;
    }

        #unit_tab li {
            width: 112px;
            margin-bottom: 14px;
        }

            #unit_tab li a {
                display: block;
                text-align: center;
                font-size: 1.2rem;
                color: #0044b1;
                padding-bottom: 10px;
            }

                #unit_tab li a img {
                    display: block;
                    margin: 0 auto 5px auto;
                }

                #unit_tab li a:hover, #unit_tab li.selected a {
                    text-decoration: none;
                    background: url(../../../components/img/icon_news_on_bg.gif) center bottom no-repeat;
                }

    .tab_box {
        margin: 0 auto 40px auto;
    }

        .tab_box table tr th {
            width: 140px;
            vertical-align: top;
            background: #fff !important;
        }

        .tab_box table,
        .tab_box table tr th,
        .tab_box table tr td {
            color: #0044b1 !important;
            border: none;
            padding: 5px 0;
        }

    .unit_btn {
        text-align: right;
    }

        .unit_btn a {
            color: #0044b1;
        }

            .unit_btn a:first-child {
                color: #0044b1;
            }

    .tab_box table tr td a {
        color: #0044b1;
    }
    /*------------------------------------------------------------------------
    For Category Top Page(About TDK) --*/
    /*--- A01 ---*/
    section.main_visual {
        width: 100%;
        height: 390px;
        overflow: hidden;
        margin: 0 auto 56px auto;
        position: relative;
    }

        section.main_visual h1 {
            /*font-size: 6.5rem !important;*/
            position: absolute;
            top: 50%;
            left: 2%;
            font-size: 4.0rem !important;
            margin: 0 auto;
            padding: 0;
            width: 980px !important;
            height: 41px !important;
            /*margin-top: 155px !important;*/
            z-index: 100 !important;
        }

        section.main_visual img {
            width: 100%;
            min-width: 1186px;
            position: absolute;
            top: 0;
            z-index: -1;
        }
    /*--- B01 ---*/
    .corporate_profile { /* width: 728px;*/
    }

        .corporate_profile h1 {
            font-size: 3rem;
        }

            .corporate_profile h1,
            .corporate_profile h1 + p,
            .corporate_profile section,
            .corporate_profile section p {
                margin-top: 14px;
            }

                .corporate_profile section adress em {
                    font-weight: bold;
                }
    /*--- C01 ---*/
    nav.local_company_contents ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

        nav.local_company_contents ul li {
            width: 308px;
            text-align: center;
        }

            nav.local_company_contents ul li a {
                display: block;
            }

                nav.local_company_contents ul li a figure {
                    background: #fff;
                    line-height: 0;
                    margin-bottom: 10px;
                }

                nav.local_company_contents ul li a div {
                    font-size: 2rem;
                    text-align: center;
                    color: #333;
                }

                nav.local_company_contents ul li a span:after {
                    content: "";
                    display: inline-block;
                    width: 6px;
                    height: 6px;
                    border-top: 1px solid #0046ad;
                    border-right: 1px solid #0046ad;
                    -webkit-transform: rotate(45deg);
                    transform: rotate(45deg);
                    position: relative;
                    right: -1%;
                    top: -1.25px;
                }

                nav.local_company_contents ul li a:hover {
                    background: #0046ad;
                    color: #fff;
                    text-decoration: none;
                }

                    nav.local_company_contents ul li a:hover div {
                        color: #fff;
                    }

                    nav.local_company_contents ul li a:hover span:after {
                        content: "";
                        display: inline-block;
                        width: 6px;
                        height: 6px;
                        border-top: 1px solid #fff;
                        border-right: 1px solid #fff;
                        -webkit-transform: rotate(45deg);
                        transform: rotate(45deg);
                        position: relative;
                        right: -1%;
                        top: -1.25px;
                    }
    /*--- D01 ---*/
    .group_summary h1 {
        font-size: 3rem;
        margin-bottom: 28px;
    }

    .group_summary p { /* width:728px;*/
    }
    /*--- E01 ---*/
    nav.group_contents ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

        nav.group_contents ul li {
            width: 308px;
            margin-bottom: 28px;
            text-align: center;
        }

            nav.group_contents ul li:last-child {
                margin-right: auto;
                margin-left: 28px;
            }

            nav.group_contents ul li a {
                display: block;
            }

                nav.group_contents ul li a figure {
                    background: #fff;
                    line-height: 0;
                    margin-bottom: 10px;
                }

                nav.group_contents ul li a div {
                    font-size: 2rem;
                    text-align: center;
                    color: #333;
                }

                nav.group_contents ul li a span:after {
                    content: "";
                    display: inline-block;
                    width: 6px;
                    height: 6px;
                    border-top: 1px solid #0046ad;
                    border-right: 1px solid #0046ad;
                    -webkit-transform: rotate(45deg);
                    transform: rotate(45deg);
                    position: relative;
                    right: -1%;
                    top: -1.25px;
                }

                nav.group_contents ul li a:hover {
                    background: #0046ad;
                    color: #fff;
                    text-decoration: none;
                }

                    nav.group_contents ul li a:hover div {
                        color: #fff;
                    }

                    nav.group_contents ul li a:hover span:after {
                        content: "";
                        display: inline-block;
                        width: 6px;
                        height: 6px;
                        border-top: 1px solid #fff;
                        border-right: 1px solid #fff;
                        -webkit-transform: rotate(45deg);
                        transform: rotate(45deg);
                        position: relative;
                        right: -1%;
                        top: -1.25px;
                    }
    /*------------------------------------------------------------------------
    For Other Category Top Page --*/
    /*--- A01 ---*/
    section.category_main_visual {
        width: 100%;
        height: 390px;
        overflow: hidden;
        margin: 0 auto 56px auto;
        position: relative;
    }

        section.category_main_visual h1 {
            font-size: 6.5rem !important;
            margin: 0 auto;
            padding: 0;
            width: 980px !important;
            height: 41px !important;
            margin-top: 155px !important;
            z-index: 100 !important;
        }

        section.category_main_visual img {
            width: 100%;
            min-width: 1186px;
            position: absolute;
            top: 0;
            z-index: -1;
        }
    /*--- B01 ---*/
    div.large_visual {
        margin-bottom: 56px;
    }

        div.large_visual section {
            position: relative;
        }

            div.large_visual section a {
                display: block;
                line-height: 0;
            }

                div.large_visual section a div {
                    position: absolute;
                    top: 10%;
                    left: 28px;
                    ;
                    z-index: 100;
                    width: 45%;
                }

                div.large_visual section a h1 {
                    color: #000;
                    font-size: 3.5rem;
                    line-height: 1.2;
                }

                div.large_visual section a p {
                    font-size: 1.8rem;
                    line-height: 1.5;
                    color: #000;
                    margin-top: 28px;
                    width: auto;
                }

                div.large_visual section a img {
                    width: 100%;
                }

            div.large_visual section:nth-child(2n) a div {
                left: inherit;
                right: 28px !important;
            }
    /*--- B02 ---*/
    nav.small_visual ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

        nav.small_visual ul:after {
            content: "";
            display: block;
            width: 308px;
        }

    nav.small_visual li {
        width: 308px;
        margin-bottom: 28px;
        text-align: center;
    }

        nav.small_visual li a {
            display: block;
        }

            nav.small_visual li a figure {
                background: #fff;
                line-height: 0;
                margin-bottom: 10px;
            }

            nav.small_visual li a h1 {
                font-size: 2rem;
                text-align: center;
                color: #333;
                margin-bottom: 0 !important;
            }

            nav.small_visual li a p {
                color: #333;
                line-height: 1.3;
                margin-top: 7px;
                width: auto;
            }

            nav.small_visual li a span:after {
                content: "";
                display: inline-block;
                width: 6px;
                height: 6px;
                border-top: 1px solid #0046ad;
                border-right: 1px solid #0046ad;
                -webkit-transform: rotate(45deg);
                transform: rotate(45deg);
                position: relative;
                right: -1%;
                top: -1.25px;
            }

            nav.small_visual li a:hover {
                background: #0046ad;
                color: #fff;
                text-decoration: none;
            }

                nav.small_visual li a:hover h1,
                nav.small_visual li a:hover p {
                    color: #fff;
                }

                nav.small_visual li a:hover span:after {
                    content: "";
                    display: inline-block;
                    width: 6px;
                    height: 6px;
                    border-top: 1px solid #fff;
                    border-right: 1px solid #fff;
                    -webkit-transform: rotate(45deg);
                    transform: rotate(45deg);
                    position: relative;
                    right: -1%;
                    top: -1.25px;
                }
    /*--- C01 ---*/
    section.news h1 {
        font-size: 2.2rem;
    }

    section.news dl dt {
        margin-bottom: 10px;
        float: left;
        clear: both;
        vertical-align: top;
        color: #0044b1;
    }

    section.news dl dd {
        margin-bottom: 10px;
        padding-left: 130px;
    }

        section.news dl dd em {
            display: inline-block;
            margin-right: 14px;
        }

    section.news div {
        text-align: right;
    }

        section.news div a:after {
            content: "";
            display: inline-block;
            width: 6px;
            height: 6px;
            margin-right: 14px;
            border-top: 1px solid #0046ad;
            border-right: 1px solid #0046ad;
            -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
            position: relative;
            right: -1px;
            top: -1.25px;
        }
    /*--- D01 ---*/
    .category_top > h1 {
        font-size: 3rem !important;
        margin-bottom: 56px;
    }
    /*--- D02 ---*/
    .category_top > section > h1 {
        font-size: 2.2rem;
        margin-bottom: 28px;
    }
    /*--- D03 ---*/
    .category_top > section > h2 {
        font-size: 1.8rem;
        margin-bottom: 14px;
    }
    /*--- E01 ---*/
    div.category_top p {
        margin-bottom: 14px; /*width:728px;*/
    }

        div.category_top p:last-child {
            margin-bottom: 0;
        }
        /*--- E02 ---*/
        div.category_top p.text_center {
            text-align: center;
        }
        /*--- E03 ---*/
        div.category_top p.text_right {
            text-align: right;
        }
    /*------------------------------------------------------------------------
    For Sub-category Top Page --*/
    /*--- A01 ---*/
    .sub_category > header {
        margin: auto;
    }

        .sub_category > header div {
            text-align: center;
            font-size: 2.1rem !important;
        }

        .sub_category > header h1 {
            text-align: center;
            font-size: 3rem !important;
            margin: 0 0 28px 0 !important;
        }
    /*--- B01 B02 ---*/
    nav.sub_category > ul {
        display: flex;
        flex-wrap: wrap;
        width: 1008px;
        margin-right: -28px;
        overflow: hidden;
    }

        nav.sub_category > ul li {
            width: 308px;
            margin-bottom: 28px;
            text-align: center;
            margin-right: 28px;
        }

            nav.sub_category > ul li a figure {
                margin-bottom: 14px;
            }

            nav.sub_category > ul li a div {
                font-size: 2rem;
                text-align: center;
                color: #333;
            }

                nav.sub_category > ul li a div:after {
                    content: "";
                    display: inline-block;
                    width: 12px;
                    height: 12px;
                    border-top: 1px solid #333;
                    border-right: 1px solid #333;
                    -webkit-transform: rotate(45deg);
                    transform: rotate(45deg);
                    position: relative;
                    right: -1%;
                    top: -1.25px;
                }

            nav.sub_category > ul li a:hover div {
                color: #0046ad;
            }

                nav.sub_category > ul li a:hover div:after {
                    content: "";
                    display: inline-block;
                    width: 12px;
                    height: 12px;
                    border-top: 1px solid #0046ad;
                    border-right: 1px solid #0046ad;
                    -webkit-transform: rotate(45deg);
                    transform: rotate(45deg);
                    position: relative;
                    right: -1%;
                    top: -1.25px;
                }
    /*------------------------------------------------------------------------
    For Content Page --*/
    /*--- A01 A02 A03 ---*/
    #contents > header {
        margin: auto;
    }

        #contents > header div {
            text-align: center;
            font-size: 2.1rem !important;
        }

        #contents > header h1 {
            text-align: center;
            font-size: 3rem !important;
            margin: 0 0 28px 0 !important;
        }
    /*--- A03 ---*/
    #contents > header {
        margin: auto;
    }

        #contents > header ul {
            text-align: center;
        }

            #contents > header ul li {
                font-size: 2.1rem;
                display: inline-block;
            }

                #contents > header ul li:nth-child(2):before {
                    content: " | ";
                }

        #contents > header h1 {
            text-align: center;
            font-size: 3rem !important;
            margin-bottom: 28px;
        }
    /*--- A04 ---*/
    #contents > h1 {
        font-size: 3rem !important;
        margin-bottom: 56px;
    }
        /*--- A04-2 ---*/
        #contents > h1.text_center {
            text-align: center;
        }
    /*--- A05 ---*/
    #contents h1 {
        font-size: 2.2rem;
        margin-bottom: 28px;
    }
        /*--- A05-2 ---*/
        #contents h1.text_center {
            text-align: center;
        }
    /*--- A06 ---*/
    #contents h2 {
        font-size: 1.8rem;
        margin-bottom: 14px;
    }
        /*--- A06-2 ---*/
        #contents h2.text_center {
            text-align: center;
        }
    /*--- A07 ---*/
    #contents h3 {
        font-size: 1.6rem;
        margin-bottom: 14px;
    }
        /*--- A06-2 ---*/
        #contents h3.text_center {
            text-align: center;
        }
    /*--- B01 ---*/
    p {
        margin-bottom: 14px; /*max-width:728px;*/
    }

        p:last-child {
            margin-bottom: 0;
        }
        /*--- B01-2 ---*/
        p.text_center {
            text-align: center;
        }
        /*--- B01-3 ---*/
        p.text_right {
            text-align: right;
        }
        /*--- B02 ---*/
        p strong {
            font-size: 3rem;
            line-height: 1.5;
        }
        /*--- B02-2 ---*/
        p.text_center strong {
            text-align: center;
        }
        /*--- B02-3 ---*/
        p.text_right strong {
            text-align: right;
        }
        /*--- B03 ---*/
        p small {
            font-size: 1.1rem;
            display: block;
            line-height: 1.5;
        }
        /*--- B03-2 ---*/
        p.text_center small {
            text-align: center;
        }
        /*--- B03-3 ---*/
        p.text_right small {
            text-align: right;
        }
        /*--- B04 ---*/
        p b {
            font-weight: bold;
        }
    /*--- B05 ---*/
    .color {
        color: #A24100;
    }
    /*--- B07 ---*/
    p i {
        font-style: italic;
    }
    /*--- B08 ---*/
    ul.notes {
        margin-top: 28px;
        margin-left: 2rem;
    }

        ul.notes li {
            list-style: circle;
            font-size: 12px;
            color: #666;
            line-height: 1.2;
            margin-bottom: 10px;
        }
    /*--- B09 ---*/
    ul.notes_plane {
        margin-top: 28px;
    }

        ul.notes_plane li {
            list-style: none;
            font-size: 12px;
            color: #666;
            padding-left: 1em;
            text-indent: -1em;
            line-height: 1.2;
            margin-bottom: 10px;
        }

            ul.notes_plane li:before {
                content: "* ";
            }
    /*--- C01 ---*/
    ul.disc {
        margin: 28px 0;
    }

        ul.disc li {
            list-style: disc;
            margin-left: 2rem;
            margin-bottom: 14px;
        }
    /*--- C02 ---*/
    ol.decimal {
        margin: 28px 0;
    }

        ol.decimal li {
            list-style: decimal;
            margin-left: 2rem;
            margin-bottom: 14px;
        }
    /*--- C03 ---*/
    ol.roman {
        margin: 28px 0;
    }

        ol.roman li {
            list-style: upper-roman;
            margin-left: 2.5rem;
            margin-bottom: 14px;
        }
    /*--- C04 ---*/
    ol.parentheses {
        padding: 0;
        margin: 0;
    }

        ol.parentheses li {
            list-style-type: none;
            list-style-position: inside;
            counter-increment: cnt;
            padding-left: 2em;
            text-indent: -2em;
            margin-bottom: 14px;
        }

            ol.parentheses li:before {
                display: marker;
                content: "(" counter(cnt) ") ";
            }
    /*--- D01 ---*/
    ul.links {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        margin-top: 28px;
    }

        ul.links li {
            margin-bottom: 10px;
            width: 100%;
        }

            ul.links li a {
                position: relative;
                display: block;
                width: 100%;
                height: 100%;
                padding: 5px 40px 5px 10px;
                background: #ededed;
                overflow: hidden;
            }

                ul.links li a:after {
                    content: "";
                    width: 30px;
                    height: 90px;
                    background: #f7f7f7;
                    position: absolute;
                    right: 0;
                    top: 0;
                }

                ul.links li a:before {
                    content: '';
                    width: 8px;
                    height: 8px;
                    border: 0px;
                    border-top: solid 1px #999;
                    border-right: solid 1px #999;
                    -ms-transform: rotate(45deg);
                    -webkit-transform: rotate(45deg);
                    transform: rotate(45deg);
                    position: absolute;
                    top: 35%;
                    right: 12px;
                    z-index: 10;
                }

                ul.links li a:hover {
                    background: #0046ad;
                    color: #fff;
                }

                    ul.links li a:hover:after {
                        content: "";
                        width: 30px;
                        height: 90px;
                        background: #5b88ca;
                        position: absolute;
                        right: 0;
                        top: 0;
                    }

                    ul.links li a:hover:before {
                        border-top: solid 1px #FFF;
                        border-right: solid 1px #FFF;
                    }
    /*--- D01-2 ---*/
    a.icon_pdf:before {
        content: url(../../common/img/icon_pdf.gif);
    }

    a.icon_web:before {
        content: url(../../common/img/icon_web.gif);
    }

    a.icon_list:before {
        content: url(../../common/img/icon_list.gif);
    }

    a.icon_xls:before {
        content: url(../../common/img/icon_exl.gif);
    }

    a.icon_img:before {
        content: url(../../common/img/icon_jpg.gif);
    }

    a.icon_rss:before {
        content: url(../../common/img/icon_rss.gif);
    }

    a.icon_movie:before {
        content: url(../../common/img/icon_movie.gif);
    }

    a.icon_doc:before {
        content: url(../../common/img/icon_wrd.gif);
    }

    a.icon_zip:before {
        content: url(../../common/img/icon_zip.gif);
    }

    a.icon_webblank:before {
        content: url(../../common/img/icon_web_blank.gif);
    }

    a.icon_pdf:before, a.icon_web:before, a.icon_list:before, a.icon_xls:before, a.icon_img:before, a.icon_rss:before, a.icon_movie:before, a.icon_doc:before, a.icon_zip:before, a.icon_webblank:before {
        display: inline-block;
        margin-right: 5px;
        vertical-align: middle;
    }

    a.icon_list:after, a.icon_webblank:after, a.icon_doc:after, a.icon_zip:after, a.icon_movie:after, a.icon_rss:after, a.icon_img:after, a.icon_xls:after, a.icon_web:after, a.icon_pdf:after, a.link:after {
        content: "";
        display: inline-block;
        width: 7px;
        height: 7px;
        border-top: 1px solid #0046ad;
        border-right: 1px solid #0046ad;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        position: relative;
        right: -2px;
        top: -2px;
    }
    /*--- D02 ---*/
    ul#page_links {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        margin-top: 56px;
    }

        ul#page_links li {
            width: 49%;
            margin-bottom: 10px;
        }

            ul#page_links li a {
                position: relative;
                display: block;
                width: 100%;
                height: 100%;
                padding: 5px 40px 5px 10px;
                background: #ededed;
                overflow: hidden;
            }

                ul#page_links li a:after {
                    content: "";
                    width: 30px;
                    height: 90px;
                    background: #f7f7f7;
                    position: absolute;
                    right: 0;
                    top: 0;
                }

                ul#page_links li a:before {
                    content: '';
                    width: 8px;
                    height: 8px;
                    border: 0px;
                    border-top: solid 1px #999;
                    border-right: solid 1px #999;
                    -ms-transform: rotate(45deg);
                    -webkit-transform: rotate(45deg);
                    transform: rotate(45deg);
                    position: absolute;
                    top: 35%;
                    right: 12px;
                    z-index: 10;
                }

                ul#page_links li a:hover {
                    background: #0046ad;
                    color: #fff;
                }

                    ul#page_links li a:hover:after {
                        content: "";
                        width: 30px;
                        height: 90px;
                        background: #5b88ca;
                        position: absolute;
                        right: 0;
                        top: 0;
                    }

                    ul#page_links li a:hover:before {
                        border-top: solid 1px #FFF;
                        border-right: solid 1px #FFF;
                    }
    /*--- D03 ---*/
    nav#nav_local_s div {
        font-size: 2rem;
        margin: 56px 0 14px 0;
    }

    nav#nav_local_s ul li {
        display: inline-block;
    }

        nav#nav_local_s ul li a {
            position: relative;
            display: block;
            width: 100%;
            height: 100%;
            padding: 5px 40px 5px 10px;
            background: #ededed;
            overflow: hidden;
        }

            nav#nav_local_s ul li a:after {
                content: "";
                width: 30px;
                height: 90px;
                background: #f7f7f7;
                position: absolute;
                right: 0;
                top: 0;
            }

            nav#nav_local_s ul li a:before {
                content: '';
                width: 8px;
                height: 8px;
                border: 0px;
                border-top: solid 1px #999;
                border-right: solid 1px #999;
                -ms-transform: rotate(45deg);
                -webkit-transform: rotate(45deg);
                transform: rotate(45deg);
                position: absolute;
                top: 35%;
                right: 12px;
                z-index: 10;
            }

            nav#nav_local_s ul li a:hover {
                background: #0046ad;
                color: #fff;
            }

                nav#nav_local_s ul li a:hover:after {
                    content: "";
                    width: 30px;
                    height: 90px;
                    background: #5b88ca;
                    position: absolute;
                    right: 0;
                    top: 0;
                }

                nav#nav_local_s ul li a:hover:before {
                    border-top: solid 1px #FFF;
                    border-right: solid 1px #FFF;
                }
    /*--- D04 ---*/
    ul#page_anchor {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        margin-bottom: 56px;
    }

        ul#page_anchor li {
            width: 49%;
            margin-bottom: 10px;
        }

            ul#page_anchor li a {
                position: relative;
                display: block;
                width: 100%;
                height: 100%;
                padding: 5px 40px 5px 10px;
                background: #ededed;
                overflow: hidden;
            }

                ul#page_anchor li a:after {
                    content: "";
                    width: 30px;
                    height: 90px;
                    background: #f7f7f7;
                    position: absolute;
                    right: 0;
                    top: 0;
                }

                ul#page_anchor li a:before {
                    content: '';
                    width: 8px;
                    height: 8px;
                    border: 0px;
                    border-top: solid 1px #999;
                    border-right: solid 1px #999;
                    -ms-transform: rotate(135deg);
                    -webkit-transform: rotate(135deg);
                    transform: rotate(135deg);
                    position: absolute;
                    top: 35%;
                    right: 10px;
                    z-index: 10;
                }

                ul#page_anchor li a:hover {
                    background: #0046ad;
                    color: #fff;
                }

                    ul#page_anchor li a:hover:after {
                        content: "";
                        width: 30px;
                        height: 90px;
                        background: #5b88ca;
                        position: absolute;
                        right: 0;
                        top: 0;
                    }

                    ul#page_anchor li a:hover:before {
                        border-top: solid 1px #FFF;
                        border-right: solid 1px #FFF;
                    }
    /*--- D05 ---*/
    ul#page_anchor_inline {
        display: flex;
        flex-wrap: wrap;
        margin-bottom: 56px;
    }

        ul#page_anchor_inline li {
            margin-bottom: 10px;
            margin-right: 10px;
        }

            ul#page_anchor_inline li a {
                position: relative;
                display: block;
                width: 100%;
                height: 100%;
                padding: 5px 40px 5px 10px;
                background: #ededed;
                overflow: hidden;
            }

                ul#page_anchor_inline li a:after {
                    content: "";
                    width: 30px;
                    height: 90px;
                    background: #f7f7f7;
                    position: absolute;
                    right: 0;
                    top: 0;
                }

                ul#page_anchor_inline li a:before {
                    content: '';
                    width: 8px;
                    height: 8px;
                    border: 0px;
                    border-top: solid 1px #999;
                    border-right: solid 1px #999;
                    -ms-transform: rotate(135deg);
                    -webkit-transform: rotate(135deg);
                    transform: rotate(135deg);
                    position: absolute;
                    top: 35%;
                    right: 10px;
                    z-index: 10;
                }

                ul#page_anchor_inline li a:hover {
                    background: #0046ad;
                    color: #fff;
                }

                    ul#page_anchor_inline li a:hover:after {
                        content: "";
                        width: 30px;
                        height: 90px;
                        background: #5b88ca;
                        position: absolute;
                        right: 0;
                        top: 0;
                    }

                    ul#page_anchor_inline li a:hover:before {
                        border-top: solid 1px #FFF;
                        border-right: solid 1px #FFF;
                    }
    /*--- D06 ---*/
    ul#page_links_inline {
        display: flex;
        flex-wrap: wrap;
        margin-bottom: 56px;
    }

        ul#page_links_inline li {
            margin-bottom: 10px;
            margin-right: 10px;
        }

            ul#page_links_inline li.non {
                background: #ededed;
                padding: 5px 40px 5px 10px;
            }

            ul#page_links_inline li a {
                position: relative;
                display: block;
                width: 100%;
                height: 100%;
                padding: 5px 40px 5px 10px;
                background: #ededed;
                overflow: hidden;
            }

                ul#page_links_inline li a:after {
                    content: "";
                    width: 30px;
                    height: 90px;
                    background: #f7f7f7;
                    position: absolute;
                    right: 0;
                    top: 0;
                }

                ul#page_links_inline li a:before {
                    content: '';
                    width: 8px;
                    height: 8px;
                    border: 0px;
                    border-top: solid 1px #999;
                    border-right: solid 1px #999;
                    -ms-transform: rotate(135deg);
                    -webkit-transform: rotate(135deg);
                    transform: rotate(135deg);
                    position: absolute;
                    top: 35%;
                    right: 10px;
                    z-index: 10;
                }

                ul#page_links_inline li a:hover {
                    background: #0046ad;
                    color: #fff;
                }

                    ul#page_links_inline li a:hover:after {
                        content: "";
                        width: 30px;
                        height: 90px;
                        background: #5b88ca;
                        position: absolute;
                        right: 0;
                        top: 0;
                    }

                    ul#page_links_inline li a:hover:before {
                        border-top: solid 1px #FFF;
                        border-right: solid 1px #FFF;
                    }
    /*--- E01 ---*/
    .table_2clm_sty table tr th {
        width: 30%;
    }

    .table_2clm_sty table tr + td {
        width: 30%;
    }
    /*--- E02 ---*/
    .table_2clm table tr th {
        width: 30%;
    }
    /*--- E03 ---*/
    .table_3clm table tr > th:first-child,
    .table_3clm table tr > td:first-child {
        width: 50%;
    }
    /*--- E04 ---*/
    .table table.half tr > td {
        width: 50%;
    }

    .table table.ir {
        width: 100%;
        margin: 28px 0;
    }

        .table table.ir tr th {
            background: #949494;
            font-weight: normal;
            text-align: center;
            color: #fff;
            padding: 0.8em 0.5em;
        }

        .table table.ir tr td {
            padding: 7px;
        }

            .table table.ir tr td .minus {
                color: #c00;
            }

            .table table.ir tr td.subttl,
            .table table.ir tr td.year {
                background: #f7f8f9;
            }

            .table table.ir tr td.recent {
                background: #f2f6fb;
                text-align: right;
            }

            .table table.ir tr td.date {
                background: #f2f6fb;
            }

            .table table.ir tr td.space {
                background: #f7f8f9;
                border-right: none;
                border-top: none;
                border-bottom: solid 1px #ddd;
            }

            .table table.ir tr td.space01 {
                background: #f7f8f9;
                border-right: none;
                border-top: none;
                border-bottom: solid 1px #ccc;
            }

            .table table.ir tr td.bdr {
                border-bottom: solid 1px #ccc;
                border-left: none;
            }
    /*--- E05 ---*/
    .table_complex table {
        width: 100%;
        margin: 28px 0;
    }
    /*--- F00 ---*/
    .unit_img {
        margin-bottom: 28px;
        text-align: center;
    }

        .unit_img img {
            max-width: 100%;
            max-height: 100%;
        }
    /*--- F01 02 03 ---*/
    .img_box {
        margin: 56px 0;
        display: flex;
        justify-content: center;
    }

        .img_box figure {
            margin: 0 14px;
            width: auto;
            line-height: 0;
        }

            .img_box figure figcaption {
                text-align: center;
                margin-top: 7px;
                width: 100%;
                line-height: 1.5;
            }

            .img_box figure:first-child {
                margin-left: 0;
            }

            .img_box figure:last-child {
                margin-right: 0;
            }
    /*--- F04 05 06 ---*/
    .text_box ul {
        margin: 56px 0;
        display: flex;
    }

        .text_box ul li {
            margin: 0 14px;
            width: auto;
        }

            .text_box ul li:first-child {
                margin-left: 0;
            }

            .text_box ul li:last-child {
                margin-right: 0;
            }
    /*--- F07 08 09 ---*/
    .img_text_box ul {
        margin: 56px 0;
        display: flex;
    }

        .img_text_box ul li {
            margin: 0 14px;
            flex: 1;
        }

            .img_text_box ul li figure {
                text-align: center;
                margin-bottom: 14px;
                line-height: 0;
            }

                .img_text_box ul li figure img {
                    width: 100%;
                }

                .img_text_box ul li figure p {
                    line-height: 1.5;
                    width: auto;
                }

            .img_text_box ul li:first-child {
                margin-left: 0;
            }

            .img_text_box ul li:last-child {
                margin-right: 0;
            }
    /*--- F12 ---*/
    .img_text {
        margin: 28px 0;
        display: flex;
        justify-content: space-between;
    }

        .img_text p {
            width: 700px;
            margin: 0 0 0 28px;
        }

        .img_text figure {
            width: 252px;
        }

            .img_text figure img {
                width: 100%;
            }
    /*--- F13 ---*/
    .text_img {
        margin: 28px 0;
        display: flex;
        justify-content: space-between;
    }

        .text_img p {
            width: 700px;
            margin: 0 28px 0 0;
        }

        .text_img figure {
            width: 252px;
        }

            .text_img figure img {
                width: 100%;
            }
    /*--- G01 ---*/
    .tab_unit {
        display: flex;
        width: 100%;
    }

        .tab_unit a {
            width: 100%;
            display: block;
            text-align: center;
            background: #f1f1f1;
            border: solid 1px #ccc;
            padding: 5px;
            border-bottom: none;
            border-right: none;
            vertical-align: middle;
        }

            .tab_unit a:last-child {
                border-right: solid 1px #ccc;
            }

            .tab_unit a:hover {
                background: #fff;
            }
    /*------------------------------------------------------------------------
     Top Page Contents --*/
    .products ul {
        column-count: 3 !important;
        column-gap: 56px;
        display: block !important;
    }

        .products ul li {
            width: auto !important;
        }

            .products ul li a {
                vertical-align: baseline;
                margin-bottom: 10px;
                display: block;
            }

            .products ul li:nth-child(8) a {
                margin-top: -10px !important;
            }
    /*------------------------------------------------------------------------
     Font --*/
    .font_xl {
        font-size: 3rem !important;
    }

    .font_l {
        font-size: 2.2rem !important;
    }

    .font_m {
        font-size: 1.8rem !important;
    }

    .font_s {
        font-size: 1.1rem !important;
    }
    /*------------------------------------------------------------------------
     Local site top main visual --*/
    .main_img {
        max-width: 980px !important;
        margin: 0 auto;
    }

    .sp_img {
        display: none !important;
    }

    .pc_img {
        width: 100%;
    }
    /*------------------------------------------------------------------------
     Local site top product menu --*/
    .unit_wrap {
        display: flex;
        flex-wrap: wrap;
    }

        .unit_wrap .section_bg01 {
            background: #d9e3ed;
        }

        .unit_wrap .section_bg02 {
            background: #f3f3f3;
        }

        .unit_wrap .section_bg03 {
            background: #fff;
        }

        .unit_wrap .w_l {
            width: 100%;
        }

        .unit_wrap .w_m {
            width: 50%;
        }

        .unit_wrap .w_s {
            width: 33.33%;
        }

            .unit_wrap .w_s:nth-child(4) {
                width: 33.34%;
            }

        .unit_wrap .w_ml {
            width: 66.66666667%;
        }

        .unit_wrap .w_ss {
            width: 33.33333333%;
        }

        .unit_wrap ul {
            display: flex;
            flex-wrap: wrap;
        }

            .unit_wrap ul li.w_s {
                width: 33.33333% !important;
                flex: none;
            }
}

section.main_visual img {
    height: 100%;
}