.resize-img-new {
    overflow: hidden;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}


.border-bottom-01 {
    border-bottom: 1px solid #efefef;
}

.border-bottom-02 {
    border-bottom: 1px solid #ddd;
}

.pd-map-01 {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
}

.header-top-page {
    position: relative;
    padding-bottom: 12px;
}

.header-top-page:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 14px;
    display: block;
    background: #EDEDEC;
    bottom: 0px;
}

.header-top-page.h-border-top-page-01:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 14px;
    display: block;
    background: #003891;
    bottom: 0px;
}

.header-top-page.h-border-top-page-02:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 14px;
    display: block;
    background: #132896;
    bottom: 0px;
}

.box_padding_content {
    padding-left: 135px;
    padding-right: 128px;
}

.mb-15 {
    margin-bottom: 15px;
}

.mb-20 {
    margin-bottom: 20px;
}

.mb-25 {
    margin-bottom: 25px;
}

.top_page_header_pc {
    width: 1180px;
    margin: auto;
    background-color: #fff;
}

.w-1180 {
    width: 1180px;
    margin: auto;
}

.main_view_box_l_2020 {
    position: relative;
}

.main_view_box_l_2020::before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 100%;
    background: #fff;
    height: 70px;
    width: 1000%;
    box-shadow: 3px 21px 13px -14px rgba(0, 0, 0, 0.6);
}

.main_view_box_l_2020 p.sub_text_baner {
    font-size: 19px;
    color: #fff;
    padding-left: 141px;
    letter-spacing: 2px;
    margin-top: 5px;
}

.bg_white {
    background-color: #fff;
}

#bg_top {
    background-color: #fff;
}

a img {
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}

.img_text_logo {
    display: block;
    float: left;
    margin-top: 29px;
    margin-left: 14px;
    max-width: 197px;
}

.color_blue {
    color: #043884;
}


#header_top_2020 {
    width: 100%;
    margin: 0 auto;
    padding: 0 0 0 0;
    overflow: hidden;
    display: inline-block;
}

.header_login {
    background: url("../images/bg_login-05.png"), url("../images/bg_login-06.png") top left no-repeat;
    background-size: cover;
}

.fix_header_2020 {
    position: fixed;
    top: 0;
}

.header_in_2020 {
    margin: 0px auto;
    height: 65px;
    padding: 0px 25px;
}

/* サイトロゴ */
.h_logo_2020 {
    float: left;
}

.h_logo_2020 img {
    height: 40px;
    margin: 15px auto;
}

/* ---main view---*/
.main_view_box_2020 {
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 0;
    display: inline-block;
}

.main_view_box_l_2020 {
    float: left;
    width: calc(100% - 395px);
    text-align: left;
    height: auto;
    margin: 0 auto;
    position: relative;
    margin-top: 304px;
}

.main_view_box_r_2020 {
    max-width: 395px;
    float: right;
    height: auto;
    padding-right: 95px;
    text-align: center;
}

.main_view_box_in_2020 {
    width: 100%;
    margin: 0 auto;
}

.main_view_box_2020 h1 {
    color: #003891;
    font-weight: normal;
    font-size: 25px;
    font-weight: bold;
    text-align: center;
    border: 1px solid #fff;
    padding-bottom: 15px;
    background: #fff;
    width: 90%;
    padding-top: 16px;
    box-shadow: 6px 7px 6px -1px rgba(0, 0, 0, 0.6);
}

.top_btn_2020 {
    margin: 0 auto;
    padding: 0;
}

/*.main_view_box_r_2020 h3{
color:#003894;
font-size:18px;
text-align:center;
display: block;
background-color:#fff;
padding: 10px !important;
border-radius: 30px;
	margin: auto;
margin-bottom: 10px !important;
	width: 70%;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.6), 0 6px 20px 0 rgba(0, 0, 0, 0.4);
	position: relative;
}*/
.main_view_box_r_2020 h3 {
    color: #003894;
    font-size: 18px;
    text-align: center;
    display: block;
    margin-bottom: 5px;

}

.rec {
    background-image: url("../images/rec-07.png");
    background-repeat: no-repeat;
    background-position: center;
    width: 100px;
    height: 30px;
    position: absolute;
}

.top_line_2020 {
    width: 150px;
    display: block;
    height: 34px;
}

.top_line_2020 {
    margin: auto;
}

.top_sudeni_2020 a {
    color: #003891;
}

.top_mail_2020 {
    margin: 0 0 10px 0;
    padding: 0 0 0 0;
    font-size: 10px;
}

.top_btn_form_2020 {
	width: 100%;
	margin-bottom: 0.75em;
	padding: 10px;
	background-color: #E5E5E4;
	border: solid 1px #DCDCDA;
	border-radius: 10px;
	box-sizing: border-box;
}

.top_btn_b_2020 {
    width: 200px;
    font-weight: bold;
    padding: 8px 0px;
    font-size: 14px;
    text-align: center;
    display: inline-block;
    margin: 0px auto 0 auto;
    background-color: #fff;
    border-radius: 5px; /* CSS3草案 */
    -webkit-border-radius: 5px; /* Safari,Google Chrome用 */
    -moz-border-radius: 5px; /* Firefox用 */
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    cursor: pointer;
}

.top_btn_b_2020:hover {
    cursor: pointer;
    color: #fff;
    background-color: #cccccc;
}

.top_btn_l_2020 {
    color: #fff;
    width: 200px;
    font-weight: bold;
    padding: 8px 0px;
    font-size: 14px;
    text-align: center;
    display: inline-block;
    margin: 0px auto 0 auto;
    background-color: #f79a1c;
    border-radius: 5px; /* CSS3草案 */
    -webkit-border-radius: 5px; /* Safari,Google Chrome用 */
    -moz-border-radius: 5px; /* Firefox用 */
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    cursor: pointer;
}

.top_btn_l_2020:hover {
    cursor: pointer;
    color: #fff;
    background-color: #f6b358;
}

.top_btn_2020 {
    text-align: center;
    margin: 0 auto;
    padding: 20px 0;
    background-color: #EDEDEC;
    width: 300px;
    margin-top: 80px;
    padding-bottom: 5px;
}


.top_top_btn_b_2020 {
    width: 150px;
    font-weight: normal;
    padding: 6px 0px 7px;
    font-size: 14px;
    text-align: center;
    display: inline-block;
    margin: 0px auto 0 auto;
    background-color: #f79a1c;
    color: #fff;
    border-radius: 5px; /* CSS3草案 */
    -webkit-border-radius: 5px; /* Safari,Google Chrome用 */
    -moz-border-radius: 5px; /* Firefox用 */
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    cursor: pointer;
}

.top_top_btn_b_2020:hover {
    cursor: pointer;
    color: #fff;
    background-color: #f8ac45;
}

.top_kiyaku_2020 {
    text-align: center;
    width: 150px;
    margin: 10px auto auto auto;
    padding: 10px 0 5px 0;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
}

.label_list_item02 {
    margin: 0 auto 0px;
    padding: 0px 0;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-wrap: wrap;
    font-size: 13px;
    font-weight: bold;
}

.top_sudeni_2020 {
    padding: 5px !important;
    margin: 10px auto auto auto;
    display: block;
    text-align: center;
}

.top_sudeni_2020 a {
    font-weight: bold;
    font-size: 15px;
    background: url(../images/t_btn_m_icon_crow-r-blue.svg) right center no-repeat;
    background-size: 17px 17px;
    padding: 8px 20px 8px 0px;
    display: inline-block;
}

.ap_check.accept_checkbox_input label input[type="checkbox"] + span::before {
    background-color: #fff;
}


.top_navi_2020 {
    display: block;
}

.top_navi_login_2020 {
    text-align: center;
    margin: auto;
}

.top_navi_login_2020.top_navi_2020_not_login {
    padding-right: 25px;
    text-align: right;
}

.top_navi_n_login_2020 {
    float: right;
    padding-right: 28px;
}

.clearfix {
    clear: both;
    float: none;
    display: block;
}

.top_navi_b_2020_01 {
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;

}

.top_navi_b_2020_01:last-child {
    margin-right: 0;
}

.top_navi_b_2020_01 a {
    /*-webkit-transition: 0.3s ease-in-out;
-moz-transition: 0.3s ease-in-out;
-o-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
color:#043884;
font-weight:bold;*/
}

.top_navi_2020 a {
    display: block;
    height: 36px;
    border: 1px solid #ccc;
    border-radius: 7px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 3px;
    box-shadow: 0 -1px 7px -1px rgba(0, 0, 0, 0.4);
}

.top_navi_2020 a.a-menu-nav{
    width: 180px;
}

a.a-menu-nav-active{
    background-color: #dfdfdf;
}

.top_navi_2020 a span{
    height: 36px;
    font-size: 16px;
    font-weight: bold;
    color: #003891;
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    align-items: center;
    justify-content: center;
}

.top_navi_2020 a:hover{
    cursor: pointer;
    background-color: #dfdfdf;
}

.top_navi_2020 img {
    margin: 0px 5px 0px 0px;
    vertical-align: middle;
    background-color: transparent;
    display: inline;
    vertical-align: middle;
    height: 18px;

}

