/*** for PC Browser ***/
@media (min-width:401px)
{
/* === 専用見出し === */
#ContentPane .reskilling_title, 
#ContentPane .PickUp_info .info_block .info_block_c
{
    background: none;
    float: none;
    padding: 0;
    margin: 0 0 10px;
    width: auto;
    display: flex;
    position: relative;
}

#ContentPane .reskilling_title h2,
#ContentPane .PickUp_info .info_block .info_block_c h2.Fix_header2
{
    background-color: #353F72;
    color: #ffffff;
    font-size: x-large;
    height: 50px !important;
    width: auto;
    max-width: 1020px;
    padding: 10px 40px 5px 10px;
    margin: 0;
    display: inline-block;
    box-sizing: border-box;
    border-bottom: 1px solid #353F72;
    letter-spacing: 0.3em;
    font-weight: bold;
}

#ContentPane .reskilling_title::after,
#ContentPane .PickUp_info .info_block .info_block_c::after
{
    content: "";
    display: inline-block;
    background: #353F72;
    transform: skewX(50deg);
    width: 100px;
    vertical-align: top;
    margin: 0 0 0 -30px;
    padding: 0;
}

#ContentPane .PickUp_info .info_block .info_block_c .info_link {
    color: #000000;
    float: none;
    right: 0;
    margin: 0;
    padding: 0;
    text-align: right;
    position: absolute;
    width: 71px;
}



/* HTML文書装飾 */
.Contents h2, .B_LinkList_simple2 .MTitleBlock, .B_LinkList_simple .MTitleBlock, .B_LinkList_type_a .MTitleBlock, .B_LinkList_kurashi .MTitleBlock, .normal_section h2, .right_section h2, .LinkList_border h2, .imgcap_h2 h2, .LinkList_sep2 .sep2Container h2, .floatcap_h2 h2, .ItemList_tf2_hblock h2, .ItemList_tf2 .sep2Container h2, .Item_normal .Contents h2, .Item_normal_title h2, .Item_normal_title .Contents h2, .HTMLEditorContainer h2, .reDropDownBody h2, .BrowserItemList_Titled h2, .BrowserItemList_FAQ h2, .BrowserItemList_FAQ_T h2, .ItemList_tf4 .ItemList_tf4_hblock, .NewsList_tf .Contents h2, .NewsList_tf .Contents_v h2, .LinkList_sep2 .h2frame h2, .LinkList_tf_sep4 .h2frame h2, .LVh_section h2, .Lmenu_sep2 h2, .BlogType_tf .Contents h2, .BrowserModuleSet_title h2, .PickUp_simple .simple_block, .Item_FAQ_Editor h3, #ContentPane .NewsList_tf .Fix_header2
{
    border: 2px solid #353F72;
    color: #353F72;
    background: #ffffff;
    font-size: 150%;
    padding: 15px 20px;
    margin: 0 0 10px -5px;
}

.Contents h3, .B_LinkList_type_a .Title, .itemlink_title h3, .BrowserItemList_Titled h3, .BrowserItemList_FAQ h3, .BrowserItemList_FAQ_T h3, .ItemList_tf4 h3, .B_LinkList_kurashi .Title, .LinkList_sep2 .sep2Container h3, .LinkList_tf_sep4 .sep4Container h3, .ItemList_tf2 .sep2Container h3, .Item_normal .Contents h3, .Item_normal_title .Contents h3, .HTMLEditorContainer h3, .reDropDownBody h3, .NewsList_tf .Title, .NewsList_tf .Contents h3, .NewsList_tf .Contents_v h3, .BrowserModuleSet_tfb h3, .yahooMap_bg #placeName h3, .LmenuV_2sep h3, .LmenuV_3sep h3, .LmenuV_sepimg h3, .LMenu180FAQ_block h3, .LMenu240FAQ_block h3, .BlogType_tf .Contents h3, .LmenuV_3sep .LVh_section h3, #ContentPane .NewsList_tf .Title
{
    border: none;
    border-left: 5px solid #373E72;
    color: #353F72;
    background: #ffffff;
    font-size: 130%;
    padding: 10px 20px;
    margin: 0 0 10px -5px;
}

.Contents h4, .normal, .BrowserItemList_Titled h4, .BrowserItemList_FAQ h4, .BrowserItemList_FAQ_T h4, .ItemList_tf2 .sep2Container .Contents h4, .Item_normal .Contents h4, .Item_normal_title .Contents h4, .HTMLEditorContainer h4, .reDropDownBody h4, .NewsList_tf .Contents h4, .NewsList_tf .Contents_v h4, .itemlink_title_bg h4, .BlogType_tf .Contents h4
{
    border: none;
    border-radius: 10px;
    color: #000000;
    background: #E8E8F0;
    font-size: 120%;
    padding: 10px 20px;
    margin: 0 0 10px -5px;
}

.Contents h5, .BrowserItemList_Titled h5, .BrowserItemList_FAQ h5, .BrowserItemList_FAQ_T h5, .Item_normal .Contents h5, .Item_normal_title .Contents h5, .ItemList_tf2 .sep2Container .Contents h5, .HTMLEditorContainer h5, .reDropDownBody h5, .NewsList_tf .Contents h5, .NewsList_tf .Contents_v h5, .BlogType_tf .Contents h5
{
    border: none;
    border-bottom: 1px solid #454A70;
    color: #454A70;
    background: #ffffff;
    font-size: 120%;
    font-weight: bold;
    padding: 10px 20px;
    margin: 0 0 10px -5px;
}

.Contents h6, .BrowserItemList_Titled h6, .BrowserItemList_FAQ h6, .BrowserItemList_FAQ_T h6, .Item_normal .Contents h6, .Item_normal_title .Contents h6, .ItemList_tf2 .sep2Container .Contents h6, .HTMLEditorContainer h6, .reDropDownBody h6, .NewsList_tf .Contents h6, .NewsList_tf .Contents_v h6, .BlogType_tf .Contents h6
{
    border: none;
    border-radius: 10px;
    color: #FFFFFF;
    background: #AEB1C5;
    font-size: 120%;
    font-weight: bold;
    padding: 10px 20px;
    margin: 0 0 10px -5px;
    text-shadow: 0 0 2px #44475D, 0 0 2px #44475D, 0 0 2px #44475D, 0 0 2px #44475D, 0 0 2px #44475D, 0 0 2px #44475D;
}

#ContentPane table th
{
    background: #E8E8F0;
}

.NewsList_tf .Contents_v ul,
.Contents ul
{
    float: none;
    margin: 0;
    padding: 5px 10px 10px;
    width: 100%;
    box-sizing: border-box;
}

.NewsList_tf .Contents_v ul li,
.Contents ul li
{
    border-bottom: 1px dotted #AEB1C5;
    float: none;
    list-style-type: none;
    margin: 0;
    padding: 10px 0 5px 10px;
    width: 100%;
    box-sizing: border-box;
}

/* === PickUp標準 === */
.PickUp_info .info_block .info_block_c_t,
.PickUp_info .header,
.PickUp_info .footer
{
    height: 0;
    display: none;
}

.PickUp_info li
{
    border: none;
}

.PickUp_info .body
{
    background: none;
}

/* === ニュースリスト標準 === */
.NewsList_tf {
    float: none;
    margin: 0 0 10px;
    padding: 0;
    width: 100%;
    box-sizing: border-box;
}

.NewsList_tf .NL_block_t
{
    display: none;
}

.NewsList_tf .NL_block {
    float: none;
    background: none;
    width: 100%;
    box-sizing: border-box;
}

.NewsList_tf .NL_block_bg {
    background: none;
    float: none;
    padding: 0;
    width: 100%;
    box-sizing: border-box;
}

.NewsList_tf .NL_block_bg2 {
    background: no-repeat;
    float: none;
    width: 100%;
    padding: 0 0 0 8px;
    box-sizing: border-box;
}

.NewsList_tf .Fix_header2 {
    color: #353F72;
    float: none;
    font-size: 130%;
    font-weight: bold;
    margin: 0 0 10px -5px;
    padding: 10px 20px;
    width: 100%;
    height: auto;
    box-sizing: border-box;
}