a.a-regis-menu-nav{
    background: #F4971D;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

a.a-regis-menu-nav span{
    color: #fff;
}

a.a-login-menu-nav{
    width: 112px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

a.a-regis-menu-nav:hover{
    background-color: #f8ac45;
}

a.a-login-menu-nav span{
    color: #797A7B;
}

.top_navi_b_2020_03 img {
    max-width: 123px;
}

.top_navi_2020 p {
    line-height: 37px;
    display: inline;
    vertical-align: middle;
}

.top_search_2020 {
    width: 100%;
    height: auto;
    border-top: 5px solid #14397f;
    background-color: #ffffff;
    margin: 60px auto 0 auto;
    padding: 20px 0 20px 0;
}

.box_top_search_2020 {
    padding-left: 75px;
    padding-right: 75px;
}

.top_search_in_2020 {
    font-size: 17px;
}

.top_search_form_2020 {
    position: relative;
    width: 290px;
    display: inline-block;
    margin: 0 30px 0 0;
    background: #fff;
    z-index: 1;
    height: 38px;
    border-radius: 20px; /* CSS3草案 */
    -webkit-border-radius: 20px; /* Safari,Google Chrome用 */
    -moz-border-radius: 20px; /* Firefox用 */
    border: 2px solid #003791;
    padding: 0 0 0 15px;
    vertical-align: middle;
    overflow: hidden;
}

.top_search_form_2020 button {
    position: absolute;
    right: -2px;
    display: inline-block;
    height: 38px;
    width: 44px;
    background: transparent;
    top: -2px;
    background: url(../images/buton_img_search.png) no-repeat;
    background-position-y: center;
}

.top_search_form_2020 button img {
    height: 56px;
}

.top_search_form_2020 input {
    display: block;
    vertical-align: middle;
    width: 229px;
    height: 37px;
    font-size: 17px;
    line-height: 37px;
    /*font-weight: bold;*/
}

.top_search_form_2020 input[type="text"] {
    padding: 0;
    border: none;
    border-radius: 0;
    outline: none;
    background: none;

}

.top_search_form_2020 input::placeholder {
    color: #ccc;
}

.top_search_form_2020 button span {
    padding: 0;
    display: inline-block;
    width: 42px;
    height: 42px;
    background: url(../images/company_list_search_area_icon02.png) no-repeat;
}

.top_btn_ss_2020 {
}

.top_search_b {
    width: 100px;
    display: inline-block;
    overflow: hidden;
    margin: 0 10px 0 0;
    text-align: center;
}

.top_search_b select {
    font-size: 17px;
    width: 100%;
    padding-right: 1em;
    cursor: pointer;
    text-indent: 0.01px;
    text-overflow: ellipsis;
    border: none;
    outline: none;
    background: transparent;
    background-image: none;
    box-shadow: none;
    -webkit-appearance: none;
    appearance: none;
}

.top_search_b select::-ms-expand {
    display: none;
}

.top_search_b.cp_sl01 {
    position: relative;
    border: 1px solid #ddd;
    border-radius: 2px;
    background: #ffffff;
}

.top_search_b.cp_sl01::before {
    position: absolute;
    top: 1.1em;
    right: 0.9em;
    width: 0;
    height: 0;
    padding: 0;
    content: '';
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #ccc;
    pointer-events: none;
}

.top_search_b.cp_sl01 select {
    padding: 10px 38px 10px 8px;
    color: #666666;
}

.top_search_icon_2020 {
    display: inline-block;
    vertical-align: middle;
}

.top_search_icon_2020 select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.top_search_icon_2020 select {
    text-indent: .01px; /* Firefox用 */
    text-overflow: ""; /* Firefox用 */
}

.top_search_icon_2020 select {
    /*　矢印を消す　*/
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: .01px; /* Firefox用 */
    text-overflow: ""; /* Firefox用 */
    appearance: none;
    font-size: 14px;
    color: #ccc;
    /*　背景画像の指定　*/
    width: 127px;
    height: 30px;
    border: 1px solid #CCC;
    border-radius: 3px;
    padding: 0 30px 0 10px;
    background-color: #FFF;
    background-image: url(../images/top_search_form_2020.png);
    background-repeat: no-repeat;
    background-size: 10px 15px;
    background-position: right 5px bottom 50%;
    cursor: pointer;
    font-weight: bold;
}

/*　IE11,IE10　*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .formSample top_search_icon_2020 select:not(:target) {
        padding-right: 0;
        background-image: none;
    }
}

.top_search_form02_2020 button {
    cursor: pointer;
}

.top_search_form02_2020 {
    display: inline-block;
    vertical-align: middle;
    height: 31px;
    margin-left: 50px;
}

.top_search_form02_2020 img {
    height: 31px;
}

.top_search_icon_x_2020 {
    margin-left: 5px;
    margin-right: 5px;
}

.top_search_in_2020_bottom_btn {
    margin: 20px auto 0 auto;
    padding: 0 20px 0 0;
    font-size: 17px;
    background-image: url(../images/top_search_in_2020_bottom_btn_icon.png);
    background-repeat: no-repeat;
    background-size: 17px 17px;
    background-position: right center;
}

.top_search_in_2020_bottom_btn a {
    font-weight: bold;
    color: #003791;
    text-decoration: underline;
}


.top_search_mid_2020 {
    width: 100%;
    height: auto;
    margin: 40px auto 0px auto;
    padding: 10px 0 10px 0;
}

.top_search_mid_in_2020 {
    width: 1100px;
    height: auto;
    margin: 0px auto;
    padding: 0;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: stretch;
}

.top_search_in_2020_01 {
    text-align: left;
    border-top: 5px solid #3f72ef;
    background-color: #ffffff;
    width: 530px;
    height: auto;
    margin: 0 0 30px 0;
    padding: 0;
}

.top_search_in_2020_02 {
    text-align: left;
    border-top: 5px solid #13b718;
    background-color: #ffffff;
    width: 530px;
    height: auto;
    margin: 0 0 30px 0;
    padding: 0;
}

.top_search_in_2020_03 {
    text-align: left;
    border-top: 5px solid #e3b718;
    background-color: #ffffff;
    width: 530px;
    height: auto;
    margin: 0 0 30px 0;
    padding: 0;
}

.top_search_in_2020_04 {
    text-align: left;
    border-top: 5px solid #c76155;
    background-color: #ffffff;
    width: 530px;
    height: auto;
    margin: 0 0 30px 0;
    padding: 0;
}

.top_search_title_2020_01 {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
    margin: 0px 0 0 0;
    padding: 0px 10px 0 0;
    border-bottom: 1px solid #3f72ef;
}

.top_search_title_2020_02 {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
    margin: 0px 0 0 0;
    padding: 0px 10px 0 0;
    border-bottom: 1px solid #13b718;
}

.top_search_title_2020_03 {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
    margin: 0px 0 0 0;
    padding: 0px 10px 0 0;
    border-bottom: 1px solid #e3b718;
}

.top_search_title_2020_04 {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
    margin: 0px 0 0 0;
    padding: 0px 10px 0 0;
    border-bottom: 1px solid #c76155;
}

.top_search_title_2020_01 img {
    width: 29px;
    display: inline-block;
    vertical-align: middle;
    margin: 8px 4px 8px 8px;
}

.top_search_title_2020_02 img {
    width: 29px;
    display: inline-block;
    vertical-align: middle;
    margin: 8px 4px 8px 8px;
}

.top_search_title_2020_03 img {
    width: 29px;
    display: inline-block;
    vertical-align: middle;
    margin: 8px 4px 8px 8px;
}

.top_search_title_2020_04 img {
    width: 29px;
    display: inline-block;
    vertical-align: middle;
    margin: 8px 4px 8px 8px;
}

.top_search_title_2020_01 h3 {
    font-size: 17px;
    display: inline-block;
    vertical-align: middle;
}

.top_search_title_2020_02 h3 {
    font-size: 17px;
    display: inline-block;
    vertical-align: middle;
}

.top_search_title_2020_03 h3 {
    font-size: 17px;
    display: inline-block;
    vertical-align: middle;
}

.top_search_title_2020_04 h3 {
    font-size: 17px;
    display: inline-block;
    vertical-align: middle;
}


.top_search_box_2020 {
    margin: 0 0 0 0;
    padding: 20px;
}

.parent_2020 {
    display: -webkit-inline-flex;
    display: inline-flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

.children_01_2020 {
    font-weight: bold;
    line-height: 2;
    border: solid 1px #3f72ef;
    font-size: 14px;

    text-align: left;
    margin: 0 10px 10px 0;
    padding: 0px 20px 0px 30px;
    background-color: #fff;
    background: url(../images/children_01_2020_bg.png) 10px center no-repeat;
    border-radius: 5px; /* CSS3草案 */
    -webkit-border-radius: 5px; /* Safari,Google Chrome用 */
    -moz-border-radius: 5px; /* Firefox用 */
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    cursor: pointer;
}

.children_01_2020 a {
    color: #3f72ef;
}

.children_02_2020 {
    font-weight: bold;
    line-height: 2;
    border: solid 1px #d06c5e;
    font-size: 14px;
    text-align: left;
    margin: 0 10px 10px 0;
    padding: 0px 20px 0px 30px;
    background: url(../images/child_02_2020_bg.png) 10px center no-repeat #d06c5e;
    border-radius: 5px; /* CSS3草案 */
    -webkit-border-radius: 5px; /* Safari,Google Chrome用 */
    -moz-border-radius: 5px; /* Firefox用 */
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    cursor: pointer;
}

.children_02_2020 a {
    color: #fff;
}

.top_search_box_2020 table {
    font-size: 14px;
    width: 100%;
    color: #13b718;
    border-collapse: collapse;
    border-spacing: 0;
}

.top_search_box_2020 table a {
    color: #13b718;
}

.top_search_box_2020 table th {
    text-align: left;
    width: 90px;

}

.top_search_box_2020 table td {
    text-align: left;
}

.children_03_2020 {
    font-weight: bold;
    line-height: 2;
    border: solid 1px #e3b718;
    font-size: 14px;
    color: #e3b718;
    text-align: left;
    margin: 0 10px 10px 0;
    padding: 0px 20px 0px 30px;
    background-color: #fff;
    background: url(../images/children_03_2020_bg.png) 10px center no-repeat;
    border-radius: 5px; /* CSS3草案 */
    -webkit-border-radius: 5px; /* Safari,Google Chrome用 */
    -moz-border-radius: 5px; /* Firefox用 */
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    cursor: pointer;
}

.children_04_2020 {
    font-weight: bold;
    line-height: 2;
    border: solid 1px #c86053;
    font-size: 14px;
    color: #c86053;
    text-align: left;
    margin: 0 10px 10px 0;
    padding: 0px 20px 0px 30px;
    background-color: #fff;
    background: url(../images/children_04_2020_bg.png) 10px center no-repeat;
    border-radius: 5px; /* CSS3草案 */
    -webkit-border-radius: 5px; /* Safari,Google Chrome用 */
    -moz-border-radius: 5px; /* Firefox用 */
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    cursor: pointer;
}


.top_search_mid_w {
    width: 100%;
    height: auto;
    margin: 60px auto 0px auto;
    padding: 10px 0 10px 0;
    background-color: #fff;
}

.top_search_mid_w_in {
    width: 1100px;
    height: auto;
    margin: 0px auto 40px auto;
    padding: 0;
}

.tab_wrap_2020 input[type="radio"] {
    display: none;
}

.tab_wrap_2020 {
    width: 1100px;
    margin: -60px auto 0px auto;
}

.tab_area_2020 {
    font-size: 0;
    margin: 0px 0px 0px;
}

.tab_area_2020 label {
    width: 275px;
    margin: 0px;
    display: inline-block;
    padding: 25px 0;
    color: #143980;
    font-weight: bold;
    text-align: center;
    font-size: 17px;
    cursor: pointer;
    position: relative;
    background: url(../images/tab1_label_2020_icon_o.png) 75px center #fff no-repeat;
}

.tab_area_2020 label:hover:after {
    border-top: solid 0px #143980;
}

#tab1_2020:checked ~ .tab_area_2020 .tab1_label_2020 {
    background: url(../images/tab1_label_2020_icon_a.png) 75px center #143980 no-repeat;
    color: #fff;
}

#tab1_2020:checked ~ .tab_area_2020 .tab1_label_2020:after {
    z-index: 1;
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    bottom: -15px; /*三角をボタンの下のラインに合わせます*/
    left: 50%; /*三角を横方向中央にします*/
    margin-left: -20px; /*border-leftの10px分左にずらして完全な中央にします*/
    border-left: solid 20px transparent; /*border-rightと同じ幅にします*/
    border-right: solid 20px transparent; /*border-leftと同じ幅にします*/
    border-top: solid 35px #143980;
}

#tab1_2020:checked ~ .panel_area_2020 #panel1_2020 {
    display: block;
    animation: tabAnim ease 0.5s forwards;
    -ms-animation: tabAnim ease 0.5s forwards;
}

#tab2_2020:checked ~ .tab_area_2020 .tab2_label_2020 {
    background: url(../images/tab1_label_2020_icon_a.png) 75px center #143980 no-repeat;
    color: #fff;
}

#tab2_2020:checked ~ .tab_area_2020 .tab2_label_2020:after {
    z-index: 1;
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    bottom: -15px; /*三角をボタンの下のラインに合わせます*/
    left: 50%; /*三角を横方向中央にします*/
    margin-left: -20px; /*border-leftの10px分左にずらして完全な中央にします*/
    border-left: solid 20px transparent; /*border-rightと同じ幅にします*/
    border-right: solid 20px transparent; /*border-leftと同じ幅にします*/
    border-top: solid 35px #143980;
}

#tab2_2020:checked ~ .panel_area_2020 #panel2_2020 {
    display: block;
    animation: tabAnim ease 0.5s forwards;
    -ms-animation: tabAnim ease 0.5s forwards;
}

#tab3_2020:checked ~ .tab_area_2020 .tab3_label_2020 {
    background: url(../images/tab1_label_2020_icon_a.png) 75px center #143980 no-repeat;
    color: #fff;
}

#tab3_2020:checked ~ .tab_area_2020 .tab3_label_2020:after {
    z-index: 1;
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    bottom: -15px; /*三角をボタンの下のラインに合わせます*/
    left: 50%; /*三角を横方向中央にします*/
    margin-left: -20px; /*border-leftの10px分左にずらして完全な中央にします*/
    border-left: solid 20px transparent; /*border-rightと同じ幅にします*/
    border-right: solid 20px transparent; /*border-leftと同じ幅にします*/
    border-top: solid 35px #143980;
}

#tab3_2020:checked ~ .panel_area_2020 #panel3_2020 {
    display: block;
    animation: tabAnim ease 0.5s forwards;
    -ms-animation: tabAnim ease 0.5s forwards;
}

#tab4_2020:checked ~ .tab_area_2020 .tab4_label_2020 {
    background: url(../images/tab1_label_2020_icon_a.png) 75px center #143980 no-repeat;
    color: #fff;
}

#tab4_2020:checked ~ .tab_area_2020 .tab4_label_2020:after {
    z-index: 1;
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    bottom: -15px; /*三角をボタンの下のラインに合わせます*/
    left: 50%; /*三角を横方向中央にします*/
    margin-left: -20px; /*border-leftの10px分左にずらして完全な中央にします*/
    border-left: solid 20px transparent; /*border-rightと同じ幅にします*/
    border-right: solid 20px transparent; /*border-leftと同じ幅にします*/
    border-top: solid 35px #143980;
}

#tab4_2020:checked ~ .panel_area_2020 #panel4_2020 {
    display: block;
    animation: tabAnim ease 0.5s forwards;
    -ms-animation: tabAnim ease 0.5s forwards;
}


.panel_area_2020 {
    width: 100%;
    margin: 30px 0px 0px 0px;
}

.tab_panel_2020 {
    display: none;
}

.list_2020 {
    width: 1160px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    margin: 0 0 0 -30px;

}

.list_in_2020 {
    width: 346px;
    overflow: hidden;
    border-radius: 10px; /* CSS3草案 */
    -webkit-border-radius: 10px; /* Safari,Google Chrome用 */
    -moz-border-radius: 10px; /* Firefox用 */
    box-shadow: 0px 0px 20px 10px rgba(0, 0, 0, 0.1);
    margin: 30px 0px 0 30px;
}

.list_in_view_2020 {
    height: 200px;
    overflow: hidden;
    position: relative;
}

.list_in_view_2020 img {
    width: 100%;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    margin: 0 auto;
}

.list_in_text_2020 {
    padding: 5px 10px 10px 10px;
    text-align: left;
    line-height: 1.5;
}

.list_in_text_2020 h3 {
    line-height: 1.2;
    border-bottom: 1px solid #ddd;
    padding: 5px 0;
    font-size: 17px;
}

.list_in_text_2020 h4 {
    line-height: 1.2;
    font-size: 16px;
    color: #333;
    padding: 5px 0;
}

.list_in_text_2020 p {
    line-height: 1.2;
    font-size: 16px;
    color: #969696;
}


.bland_list_2020 {
    width: 100%;
    background-color: #fff;
    border-top: 10px solid #133a7f;
    margin: 60px auto 0 auto;
    padding: 0px 0 60px 0;
}

.title_c_2020 {
    position: relative;
    text-align: center;
    margin: 30px auto 0 auto;
}

.title_c_2020::after {
    content: '';
    position: absolute;
    left: 50%;
    bottom: -10px; /*荳狗ｷ壹�荳贋ｸ倶ｽ咲ｽｮ隱ｿ謨ｴ*/
    display: inline-block;
    width: 5%; /*荳狗ｷ壹�蟷�*/
    height: 1px; /*荳狗ｷ壹�螟ｪ縺�*/
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translate(-50%); /*菴咲ｽｮ隱ｿ謨ｴ*/
    background-color: #c6c5c5; /*荳狗ｷ壹�濶ｲ*/
}

.title_c_2020 h2 {
    font-size: 17px;
    color: #333;
}

.bland_list_in_2020 ul {

}

.bland_list_in_2020 ul li {
    width: 120px;
    display: inline-block;
    text-align: center;
    margin-left: 25px;
    margin-bottom: 25px;
    background-color: #fff;
    box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.1);
    padding: 5px;
}

.bland_list_in_2020 ul li img {
    margin: auto;
}