.NewsList_tf .header {
    display: none;
}

.NewsList_tf .body {
    float: none;
    background: none;
    width: 100%;
    box-sizing: border-box;
}

.NewsList_tf .newscontents {
    float: none;
    width: 100%;
    padding: 0 10px;
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
}

.NewsList_tf .footer {
    display: none;
}

.NewsList_tf div.newscontents > ul:not(.reToolBar) {
    float: none;
    margin: 0;
    padding: 5px 10px 10px;
    width: 100%;
    box-sizing: border-box;
}

.NewsList_tf div.newscontents > ul li:not(.reToolItem) {
    border-bottom: none;
    float: none;
    list-style-type: none;
    margin: 0;
    padding: 5px 10px 10px 10px;
    width: 100%;
    box-sizing: border-box;
    display: flex;
}

.NewsList_tf .CreatedDate {
    color: black;
    display: block;
    float: none;
    font-size: 120%;
    font-weight: bold;
    width: auto;
    padding: 0px 0px 5px 0px;
    white-space: nowrap;
}

.NewsList_tf .DateTitle {
    margin-left: 20px;
    width: 100%;
}

.NewsList_tf .DateTitle a {
    margin-left: 20px;
}

.NewsList_tf .Title {
    float: none;
    font-weight: bold;
    margin: 0 0 5px;
    padding: 10px 20px 5px;
    box-sizing: border-box;
    width: 85%;
    background: #323C70;
    color: #ffffff;
    font-size: 120%;
}

.NewsList_tf .Fix_CreatedDate_v {
    float: none;
    font-size: 85%;
    margin: 0 0;
    padding: 5px 4px 0 0;
    text-align: right;
    width: 10%;
}

.NewsList_tf .Contents_v {
    float: none;
    padding: 0;
    width: 100%;
}


/* === Lメニュー横型_標準 === */
.Lmenu_normal {
    float: none;
    margin: 0 0 20px;
    padding: 0 10px;
    width: 100%;
    box-sizing: border-box;
    background: #E8E8F0;
    border: 1px solid #353F72;
    border-radius: 10px;
}

.Lmenu_normal_h, .Lmenu_normal_f {
    display: none;
}

.Lmenu_normal_b {
    background: no-repeat;
    float: none;
    margin: 0;
    padding: 5px;
    width: 100%;
    box-sizing: border-box;
}

.normal_section {
    background: no-repeat;
    float: none;
    padding: 0;
    width: 100%;
    box-sizing: border-box;
}

/* === リンクリスト_標準 === */
.B_LinkList_kurashi {
    float: none;
    margin: 0 0 20px;
    padding: 10px;
    box-sizing: border-box;
    width: 100%;
}

.B_LinkList_kurashi .MTitleBlock {
    float: none;
    text-decoration: none;
    width: 100%;
    box-sizing: border-box;
}

.B_LinkList_kurashi h2 {
    float: none;
    margin: 0px;
    padding: 0px;
    font-weight: bold;
    font-size: medium;
    color: #000000;
    width: 100%;
}

.B_LinkList_kurashi .FrameDiv {
    float: none;
    margin: 0;
    padding: 5px 0 0 10px;
    width: 100%;
    box-sizing: border-box;
}

.B_LinkList_kurashi ul {
    margin: 0px;
    padding: 0px;
    float: none;
}

.B_LinkList_kurashi li {
    float: none;
    list-style-type: none;
    padding: 0px;
}


/* === 文書リスト_標準 === */
.BrowserItemList_Titled {
    margin: 0 0 20px;
    padding: 10px;
    width: 100%;
    box-sizing: border-box;
}

.BrowserItemList_Titled .BrowserItemList_Titled_block h2 {
    float: none;
    margin: 0 0 10px -5px;
    width: 100%;
    box-sizing: border-box;
}

.BrowserItemList_Titled .BrowserItemList_Titled_block h2 a.MTitleLink {
    float: none;
    width: 100%;
    display: inline-block;
    box-sizing: border-box;
}