.bland_list_2020 p {
    font-size: 17px;
    text-align: left;
    margin: 20px 0 0 0;
}

.bland_list_2020 p span.text-cicle {
    font-size: 28px;
}

.link_store_brand_a {
    margin-top: 40px;
}

.link_store_brand_a a {
    position: relative;
    padding: 0 41px 0 10px;
    font-size: 21px;
    text-align: center;
    color: #013892;
    font-weight: bold;
}

.link_store_brand_a a:before {
    content: '';
    width: 24px;
    height: 25px;
    position: absolute;
    right: 8px;
    top: -2px;
    background: url(../images/t_btn_m_icon_crow-r-blue.svg) right center no-repeat;
    background-size: 24px 23px;
    background-repeat: no-repeat;
}

.link_store_brand_a a:after {
    content: '';
    width: 100%;
    height: 1px;
    position: absolute;
    right: 0;
    bottom: 0px;
    background: #013892;
}

.bland_list_2020 .title_c_2020 {
    margin-bottom: 45px;
}

.items_store_brand_2020 ul li:nth-child(6n+1) {
    margin-left: 0;
}

.bland_list_link {
    text-align: center;
    font-size: 18px;
    padding: 0;
    margin: 40px auto auto auto;
    background-color: #013892;
    background-image: url(../images/arrow_w-10.png);
    background-repeat: no-repeat;
    background-position: right 8px top 12px;
    width: 320px;
    border-radius: 10px;
    box-shadow: 1px 4px 10px #888888;
}

.bland_list_link a {
    color: #fff;
    text-decoration: none;
    font-weight: bold;
    margin: auto;
    display: block;
    height: 100%;
    padding: 6px;
}


/*new_footer2020_end*/
.f_contents {
    text-align: center;
    width: 100%;
    margin: 0px auto;
    padding: 0px 0 0px 0;
    background-color: #fff;
}

.f_contents_circle_off {
    text-align: center;
    width: 100%;
    margin: 0px auto;
    padding: 0px 0 0px 0;
    background-color: #fff;
}

.box_in_pankuzu_2020 {
    text-align: left;
    padding: 0px 2% 0px 2%;
    height: 30px;
    line-height: 30px;
    position: relative;
    margin: auto;
}

.box_in_brum {
    background-color: #e6e6e6;
}

.box_in_pankuzu_2020 p {
    float: left;
    font-size: 13px;
}

.box_in_pankuzu_2020 div {
    margin: -30px 0 0 0;
    float: right;
}

.box_in_philosophy_2020 {
    text-align: center;
    width: 100%;
    height: auto;
    padding: 30px 0;
    margin: 0px auto;
    text-align: left;

}

.philosophy_logo_2020 {
    max-width: 267px;
    margin: 0px auto;
    height: 54px;
}

.philosophy_logo_2020 img {
    max-width: 100%;
    padding: 0;
    margin: 0px auto;
}

.box_in_philosophy_2020 p {
    text-align: center;
    font-size: 14px;
    line-height: 2;
    margin: 0px auto;
    color: #000;
}

.box_in_sns_bottom_btn_2020 {
    margin: 0px auto;
    padding: 0px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    justify-content: space-between;
}

.f_sns_area {
    width: 390px;
    padding: 0;
    margin-left: 42px;
}

.f_sns_area_in {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    justify-content: space-between;
    padding: 0px 0 50px 0;
    background: url(../images/sns_kyara.png) bottom center no-repeat;
    background-size: 128px 60px;
}

.f_box_infor_content {
    padding-left: 42px;
    padding-right: 45px;
    padding-top: 35px;
}

.f_box_infor_content p {
    text-align: justify;
    font-size: 14px;
}

.f_box_infor_content .logo_f_top_page {
    border-bottom: 1px solid #9c9d9e;
    padding-bottom: 20px;
    margin-bottom: 25px;
}

.f_box_infor_content .logo_f_top_page img.img_logo_f_top_page{
    max-width: 199px;
}

.f_box_infor_content .logo_f_top_page img.img_f_text_logo{
    max-width: 382px;
}

.bottom_btn_area {
    width: 190px;
    color: #fff;
    margin: -40px 110px 0 0
}

.bottom_btn_area h4 {
    font-size: 20px;
}

.bottom_btn_area img {
    /*width: 194px;
    margin: 12px auto 0 auto;*/
}

.f_bottom_btn_b_2020 {
    width: 194px;
    padding: 4px 0px;
    font-size: 20px;
    text-align: center;
    display: inline-block;
    margin: 12px auto 0 auto;
    background-color: #f79a1c;
    color: #fff;
    border-radius: 5px; /* CSS3草案 */
    -webkit-border-radius: 5px; /* Safari,Google Chrome用 */
    -moz-border-radius: 5px; /* Firefox用 */
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    cursor: pointer;
}

.f_bottom_btn_b_2020:hover {
    cursor: pointer;
    color: #fff;
    background-color: #f8ac45;
}

#BtnTOP {
    display: inline-block;
    height: 91px;
    width: 80px;
    position: absolute;
    z-index: 1000;
    border: none;
    outline: none;
    background-image: url("../images/Icon_BtnTOP-03.svg");
    background-color: transparent;
    cursor: pointer;
    padding: 15px;
    right: 40px;
    top: -30px;
}

#BtnTOP:hover {
    opacity: 1;
}

.f_contents:before {
    content: "";
    position: absolute;
    background-image: url(../images/f_circle_bg.png);
    background-repeat: no-repeat;
    /* background-position: top 50px right -30px; */
    bottom: -204px;
    right: 0px;
    display: block;
    width: 423px;
    height: 423px;
    z-index: -1;
}

.f_contents.f_contents_login:before {
    display: none;
}

.f_contents.f_contents_login .bottom_btn_area {
    display: none;
}

.f_contents.f_contents_login .f_sns_area {
    margin-left: 0;
    margin: auto;
}

.f_navi p {
    padding-top: 25px;
}

.f_copy p {
    padding-top: 25px;
}

/*new_header2020*/
.pc_nav_face_area02 {
    display: inline-block;
    min-width: 150px;
    height: 35px;
    line-height: 35px;
    padding: 0 20px 0 20px;
    background: url(../images/pc_nav_face_icon.jpg) center right no-repeat;
}

.pc_nav_face_area02 p {
    margin: 0 0px 0 10px;
}

.pc_nav_face02 {
    width: 32px;
    height: 32px;
    margin: 0;
}

.pc_nav_face02 img {
    width: 32px;
    height: 32px;
    margin: 0;
}

.f_contents_nonlogin {

    position: relative;
    z-index: 6;
    overflow: hidden;
}

.box_in_sns_bottom_btn_2020 a.f_sns_area_in_01{
    max-width: 163px;
    height: 76px;
}

.box_in_sns_bottom_btn_2020 a.f_sns_area_in_02 img{
    max-width: 166px;
    height: 76px;
}

.box_in_sns_bottom_btn_2020 a.f_sns_area_in_01 img, .box_in_sns_bottom_btn_2020 a.f_sns_area_in_02 img{
    width: 100%;
}


/*new_header2020_end*/


.job_baud_search {
    width: 100%;
    border-radius: 15px; /* CSS3草案 */
    -webkit-border-radius: 15px; /* Safari,Google Chrome用 */
    -moz-border-radius: 15px; /* Firefox用 */
    border: 1px solid #ababab;
    overflow: hidden;
}

.job_baud_search table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
}

.job_baud_search .item_search_job_01 .div_title_job_search {
    float: left;
    width: 107px;
    background-color: #e4e4e4;
    padding: 22px 0 22px 0;
    border-bottom: 3px solid #f9f8f7;
    font-size: 17px;
    font-weight: normal;
}

.job_baud_search .item_search_job_01 .div_content_job_search a p {
    color: #ccc;
}

.job_baud_search .item_search_job_01 .div_content_job_search {
    float: left;
    width: calc(100% - 107px);
    background-color: #f9f8f7;
    padding: 22px 30px 22px 20px;
    border-bottom: 3px solid #e4e4e4;
    position: relative;
    vertical-align: middle;
    font-size: 17px;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: pointer;
}