/*auto generated region*/

#BaseTable
{

}
#SystemMenu
{

}
#HeaderPane
{

}
#Middle
{

}
#LeftPane
{

}
#ContentPane
{

}
#RightPane
{

}
#FooterPane
{

}
}


/*** for Smart Phone ***/
@media (max-width:400px)
{
/* === 専用見出し === */
#ContentPane .reskilling_title, 
#ContentPane .PickUp_info .info_block .info_block_c
{
    background: none;
    float: none;
    padding: 0;
    margin: 0 0 10px;
    width: auto;
    display: flex;
    position: relative;
}

#ContentPane .reskilling_title h2,
#ContentPane .PickUp_info .info_block .info_block_c h2.Fix_header2
{
    background-color: #353F72;
    color: #ffffff;
    font-size: 21px;
    min-height: 50px !important;
    width: auto;
    padding: 10px 10px 5px 10px;
    margin: 0;
    display: inline-block;
    box-sizing: border-box;
    border-bottom: 1px solid #353F72;
    letter-spacing: 0.3em;
    font-weight: bold;
}

#ContentPane .PickUp_info .info_block .info_block_c .info_link {
    color: #000000;
    float: none;
    right: 0;
    margin: 0;
    padding: 0;
    text-align: right;
    position: absolute;
    width: 71px;
}



/* HTML文書装飾 */
.Contents h2, .B_LinkList_simple2 .MTitleBlock, .B_LinkList_simple .MTitleBlock, .B_LinkList_type_a .MTitleBlock, .B_LinkList_kurashi .MTitleBlock, .normal_section h2, .right_section h2, .LinkList_border h2, .imgcap_h2 h2, .LinkList_sep2 .sep2Container h2, .floatcap_h2 h2, .ItemList_tf2_hblock h2, .ItemList_tf2 .sep2Container h2, .Item_normal .Contents h2, .Item_normal_title h2, .Item_normal_title .Contents h2, .HTMLEditorContainer h2, .reDropDownBody h2, .BrowserItemList_Titled h2, .BrowserItemList_FAQ h2, .BrowserItemList_FAQ_T h2, .ItemList_tf4 .ItemList_tf4_hblock, .NewsList_tf .Contents h2, .NewsList_tf .Contents_v h2, .LinkList_sep2 .h2frame h2, .LinkList_tf_sep4 .h2frame h2, .LVh_section h2, .Lmenu_sep2 h2, .BlogType_tf .Contents h2, .BrowserModuleSet_title h2, .PickUp_simple .simple_block, .Item_FAQ_Editor h3, #ContentPane .NewsList_tf .Fix_header2
{
    border: 2px solid #353F72;
    color: #353F72;
    background: #ffffff;
    font-size: 130%;
    padding: 10px 20px;
    margin: 0 0 10px -5px;
}

.Contents h3, .B_LinkList_type_a .Title, .itemlink_title h3, .BrowserItemList_Titled h3, .BrowserItemList_FAQ h3, .BrowserItemList_FAQ_T h3, .ItemList_tf4 h3, .B_LinkList_kurashi .Title, .LinkList_sep2 .sep2Container h3, .LinkList_tf_sep4 .sep4Container h3, .ItemList_tf2 .sep2Container h3, .Item_normal .Contents h3, .Item_normal_title .Contents h3, .HTMLEditorContainer h3, .reDropDownBody h3, .NewsList_tf .Title, .NewsList_tf .Contents h3, .NewsList_tf .Contents_v h3, .BrowserModuleSet_tfb h3, .yahooMap_bg #placeName h3, .LmenuV_2sep h3, .LmenuV_3sep h3, .LmenuV_sepimg h3, .LMenu180FAQ_block h3, .LMenu240FAQ_block h3, .BlogType_tf .Contents h3, .LmenuV_3sep .LVh_section h3, #ContentPane .NewsList_tf .Title
{
    border: none;
    border-left: 5px solid #373E72;
    color: #353F72;
    background: #ffffff;
    font-size: 130%;
    padding: 10px 20px;
    margin: 0 0 10px -5px;
}

.Contents h4, .normal, .BrowserItemList_Titled h4, .BrowserItemList_FAQ h4, .BrowserItemList_FAQ_T h4, .ItemList_tf2 .sep2Container .Contents h4, .Item_normal .Contents h4, .Item_normal_title .Contents h4, .HTMLEditorContainer h4, .reDropDownBody h4, .NewsList_tf .Contents h4, .NewsList_tf .Contents_v h4, .itemlink_title_bg h4, .BlogType_tf .Contents h4
{
    border: none;
    border-radius: 10px;
    color: #000000;
    background: #E8E8F0;
    font-size: 120%;
    padding: 10px 20px;
    margin: 0 0 10px -5px;
}

.Contents h5, .BrowserItemList_Titled h5, .BrowserItemList_FAQ h5, .BrowserItemList_FAQ_T h5, .Item_normal .Contents h5, .Item_normal_title .Contents h5, .ItemList_tf2 .sep2Container .Contents h5, .HTMLEditorContainer h5, .reDropDownBody h5, .NewsList_tf .Contents h5, .NewsList_tf .Contents_v h5, .BlogType_tf .Contents h5
{
    border: none;
    border-bottom: 1px solid #454A70;
    color: #454A70;
    background: #ffffff;
    font-size: 120%;
    font-weight: bold;
    padding: 10px 20px;
    margin: 0 0 10px -5px;
}

.Contents h6, .BrowserItemList_Titled h6, .BrowserItemList_FAQ h6, .BrowserItemList_FAQ_T h6, .Item_normal .Contents h6, .Item_normal_title .Contents h6, .ItemList_tf2 .sep2Container .Contents h6, .HTMLEditorContainer h6, .reDropDownBody h6, .NewsList_tf .Contents h6, .NewsList_tf .Contents_v h6, .BlogType_tf .Contents h6
{
    border: none;
    border-radius: 10px;
    color: #FFFFFF;
    background: #AEB1C5;
    font-size: 120%;
    font-weight: bold;
    padding: 10px 20px;
    margin: 0 0 10px -5px;
    text-shadow: 0 0 2px #44475D, 0 0 2px #44475D, 0 0 2px #44475D, 0 0 2px #44475D, 0 0 2px #44475D, 0 0 2px #44475D;
}

#ContentPane table th
{
    background: #E8E8F0;
}

.NewsList_tf .Contents_v ul,
.Contents ul
{
    float: none;
    margin: 0;
    padding: 5px 10px 10px;
    width: 100%;
    box-sizing: border-box;
}

.NewsList_tf .Contents_v ul li,
.Contents ul li
{
    border-bottom: 1px dotted #AEB1C5;
    float: none;
    list-style-type: none;
    margin: 0;
    padding: 10px 0 5px 10px;
    width: 100%;
    box-sizing: border-box;
}

.Item_normal .Contents ol
{
    margin-left: 1em;
}

/* === PickUp標準 === */
.PickUp_info .info_block .info_block_c_t,
.PickUp_info .header,
.PickUp_info .footer
{
    height: 0;
    display: none;
}

.PickUp_info .body
{
    background: none;
}


/* === ニュースリスト標準 === */
.NewsList_tf {
    float: none;
    margin: 0 0 10px;
    padding: 0;
    width: 100%;
    box-sizing: border-box;
}

.NewsList_tf .NL_block_t
{
    display: none;
}

.NewsList_tf .NL_block {
    float: none;
    background: none;
    width: 100%;
    box-sizing: border-box;
}

.NewsList_tf .NL_block_bg {
    background: none;
    float: none;
    padding: 0;
    width: 100%;
    box-sizing: border-box;
}

.NewsList_tf .NL_block_bg2 {
    background: no-repeat;
    float: none;
    width: 100%;
    padding: 0 0 0 8px;
    box-sizing: border-box;
}

.NewsList_tf .Fix_header2 {
    color: #353F72;
    float: none;
    font-size: 130%;
    font-weight: bold;
    margin: 0 0 10px -5px !important;
    padding: 10px 20px;
    width: 100%;
    height: auto;
    box-sizing: border-box;
}