.job_baud_search .item_search_job_01 .div_content_job_search:before {
    display: inline-block;
    position: absolute;
    content: "";
    vertical-align: middle;
    top: 0;
    bottom: 0;
    margin: auto;
    right: 17px;
    width: 8px;
    height: 8px;
    border-top: 2px solid #ababab;
    border-right: 2px solid #ababab;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

/*.job_baud_search .item_search_job_01:nth-child(8) .div_title_job_search {
    border-bottom-color: #e4e4e4;
}*/

.job_baud_search .item_search_job_01 .div_title_job_search.border-bt-title-01{
    border-bottom-color: #e4e4e4;
}

/*.job_baud_search .item_search_job_01:nth-child(8) .div_content_job_search {
    border-bottom-color: #f9f8f7;
}*/

.job_baud_search .item_search_job_01 .div_content_job_search.border-bt-title-02{
    border-bottom-color: #f9f8f7;
}

.job_baud_search td p {
    color: #ccc;
}

.job_baud_search td::before {
    display: inline-block;
    position: absolute;
    content: "";
    vertical-align: middle;
    top: 0;
    bottom: 0;
    margin: auto;
    right: 25px;
    width: 8px;
    height: 8px;
    border-top: 2px solid #ababab;
    border-right: 2px solid #ababab;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.border_none {
    border: none !important;
}


.job_baud_in_main_area.active_pr {
    border: solid 5px #ffa300;
}

.job_baud_in_main_area {
    color: #2e2e2e;
    background-color: #fff;
    border: solid 5px #EDEDEC;
    padding: 0px;
    margin: 40px 0px 0px 0px;
    border-radius: 15px; /* CSS3草案 */
    -webkit-border-radius: 15px; /* Safari,Google Chrome用 */
    -moz-border-radius: 15px; /* Firefox用 */
    overflow: hidden;
}

.job_baud_in_main_area .div-left-job {
    width: 450px;
    float: left;
}

.job_baud_in_main_area .div-rifht-job {
    width: calc(100% - 450px);
    float: right;
}

.job_baud_in_main_area.list-job-resize-img .div-left-job .div-resize-img {
    width: 450px;
    height: 328px;
    overflow: hidden;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    border-radius: 10px 0 0 10px;
    -webkit-border-radius: 10px 0 0 10px;
    -moz-border-radius: 10px 0 0 10px;
}

.job_baud_in_main_area.list-job-resize-img .div-left-job .div-resize-img a {
    display: block;
    width: 100%;
}

.job_baud_in_main_area.list-job-resize-img .div-left-job .div-resize-img img {
    width: 100%;
    display: block;
}

.job_baud_in_main_area .div-rifht-job h3 {
    line-height: 1.1;
    font-size: 20px;
    color: #122994;
    padding: 0px 0px 0px 0px;
}

.job_baud_in_main_area .div-rifht-job {
    vertical-align: top;
    padding: 20px 40px;
    padding-right: 25px;
    padding-top: 25px;
    padding-bottom: 5px;
    padding-left: 30px;
}

.job_baud_in_main_area table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    margin: 0px 0px -1px 0px;
}

.job_baud_in_main_area table th {
    vertical-align: top;
    padding: 0px;
    width: 450px;
}

.job_baud_in_main_area table th img {
    width: 450px;
}

.job_baud_in_main_area table td {
    vertical-align: top;
    padding: 25px 25px 5px 30px;
}

.article_baud_in_main_area .article_th_are {
    width: 50%;
    float: left;
}

.article_baud_in_main_area .article_baud_des_area {
    width: 50%;
    float: left;
    padding: 25px 55px 5px 40px;
}

.article_baud_in_main_area table td {
    vertical-align: top;
    padding: 25px 55px 5px 40px;
}

.job_baud_in_main_area table td h3 {
    line-height: 1.1;
    font-size: 20px;
    color: #122994;
    padding: 0;
}

.job_baud_in_cat01_area {
    padding: 10px 0 7px;
    border-bottom: 1px solid #ccc;
}

.job_baud_in_cat01_icon {
    color: #666666;
    font-weight: bold;
    border: solid 1px #d41457;
    padding: 3px 15px 3px 15px;
    text-align: center;
    display: inline-block;
    margin: 0 5px 8px 0;
    background-color: #fff;
    border-radius: 3px; /* CSS3闕画｡� */
    -webkit-border-radius: 3px; /* Safari,Google Chrome逕ｨ */
    -moz-border-radius: 3px; /* Firefox逕ｨ */
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    line-height: 1.7;
}

.job_baud_in_cat02_icon {
    color: #666666;
    font-weight: bold;
    border: solid 1px #f5e59e;
    padding: 3px 15px 3px 15px;
    text-align: center;
    display: inline-block;
    margin: 0 5px 8px 0;
    background-color: #f5e59e;
    border-radius: 3px; /* CSS3闕画｡� */
    -webkit-border-radius: 3px; /* Safari,Google Chrome逕ｨ */
    -moz-border-radius: 3px; /* Firefox逕ｨ */
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    line-height: 1.7;
}

.job_baud_in_cat03_icon {
    color: #fff;
    font-weight: bold;
    border: solid 1px #ffa300;
    text-align: center;
    display: inline-block;
    margin: 0 5px 8px 0;
    background-color: #ffa300;
    border-radius: 3px; /* CSS3闕画｡� */
    -webkit-border-radius: 3px; /* Safari,Google Chrome逕ｨ */
    -moz-border-radius: 3px; /* Firefox逕ｨ */
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    line-height: 1.7;
}

.job_baud_in_cat04_icon {
    color: #fff;
    font-weight: bold;
    border: solid 1px #C54C31;
    text-align: center;
    display: inline-block;
    margin: 0 5px 8px 0;
    background-color: #C54C31;
    border-radius: 3px; /* CSS3闕画｡� */
    -webkit-border-radius: 3px; /* Safari,Google Chrome逕ｨ */
    -moz-border-radius: 3px; /* Firefox逕ｨ */
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    line-height: 1.7;
}

.job_baud_in_text_area {
    padding: 10px 0;
    border-bottom: 1px solid #ccc;
}

.job_baud_in_text_area p, .article_baud_in_text_area p {
    font-size: 14px;
    color: #777;
    padding: 0;
}

.job_baud_in_text_area .text-store-brand {
    font-size: 16px;
    color: #2e2e2e;
    word-break: break-all;
}

.job_baud_in_btn_area {
    text-align: center;
    padding: 15px 0 10px;
    margin: 0 auto;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    justify-content: space-between;
}

.job_baud_in_btn_icon01 {
    width: 49%;
}

.job_baud_in_btn_icon02 {
    width: 49%;
}

.job_baud_in_btn_icon01 a {
    width: 100%;
    font-weight: bold;
    padding: 6px 0;
    font-size: 18px;
    text-align: center;
    display: block;
    margin: 0;
    border-radius: 3px; /* CSS3闕画｡� */
    -webkit-border-radius: 3px; /* Safari,Google Chrome逕ｨ */
    -moz-border-radius: 3px; /* Firefox逕ｨ */
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    cursor: pointer;
    background: url(../images/job_baud_in_btn_icon02.png) #56AEE6 95% center no-repeat;
    line-height: 2;
    box-shadow: 0 2px 3px 2px rgba(0, 0, 0, 0.4);
    color: #fff;
}

.job_baud_in_btn_icon01 a span {
    position: relative;
    padding-left: 25px;
}

.job_baud_in_btn_icon01 a:hover {
    opacity: 0.7;
}

.job_baud_in_btn_icon01 a img {
    width: 18px;
    display: inline;
    position: absolute;
    top: 50%;
    left: 0;
    margin: -9px 0 0;
}

.job_baud_in_btn_icon01.active a, .job_baud_in_btn_icon02.active a,
.job_baud_in_btn_icon01.active a:hover, .job_baud_in_btn_icon02.active a:hover {
    background-color: #A3A3A3;
    opacity: 1;
    color: #fff;
    cursor: not-allowed;
}

.job_baud_in_btn_icon02.active a {
    background-image: url(../images/job_baud_in_btn_icon02.png);
}

.job_baud_in_btn_icon02 a {
    width: 100%;
    color: #666;
    font-weight: bold;
    padding: 6px 0;
    font-size: 18px;
    text-align: center;
    display: block;
    margin: 0;
    border-radius: 3px; /* CSS3闕画｡� */
    -webkit-border-radius: 3px; /* Safari,Google Chrome逕ｨ */
    -moz-border-radius: 3px; /* Firefox逕ｨ */
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    cursor: pointer;
    background: url(../images/job_baud_in_btn_icon01.png) 95% center no-repeat #fff;
    line-height: 2;
    box-shadow: 0 2px 3px 2px rgba(0, 0, 0, 0.4);
}

.job_baud_in_btn_icon02 a:hover {
    /*color: #fff;
    background: url(../images/job_baud_in_btn_icon02.png) 95% center no-repeat #65bfe9;*/
    cursor: pointer;
    color: #333;
    background-color: #dfdfdf;

}

.modal-content_2020 {
    position: relative;
    display: none;
    width: 1100px;
    margin: 0 auto;
    padding: 10px 0 80px 0;
    background: #fff;
    top: 0;
}

.modal-content_2020 p {
    margin: 0;
    padding: 0;
}

.modal-overlay {
    z-index: 1;
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 120%;
    background-color: rgba(0, 0, 0, 0.75);
}

.modal-wrap {
    z-index: 9999999;
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
}

.modal-open {
}

.modal-open:hover {
   /* cursor: pointer;*/
}

.modal-close {
    color: #fff;
}

.modal-close:hover {
    cursor: pointer;
    color: #fff;
}

.molal_main_title {
    padding: 20px 0 10px 20px;
}

.molal_main_title h2 {
    vertical-align: middle;
    display: inline;
    text-align: left;
    color: #333;
    font-size: 20px;
    line-height: 1.5;
}

.modal_title_2020_01 {
    padding: 15px 0 5px 10px;
    border-bottom: 5px solid #4663f0;
}

.modal_title_2020_01 img {
    vertical-align: middle;
    display: inline;
}

.modal_title_2020_01 h3 {
    vertical-align: middle;
    display: inline;
    text-align: left;
    color: #333;
    line-height: 1.5;
}

.modal_title_2020_02 {
    padding: 15px 0 5px 10px;
    border-bottom: 5px solid #00c21f;
}