.NewsList_tf .header {
    display: none;
}

.NewsList_tf .body {
    float: none;
    background: none;
    width: 100%;
    box-sizing: border-box;
}

.NewsList_tf .newscontents {
    float: none;
    width: 100%;
    padding: 0 10px;
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
}

.NewsList_tf .footer {
    display: none;
}

.NewsList_tf div.newscontents > ul:not(.reToolBar) {
    float: none;
    margin: 0;
    padding: 5px 10px 10px;
    width: 100%;
    box-sizing: border-box;
}

.NewsList_tf div.newscontents > ul li:not(.reToolItem) {
    border-bottom: none;
    float: none;
    list-style-type: none;
    margin: 0;
    padding: 5px 10px 10px 10px;
    width: 100%;
    box-sizing: border-box;
    display: flex;
}

.NewsList_tf .CreatedDate {
    color: black;
    display: block;
    float: none;
    font-size: 120%;
    font-weight: bold;
    width: auto;
    padding: 0px 0px 5px 0px;
    white-space: nowrap;
}

.NewsList_tf .DateTitle {
    margin-left: 20px;
    width: 100%;
}

.NewsList_tf .DateTitle a {
    margin-left: 20px;
}

.NewsList_tf .Title {
    float: none;
    font-weight: bold;
    margin: 0 0 5px;
    padding: 10px 20px 5px;
    box-sizing: border-box;
    width: 100%;
    background: #323C70;
    color: #ffffff;
    font-size: 120%;
}

.NewsList_tf .NL_link {
    display: none;
}

.NewsList_tf .Fix_CreatedDate_v {
    float: none;
    font-size: 85%;
    margin: 0 0;
    padding: 5px 4px;
    text-align: right;
    width: 100%;
}

.NewsList_tf .Contents_v {
    float: none;
    padding: 0;
    width: 100%;
}

/* === Lメニュー横型_標準 === */
.Lmenu_normal {
    float: none;
    margin: 0 0 20px;
    padding: 0 10px;
    width: 100%;
    box-sizing: border-box;
    background: #E8E8F0;
    border: 1px solid #353F72;
    border-radius: 10px;
}

.Lmenu_normal_h, .Lmenu_normal_f {
    display: none;
}

.Lmenu_normal_b {
    background: no-repeat;
    float: none;
    margin: 0;
    padding: 5px;
    width: 100%;
    box-sizing: border-box;
}

.normal_section {
    background: no-repeat;
    float: none;
    padding: 0;
    width: 100%;
    box-sizing: border-box;
}

/* === リンクリスト_標準 === */
.B_LinkList_kurashi {
    float: none;
    margin: 0 0 20px;
    padding: 10px;
    box-sizing: border-box;
    width: 100%;
}

.B_LinkList_kurashi .MTitleBlock {
    float: none;
    text-decoration: none;
    width: 100%;
    box-sizing: border-box;
}

.B_LinkList_kurashi h2 {
    float: none;
    margin: 0px;
    padding: 0px;
    font-weight: bold;
    font-size: medium;
    color: #000000;
    width: 100%;
}

.B_LinkList_kurashi .FrameDiv {
    float: none;
    margin: 0;
    padding: 5px 0 0 10px;
    width: 100%;
    box-sizing: border-box;
}

.B_LinkList_kurashi ul {
    margin: 0px;
    padding: 0px;
    float: none;
}

.B_LinkList_kurashi li {
    float: none;
    list-style-type: none;
    padding: 0px;
}

/* === 文書リスト_標準 === */
.BrowserItemList_Titled {
    margin: 0 0 20px;
    padding: 10px;
    width: 100%;
    box-sizing: border-box;
}

.BrowserItemList_Titled .BrowserItemList_Titled_block h2 {
    float: none;
    margin: 0 0 10px -5px;
    width: 100%;
    box-sizing: border-box;
}

.BrowserItemList_Titled .BrowserItemList_Titled_block h2 a.MTitleLink {
    float: none;
    width: 100%;
    display: inline-block;
    box-sizing: border-box;
}
}