.modal_title_2020_02 img {
    vertical-align: middle;
    display: inline;
}

.modal_title_2020_02 h3 {
    vertical-align: middle;
    display: inline;
    text-align: left;
    color: #333;
    line-height: 1.5;
}

.modal_title_2020_03 {
    padding: 15px 0 5px 10px;
    border-bottom: 5px solid #e8ba00;
}

.modal_title_2020_03 img {
    vertical-align: middle;
    display: inline;
}

.modal_title_2020_03 h3 {
    vertical-align: middle;
    display: inline;
    text-align: left;
    color: #333;
    line-height: 1.5;
}

.modal_title_2020_04 {
    padding: 15px 0 5px 10px;
    border-bottom: 5px solid #d41457;
}

.modal_title_2020_04 img {
    vertical-align: middle;
    display: inline;
}

.modal_title_2020_04 h3 {
    vertical-align: middle;
    display: inline;
    text-align: left;
    color: #333;
    line-height: 1.5;
}


.modal_search_box_2020 {
    margin: 0 0 0 0;
    padding: 20px;
}

.modal_parent_2020 {
    display: -webkit-inline-flex;
    display: inline-flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

.modal_children_01_2020 {
    width: 170px;
    line-height: 2;
    border: solid 1px #3f72ef;
    font-size: 14px;
    text-align: left;
    margin: 5px 10px 5px 0;
    padding: 0px 0px 0px 30px;
    background-color: #fff;
    background: url(../images/check_icon_g.png) 10px center no-repeat;
    border-radius: 5px; /* CSS3草案 */
    -webkit-border-radius: 5px; /* Safari,Google Chrome用 */
    -moz-border-radius: 5px; /* Firefox用 */
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    cursor: pointer;
}

.modal_children_01_2020 a {
    color: #333;
}

.modal_children_01_on_2020 {
    width: 170px;
    line-height: 2;
    border: solid 1px #4561eb;
    font-size: 14px;
    text-align: left;
    margin: 5px 10px 5px 0;
    padding: 0px 0px 0px 30px;
    background: url(../images/check_icon_w.png) 10px center no-repeat #4561eb;
    border-radius: 5px; /* CSS3草案 */
    -webkit-border-radius: 5px; /* Safari,Google Chrome用 */
    -moz-border-radius: 5px; /* Firefox用 */
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    cursor: pointer;
}

.modal_children_01_on_2020 a {
    color: #fff;
}

.modal_children_02_2020 {
    width: 109px;
    line-height: 2;
    border: solid 1px #00c21f;
    font-size: 14px;
    text-align: left;
    margin: 5px 10px 5px 0;
    padding: 0px 0px 0px 30px;
    background-color: #fff;
    background: url(../images/check_icon_g.png) 10px center no-repeat;
    border-radius: 5px; /* CSS3草案 */
    -webkit-border-radius: 5px; /* Safari,Google Chrome用 */
    -moz-border-radius: 5px; /* Firefox用 */
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    cursor: pointer;
}

.modal_children_02_2020 a {
    color: #333;
}

.modal_children_02_on_2020 {
    width: 109px;
    line-height: 2;
    border: solid 1px #00c21f;
    font-size: 14px;
    text-align: left;
    margin: 5px 10px 5px 0;
    padding: 0px 0px 0px 30px;
    background: url(../images/check_icon_w.png) 10px center no-repeat #00c21f;
    border-radius: 5px; /* CSS3草案 */
    -webkit-border-radius: 5px; /* Safari,Google Chrome用 */
    -moz-border-radius: 5px; /* Firefox用 */
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    cursor: pointer;
}

.modal_children_02_on_2020 a {
    color: #fff;
}

.modal_children_03_2020 {
    width: 170px;
    line-height: 2;
    border: solid 1px #e8ba00;
    font-size: 14px;
    text-align: left;
    margin: 5px 10px 5px 0;
    padding: 0px 0px 0px 30px;
    background-color: #fff;
    background: url(../images/check_icon_g.png) 10px center no-repeat;
    border-radius: 5px; /* CSS3草案 */
    -webkit-border-radius: 5px; /* Safari,Google Chrome用 */
    -moz-border-radius: 5px; /* Firefox用 */
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    cursor: pointer;
}

.modal_children_03_2020 a {
    color: #333;
}

.modal_children_03_on_2020 {
    width: 170px;
    line-height: 2;
    border: solid 1px #e8ba00;
    font-size: 14px;
    text-align: left;
    margin: 5px 10px 5px 0;
    padding: 0 0 0 30px;
    background: url(../images/check_icon_w.png) 10px center no-repeat #e8ba00;
    border-radius: 5px; /* CSS3草案 */
    -webkit-border-radius: 5px; /* Safari,Google Chrome用 */
    -moz-border-radius: 5px; /* Firefox用 */
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    cursor: pointer;
}

.modal_children_03_on_2020 a {
    color: #fff;
}

.modal_children_04_2020 {
    width: 170px;
    line-height: 2;
    border: solid 1px #d41457;
    font-size: 14px;
    text-align: left;
    margin: 5px 10px 5px 0;
    padding: 0px 0px 0px 30px;
    background-color: #fff;
    background: url(../images/check_icon_g.png) 10px center no-repeat;
    border-radius: 5px; /* CSS3草案 */
    -webkit-border-radius: 5px; /* Safari,Google Chrome用 */
    -moz-border-radius: 5px; /* Firefox用 */
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    cursor: pointer;
}

.modal_children_04_2020 a {
    color: #333;
}

.modal_children_04_on_2020 {
    width: 170px;
    line-height: 2;
    border: solid 1px #d41457;
    font-size: 14px;
    text-align: left;
    margin: 5px 10px 5px 0;
    padding: 0px 0px 0px 30px;
    background: url(../images/check_icon_w.png) 10px center no-repeat #d41457;
    border-radius: 5px; /* CSS3草案 */
    -webkit-border-radius: 5px; /* Safari,Google Chrome用 */
    -moz-border-radius: 5px; /* Firefox用 */
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    cursor: pointer;
}

.modal_children_04_on_2020 a {
    color: #fff;
}

.modal-close3 {
}

.modal-close3:hover {
}

.modal_bottom_btn_area_2020 {
    width: 1100px;
    z-index: 9999;
    padding: 20px 0;
    position: fixed;
    margin: 0;
    background-color: rgba(0, 0, 0, 0.55);
    bottom: 0;

}

.modal_bottom_btn_area_2020 a {
    display: block;
    color: #fff;
}

.modal_bottom_btn01_2020 {
    margin: 0 auto;
    text-align: center;
    width: 35%;
    padding: 1%;
    border-radius: 10px; /* CSS3草案 */
    -webkit-border-radius: 10px; /* Safari,Google Chrome用 */
    -moz-border-radius: 10px; /* Firefox用 */
    color: #fff;
    font-size: 18px;
    cursor: pointer;
    background-color: #112993;
}

.logo_2020 a.a_logo_2020_01{
    width: 415px;
    float: left;
}

.logo_2020 img.img_logo_header {
    display: block;
    max-width: 199px;
    float: left;
    margin-top: 15px;
}

.logo_2020 span {
    /*float:left;
	display: block;
	font-size: 8px;
	font-weight:bold;*/
}

.register-index-page h1.fitness-logo a{
    width: 310px;
}

.info_1 {
    background-image: url("../images/info_main_banner-03.png");
    background-repeat: no-repeat;
    display: inline;
    width: 100%;
    height: 90px;
    background-position: center;
}

.info_2 {
    background-image: url("../images/info_main_banner-05.png");
    display: inline-block;
    width: 302px;
    height: 90px;
    text-align: center;
}

.info_3 {
    background-image: url("../images/info_main_banner-04.png");
    display: inline-block;
    width: 302px;
    height: 90px;
    text-align: center;
}

.info_main_banner {
    float: left;
    margin: 20px 10px 0 10px;
}

.top_page {
    float: left;
    width: 430px !important;
}

.top_search_child {
    margin: 32px auto;
    padding: 30px 50px 0 90px;
    border: 1px solid #7ea1da;
    border-radius: 8px;
    height: auto;
    display: inline-block;
    position: relative;
    margin-right: 50px;
    margin-left: 60px;
    margin-bottom: 10px;

}

.top_search_child_03 {
    line-height: 1.4;
    font-size: 13px;
    /* color: black; */
    text-align: left;
    display: inline-block;
    float: left;
    margin: 0 20px 20px 0;
    padding: 2px 10px 2px 30px;
    background-color: #fff;
    background: url(../images/children_03_2020_bg.svg) left no-repeat;
    background-size: 19px 19px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    cursor: pointer;
}

/*
.top_search_child .top_search_child_03:nth-child(6) {
    margin-right: 85px;
}
*/

.check_box {
    width: 1100px;
    margin: 20px auto 0 auto;
    display: inline-block;
}

.check_box_title {
    background-color: #2bb0ed;
    padding: 10px;
    text-align: left;
}

.check_box_title a {
    color: #ffff;
    font-weight: bold;
}

.check_box_child {
    background-color: #ffff;
    width: 529px;
    float: left;
    border-bottom: 1px solid #828282;
    text-align: left;
    padding: 20px 10px;
}

.check_box_child:hover {
    background-color: #db9616;
}

.check_box_child:hover p {
    color: #ffff;
}

.check_box_child:hover h4 {
    color: #ffff;
}

.check_box_child:hover .number_check_box {
    color: #fff;
    text-align: center;
    background-color: #e55725;
    border-radius: 50%;

}

.check_box_child:hover .number_cb {
    color: #fff;
}

.check_box_child p {
    color: #666666;
    font-size: 14px;
}

.check_box_child h4 {
    color: #000;
    font-weight: bold;
    font-size: 21px;
}

.check_box_child img {
    width: 50px;
    height: 50px;
    float: left;
}

.info_check_box {
    width: 300px;
    float: left;
    margin-left: 10px;
}

.number_check_box {
    width: 80px;
    float: left;
}

.number_check_box b {
    color: #f46424;
    font-size: 32px;
    display: inline;
}

.number_check_box p {
    display: inline;
    font-weight: bold;
    font-size: 16px;
    color: #000;
}

a.check_box_bt {
    background-color: #2bb0ed;
    padding: 10px 20px;
    border-radius: 5px;
    color: #fff;
    font-weight: bold;
    font-size: 12px;
    cursor: pointer;
    display: inline-block;
    margin-top: 5px;
}

.st_bl {
    border-left: 1px solid #828282;
}

.list_check_box {
    width: 100%;
    background-color: #fff;
    margin: 20px auto;
}

.list_check {
    width: 100%;
    margin-top: 20px;
}

.list_check_box {
    margin-bottom: 20px;
}

.list_check_box .list_check_title {
    background-color: #003891;
    padding: 10px;
    text-align: left;
    font-size: 12px;
    color: #fff;
}

.title_box_check {
    padding: 10px 0;
    padding-bottom: 5px;
    border-bottom: 5px solid #003891;
    margin-bottom: 17px;
}

.title_box_check img {
    margin-left: 25px;
}

.box_check {
    background: url(../images/icon_check-07.png) no-repeat 10px center;
    padding: 4px 30px 4px 30px;
    border: 1px solid #626261;
    border-radius: 5px;
    float: left;
    cursor: pointer;
    margin: 5px 0 0 5px
}

.box_check p {
    color: #626261;
    font-size: 14px;
}

.c_j_search_address .box_check{
    padding: 4px 15px 4px 30px;
    margin: 5px 5px 10px 5px;
    width: 12%;
    text-align: left;
}

.c_j_search_asp .box_check{
    padding: 4px 4px 4px 30px;
    margin: 5px 5px 0px 5px;
    width: 20%;
    text-align: left;
}

.c_j__search_format_job .box_check, .c_j_search_condition .box_check{
    padding: 4px 10px 4px 30px;
    margin: 5px 5px 5px 5px;
    width: 18.9%;
    text-align: left;
}

/*.box_check:active{
	background: url("../images/icon_check-06.png") no-repeat 10px center;
	padding: 5px 30px 5px 30px;
	background-color:#626261;
	border-radius: 5px;
	float: left;
	cursor: pointer;
	margin: 15px 0 0 15px;
}*/
.box_check:active p {
    color: #fff;
}

.list_check {
    background-color: #fff;
    display: inline-block;
}

.blank_space {
    display: inline-block;
    width: 100%;
    height: 50px;
}

#bg_pop {
    background-color: rgba(74, 74, 74, 0.7);
    padding: 20px 0;
    cursor: pointer;
}

#pop_bt {
    padding: 10px 80px;
    margin: auto;
    display: inline-block;
    color: #fff;
    font-weight: bold;
    background-color: #56aee6;
    border-radius: 5px;
    border: none;
    cursor: pointer;
}

/*Detail Artical*/
.detail_artical {
    background-color: #eeedec;
    width: 100%;
}

.cc_detail {
    width: 625px;
    margin: auto;
    margin-top: 50px;
    text-align: left;
}

h3.title_detail {
    color: #2e2e2e;
    font-weight: bold;
    font-size: 16px;
}

.des_detail {
    color: #fff;
    font-size: 10px;
    padding: 5px 10px;
    background-color: #4a9ad1;
    border-radius: 5px;
    display: inline;
}

.info_detail {
    color: #2e2e2e;
}

.time_detail {
    font-size: 10px;
    font-weight: bold;
    display: inline-block;
}

.text_detail {
    font-size: 16px;
    font-weight: bold;
    display: inline-block;
    margin-left: 10px;
}

.info_artical {
    padding: 20px;
}

.info_artical img {
    margin: auto;
}

.des_info_artical {
    color: #574d51;
    font-size: 11px;
    margin-top: 20px;
    line-height: 24px;
    padding: 20px;
}

.info_artical_in {
    padding: 20px;
    margin-top: 10px;
}

.info_artical_in h3 {
    color: #120e10;
    border-bottom: 1px solid #120e10;
    line-height: 24px;
    font-size: 16px;
}

.title_tab_artical h3 {
    font-size: 18px;
    margin: 0 !important;
    font-weight: bold;
    color: #fff;
}

.info_artical_in p {
    color: #574d51;
    font-size: 11px;
    margin-top: 20px;
    line-height: 18px;
}

/*End Detail Artical*/

/*Table Artical*/
.tab_artical {
    width: 920px;
    margin: auto;
    text-align: left;
}

.title_tab_artical {
    padding: 5px 20px 5px 40px;
    background: url("../images/icon_tab_artical-03.png") no-repeat left 10px top 9px #023886;
}

.conten_tab_artical {
    background-color: #fff;
    padding-top: 20px;
}

.conten_tab_in {
    color: #040000;
    padding: 10px;
}

.tab_in_bg {
    background-color: #ededec;
    padding: 10px;
    display: inline-block;
    width: 120px;
    font-weight: bold;
    font-size: 12px;
}

.in_bor {
    border-bottom: 1px solid #cbcbcb;
}

.tab_in {
    display: inline-block;
    font-size: 12px;
    margin-left: 20px;
}

.artical_page {
    width: 920px !important;
    padding: 0 !important;
}

.artical_page .top_search_child_03 {
    margin: 10px 20px 10px 20px;
}

.btn_line {
    border-bottom: 1px solid #7E7E7E;
    margin-bottom: 15px;
    display: inline-block;
}

.header_top_page {
    background: url("../images/bg_toppage-05.png");
    background-repeat: repeat-x;
    background-position: top center;
    height: 456px;
}

.title_top_search_child {
    color: #000;
    font-size: 17px;
    font-weight: bold;
    background: url(../images/icon_title_search_child-06.png);
    padding: 10px 14px 0px 30px;
    background-repeat: no-repeat;
    background-position: left;
    background-color: #fff;
    width: 241px;
    position: absolute;
    top: -20px;
    left: -29px;
}

.block_2 {
    background-color: #F1CB53;
    border: none !important;
}

.time_job {
    text-align: right;
    float: right;
    font-weight: bold;
    font-size: 18px;
}

.time_article {
    text-align: right;
    float: right;
    font-weight: bold;
    margin-top: -7px;
    font-size: 21px;
}

.block_3 {
    border: none !important;
}

.block_3 p {
    margin: 0 !important;
    font-weight: bold;
    color: #000;
}

.block_1 {
    height: 226px;
    box-shadow: 2px 5px 20px #bdbdbd;
}

.time_job {
    margin-top: 5px;
    font-size: 21px;
}

.post_article_not_icon_01 {
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    display: inline-block;
    margin: 0px 5px 8px 0px;
    padding: 3px 15px 1px 15px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    line-height: 1.7;
}

.article_color_tag_01 {
    background-color: #48A3E0;
}

.article_color_tag_02 {
    background-color: #F1CB53;
}

.bland_list_in_2020 p {
    color: #000;
    font-size: 18px;
    line-height: 24px;
}

.btn_orther {
    background-color: #fff;
    box-shadow: none;
    background-image: url("../images/t_btn_m_icon.png");
}

.btn_orther a {
    color: #003891;
    text-decoration: underline;
}

.over_lower {
    background-color: #EDEDEC;
    padding-top: 50px;
}

.content-top-page .box_content_01 {
    padding-left: 135px;
    padding-right: 128px;
}

/*
	== list job top_page
*/
.box_top_page_list_job {
    z-index: 99;
    position: static;
    height: auto;
    padding: 0;
    margin: 0px auto 89px auto;
    text-align: left;
    margin-top: 20px;
}

.box_top_page_list_job .pager .pagination {
    margin-top: 89px;
}

.box_top_page_list_job .title_c_2020 {
    margin-bottom: 80px;
    margin-top: 0;
}

.job_baud_in_main_area.list-job-resize-img table th .div-resize-img {
    width: 450px;
    height: 327px;
    overflow: hidden;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.job_baud_in_main_area.list-job-resize-img table th .div-resize-img a {
    display: block;
    width: 100%;
}

.job_baud_in_main_area.list-job-resize-img table th .div-resize-img img {
    width: 100%;
    display: block;
}

.job_baud_in_cat01_area .job_tag_not_icon {
    padding: 2px 15px 0px 15px;
    font-size: 14px;
}


/*
=== article top page blog
*/
.article_tag_not_icon {
    padding: 3px 15px 1px 15px;
    font-size: 14px;
}

.article_baud_in_main_area {
    color: #2e2e2e;
    background-color: #fff;
    padding: 0px;
    margin: 40px 0px 0px 0px;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
}

.box_article_block_1 {
    box-shadow: 7px 10px 6px #dadada;
}

.article_baud_in_main_area .article_baud_in_cat01_area {
    padding: 25px 0px 7px 0px;
}

.article_baud_in_text_area p {
    text-align: justify;
}

.article_baud_in_text_area {
    padding: 3px 0px 19px 0px;
}

.article_thumb_image_area {
    height: 227px;
    border-radius: 15px 0 0 15px;
    -webkit-border-radius: 15px 0 0 15px;
    -moz-border-radius: 15px 0 0 15px;
}

.article_thumb_image_area a {
    display: block;
    width: 100%;
}

.article_thumb_image_area img {
    width: 100%;
}

.article_baud_in_main_area th.article_th_are {
    vertical-align: top;
    padding: 0px;
    width: 450px;
}

.list-article-resize-img table th .div-resize-img {
    width: 450px;
    height: 225px;
    overflow: hidden;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

/*
	header_top_page_instructor
*/
header.header_top_page_instructor {
    display: inline-block;
    border-top: 15px solid #eeeeed;
    width: 100%;
    margin: auto;
    margin-top: -12px;
}

.foc-card.foc-bottom.foc-open {
    display: block;
}

.login_top_area_01 table h5 {
    font-weight: bold;
    font-size: 30px;
}

.login_top_area_01 table h5 span {
    font-weight: bold;
    padding-left: 5px;
    font-size: 16px;

}

.no_nmaru03_01 {
    display: inline-block;
    height: 35px;
    min-width: 35px;
    border-radius: 35px;
    line-height: 35px;
    text-align: center;
    background: #e96229;
    color: #fff;
    font-size: 20px;
    margin: 0 10px 0 0px;
    padding: 0 5px 0 5px;
    font-weight: bold;
    float: right;
}

.login_top_in01, .login_top_in02 {
    width: 100%;
}

.login_top_in_left_icon_01 {
    width: 9%;
}

.login_top_in_left_icon_01 img {
    height: 28px;
    margin-left: auto;
}

.box_login_in_right_icon_01 {
    width: 91%;
    height: 90px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-right: 30px;
    padding-left: 13px;
}

.box_login_in_right_icon_01 .login_top_in_left {
    width: 62% !important;
}

.login_top_in01_01 {
    width: 100%;
    margin: 0 auto;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}

.border_bottom_01 {
    border-bottom: 1px solid #ccc;
}

.border_bottom_02 {
    /*border-bottom: 1px solid #ccc;*/
}

.login_top_in01_01.border_bottom_02 {
    height: 90px;
    position: relative;
}

.login_top_in01_01.border_bottom_02:after {
    bottom: 0px;
    left: 0px;
    content: "";
    width: 92%;
    height: 1px;
    background: #ccc;
    position: absolute;
}

.login_top_left_ins_01 {
    width: calc(100% + 15px);
    margin-left: -15px;
}

.login_top_in_left_icon_01_01 {
    width: 9%;
}

.login_top_in03_in {
    width: 100%;
    margin: 0 auto;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    color: #fff;
}

.login_top_in03_01 {
    height: 90px;
    background-color: #e8a100;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.icon_011 img {
    margin: auto;
    margin-left: 20px;
}

.icon_012 img {
    margin: auto;
    margin-left: 5px;
}

.header_top_page_instructor .box_in_lower {
    padding-left: 20px;
    padding-right: 20px;
}

.box_title_right_bule_01 {
    height: auto;
    min-height: 45px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    align-items: center;
}

.box_title_right_bule_01 h2 {
    line-height: 1.4;
    padding-top: 10px;
    padding-bottom: 10px;
}

.job_baud_in_text_area p b {
    display: inline-block;
    width: 85px;
}

/*
	modal search list job
*/

#modalSearchListJob .modal-dialog {
    width: 919px;
}

#modalSearchListJob .modal-header {
    background: #003891;
    color: #fff;
}

#modalSearchListJob .modal-body {
    padding: 0;
}

#modalSearchListJob .modal-header {
    padding: 7px 26px 6px;
}

#modalSearchListJob .modal-header h5 {
    text-align: left;
    font-size: 15px;
    line-height: 1.2;
}

#modalSearchListJob .list_check_box {
    margin-top: 0;
}

.active_check_search {
    background: url("../images/icon_check-06.png") no-repeat 10px center;
    background-color: #626261;

}

.active_check_search p {
    color: #fff;
}

.div_f_section {
    background-color: #fff;
}

.list_announce_message_01 {
    background-color: #fff;
    padding: 5px 15px;
}

.list_announce_message_01 h4 {
    font-size: 14px;
}

.list_announce_message_01 h4 span {
    font-size: 24px;
    display: inline-block;
    padding: 0 5px;
    color: #f56424;
}

.box_top_page_list_job .list_announce_message_01 {
    margin-top: 54px;
    margin-bottom: 54px;
}

/*
	detail job for store
*/

.detail-job-articles {
    margin-bottom: 30px;
}

.detail-job-articles .detail-job-f-s-content .article_baud_in_main_area {
    margin: 30px 0px 0px 0px;
}

.line-addres-map {
    padding-top: 5px;
    padding-bottom: 5px;
}

.map-table .map-table-td-01 {
    padding: 20px 10px 15px 15px !important;
}

.tb-data-detail-job tr td {
    font-size: 14px;
    padding: 8px 9px;
    text-align: left;
    vertical-align: top;
}

.tb-data-detail-job {
    width: 100%;
    max-width: 100%;
    border-collapse: collapse;
}

.tb-data-detail-job tr:first-child td {
    border-top: 0 none;
}

.tb-data-detail-job tr td:first-child {
    background: #EDEDEC;
    font-weight: bold;
    width: 133px;
}

.tb-data-detail-job tr td:last-child {
    padding-left: 25px;
}

.bib-content-01 {
    background-color: #fff;
}

.map-detail-content {
    padding: 10px;
}

.tb-data-detail-job tr td a {
    color: #4A9ED8;
}

.title_c_2020 h2.color-title-01 {
    color: #003894;
}

.detail-job-thumbs .djt-other-img .job_view_area_in .job_view:nth-child(3) {
    margin-right: 0;
}

.detail-job-thumbs .djt-other-img .job_view_area_in .job_view {
    margin: 0px 6.333% 0px 0;
    width: 29%;
}

.detail-job-thumbs .djt-other-img .job_view_area_in .job_view_text_area {
    font-size: 14px;
    line-height: 1.4;
}


.button-detail-job-store-mb {
    display: block;
    max-width: 340px;
    margin: auto;
}

.tb-data-detail-job tr.w-store-detail-job td:first-child {
    width: 144px;
}

.list_job_detail_store_job {
    margin-bottom: 50px;
}

.list_job_detail_store_job .title_c_2020 {
    margin-top: 0;
}


.box-icon-line-01 a.a-img-icon-line{
    display: block;
    width: 150px;
    height: 34px;
    margin: auto;
    background: #00B900;
    border-radius: 7px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    align-items: center;
    justify-content: center;
}

.box-icon-line-01 a.a-img-icon-line span.text-icon-line{
    color: #fff;
    font-size: 14px;
}

.box-icon-line-01 a.a-img-icon-line img.img-icon-line{
    height: 34px;
}

.box-icon-line-02 a.a-img-icon-line{
    display: block;
    width: 194px;
    height: 42px;
    margin: 12px auto 0 auto;
    background: #00B900;
    border-radius: 7px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    align-items: center;
    justify-content: center;
}

.box-icon-line-02 a.a-img-icon-line span.text-icon-line{
    color: #fff;
    font-size: 20px;
}

.box-icon-line-02 a.a-img-icon-line img.img-icon-line{
    height: 42px;
}

.font-weight-normal-search {
    font-weight: normal !important;
}

@media (max-width: 1179px) {
    .w-1180 {
        max-width: 1180px;
        width: 100%;
    }

    .top_page_header_pc {
        max-width: 1180px;
        width: 100%;
    }
}

@media (max-width: 1130px) {
    .bland_list_in_2020 ul li {
        width: 17%;
        display: inline-block;
        text-align: center;
        margin-left: 3%;
        margin-bottom: 25px;
        background-color: #fff;
        box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.1);
        padding: 5px;
    }

    .items_store_brand_2020 ul li:nth-child(6n+1) {
        margin-left: 3%;
    }

    .items_store_brand_2020 ul li:nth-child(5n+1) {
        margin-left: 0;
    }
}

@media (max-width: 1048px) {

/*
    .top_search_child .top_search_child_03:nth-child(6) {
        margin-right: 19px;
    }
*/

/*
    .top_search_child_03 {
        margin-right: 19px;
    }
*/

}

@media (max-width: 1163px) {
    .top_search_form_2020 {
        width: 215px;
        margin-right: 20px;
    }

    .top_search_form02_2020 {
        margin-left: 20px;
    }
}

@media (max-width: 1024px) {
    .top_search_form02_2020 {
        margin-left: 0px;
    }

    .top_search_form_2020 {
        margin-right: 0px;
    }
}