/*******************************************************************************
'/career/assets/css/parts.cssから貼り付け
'*******************************************************************************/
@charset "UTF-8";
@media screen and (min-width: 600px), print {
/* ======================================================================
reset
====================================================================== */
.l_header, .l_footer { color: #586075; line-height: 1.6; background: #fff; font-family: "Noto Sans JP", 游ゴシック体, "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Avenir, "Helvetica Neue", Helvetica, Arial, Verdana, Roboto, sans-serif; font-weight: 400;
word-wrap: break-word; word-break: break-all; min-width: 1140px; overflow: hidden; box-sizing: border-box;
letter-spacing: 0; }
.l_footer .footer_infoaction a:link { font-size: 0.9em; color: #17a462; cursor: pointer; }
.l_header *, .l_footer * { box-sizing: border-box; margin: 0; padding: 0; border: 0; outline: 0;
vertical-align: baseline; background: transparent; font-weight: inherit; }
.l_header img, .l_footer img { vertical-align: bottom; max-width: 100%; height: auto; }
.l_header strong, .l_footer strong { font-weight: bold; }
.l_header a:link, .l_footer a:link { color: #586075; text-decoration: none; cursor: pointer; }
.l_header a:visited { color: #586075; text-decoration: none; }
.l_footer a:visited { color: #17a462; text-decoration: none; }
.l_footer .footer_copy .footer_kyoutsu-span { display: block; }
.l_header a:hover, .l_footer a:hover { color: #586075; text-decoration: none; opacity: .8; }
.l_header a:active, .l_footer a:active { color: c; text-decoration: none; }
.l_header a[href^="tel"], .l_footer a[href^="tel"] { color: #586075; }
.l_header p, .l_header h1, .l_header h2, .l_header h3, .l_header h4, .l_header h5, .l_header a, .l_header span, .l_footer p, .l_footer h1, .l_footer h2, .l_footer h3, .l_footer h4, .l_footer h5, .l_footer a, .l_footer span { line-height: 1.6; }
.l_header { font-size: 10px; }
.u_pc { display: block; }
.u_sp { display: none; }
/* =================================
l_content_size
================================= */
.l_content_size_sp_1 { padding: 0 4%; }
@media screen and (min-width: 1025px) { .l_content_size_sp_1 { max-width: 1140px; margin: 0 auto; }}
.l_content_size_pc_1 { width: 1140px; margin: 0 auto; padding: 0 20px; }
/* =================================
l_container
================================= */
.l_container { position: relative; }
/* =================================
l_header
================================= */
.l_header .header_top { display: flex; justify-content: space-between; align-items: center; padding: 8px 0 10px; }
.l_header .header_top-left { color: #909CB5; font-size: 1.2rem; }
.l_header .header_top-right { display: flex; font-size: 1.1rem; border-left: 1px solid #E1E4E7; }
.l_header .header_top-right li { border-right: 1px solid #E1E4E7; }
.l_header .header_top-right a { display: block; padding: 0 .5em; }
.l_header .header_middle-right__login { display: flex; }
.l_header .header_middle-right__login .member_registration_btn { background: linear-gradient(to right, #f39821 0%, #ff4600 100%); box-shadow: 0px 4px 12px rgba(0, 0, 74, 0.3); display: block; width: 240px; padding: 12px 10px 13px;
border-radius: 6px; display: flex; align-items: center; justify-content: center; font-size: 1.6rem;
color: #fff; font-weight: 600; margin-right: 10px; }
.l_header .header_middle-right__login .login_btn { color: #1166CC; background-color: #fff; display: inline-block; position: relative; padding: 12px 10px 13px;
border-radius: 6px; box-shadow: 0px 4px 10px rgba(0, 0, 74, 0.15); font-size: 1.6rem; width: 175px; text-align: center;
font-weight: 600; }
.l_header .header_middle { display: flex; justify-content: space-between; margin-bottom: 0; }
.l_header .header_middle-left { display: flex; align-items: center; }
.l_header .header_middle-left .logo { margin-right: 10px; }
.l_header .header_middle-right { display: flex; }
.l_header .header_middle-link { font-size: 1.1rem; display: flex; }
.l_header .header_middle-link li + li:before { content: '/'; }
.l_header .header_middle-link a { display: inline-block; padding: 0 .5em; }
.l_header .header_middle-link a:link, .l_header .header_middle-link a:visited, .l_header .header_middle-link a:hover, .l_header .header_middle-link a:active { color: #00338B; }
.l_header .header_welcome { font-size: 1.2rem; text-align: right; margin-right: .5em; color: #555555; }
.l_header .header_welcome span { font-size: 1.6rem; font-weight: 700; }
.l_header .header_notice { position: relative; margin-left: 16px; }
.l_header .header_notice a { display: flex; justify-content: center; align-items: center; width: 100px; height: 50px;
box-shadow: 0px 5px 12px rgba(0, 0, 74, 0.15); border-radius: 6px; font-size: 1.2rem; font-weight: 700; color: #00338B;}
.l_header .header_notice img { margin-right: 6px; }
.l_header .header_notice .num { position: absolute; top: 5px; left: 22px; background: #F12100; color: #fff;
font-size: 1rem; border-radius: 50%; display: block; padding: 0 5px; }
.l_header .header_mypage { margin-left: 10px; }
.l_header .header_mypage a { display: flex; justify-content: center; align-items: center; width: 120px; height: 50px;
box-shadow: 0px 5px 12px rgba(0, 0, 74, 0.15); border-radius: 6px; font-size: 1.4rem; font-weight: 700; background: linear-gradient(-90deg, #00004A, #00338B);
color: #fff; }
.l_header .gNav { display: flex; }
.l_header .gNav li { width: calc(1100px / 6); }
.l_header .gNav a { display: block; text-align: center; padding: 18px 0 15px; font-size: 1.6rem; font-weight: 700;
border-bottom: 3px solid #fff; transition: border .3s, color .3s; }
.l_header .gNav a:hover { color: #F36421; border-bottom: 3px solid #F36421; opacity: 1; }
.l_header .gNav li.current a { color: #F36421; border-bottom: 3px solid #F36421; opacity: 1; }
#imgPrivacyLazy { vertical-align: bottom; max-width: 60px; }
/* =================================
l_header_sp
================================= */
.l_header_sp { display: none; }
/* =================================
l_menu_sp
================================= */
.l_menu_sp { display: none; }
/* =================================
l_breadcrumbs
================================= */
/* =================================
l_main_visual
================================= */
/* =================================
l_content
================================= */
/* =================================
l_main
================================= */
/* =================================
l_side
================================= */
/* =================================
l_footer
================================= */
/* =================================
l_hoge
================================= */
/* ======================================================================
layout p_top
====================================================================== */
/* =================================
l_container_top
================================= */
.l_container_top { position: relative; }
/* =================================
l_header_top
================================= */
/* =================================
l_header_sp_top
================================= */
/* =================================
l_main_visual_top
================================= */
/* =================================
l_content_top
================================= */
/* =================================
l_main_top
================================= */
/* =================================
l_side_top
================================= */
/* =================================
l_footer_top
================================= */
/* =================================
l_hoge_top
================================= */
.l_breadcrumb { display: flex; padding: 15px 0 17px; font-size: 1.2rem; background: transparent; }
.l_breadcrumb li { margin-right: .5em; }
.l_breadcrumb li + li:before { content: ">"; margin-right: .5em; }
.l_breadcrumb a { color: #555555; }
.contents_box { margin: 40px 0 60px; }
.contents_ttl { font-size: 2.2rem; font-weight: 700; }
.contents_ttl-outer { display: flex; justify-content: space-between; align-items: center; padding: 15px 20px; border-radius: 6px;
margin-bottom: 25px; }
.contents_ttl img { margin-right: 10px; vertical-align: middle; }
.contents_more a { display: block; width: 220px; height: 40px; box-shadow: 0px 5px 12px rgba(0, 0, 74, 0.15); border-radius: 6px;
font-size: 1.4rem; font-weight: 700; position: relative; background: #fff; text-align: center;
line-height: 40px; }
.contents_more a:after { position: absolute; top: calc(50% - 4px); right: 15px; content: ''; width: 7px;
height: 7px; transform: rotate(-135deg); }
.contents_list { display: flex; }
.contents_item { width: 208px; box-shadow: 0px 5px 12px rgba(0, 0, 74, 0.15); border-radius: 6px; overflow: hidden; position: relative;
background-color: #fff; }
.contents_item button { position: absolute; top: 10px; right: 10px; z-index: 1; border: none;
background-color: transparent; cursor: pointer; }
.contents_item:hover { opacity: .8; }
.contents_item + .contents_item { margin-left: 15px; }
.contents_item-img { overflow: hidden; position: relative; }
.contents_item-img figcaption { position: absolute; top: 10px; right: 10px; }
.contents_item-meta { margin: 15px 15px 18px; }
.contents_item-meta dt { font-size: 1.5rem; font-weight: 700; color: #00338B; margin-bottom: 4px; }
.contents_item-meta dd { font-size: 1.2rem; }
.contents_item-info { background: #F4F5F6; padding: 10px 12px; font-size: 1.2rem; }
.contents_item-info li + li { margin-top: 4px; }
.contents_item-info img { margin-right: 7px; }
.relation { background: #F4F5F6; padding: 35px 0 50px; box-shadow: 0px 4px 20px rgba(0, 0, 74, 0.15) inset; }
.relation_ttl { color: #353941; font-size: 2rem; font-weight: 700; margin-bottom: 12px; }
.relation_list-item + .relation_list-item { border-left: 1px solid #E0E9F3; }
.relation_list-item a { display: flex; align-items: center; }
.relation_list-item figure { margin-right: 10px; width: 128px; }
.relation_list-item dl { margin-right: 11px; }
.relation_list-item dt { color: #00338B; font-size: 1.4rem; font-weight: 700; margin-bottom: 6px; }
.relation_list-item dd { font-size: 1.2rem; width: 198px; }
.js_btn_p_top { position: fixed; right: 30px; bottom: 90px; cursor: pointer; }
/* ======================================================================
z-index
====================================================================== */
.l_loader { z-index: 1000; }
.l_menu_sp { z-index: 999; }
.l_header { z-index: 998; }
.l_header_sp { z-index: 998; }
.c_btn_p_top { z-index: 997; }
.l_side { z-index: 996; }
/* =================================
p_top
================================= */
.l_menu_sp_top { z-index: 999; }
.l_header_top { z-index: 998; }
.l_header_sp_top { z-index: 998; }
.c_btn_p_top_top { z-index: 997; }
.l_side_top { z-index: 996; }
.breadcrumb a:link, .breadcrumb a:visited { text-decoration: none; }
.breadcrumb a:hover { text-decoration: underline; }
.l_footer { color: #353941; }
.l_footer .footer_top { padding: 35px 0 37px; }
.l_footer .footer_top .mission_ttl { margin-bottom: 35px; font-weight: 700; font-size: 1.8rem; line-height: 1; }
.l_footer .footer_top .mission_ttl #imgLogoPcLazy { width: 470px; }
.l_footer .footer_top .mission_ttl #imgLogoPc { width: 470px; }
.l_footer .footer_top .mission_catch { display: inline; vertical-align: bottom; margin-left: 20px; }
.l_footer .mission_catch_part_color { color: rgb(234, 95, 1); display: inline; }
.l_footer .footer_top .mission_body { font-size: 1.5rem; line-height: 1.5; }
.l_footer .footer_nav { background-color: #75829E; }
.l_footer .footer_nav-list { display: flex; align-items: center; justify-content: center; }
.l_footer .footer_nav-list li { text-align: center; }
.l_footer .footer_nav-list li a { font-weight: 700; width: 140px; color: #fff; text-decoration: underline; font-size: 1.4rem;
text-decoration: none; display: block; padding: 32px 0 36px; }
.l_footer .footer_links { background-color: #EBF0F5; padding: 40px 0 39px; }
.l_footer .footer_links-outer { display: flex; }
.l_footer .footer_links-outer:first-child { padding-bottom: 26px; margin-bottom: 25px; border-bottom: 1px solid #ABC3DC; }
.l_footer .footer_links-outer:nth-child(2) .footer_links-ttl { margin-bottom: 20px; }
.l_footer .footer_links-outer * { font-size: 1.2rem; }
.l_footer .footer_links-outer a { color: #00338B; }
.l_footer .footer_links-left { width: 440px; }
.l_footer .footer_links-center { width: 380px; }
.l_footer .footer_links-ttl { font-size: 1.6rem; margin-bottom: 30px; margin-top: 36px; font-weight: 700; }
.l_footer .footer_links-ttl:first-child { margin-top: 0; }
.l_footer .footer_links-separator { display: flex; }
.l_footer .footer_links-separator li:before { content: '|'; color: #00338B; padding: 0 .3em; }
.l_footer .footer_links-separator li:first-child:before { content: none; }
.l_footer .footer_links-inline { display: flex; margin-top: 17px; }
.l_footer .footer_links-inline li:before { content: '|'; color: #ABC3DC; padding: 0 .3em; }
.l_footer .footer_links-inline li:last-child:after { content: '|'; color: #ABC3DC; padding: 0 .3em; }
.l_footer .footer_links-area { text-align: left; }
.l_footer .footer_links-area th { width: 90px; }
.l_footer .footer_utility .l_content_size_pc_1 { display: flex; align-items: center; padding: 20px 20px;}
.l_footer .footer_logos { display: flex; align-items: center; width: 1100px; }
.l_footer .footer_logos-middle { margin-left: 20px; margin-right: 20px; }
.l_footer .footer_logos-right li a { font-size: 1.4rem; color: #00338B; position: relative; padding-right: .6em; display: inline-block;}
.l_footer .footer_logos-right li::after {
    content: '|';
    color: #ABC3DC;
    padding: 0 .3em;
}
.l_footer .footer_logos-right li:last-child::after {
    display: none;
}
.footer_utility .footer_logos-right{
    display: ruby;
}
.l_footer .footer_links-outer .footre_link-middleRight .footer_links-inline * { font-size: 1.16rem !important; }
.l_footer .footer_copy { font-size: 1.2rem; }
.search-input_wrap { background-color: #fff; border-radius: 50px; display: flex; align-items: center; padding: 12px 15px; box-shadow: 0px 4px 12px rgba(0, 0, 74, 0.15); }
.search-input_wrap button { border: none; background-color: transparent; width: 40px; }
.search-input_wrap input { width: calc(100% - 40px); font-size: 1.6rem; }
.search-input_wrap input::placeholder { color: #999999; }
.wide-btn a { color: #00338B; display: block; background-color: #fff; position: relative; padding: 15px 30px 15px 15px;
border-radius: 6px; box-shadow: 0px 4px 12px rgba(0, 0, 74, 0.15); font-size: 1.4rem; }
.wide-btn a:after { position: absolute; top: calc(50% - 4px); right: 15px; content: ''; width: 7px;
height: 7px; transform: rotate(-135deg); border-bottom: 1px solid #00338B; border-left: 1px solid #00338B; }
.ttl_header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 25px; }
.ttl_icon { background-repeat: no-repeat; background-position: left center; font-size: 2rem; color: #353941; padding: 4px 0 4px 20px;
font-weight: 600; width: calc(100% - 110px); }
.ttl_view-more { font-size: 1.4rem; color: #00338B !important; display: inline-block; padding-right: 2em; position: relative;}
.ttl_view-more:after { position: absolute; top: calc(50% - 4px); right: 15px; content: ''; width: 7px;
height: 7px; transform: rotate(-135deg); border-bottom: 1px solid #00338B; border-left: 1px solid #00338B; }
.search__ttl { text-align: center; font-size: 1.4rem; margin-left: 30px; margin-right: 30px; color: #00338B;
font-weight: 600; position: relative; margin-bottom: 20px; }
.search__ttl:before { height: 1px; width: 100%; content: ''; position: absolute; background-color: #ABC3DC;
top: 19px; left: 0; }
.search__ttl-wrap { background-color: #EBF0F5; padding: 0 30px; position: relative; }
.search__ttl-icon { font-size: 1.3rem; background-color: #00338B; color: #fff; padding: 4px 13px 5px; margin-right: 5px;
line-height: 1; border-radius: 50px; vertical-align: text-top; }
.search__ttl-num { font-size: 2.4rem; }
.search-box01 { margin: 0 0 30px; }
.search-box01__inner { display: flex; justify-content: space-between; align-items: center; }
.search-box01__inner .modal-btn { background-color: #fff; display: block; width: 260px; box-shadow: 0px 4px 12px rgba(0, 0, 74, 0.15); padding: 18px 15px;
border-radius: 6px; display: flex; align-items: center; font-size: 1.6rem; font-weight: 700;}
.search-box01__inner .modal-btn img { margin-right: 14px; vertical-align: middle; }
.search-box01__inner_x { font-size: 1.6rem; color: #4D535B; }
.search-box01__inner .modal-btn-orange { background: linear-gradient(to right, #f39821 0%, #ff4600 100%); box-shadow: 0px 4px 12px rgba(0, 0, 74, 0.3); display: block; width: 250px; padding: 16px 15px;
border-radius: 6px; display: flex; align-items: center; justify-content: center; font-size: 1.8rem;
color: #fff; font-weight: 700; }
.search-box01__inner .modal-btn-orange__num { background-color: #FFFFB8; border-radius: 2px; font-size: 1.4rem; color: #F36421; padding: 2px 12px;
margin-left: 4px; }
.search-box01__inner .modal-btn-orange img { margin-right: 10px; vertical-align: middle; }
.search-box02__inner { background-color: #D0DDEB; border-radius: 6px; padding: 20px; display: flex; justify-content: space-between;}
.search-box02__left { width: 50%; }
.search-box02__right { width: calc(50% - 20px); }
.search-box02__history { background-color: #fff; position: relative; padding: 15px 30px 15px 15px; border-radius: 6px; box-shadow: 0px 4px 12px rgba(0, 0, 74, 0.15);}
.search-box02__history_ttl { background-image: url(../../top/images/icon_history.png); background-repeat: no-repeat; background-position: left center; font-size: 1.4rem; color: #586075;
padding: 4px 0 4px 28px; font-weight: 700; }
.search-box02__history_txt { font-size: 1.1rem; color: #586075; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.search-box02__tag { background-color: #FFFACB; border-radius: 6px; padding: 12px 15px; }
.search-box02__tag_ttl { background-image: url(../../top/images/icon_hash.png); background-repeat: no-repeat; background-position: left center; font-size: 1.4rem; color: #586075;
padding: 4px 0 4px 20px; font-weight: 700; }
.search-box02__tag_wrap { display: flex; flex-wrap: wrap; margin-bottom: -4px; }
.search-box02__tag_item a { display: inline-block; background-color: #F36421; box-shadow: 0px 4px 5px rgba(0, 0, 74, 0.2); font-size: 1.2rem; border-radius: 3px;
padding: 4px 10px 5px; margin: 0 4px 4px 0; color: #fff; font-weight: 700; }
.logined .nologin-item, .logined .index-main-history, .logined .index-contents-bottom, .logined .index-contents-bottom-login, .logined .index-sidebar-login, .logined .index-contents .notice, .l_login .nologin-item, .l_login .index-main-history, .l_login .index-contents-bottom, .l_login .index-contents-bottom-login, .l_login .index-sidebar-login, .l_login .index-contents .notice { display: none; }
.no_login .login-item, .no_login .index-top__wrap .set, .no_login .index-top__wrap .index-history { display: none; }
.modal-double .regist-accordion { height: 220px; }
.modal-double .regist-accordion + .modal-title { margin-top: 20px; }
/* 20201202 JAST追記 */
#header .logined { background-color: none!important; overflow: unset!important; max-height: none !important; }
.l_header .logo.logo_woman img { height: 30px; margin-top: 10px;}
.l_header .logo.logo_webkeeper img { height: 43px; width: 184px; }
.l_header .button-login { min-width: unset!important; border: none!important; background: unset!important; }
.l_header .header-oshirase-modal { top: 53px; right: -32px; left:unset; width: 450px; }
.l_header .header-oshirase-modal li, .l_header .header-oshirase-modal li * { box-sizing: unset!important; }
.l_header .header-oshirase-modal .no-oshirase { font-size: 1.4rem; margin-top: 20px; margin-bottom: 20px; margin-left: 10px; border-bottom: none;}
.l_header .header-oshirase-modal .no-oshirase::after { border: none; }
.l_footer .mission-logo { padding-right: 0!important; }
.menu-oshirase-modal { display: none; }
.header-oshirase-modal { display: none; position: absolute; top: 90px; left: 256px; z-index: 101;
background-color: #D0DDEB; width: 415px; border-radius: 5px; box-shadow: 0px 0px 7px 4px rgba(0, 0, 0, 0.2); }
.header-logo-woman .header-oshirase-modal { top: 96.5px; left: 180px; }
.header-oshirase-modal .ttl { background-color: #D0DDEB; font-size: 18px; font-weight: bold; color: #00338B; text-align: center;
margin: 0; line-height: 40px; border-radius: 5px 5px 0 0; position: relative; }
.header-oshirase-modal .ttl::before { content: ""; width: 0; height: 0; border-style: solid; border-width: 0 15px 15px 15px;
border-color: transparent transparent #D0DDEB transparent; position: absolute; top: -15px; right: 50%; transform: translate(50%, 0);}
.header-oshirase-modal .close { position: absolute; top: 0; right: 0; width: 40px; cursor: pointer;}
.header-oshirase-modal .close:hover { opacity: 0.7; }
.header-oshirase-modal .close img { width: 16px; height: auto; vertical-align: middle; }
.header-oshirase-modal .list { width: 100%; max-height: 606px; border: 10px solid  #D0DDEB; border-top: 0; border-radius: 0 0 5px 5px;
box-sizing: border-box; overflow-y: scroll; }
.header-oshirase-modal li { position: relative; width:400px; }
.header-oshirase-modal li::after { content: ""; width: 8px; height: 8px; border-top: 3px solid #0f5a84; border-right: 3px solid #0f5a84;
opacity: 0.3; position: absolute; top: 50%; right: 13px; margin-top: -4px;
transform: rotate(45deg); }
.header-oshirase-modal a { display: block; padding: 0px 42px 14px 0px; color: #333; }
.header-oshirase-modal a:hover { text-decoration: none; background-color: #edf2f7; }
.header-oshirase-modal .category { float: left; display: inline-block; background-color: #0f5a84; font-size: 11px; color: #fff; margin: 0 0 10px; }
.header-oshirase-modal .category img { width: 15px; height: auto; vertical-align: middle;   margin-left: 5px;  margin-bottom: 2px; }
.header-oshirase-modal .is-only .category img { width: 11px; height: auto; vertical-align: middle;   margin-left: 5px;  margin-bottom: 2px; }
.header-oshirase-modal .date { color: #999999; font-size: 11px;  float: right; margin: 3px -30px 0 0;}
.header-oshirase-modal .main { width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}
.header-oshirase-modal .img { overflow: hidden; width: 38px; height: 38px; border: 1px solid #ccc; border-radius: 100px; margin: 0 0 0 12px; }
.header-oshirase-modal .img span { width: 38px; height: 38px; box-sizing: content-box; background: #fff no-repeat center center / contain; display: inline-block;}
.header-oshirase-modal .txt { flex: 1; font-size: 13px; margin: 0; margin-left: 13px;}
.header-oshirase-modal .txt span { font: normal normal normal 13px/18px Noto Sans JP; overflow: hidden; position: relative; display: block; text-align: justify; text-justify: inter-ideograph;
line-height: 1.3; color: #666666; }
.header-oshirase-modal .txt span:first-child::before { content: "..."; position: absolute; right: 0; bottom: 0; width: 1em;
height: 1.5em; background-color: #fff; letter-spacing: -0.05em; }
.header-oshirase-modal .txt span:first-child::after { content: ""; position: absolute; right: 0; width: 1em; height: 1.5em;
background-color: #fff; }
.header-oshirase-modal a:hover .txt span::before, .header-oshirase-modal a:hover .txt span::after, .header-oshirase-modal .list .is-new a:hover .txt span::before, .header-oshirase-modal .list .is-new a:hover .txt span::after { background-color: #edf2f7; }
.header-oshirase-modal .txt span strong { font-weight: normal; }
.header-oshirase-modal .list .is-kouho .category { background-color: #FC3601; }
.header-oshirase-modal .list .is-kouho strong { color: #FC3601; }
.header-oshirase-modal .list .is-like .category { background-color:  #909CB5; }
.header-oshirase-modal .list .is-like strong { color:  #909CB5; }
.header-oshirase-modal .list .is-only .category { background-color: #FF6B01; }
.header-oshirase-modal .list .is-only strong { color: #FF6B01; }
.header-oshirase-modal .list .is-welcome .category { background-color: #71C414; }
.header-oshirase-modal .list .is-welcome strong { color: #71C414; }
.header-oshirase-modal .list .is-scout .category { background-image:url("../images/headhunting_backcolor.png"); background-repeat: no-repeat; background-size: cover; background-color: rgba(0,0,0,0); }
.header-oshirase-modal .list .is-scout strong { color: #E8007C; }
.header-oshirase-modal .list .is-profile .category { background-color: #0F5A84; }
.header-oshirase-modal .list .is-profile strong { color: #0F5A84; }
.header-oshirase-modal .list .is-new { background-color: #fcfade !important; }
.header-oshirase-modal .list .is-new .txt span:first-child::before { background-color: #fcfade !important; }
.header-oshirase-modal .list .is-new .txt span:first-child::after { background-color: #fcfade !important; }
.header-oshirase-modal .list .is-casual .category { background-image:url("../images/obi_casual_ribon.png"); background-repeat: no-repeat; background-size: contain; background-color: rgba(0,0,0,0); }
.header-oshirase-modal .list .is-casual strong { color: #0E987C; }
.header-oshirase-modal .list_design {
    border-radius: 6px;
    margin-bottom: 10px;
    margin-left: 7px;
    background-color: #fff;
    box-shadow: 0px 3px 6px #00004A26;
}
/* 20201202 JAST追記 */
}
/*******************************************************************************
'/career/assets/css/parts_sp.cssから貼り付け
'*******************************************************************************/
@media screen and (max-width:599px) {
/* ======================================================================
reset
====================================================================== */
.appli, .l_header_sp, .l_footer { color: #586075; line-height: 1.6; background: #fff; font-family: "Noto Sans JP", 游ゴシック体, "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Avenir, "Helvetica Neue", Helvetica, Arial, Verdana, Roboto, sans-serif; font-weight: 400;
word-wrap: break-word; word-break: break-all; box-sizing: border-box; letter-spacing: 0; }
.appli *, .l_header_sp *, .l_footer * { box-sizing: border-box; margin: 0; /*padding: 0;*/ border: 0; outline: 0; vertical-align: baseline;
background: transparent; font-weight: inherit; }
.appli img, .l_header_sp img, .l_footer img { vertical-align: bottom; max-width: 100%; height: auto; }
.l_footer .footer_logos-right {display: none;}
.l_footer .footer_logos-left {width: 25%;}
.l_footer .footer_utility .lazy {width: 82px;}
.l_footer .footer_logos {display: flex;}
.l_footer .FooterPrivacy {width: 15%;}
.l_footer .footer_right {width: 60%; line-height: 10px;}
.footer_links-outer-link li {line-height: 1.8;}
.footer_links-outer-item a {line-height: 1!important;}
.appli strong, .l_header_sp strong, .l_footer strong { font-weight: bold; }
.appli a:link, .l_header_sp a:link, .l_footer a:link { color: #586075; text-decoration: none; cursor: pointer; }
.appli a:visited, .l_header_sp a:visited, .l_footer a:visited { color: #586075; text-decoration: none; }
.appli a:hover, .l_header_sp a:hover, .l_footer a:hover { color: #586075; text-decoration: none; opacity: .8; }
.appli a:active, .l_header_sp a:active, .l_footer a:active { color: c; text-decoration: none; }
.appli a[href^="tel"], .l_header_sp a[href^="tel"], .l_footer a[href^="tel"] { color: #586075; }
.appli p, .appli h1, .appli h2, .appli h3, .appli h4, .appli h5, .appli a, .appli span, .l_header_sp p, .l_header_sp h1, .l_header_sp h2, .l_header_sp h3, .l_header_sp h4, .l_header_sp h5, .l_header_sp a, .l_header_sp span, .l_footer p, .l_footer h1, .l_footer h2, .l_footer h3, .l_footer h4, .l_footer h5, .l_footer a, .l_footer span { line-height: 1.6; display: block; }
.u_pc { display: none; }
.u_sp { display: block; }
/* ======================================================================
layout
====================================================================== */
/* =================================
l_content_size
================================= */
.l_content_size_sp_1 { padding: 0 4%; }
.l_content_size_pc_1 { width: 1140px; margin: 0 auto; padding: 0 20px; }
.l_content_size_pc_1 { width: auto; padding: 0 3.125%; }
/* =================================
l_container
================================= */
.l_container { position: relative; }
/* =================================
l_header
================================= */
.l_header { display: none; }
/* =================================
l_header_sp
================================= */
.l_header_sp { padding: 5px 0 0; position: relative; }
/* Re就活20周年のため一時的切替 */
.l_header_sp .header_top-logo { width: calc(500 / 600 * 100vw); margin-right: auto; margin-left: auto; margin-top: 5px; margin-bottom: 5px; }
/* .l_header_sp .header_top-logo { width: calc(360 / 600 * 100vw); margin-right: auto; margin-left: auto; } */
.l_header_sp .header_top-ttl { text-align: center; font-size: 1.0rem; color: #909CB5; }
.l_header_sp nav { margin-top: 3px; border-top: 1px solid #E8ECF1; }
.l_header_sp nav ul { display: flex; }
.l_header_sp nav ul li { text-align: center; width: 25%; padding: 3px 5px; }
.l_header_sp nav ul li:first-child img { width: calc(56.33px / 2.5); }
.l_header_sp nav ul li:nth-child(2) img { width: calc(41.58px / 2.5); padding-top: 3px; }
.l_header_sp nav ul li:nth-child(3) img { width: calc(49.58px / 2.5); padding-top: 5px; }
.l_header_sp nav ul li small { margin-top: 3px; display: block; text-align: center; font-size: 1rem; color: #00338B;}
.l_header_sp .menu-btn { background: linear-gradient(to right, #f39821 0%, #ff4600 100%); padding-top: 8px; line-height: 1; }
.l_header_sp .menu-btn_trigger { display: inline-block; transition: all .4s; box-sizing: border-box; position: relative; width: 21px;
height: 14px; }
.l_header_sp .menu-btn_trigger span { display: inline-block; transition: all .4s; box-sizing: border-box; position: absolute; left: 0;
width: 100%; height: 2px; background-color: #fff; border-radius: 4px; }
.l_header_sp .menu-btn_trigger span:nth-of-type(1) { top: 0; }
.l_header_sp .menu-btn_trigger span:nth-of-type(2) { top: 6px; }
.l_header_sp .menu-btn_trigger span:nth-of-type(3) { bottom: 0; }
.l_header_sp .menu-btn_trigger.active span:nth-of-type(1) { transform: translateY(6px) rotate(-45deg); }
.l_header_sp .menu-btn_trigger.active span:nth-of-type(2) { opacity: 0; }
.l_header_sp .menu-btn_trigger.active span:nth-of-type(3) { transform: translateY(-6px) rotate(45deg); }
.l_header_sp .menu-btn small { margin-top: 8px; color: #fff; }
.l_header_sp.l_header_sp_app { padding-top: 0; }
.l_header_sp.l_header_sp_app nav { margin-top: 0; }
.no_login .l_header_sp .l_header_sp_no_login_btn { padding: 5px 18px 5px; }
.no_login .l_header_sp .l_header_sp_no_login_btn .index-contents-bottom-login__inner { display: flex; justify-content: space-between; align-items: center; }
.no_login .l_header_sp .l_header_sp_no_login_btn .index-contents-bottom-login__inner > a { width: auto; margin: 0; font-weight: 700; font-size: 1.6rem; padding: 8px;}
.no_login .l_header_sp .l_header_sp_no_login_btn .wide-btn-orange a { box-shadow: 0px 5px 10px rgba(0, 0, 74, 0.15); }
.no_login .l_header_sp .index-contents-bottom-login__inner .btn-orange { display: block; text-align: center; background: linear-gradient(to right, #f39821 0%, #ff4600 100%); box-shadow: 0px 4px 12px rgba(0, 0, 74, 0.3); color: #fff; border-radius: 6px; }
.no_login .l_header_sp .index-contents-bottom-login__inner .btn-white { display: block; text-align: center; background: #fff; box-shadow: 0px 4px 12px rgba(0, 0, 74, 0.2); color: #1166CC; border-radius: 6px; }
/* =================================
l_menu_sp
================================= */
.fixed { position: fixed; width: 100%; height: 100%; }
.l_menu_sp { right: -120vw; padding: 3.125% 3.125% 0%; position: absolute; width: 100%; overflow-y: scroll;
transition-property: right; transition-duration: 0.4s; transition-timing-function: cubic-bezier(0, 0, 0.2, 1); transition-delay: 0s; }
.l_menu_sp .set_list { display: flex; }
.l_menu_sp .set_listL { margin-right: 8px; }
.l_menu_sp .set_list-outer { display: flex; }
.l_menu_sp .set_list li { width: 170px; position: relative; font-size: 1.6rem; font-weight: 700; }
.l_menu_sp .set_list li:not(:last-of-type) { margin-right: 8px; }
.l_menu_sp .set_list li figure { height: 77px; display: flex; justify-content: center; align-items: center; padding-top: 16px;}
.l_menu_sp .set_list a { display: block; width: 100%; height: 120px; box-shadow: 0px 5px 12px rgba(0, 0, 74, 0.15); border-radius: 6px;
background: #fff; text-align: center; }
.l_menu_sp .set_list .num { position: absolute; top: 13px; left: 89px; background: #F12100; color: #fff;
font-size: 1.2rem; font-weight: 400; padding: 2px 11px; border-radius: 30px; box-shadow: 0px 4px 5px rgba(0, 0, 74, 0.15);}
.l_menu_sp .set_list .hint { position: absolute; top: -12px; left: 0; width: 170px; height: 24px;
border-radius: 30px; background: linear-gradient(-90deg, #FF4600, #F39821); box-shadow: 0px 5px 12px rgba(0, 0, 74, 0.15); color: #fff; font-size: 1.2rem;
line-height: 24px; }
.l_menu_sp .set_list .hint span { position: absolute; bottom: -6px; left: calc(50% - 4px); background: url(../images/arrow.png) no-repeat; width: 9px;
height: 6px; display: block; }
.l_menu_sp .page_ttl { background: #595959; color: #fff; font-size: 1.6rem; display: flex; align-items: center;}
.l_menu_sp .page_ttl-icon { width: calc(68/600*100vw); display: inline-block; margin-right: calc(27/600*100vw); }
.l_menu_sp .set { background: #EBF0F5; }
.l_menu_sp .set_inner { background: transparent; padding: 0 0 calc(40/600*100vw); margin-bottom: 0; }
.l_menu_sp .set_ttl { color: #353941; font-size: 1.8rem; font-size: 6vw; margin-bottom: calc(50/600*100vw); padding: calc(46/600*100vw) calc(130/600*100vw) 0 calc(130/600*100vw);}
.l_menu_sp .set_ttl small { font-size: 1.3rem; font-weight: 400; }
.l_menu_sp .set_notice { position: absolute; right: calc(-20/600*100vw); top: calc(18/600*100vw); }
.l_menu_sp .set_notice p { font-size: 1rem; }
.l_menu_sp .set_notice-outer { position: relative; }
.l_menu_sp .set_notice a { background: linear-gradient(-90deg, #00004A, #00338B); color: #fff; width: calc(130/600*100vw); height: calc(120/600*100vw); border-radius: 6px 0 0 6px;
position: relative; display: flex; justify-content: center; align-items: center; }
.l_menu_sp .set_notice a figure { width: calc(60/600*100vw); margin: 0 auto; }
.l_menu_sp .set_notice .num { position: absolute; top: calc(4/600*100vw); left: calc(72/600*100vw); background: #F12100; color: #fff;
border-radius: 50%; padding: 2px 0px; width: 20px; text-align: center; font-size: 1.1rem;}
.l_menu_sp .set_list { background: #fff; border-radius: 6px; box-shadow: 0px 5px 15px rgba(0, 0, 74, 0.15); }
.l_menu_sp .set_list-outer { display: block; }
.l_menu_sp .set_listL { margin-right: 0; margin-bottom: calc(24/600*100vw); }
.l_menu_sp .set_list li { font-size: 1.2rem; }
.l_menu_sp .set_listL li { width: calc(100% / 3); font-size: 1.4rem; }
.l_menu_sp .set_listL li figure { height: calc(84/600*100vw); }
.l_menu_sp .set_listL li:nth-of-type(1) figure { width: calc(46/600*100vw); }
.l_menu_sp .set_listL li:nth-of-type(2) figure { width: calc(49/600*100vw); }
.l_menu_sp .set_listL li:nth-of-type(3) figure { width: calc(46/600*100vw); }
.l_menu_sp .set_listL a { height: calc(144/600*100vw); }
.l_menu_sp .set_listR li { width: calc(100% / 4); font-size: 1.1rem; }
.l_menu_sp .set_listR li figure { height: calc(70/600*100vw); }
.l_menu_sp .set_listR li:nth-of-type(1) figure { width: calc(48/600*100vw); }
.l_menu_sp .set_listR li:nth-of-type(2) figure { width: calc(44/600*100vw); }
.l_menu_sp .set_listR li:nth-of-type(3) figure { width: calc(38/600*100vw); }
.l_menu_sp .set_listR li:nth-of-type(4) figure { width: calc(40/600*100vw); }
.l_menu_sp .set_listR a { height: calc(124/600*100vw); }
.l_menu_sp .set_list li:not(:last-of-type) { margin-right: 0; }
.l_menu_sp .set_list li + li { border-left: 1px solid #E1E4E7; }
.l_menu_sp .set_list li figure { margin: 0 auto; padding-top: calc(10/600*100vw); }
.l_menu_sp .set_list a { box-shadow: inherit; border-radius: 0; background: transparent; }
.l_menu_sp .set_list .num { font-size: 1.1rem; padding: 1px 6px; top: calc(12/600*100vw); left: calc(116/600*100vw); }
.l_menu_sp .set_list .hint { top: calc(-24/600*100vw); /*left: calc(-14/600*100vw);*/ /*width: calc(180/600*100vw);*/ height: calc(34/600*100vw); line-height: calc(34/600*100vw); background: #F36421; font-size: 1rem;
z-index: 1; width: auto; padding-right: 4px; padding-left: 4px; white-space: nowrap;
transform: translate(-50%, 0%); left: 50%; }
.l_menu_sp .set_list .hint span { /*background: none;*/ left: calc(50% - 5px); /*border-top: 5px solid; border-right: 5px solid transparent; border-left: 5px solid transparent;*/ }
.l_menu_sp .match { padding: calc(40/600*100vw) 0 calc(24/600*100vw); }
.l_menu_sp .match_item { margin-bottom: calc(16/600*100vw); }
.l_menu_sp .match_item .num { position: absolute; top: 8px; left: 36px; background: #F12100; color: #fff;
font-size: 1.1rem; font-weight: 400; padding: 1px 6px; border-radius: 30px; box-shadow: 0px 4px 5px rgba(0, 0, 74, 0.15);}
.l_menu_sp .match_item a { box-shadow: 0px 5px 15px rgba(0, 0, 74, 0.15); border-radius: 10px; position: relative; overflow: hidden; display: flex;
align-items: center; padding: calc(32/600*100vw) calc(30/600*100vw); }
.l_menu_sp .match_item a:before { position: absolute; top: 0; left: -90px; content: ''; background: #FFF3E1;
width: 72px; height: 500px; z-index: -1; transform: skewX(-20deg); }
.l_menu_sp .match_item a:after { position: absolute; top: calc(50% - 4px); right: calc(20/600*100vw); content: ''; width: 7px;
height: 7px; border-bottom: 1px solid #F36421; border-left: 1px solid #F36421; transform: rotate(-135deg); }
.l_menu_sp .match_item:first-of-type figure { width: calc(44/600*100vw); }
.l_menu_sp .match_item:nth-of-type(2) figure { width: calc(42/600*100vw); }
.l_menu_sp .match_item figure { margin-right: calc(56/600*100vw); }
.l_menu_sp .match_item dt { font-size: 1.6rem; font-weight: 700; color: #F36421; }
.l_menu_sp .match_item dd { font-size: 1.2rem; color: #555555; }
.l_menu_sp.active { right: 0; }
.l_menu_sp_ttl { background-color: #FFF3E1; text-align: center; padding: 18px 3.125%; font-size: 1.8rem; font-weight: 700;}
.l_menu_sp_box { background-color: #fff; position: relative; border-radius: 5px; overflow: hidden; margin-bottom: 3.125%;
box-shadow: 0px 4px 20px rgba(62, 15, 0, 0.3); }
.l_menu_sp_box .set_list-outer { padding: 15px 0; }
.l_menu_sp_box div.set_notice { top: 2px; right: 0; }
.l_menu_sp_box div.set_notice a { background: transparent; color: #F36421; }
.l_menu_sp_box div.set_notice a figure { width: calc(40/600*100vw); margin: 0 auto; }
.l_menu_sp_box div.set_notice .num { position: absolute; top: calc(4/600*100vw); left: calc(72/600*100vw); background: #F12100; color: #fff;
border-radius: 50%; padding: 2px 0px; width: 20px; text-align: center; font-size: 1.1rem;}
.l_menu_sp_box .set_list-outer .set_list { box-shadow: none; }
.l_menu_sp_box02 { background-color: #FFF3E1; }
.l_menu_sp_box02 .l_menu_sp_ttl { background-color: #fff; }
.l_menu_sp_box02 .set_list-outer { padding: 15px 10px; }
.l_menu_sp_box02 .set_list-outer ul.set_list { justify-content: space-between; background: transparent; }
.l_menu_sp_box02 .set_list-outer ul.set_list li { text-align: center; width: calc(100% / 3 - 5px); border: none; background-color: #fff; border-radius: 5px;
box-shadow: 0px 4px 12px rgba(62, 15, 0, 0.2); }
.l_menu_sp_box02 .set_list-outer ul.set_list li figure { height: 35px; }
.l_menu_sp_box02 .set_list-outer ul.set_list li a { height: 75px; color: #353941; }
.l_menu_sp_box02 .set_list-outer ul.set_list li a p { font-size: 1.3rem; font-weight: 700; line-height: 1.2; }
.l_menu_sp_box02 .set_list-outer ul.set_list li a small { display: block; font-size: 1.1rem; font-weight: 400; }
.l_menu_sp_box02 .set_list-outer ul.set_list li:first-child figure { width: calc(26 / 600 * 100vw); }
.l_menu_sp_box02 .set_list-outer ul.set_list li:nth-child(2) figure { width: calc(39 / 600 * 100vw); }
.l_menu_sp_box02 .set_list-outer ul.set_list li:nth-child(3) figure { width: calc(31 / 600 * 100vw); }
.l_menu_sp_box .l_menu_sp-search-input_wrap { background-color: #fff; border-radius: 50px; display: flex; flex-direction: row-reverse; align-items: center;
padding: 10px 15px; margin-bottom: 15px; box-shadow: 0px 4px 12px rgba(62, 15, 0, 0.2); }
.l_menu_sp_box .l_menu_sp-search-input_wrap button { border: none; background-color: transparent; width: 40px; }
.l_menu_sp_box .l_menu_sp-search-input_wrap input { width: calc(100% - 40px); border: none; height: inherit; }
.l_menu_sp_box .l_menu_sp-search-input_wrap input::placeholder { color: #586075; }
.l_menu_sp .mach_item-wrap .match_item { margin-bottom: calc(16/600*100vw); }
.l_menu_sp .mach_item-wrap .match_item a { box-shadow: 0px 5px 15px rgba(0, 0, 74, 0.15); border-radius: 10px; position: relative; overflow: hidden; display: flex;
align-items: center; padding: calc(32/600*100vw) calc(30/600*100vw); background: #fff; }
.l_menu_sp .mach_item-wrap .match_item a:before { position: absolute; top: 0; left: -90px; content: ''; background: #FFF3E1;
width: 72px; height: 500px; z-index: 0; transform: skewX(-20deg); }
.l_menu_sp .mach_item-wrap .match_item a:after { position: absolute; top: calc(50% - 4px); right: calc(20/600*100vw); content: ''; width: 7px;
height: 7px; border-bottom: 1px solid #F36421; border-left: 1px solid #F36421; transform: rotate(-135deg); }
.l_menu_sp .mach_item-wrap .match_item:first-of-type figure { width: calc(44/600*100vw); }
.l_menu_sp .mach_item-wrap .match_item:nth-of-type(2) figure { width: calc(42/600*100vw); }
.l_menu_sp .mach_item-wrap .match_item figure { margin-right: calc(56/600*100vw); z-index: 1; }
.l_menu_sp .mach_item-wrap .match_item dt { font-size: 1.6rem; font-weight: 700; color: #F36421; }
.l_menu_sp .mach_item-wrap .match_item dd { font-size: 1.2rem; color: #555555; }
/* =================================
l_breadcrumbs
================================= */
/* =================================
l_main_visual
================================= */
/* =================================
l_content
================================= */
/* =================================
l_main
================================= */
/* =================================
l_side
================================= */
/* =================================
l_footer
================================= */
/* =================================
l_hoge
================================= */
/* ======================================================================
layout p_top
====================================================================== */
/* =================================
l_container_top
================================= */
.l_container_top { position: relative; }
/* =================================
l_header_top
================================= */
/* =================================
l_header_sp_top
================================= */
/* =================================
l_main_visual_top
================================= */
/* =================================
l_content_top
================================= */
/* =================================
l_main_top
================================= */
/* =================================
l_side_top
================================= */
/* =================================
l_footer_top
================================= */
/* =================================
l_hoge_top
================================= */
.relation { box-shadow: none; background: transparent; padding: 0; box-shadow: 0px 5px 15px rgba(0, 0, 74, 0.15); }
.relation .l_content_size_pc_1 { padding: 0; }
.relation_ttl { font-size: 1.7rem; padding: calc(32/600*100vw) 0 calc(42/600*100vw); text-align: center; color: #353941; font-weight: 700;}
.relation_list-item { background: #fff; border-radius: 6px; box-shadow: 0px 5px 12px rgba(0, 0, 74, 0.15); padding: 20px 0 20px 5px; }
.relation_list-item a { display: flex; justify-content: space-between; align-items: center; position: relative; padding: calc(20/600*100vw) calc(50/600*100vw) calc(20/600*100vw) calc(20/600*100vw);}
.relation_list-item a:after { position: absolute; top: calc(50% - 4px); right: calc(20/600*100vw); content: ''; width: 7px;
height: 7px; border-bottom: 1px solid #00338B; border-left: 1px solid #00338B; transform: rotate(-135deg); }
.relation_list-item figure { width: calc(210/600*100vw); }
.relation_list-item dl { width: calc(327/600*100vw); padding-left: calc(30/600*100vw); }
.relation_list-item dt { color: #00338B; font-size: 1.3rem; font-weight: 700; margin-bottom: calc(16/600*100vw); }
.relation_list-item dd { font-size: 1.2rem; }
.js_btn_p_top { display: none; }
/* ======================================================================
z-index
====================================================================== */
.l_loader { z-index: 1000; }
.l_menu_sp { z-index: 999; }
.l_header { z-index: 998; }
.l_header_sp { z-index: 998; }
.c_btn_p_top { z-index: 997; }
.l_side { z-index: 996; }
/* =================================
p_top
================================= */
.l_menu_sp_top { z-index: 999; }
.l_header_top { z-index: 998; }
.l_header_sp_top { z-index: 998; }
.c_btn_p_top_top { z-index: 997; }
.l_side_top { z-index: 996; }
.appli { display: flex; justify-content: space-between; align-items: center; padding: 10px 8px 10px 5px; background-color: #F4F5F6;}
.appli_close { position: relative; width: 15px; height: 15px; margin-right: 5px; background-color: #fff;
border-radius: 50%; }
.appli_close span:before { content: ''; position: absolute; height: 8px; width: 1px; background-color: #555;
transform: rotate(45deg); transform-origin: 0% 50%; top: calc(50% - 4.5px); left: 6.5px; }
.appli_close span:after { content: ''; position: absolute; height: 8px; width: 1px; background-color: #555;
transform: rotate(-45deg); transform-origin: 100% 50%; top: calc(50% - 4.5px); left: 6.5px; }
.appli_left { display: flex; align-items: center; }
.appli_icon { width: 40px; margin-right: 10px; }
.appli_text { font-size: 1.5rem; color: #002C94; font-weight: 700; }
.appli_text small { font-size: 1.1rem; font-weight: 400; }
.appli_right a { display: block; padding: 4px 7.5px; border-radius: 5px; font-size: 1.0rem; line-height: 1.2;
color: #fff !important; text-align: center; background: linear-gradient(to right, #f39821 0%, #ff4600 100%); box-shadow: 0px 10px 20px rgba(0, 0, 74, 0.15); }
.body-wrapper { overflow: hidden; }
.footer_banner { padding: 30px 0; }
.footer_banner .l_content_size_pc_1 { display: flex; justify-content: space-between; }
.footer_banner .l_content_size_pc_1 > * { width: 48.5%; }
.l_footer { box-shadow: 0px 5px 15px rgba(0, 0, 74, 0.15); color: #353941; }
.l_footer .l_content_size_pc_1 { padding: 0; }
.l_footer .footer_top { display: none; }
.l_footer .footer_links-ttl { margin-top: -1px; font-size: 1.7rem; text-align: center; padding: 15px 3.125%; font-weight: 600;
border-top: 1px solid #E1E4E7; border-bottom: 1px solid #E1E4E7; }
.l_footer .footer_links a { color: #353941; }
.l_footer .footer_links-area { width: 100%; }
.l_footer .footer_links-area:first-of-type { margin-bottom: 50px; }
.l_footer .footer_links-area th, .l_footer .footer_links-area td { font-size: 1.4rem; width: 100%; display: block; }
.l_footer .footer_links-area th { margin-top: -1px; padding: 12px 3.125%; font-weight: 600; border-top: 1px solid #E1E4E7; border-bottom: 1px solid #E1E4E7;
position: relative; text-align: left; }
.l_footer .footer_links-area th:after { position: absolute; top: calc(50% - 5px); right: 15px; content: ''; width: 7px;
height: 7px; border-bottom: 1px solid #F36421; border-left: 1px solid #F36421; transform: rotate(-45deg); }
.l_footer .footer_links-area th.active:after { top: calc(50% - 2px); transform: rotate(135deg); }
.l_footer .footer_links-area td { padding: 7.5px 0; background-color: #F4F5F6; }
.l_footer .footer_links-separator { display: flex; flex-wrap: wrap; }
.l_footer .footer_links-separator li { width: 50%; }
.l_footer .footer_links-separator li a { padding: 7.5px 7.5px 7.5px 2.2em; display: block; position: relative; }
.l_footer .footer_links-separator li a:after { position: absolute; top: calc(50% - 4px); left: 1em; content: ''; width: 7px;
height: 7px; border-bottom: 1px solid #1166CC; border-left: 1px solid #1166CC; transform: rotate(-135deg); }
.l_footer .footer_links .footer_links-area:first-of-type td { display: none; }
.l_footer .footer_links .footer_links-area:first-of-type td.active { display: block; }
.l_footer .footer_links .footer_links-area:last-of-type td, .l_footer .footer_links .footer_links-area:last-of-type tr, .l_footer .footer_links .footer_links-area:last-of-type tbody { padding: 0; display: flex; width: auto; flex-wrap: wrap; }
.l_footer .footer_links .footer_links-area:last-of-type tbody { background-color: #F4F5F6; padding: 7.5px 0; }
.l_footer .footer_links .footer_links-area:last-of-type .footer_links-separator { display: flex; width: auto; flex-wrap: wrap; }
.l_footer .footer_links .footer_links-area:last-of-type .footer_links-separator li { width: auto; }
.l_footer .footer_links-center, .l_footer .footer_links-right { display: none; }
.l_footer .footer_links-sp ul li { border-bottom: 1px solid #E1E4E7; }
.l_footer .footer_links-sp ul li a { display: block; color: #00338B; font-size: 1.2rem; padding: 16px 10px; position: relative;}
.l_footer .footer_links-sp .l_content_size_pc_1 { padding: 20px 3.125%; }
.l_footer .footer_links-sp .footer_links-outer { display: flex; background-color: #F4F5F6; flex-direction: column;}
.l_footer .footer_links-sp .footer_links-outer-item { width: 50%; height:38px; text-align:center; vertical-align: middle; border-bottom: 1px solid #E1E4E7 }
.l_footer .footer_links-sp .footer_links-outer-item a { display: block; font-size: 1.1rem; color: #00338B; }
.l_footer .footer_infoaction { display: none; }
.l_footer .footer_links-top_back { height: 50px; position: relative; background-color: #586075; display: block; }
.l_footer .footer_links-top_back:after { position: absolute; top: calc(50% - 2px); left: calc(50% - 8.5px); content: ''; width: 10px;
height: 10px; border-bottom: 2px solid #fff; border-left: 2px solid #fff; transform: rotate(135deg); }
.l_footer .mission_ttl { display: flex; align-items: center; margin-bottom: 20px; }
.l_footer .mission_ttl figure { width: 300px; }
.l_footer .mission_catch { width: calc(100% - 132px); margin-left: 15px; display: inline;}
.l_footer .mission_catch_part_color { color: rgb(234, 95, 1); display: inline;}
.l_footer .mission_catch span { display: inline; font-size: 1.1rem; font-weight: 700; }
.l_footer .mission_body { font-size: 1.2rem; line-height: 1.5; }
.l_footer .footer_utility { padding: 15px 3.125%; }
.l_footer .footer_utility .l_content_size_pc_1 { display: flex; align-items: center; }
.l_footer .footer_utility .l_footer .footer_utility .footer_logos-right { display: none; }
.l_footer .footer_copy {font-size: 1.0rem; }
.l_footer .footer_copy p > span { display: block; }
.l_footer .footer_copy .footer_copy-en { display: block; }
.l_footer .footer_copy .footer_kyoutsu-span { display: block; }
.ttl_header { display: block; margin-bottom: 15px; }
.ttl_icon { background-repeat: no-repeat; background-position: left center; font-size: 1.7rem; line-height: 1; color: #353941;
padding: 4px 0 4px 20px; font-weight: 600; width: 100% !important; }
.ttl_view-more { display: none !important; }
.contents_list { display: flex; overflow-x: scroll; padding-bottom: 15px; margin-right: -3.125%; margin-left: -3.125%;}
.contents_item { min-width: 208px; box-shadow: 0px 5px 12px rgba(0, 0, 74, 0.15); border-radius: 6px; overflow: hidden; position: relative;
background-color: #fff; margin-left: 15px; }
.contents_item:last-child { margin-right: 15px; }
.contents_item button { position: absolute; top: 10px; right: 10px; z-index: 1; border: none;
background-color: transparent; cursor: pointer; }
.contents_item:hover { opacity: .8; }
.contents_item + .contents_item { margin-left: 15px; }
.contents_item-img { overflow: hidden; position: relative; }
.contents_item-img figcaption { position: absolute; top: 10px; right: 10px; }
.contents_item-meta { margin: 15px 15px 18px; }
.contents_item-meta dt { font-size: 1.5rem; font-weight: 700; color: #00338B; margin-bottom: 4px; }
.contents_item-meta dd { font-size: 1.2rem; }
.contents_item-info { background: #F4F5F6; padding: 10px 12px; font-size: 1.2rem; }
.contents_item-info li + li { margin-top: 4px; }
.contents_item-info img { margin-right: 7px; }
.sp_view-more { text-align: right; display: block !important; }
.sp_view-more a { position: relative; font-size: 1.2rem; color: #00338B; display: inline-block; padding-right: 1em;
position: relative; }
.sp_view-more a:after { position: absolute; top: calc(50% - 2px); right: 2px; content: ''; width: 7px;
height: 7px; transform: rotate(-135deg); border-bottom: 1px solid #00338B; border-left: 1px solid #00338B; }
.search { background-color: #fff; padding: 10px 0 0; box-shadow: 0px 0px 30px rgba(40, 58, 93, 0.15); }
.search__ttl_sp { font-weight: 700; display: block; font-size: 21px; text-align: center; color: #353941;
margin-bottom: 15px; margin-top: 5px; }
.search__ttl-wrap { background-color: #EBF0F5; font-size: 1.3rem; text-align: center; padding: 4px 10px 6px; font-weight: 700;
margin: 0 5px 10px; width: auto; display: block; }
.search__ttl-num { color: #00338B; font-size: 1.7rem; }
.search__ttl-icon { color: #00338B; }
.search__tab ul { display: flex; align-items: center; justify-content: space-between; }
.search__tab ul li { border-radius: 5px 5px 0 0; padding: 10px 4px 8px; text-align: center; color: #fff; width: calc(50% - 4px);
background: linear-gradient(to right, #00338b 0%, #00004a 100%); font-size: calc(28 / 600 * 100vw); font-weight: 600; line-height: 1.2; }
.search__tab ul li small { display: block; font-size: calc(22 / 600 * 100vw); font-weight: 400; }
.search__tab ul li.active { background: #E0E9F3; color: #00004A; }
.search-box01 { background-color: #E0E9F3; margin: 0 0 0px; padding: 20px 0px; }
.search-box01__inner { display: block; justify-content: space-between; align-items: center; }
.search-box01__inner .modal-btn { background-color: #fff; display: block; width: 100%; box-shadow: 0px 4px 20px rgba(0, 0, 74, 0.2); padding: 12px 10px;
border-radius: 5px; display: flex; align-items: center; font-size: 1.4rem; font-weight: 700;
margin-bottom: 8px; color: #353941; }
.search-box01__inner .modal-btn.modal02 { padding: 10.5px 10px; }
.search-box01__inner .modal-btn .u_sp { display: inline-block; }
.search-box01__inner .modal-btn img { margin-right: 14px; }
.search-box01__inner_x { display: none; }
.search-box01__inner .modal-btn-orange { background: linear-gradient(to right, #f39821 0%, #ff4600 100%); width: 100%; box-shadow: 0px 4px 20px rgba(0, 0, 74, 0.2); padding: 16px 10px; display: block;
border-radius: 5px; display: flex; align-items: center; justify-content: center; font-size: 1.6rem;
color: #fff; font-weight: 700; }
.search-box01__inner .modal-btn-orange__num { background-color: #FFFFB8; border-radius: 2px; font-size: 1.4rem; color: #F36421; padding: 2px 12px;
margin-left: 4px; }
.search-box01__inner .modal-btn-orange img { margin-right: 10px; }
.search-box02 { display: none; padding: 20px 0; background-color: #E0E9F3; }
.search-box02__history { background-color: #fff; position: relative; padding: 8px 30px 12px 10px; border-radius: 6px; box-shadow: 0px 4px 20px rgba(0, 0, 74, 0.2);
margin-bottom: 15px; }
/* .search-box02__history:after { position: absolute; top: calc(50% - 4px); right: 15px; content: ''; width: 7px;
height: 7px; transform: rotate(-135deg); border-bottom: 1px solid #F36421; border-left: 1px solid #F36421; } */
.search-box02__history_ttl { background-image: url(../../top/images/icon_history.png); background-repeat: no-repeat; background-position: left center; font-size: 1.4rem; color: #353941;
padding: 4px 0 4px 28px; font-weight: 700; width: 60%; }
.search-box02__history_txt { font-size: 1.1rem; color: #353941; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.search-box02__right { margin-right: -3.125%; margin-left: -3.125%; overflow-x: scroll; }
.search-box02__tag { background-color: #FFFACB; border-radius: 6px; padding: 12px 15px; min-width: 500px; margin: 0 10px;}
.search-box02__tag_ttl { background-image: url(../../top/images/icon_hash.png); background-repeat: no-repeat; background-position: left center; font-size: 1.4rem; color: #353941;
padding: 4px 0 4px 20px; font-weight: 700; }
.search-box02__tag_wrap { display: flex; flex-wrap: wrap; margin-bottom: -4px; }
.search-box02__tag_item a { display: inline-block; background-color: #F36421; box-shadow: 0px 4px 5px rgba(0, 0, 74, 0.2); font-size: 1.2rem; border-radius: 3px;
padding: 4px 10px 5px; margin: 0 4px 4px 0; color: #fff; font-weight: 600; }
.search-input_wrap { background-color: #fff; border-radius: 50px; display: flex; align-items: center; padding: 12px 15px; margin-top: 15px; box-shadow: 0px 4px 20px rgba(0, 0, 74, 0.2); }
.search-input_wrap button { border: none; background-color: transparent; width: 40px; }
.search-input_wrap input { width: calc(100% - 40px); font-size: 1.6rem; }
.search-input_wrap input::placeholder { color: #999999; }
.wide-btn a { color: #00338B; display: block; background-color: #fff; position: relative; padding: 10px 30px 10px 10px;
border-radius: 6px; box-shadow: 0px 4px 12px rgba(62, 15, 0, 0.2); font-size: 1.1rem; }
.wide-btn a:after { position: absolute; top: calc(50% - 4px); right: 15px; content: ''; width: 7px;
height: 7px; transform: rotate(-135deg); border-bottom: 1px solid #00338B; border-left: 1px solid #00338B; }
.wide-btn.wide-btn-blue a { box-shadow: 0px 10px 30px rgba(40, 58, 93, 0.15); }
.wide-btn.wide-btn-orange a { text-align: center; color: #F36421; font-size: 1.4rem; }
.wide-btn.wide-btn-orange a small { display: block; font-size: 1.2rem; color: #909CB5; }
.wide-btn.wide-btn-orange a:after { border-bottom: 1px solid #F36421; border-left: 1px solid #F36421; }
.fixd-footer { background-color: rgba(235, 241, 248, 0.9); position: fixed; bottom: 0; left: 0; width: 100%;
padding: 16px 0; z-index: 1; }
.fixd-footer .index-contents-bottom-login__inner { display: flex; justify-content: space-between; align-items: center; }
.fixd-footer .index-contents-bottom-login__inner > a { width: calc(50% - 5px); margin: 0; font-weight: 700; font-size: 1.6rem; padding: 10px 8px;}
.logined .index-mv, .logined .l_menu_sp .l_menu_sp_no_login_btn, .logined .l_menu_sp .relation, .logined .fixd-footer, .logined .index-main .index-main-history, .l_login .index-mv, .l_login .l_menu_sp .l_menu_sp_no_login_btn, .l_login .l_menu_sp .relation, .l_login .fixd-footer, .l_login .index-main .index-main-history { display: none !important; }
.no_login { padding-bottom: 80px; }
.no_login .l_menu_sp { background: #fff; padding: 0; }
.no_login .l_menu_sp .relation { padding-bottom: 90px; }
.no_login .l_menu_sp .l_menu_sp_box01, .no_login .l_menu_sp .mach_item-wrap { display: none; }
.no_login .l_menu_sp .l_menu_sp_no_login_btn { padding: 15px 10px 20px; background-color: #EFF5F9; }
.no_login .l_menu_sp .l_menu_sp_no_login_btn .index-contents-bottom-login__inner { display: flex; justify-content: space-between; align-items: center; margin-bottom: 15px; }
.no_login .l_menu_sp .l_menu_sp_no_login_btn .index-contents-bottom-login__inner > a { width: calc(50% - 5px); margin: 0; font-weight: 700; font-size: 1.6rem; padding: 16px 8px;}
.no_login .l_menu_sp .l_menu_sp_no_login_btn .wide-btn-orange a { box-shadow: 0px 5px 10px rgba(0, 0, 74, 0.15); }
.no_login .l_menu_sp .l_menu_sp_box02 { border-radius: 0; background-color: #fff; padding: 0 10px 0; box-shadow: none; }
.no_login .l_menu_sp .l_menu_sp_box02 .l_menu_sp_ttl { color: #353941; }
.no_login .l_menu_sp .l_menu_sp_box02 .set_list-outer { background-color: #E0E9F3; border-radius: 5px; }
.no_login .l_menu_sp .l_menu_sp_box02 .set_list-outer .l_menu_sp-search-input_wrap { box-shadow: 0px 5px 15px rgba(0, 0, 74, 0.3); }
.no_login .l_menu_sp .l_menu_sp_box02 .set_list-outer ul.set_list li { box-shadow: 0px 5px 15px rgba(0, 0, 74, 0.3); }
.no_login .l_menu_sp .relation { box-shadow: none; }
.no_login .l_menu_sp .relation .relation_ttl { font-size: 1.8rem; color: #353941; }
.modal-double .regist-accordion { height: 220px; }
.modal-double .regist-accordion + .modal-title { margin-top: 20px; }
.logined .l_menu_sp { margin: 0; padding: 0; background-color: #F4F5F6; }
.logined .l_menu_sp_header { border-radius: 0 0 6px 6px; padding: 3.125% 3.125%; background: linear-gradient(to right, #f39821 0%, #ff4600 100%); box-shadow: 0px 10px 30px rgba(40, 58, 93, 0.15); }
.logined .l_menu_sp_footer { background-color: #F4F5F6; padding: 15px 0 100px; }
.logined .l_menu_sp_footer .relation { background-color: #fff; display: block !important; }
.logined .l_menu_sp_footer .nav { padding: calc(30/600*100vw) 3.125% 0 !important; }
.no_login .l_menu_sp_footer { display: none; }
.l_mypage .todo_inner-menu { box-shadow: 0px 5px 12px rgba(0, 0, 74, 0.15); background: #fff; border-radius: 6px; overflow: hidden; }
.l_mypage .todo_top-menu { background: #E3F6F6; padding: 20px 15px; display: flex; justify-content: space-between; }
.l_mypage .todo_ttl-menu { color: #00B5B3; font-size: 2.2rem; font-weight: 700; }
.l_mypage .todo_ttl-menu span { background: #00B5B3; color: #fff; font-size: 1.4rem; border-radius: 30px; padding: 3px 13px 2px;
margin-right: 10px; }
.l_mypage .todo_more-menu a { display: block; width: 220px; height: 40px; box-shadow: 0px 5px 12px rgba(0, 0, 74, 0.15); border-radius: 6px;
font-size: 1.4rem; font-weight: 700; color: #00B5B3; position: relative; background: #fff;
text-align: center; line-height: 40px; }
.l_mypage .todo_more-menu a:after { position: absolute; top: calc(50% - 4px); right: 15px; content: ''; width: 7px;
height: 7px; border-bottom: 1px solid #00B5B3; border-left: 1px solid #00B5B3; transform: rotate(-135deg); }
.l_mypage .todo_text-menu { padding: 25px 28px; font-size: 1.4rem; color: #353941; }
.l_mypage .contents_ttl { color: #F36421; }
.l_mypage .contents_ttl-outer { background: #FFF3E1; }
.l_mypage .contents_more a { color: #F36421; }
.l_mypage .contents_more a:after { border-bottom: 1px solid #F36421; border-left: 1px solid #F36421; }
.l_mypage .nav { padding: 36px 0 50px; background: #EBF0F5; box-shadow: 0px 5px 12px rgba(0, 0, 74, 0.15); position: relative; }
.l_mypage .nav_list { background: #fff; box-shadow: 0px 5px 12px rgba(0, 0, 74, 0.15); display: flex; padding: 10px 0; border-radius: 6px;}
.l_mypage .nav_list li { width: calc(1100px / 3); }
.l_mypage .nav_list li + li { border-left: 1px solid #D8D8D8; }
.l_mypage .nav_list a { display: block; color: #00338B; font-size: 1.3rem; text-align: center; padding: 6px 7px;}
.l_mypage .todo-menu { margin-bottom: calc(30/600*100vw); }
.l_mypage .todo-menu .l_content_size_pc_1 { padding: 0; }
.l_mypage .todo_inner-menu { border-radius: 10px; }
.l_mypage .todo_top-menu { padding: 5px 3.125% 10px; display: block; }
.l_mypage .todo_ttl-menu { font-size: 1.8rem; color: #009B99; text-align: center; }
.l_mypage .todo_ttl-menu span { background: transparent; font-size: 1.2rem; color: #009B99; padding: 0; margin-right: 0;}
.l_mypage .todo_more-menu a { box-shadow: none; width: inherit; height: inherit; line-height: 1.6; color: #00338B;
font-size: 1.2rem; padding: calc(23/600*100vw); font-weight: 400; }
.l_mypage .todo_more-menu a:after { border-bottom: 1px solid #00338B; border-left: 1px solid #00338B; transform: rotate(-45deg); top: calc(50% - 6px); right: calc(50% - 50px);}
.l_mypage .nav { padding: calc(30/600*100vw) 0 0; background: transparent; box-shadow: none; }
.l_mypage .nav_list { display: block; padding: 0; }
.l_mypage .nav_list li { width: 100%; }
.l_mypage .nav_list li + li { border-left: none; border-top: 1px solid #E8ECF1; }
.l_mypage .nav_list a { padding: calc(30/600*100vw) calc(20/600*100vw); color: #333; text-align: left; position: relative; }
.l_mypage .nav_list a:after { position: absolute; top: calc(50% - 4px); right: calc(20/600*100vw); content: ''; width: 7px;
height: 7px; border-bottom: 1px solid #909CB5; border-left: 1px solid #909CB5; transform: rotate(-135deg); }
.l_mypage .match_item .num { position: absolute; top: 8px; left: 36px; background: #F12100; color: #fff;
font-size: 1.1rem; font-weight: 400; padding: 1px 6px; border-radius: 30px; box-shadow: 0px 4px 5px rgba(0, 0, 74, 0.15);}
.button-secondary, .button-secondary { font-size: 14px; min-width: auto; padding: 4px 20px; }
.button-secondary:after, .button-secondary:after { content: none; }
.to-do-list--header-step-menu { padding: 28px 30px 16px; margin: 0; font-size: 1.4rem; }
.to-do-list--header-step-line-menu { background-color: #595959; width: 100%; width: calc(100% - 16px); margin-left: auto; margin-right: auto;
height: 4px; position: relative; }
.to-do-list--header-step-line-active-menu { height: 100%; position: absolute; top: 0; }
.to-do-list--header-step-dot-menu { background-color: #595959; width: 16px; height: 16px; border-radius: 50%; position: absolute;
top: -6px; }
.to-do-list--header-step-dot_000-menu { left: -8px; }
.to-do-list--header-step-dot_020-menu { left: 20%; margin-left: -8px; }
.to-do-list--header-step-dot_040-menu { left: 40%; margin-left: -8px; }
.to-do-list--header-step-dot_060-menu { left: 60%; margin-left: -8px; }
.to-do-list--header-step-dot_080-menu { left: 80%; margin-left: -8px; }
.to-do-list--header-step-dot_100-menu { right: -8px; }
.to-do-list--header-step-num-menu { padding: 5px 10px; border-radius: 10px; color: #fff; position: absolute; top: -50px;
background-color: #595959; width: 60px; text-align: center; }
.to-do-list--header-step-num-menu:before { content: ''; position: absolute; bottom: -10px; left: 50%; margin-left: -5px;
border-top: 5px solid #fd6d21; border-right: 5px solid transparent; border-left: 5px solid transparent; border-bottom: 5px solid transparent; }
#to-do-list-menu .to-do-list--header-step-message-menu { margin-bottom: 60px; font-weight: 700; }
.to-do-list--header-step-check-menu { width: 18px; height: 18px; display: inline-block; position: relative; background-color: #595959;
border-radius: 50%; vertical-align: middle; margin-right: 8px; }
.to-do-list--header-step-check-menu:before { content: ''; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); width: 4px;
height: 10px; border-bottom: 1px solid #fff; border-right: 1px solid #fff; position: absolute; top: 2px;
left: 6px; }
.to-do-list--header-contents-menu { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 55px; border-top: 1px solid #E0E9F3;
padding-top: 16px; }
.to-do-list--header-contents-menu dl { display: -webkit-box; display: -ms-flexbox; display: flex; margin-right: 20px; color: #595959;}
.step000 .to-do-list--header-step-check-menu, .step000 .to-do-list--header-step-num-menu, .step000 .to-do-list--header-step-dot_000-menu, .step000 .to-do-list--header-step-line-active-menu { background-color: #13b5b1; }
.step020 .to-do-list--header-step-check-menu, .step020 .to-do-list--header-step-num-menu, .step020 .to-do-list--header-step-dot_000-menu, .step020 .to-do-list--header-step-dot_020-menu, .step020 .to-do-list--header-step-line-active-menu { background-color: #13b5b1; }
.step040 .to-do-list--header-step-check-menu, .step040 .to-do-list--header-step-num-menu, .step040 .to-do-list--header-step-dot_000-menu, .step040 .to-do-list--header-step-dot_020-menu, .step040 .to-do-list--header-step-dot_040-menu, .step040 .to-do-list--header-step-line-active-menu { background-color: #13b5b1; }
.step060 .to-do-list--header-step-check-menu, .step060 .to-do-list--header-step-num-menu, .step060 .to-do-list--header-step-dot_000-menu, .step060 .to-do-list--header-step-dot_020-menu, .step060 .to-do-list--header-step-dot_040-menu, .step060 .to-do-list--header-step-dot_060-menu, .step060 .to-do-list--header-step-line-active-menu { background-color: #13b5b1; }
.step080 .to-do-list--header-step-check-menu, .step080 .to-do-list--header-step-num-menu, .step080 .to-do-list--header-step-dot_000-menu, .step080 .to-do-list--header-step-dot_020-menu, .step080 .to-do-list--header-step-dot_040-menu, .step080 .to-do-list--header-step-dot_060-menu, .step080 .to-do-list--header-step-dot_080-menu, .step080 .to-do-list--header-step-line-active-menu { background-color: #13b5b1; }
.step100 .to-do-list--header-step-check-menu, .step100 .to-do-list--header-step-num-menu, .step100 .to-do-list--header-step-dot-menu, .step100 .to-do-list--header-step-line-active-menu { background-color: #fd6d21; }
.step000 .to-do-list--header-step-message-menu, .step020 .to-do-list--header-step-message-menu, .step040 .to-do-list--header-step-message-menu, .step060 .to-do-list--header-step-message-menu, .step080 .to-do-list--header-step-message-menu, .step100 .to-do-list--header-step-message-menu { margin-bottom: 25px; }
.step000 .to-do-list--header-step-num-menu:before, .step020 .to-do-list--header-step-num-menu:before, .step040 .to-do-list--header-step-num-menu:before, .step060 .to-do-list--header-step-num-menu:before, .step080 .to-do-list--header-step-num-menu:before { border-top-color: #13b5b1; }
.step000 .to-do-list--header-step-check-menu, .step020 .to-do-list--header-step-check-menu, .step040 .to-do-list--header-step-check-menu, .step060 .to-do-list--header-step-check-menu, .step080 .to-do-list--header-step-check-menu { background-color: #E1F3F3; }
.step000 .to-do-list--header-step-check-menu:before, .step020 .to-do-list--header-step-check-menu:before, .step040 .to-do-list--header-step-check-menu:before, .step060 .to-do-list--header-step-check-menu:before, .step080 .to-do-list--header-step-check-menu:before { border-color: #13b5b1; }
.step100 .to-do-list--header-step-check-menu { background-color: #FFF3E1; }
.step100 .to-do-list--header-step-check-menu:before { border-color: #fd6d21; }
.step000 .to-do-list--header-step-message-menu, .step020 .to-do-list--header-step-message-menu, .step040 .to-do-list--header-step-message-menu { margin-bottom: 55px; }
.to-do-list--header-contents-menu dl dt { font-weight: 700; }
.to-do-list--conents-menu { display: none; margin-top: 30px; }
.todo_top-menu.u_sp { display: none; }
.todo_top-menu.u_pc { display: none; }
.todo_top-menu.u_sp { display: block; position: relative; }
.todo_more-menu.active a:after { top: calc(50% - 2px); transform: rotate(135deg); }
.todo_top-menu.u_sp:after { position: absolute; top: calc(50% - 5px); right: 18px; content: ''; width: 10px;
height: 10px; border-bottom: 2px solid #00B5B3; border-left: 2px solid #00B5B3; transform: rotate(-135deg); }
.to-do-list--header-step-num-menu { padding: 2px 5px; border-radius: 50px; width: 52px; top: -36px; font-size: 12px;}
.to-do-list--header-step-menu { padding: 12px 15px 12px; margin: 0; }
.to-do-list--header-contents-menu { display: none; }
.to-do-list--conents-menu { display: block; }
.todo_more-menu { margin-top: -32px; }
.to-do-list--conents-fukidashi-menu { background-color: #FFF3E1; position: relative; font-size: 14px; text-align: center; border-radius: 10px;
color: #F36421; padding: 10px; margin-bottom: 20px; font-weight: 700; }
.to-do-list--conents-fukidashi-menu:before { content: ''; position: absolute; bottom: -4px; left: 50%; margin-left: -6px;
width: 10px; height: 10px; background-color: #FFF3E1; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg);
transform: rotate(45deg); }
.to-do-list--conents-menu ul li { display: none; }
.to-do-list--conents-menu ul li:first-child { display: block; }
.to-do-list--conents-menu ul.active li { display: block; }
.to-do-list--conents-menu ul li { position: relative; text-align: center; margin-bottom: 20px; }
.to-do-list--conents_box-menu .to-do-list--conents_box_subject-menu { background-color: #13b5b1; border-radius: 10px; padding: 6px 10px 4px 10px; display: inline-block; color: #fff;
z-index: 1; font-size: 14px; text-align: center; position: relative; }
/*  .to-do-list--conents_box .to-do-list--conents_box_subject span{ }*/
.to-do-list--conents_box-menu a { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 4px; border-radius: 10px;
background-color: #E1F3F3; margin-top: -15px; }
.to-do_startup-menu.to-do-list--conents_box-menu a { background-color: #FFF3E1; }
.to-do-list--conents_box-menu a:hover { text-decoration: none; opacity: .8; }
.to-do-list--conents_box_achievement-menu { width: 105px; text-align: center; font-size: 24px; font-weight: 700; color: #13b5b1;
background-color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center;
-ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;
border-radius: 8px 0 0 8px; }
.to-do-list--conents_box_ttl-menu { width: calc(100% - 105px); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center;
-ms-flex-align: center; align-items: center; padding: 25px 20px 15px 15px; position: relative; /* background-color: #f3f4f3;*/ }
.to-do-list--conents_box_ttl-menu:after { position: absolute; top: calc(50% - 4px); right: 9px; content: ''; width: 7px;
height: 7px; border-bottom: 1px solid #00B5B3; border-left: 1px solid #00B5B3; transform: rotate(-135deg); }
.to-do-list--conents_box_ttl-menu p { margin: 0; font-size: 13px; color: #586075; text-align: left; }
.to-do_startup-menu .to-do-list--conents_box_subject-menu, .to-do_startup-menu .to-do-list--conents_box_ttl-menu:before { background-color: #fd6d21; }
.to-do_startup-menu .to-do-list--conents_box_ttl-menu:after { border-bottom: 1px solid #F36421; border-left: 1px solid #F36421; }
.to-do_startup-menu .to-do-list--conents_box_achievement-menu { color: #fd6d21; }
.to-do_fin-menu:before { content: ''; position: absolute; left: -16px; background-image: url(/career/list/img/to-do/fin.png); width: 37px;
height: 53px; top: 50%; margin-top: -27.5px; z-index: 1; }
.to-do-list--header-step-message-menu { margin-bottom: 50px; font-size: 12px; font-weight: 600; }
.step060 .to-do-list--header-step-message-menu, .step080 .to-do-list--header-step-message-menu, .step100 .to-do-list--header-step-message-menu { margin-bottom: 1em; }
.todo_top-menu.u_pc { display: none; }
.todo_top-menu.u_sp { display: block; position: relative; }
.todo_more-menu.active a:after { top: calc(50% - 2px); transform: rotate(135deg); }
.todo_top-menu.u_sp:after { position: absolute; top: calc(50% - 5px); right: 18px; content: ''; width: 10px;
height: 10px; border-bottom: 2px solid #00B5B3; border-left: 2px solid #00B5B3; transform: rotate(-135deg); }
.to-do-list--header-step-num-menu { padding: 2px 5px; border-radius: 50px; width: 52px; top: -40px; }
.to-do-list--header-step-menu { padding: 12px 15px 12px; margin: 0; }
.to-do-list--header-contents-menu { display: none; }
.to-do-list--conents-menu { display: block; }
.todo_more-menu { margin-top: -32px; }
.to-do-list--conents-fukidashi-menu { background-color: #FFF3E1; position: relative; font-size: 14px; text-align: center; border-radius: 10px;
color: #F36421; padding: 10px; margin-bottom: 20px; font-weight: 700; }
.to-do-list--conents-fukidashi-menu:before { content: ''; position: absolute; bottom: -4px; left: 50%; margin-left: -6px;
width: 10px; height: 10px; background-color: #FFF3E1; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg);
transform: rotate(45deg); }
.to-do-list--conents-menu ul li { display: none; }
.to-do-list--conents-menu ul li:first-child { display: block; }
.to-do-list--conents-menu ul.active li { display: block; }
.to-do-list--conents-menu ul li { position: relative; text-align: center; margin-bottom: 20px; }
.to-do-list--conents_box-menu .to-do-list--conents_box_subject-menu { background-color: #13b5b1; border-radius: 10px; padding: 6px 10px 4px 10px; display: inline-block; color: #fff;
z-index: 1; font-size: 14px; text-align: center; position: relative; }
.to-do-list--conents_box-menu a { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 4px; border-radius: 10px;
background-color: #E1F3F3; margin-top: -15px; }
.to-do_startup-menu.to-do-list--conents_box-menu a { background-color: #FFF3E1; }
.to-do-list--conents_box-menu a:hover { text-decoration: none; opacity: .8; }
.to-do-list--conents_box_achievement-menu { width: 105px; text-align: center; font-size: 24px; font-weight: 700; color: #13b5b1;
background-color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center;
-ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;
border-radius: 8px 0 0 8px; }
.to-do-list--conents_box_ttl-menu { width: calc(100% - 105px); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center;
-ms-flex-align: center; align-items: center; padding: 25px 20px 15px 15px; position: relative; /* background-color: #f3f4f3;*/ }
.to-do-list--conents_box_ttl-menu:after { position: absolute; top: calc(50% - 4px); right: 9px; content: ''; width: 7px;
height: 7px; border-bottom: 1px solid #00B5B3; border-left: 1px solid #00B5B3; transform: rotate(-135deg); }
.to-do-list--conents_box_ttl-menu p { margin: 0; font-size: 13px; color: #586075; text-align: left; }
.to-do_startup-menu .to-do-list--conents_box_subject-menu, .to-do_startup-menu .to-do-list--conents_box_ttl-menu:before { background-color: #fd6d21; }
.to-do_startup-menu .to-do-list--conents_box_ttl-menu:after { border-bottom: 1px solid #F36421; border-left: 1px solid #F36421; }
.to-do_startup-menu .to-do-list--conents_box_achievement-menu { color: #fd6d21; }
.to-do_fin-menu:before { content: ''; position: absolute; left: -16px; background-image: url(/career/list/img/to-do/fin.png); width: 37px;
height: 53px; top: 50%; margin-top: -27.5px; z-index: 1; }
.to-do-list--header-step-message-menu { margin-bottom: 50px; font-size: 13px; }
.step060 .to-do-list--header-step-message-menu, .step080 .to-do-list--header-step-message-menu, .step100 .to-do-list--header-step-message-menu { margin-bottom: 1em; }
/* 20201202 JAST追記 */
#header .no_login { padding-bottom: 0; }
#header .logined { background-color: none!important; overflow: unset!important; max-height: none!important; }
.l_menu_sp .index-contents-bottom-login__inner .btn-orange { display: block; text-align: center; background: linear-gradient(to right, #f39821 0%, #ff4600 100%); box-shadow: 0px 4px 12px rgba(0, 0, 74, 0.3); color: #fff;
border-radius: 6px; }
.l_menu_sp .index-contents-bottom-login__inner .btn-white { display: block; text-align: center; background: #fff; box-shadow: 0px 4px 12px rgba(0, 0, 74, 0.2); color: #1166CC;
border-radius: 6px; }
.l_menu_sp .l_menu_sp-search-input_wrap, .l_menu_sp .l_menu_sp-search-input_wrap * { font-family: "Noto Sans JP"!important; }
.l_menu_sp .l_menu_sp-search-input_wrap button { flex-shrink: 0; border: none; background-color: transparent; width: 40px; }
.l_menu_sp .l_menu_sp-search-input_wrap input { background-color: unset; }
.menu-oshirase-modal { background-color: #D0DDEB; display: none; position: fixed; top: 20px; left: 14px; z-index: 999;
background-color: #D0DDEB; width: calc(100% - 28px); border-radius: 5px; box-shadow: 0px 0px 7px 4px rgba(0, 0, 0, 0.2); font-family: "Noto Sans JP"!important;}
.menu-oshirase-modal::after { content: ""; display: block; width: 100%; height: 100%; position: fixed;
top: 0; left: 0; z-index: -1; background-color: rgba(255, 255, 255, 0.8); }
.menu-oshirase-modal .ttl { background-color: #D0DDEB; font-size: 18px; font-weight: bold; color: #00338B; text-align: center;
margin: 0; line-height: 40px; border-radius: 5px 5px 0 0; position: relative; }
.menu-oshirase-modal .close { position: absolute; top: 0; right: 0; width: 40px; cursor: pointer;}
.header-oshirase-modal .close:hover { opacity: 0.7; }
.menu-oshirase-modal .close img { width: 16px; height: auto; vertical-align: middle; }
.menu-oshirase-modal .list { width: 100%; border-top: 0; border-radius: 0 0 5px 5px; box-sizing: border-box; max-height: 480px;
overflow-y: scroll; -webkit-overflow-scrolling:touch; width: 100%; }
.menu-oshirase-modal .oshirase-list { background-color: #D0DDEB; }
.menu-oshirase-modal .oshirase-panel { background: #FFF; border-radius: 6px; margin-left: 3%; width: 94%; }
.menu-oshirase-modal li { box-sizing: unset!important; margin-bottom: 10px; position: relative; }
.menu-oshirase-modal li * { box-sizing: unset!important; }
.menu-oshirase-modal a { display: block; padding: 0px 12px 9px 0; color: #333; }
.menu-oshirase-modal .category { float: left; display: flex; align-items: center; background-color: #0f5a84; font-size: 11px;
line-height: 20px; color: #fff; margin: 0 0 10px; width: 210px; }
.menu-oshirase-modal .is-scout .category { align-items: center; background-image: url(/new/student/common/images/headhunting_backcolor_long.png); color: #fff; display: flex; float: left; font-size: 11px;
line-height: 20px; margin: 0 0 10px; width: 216px; }
.menu-oshirase-modal .category img { height: auto; margin-left: 4px; margin-right: 5px; width: 15px; }
.menu-oshirase-modal .is-only .category img { height: auto; margin-left: 4px; margin-right: 4px; width: 12px; }
.menu-oshirase-modal .is-scout .category img { height: auto; margin-left: 4px; margin-right: 0; width: 18px; }
.menu-oshirase-modal .date { color: #999999; font-size: 10px; float: right; margin: 5px 0 0 0;}
.menu-oshirase-modal .main { width: 94%; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; padding: 0 12px 0 12px; }
.menu-oshirase-modal .img { overflow: hidden; width: 38px; height: 38px; border: 1px solid #ccc; border-radius: 100px;
margin-right: 10px; }
.menu-oshirase-modal .img span { width: 38px; height: 38px; box-sizing: content-box; background: #fff no-repeat center center / contain; display: inline-block;}
.menu-oshirase-modal .txt { flex: 1; font-size: 12px; margin: 0; }
.menu-oshirase-modal .txt span { color: #666666; overflow: hidden; position: relative; display: block; text-align: justify; text-justify: inter-ideograph;
line-height: 1.5;}
.menu-oshirase-modal .txt span:first-child::before { content: "..."; position: absolute; right: 0; bottom: 0; background-color: #fff;
width: 1em; height: 1.5em; letter-spacing: -0.05em; }
.menu-oshirase-modal .txt span:first-child::after { content: ""; position: absolute; right: 0; width: 1em; height: 1.5em;
background-color: #fff; }
.menu-oshirase-modal .txt span strong { font-weight: normal; }
.menu-oshirase-modal .txt shokushu_name_bold { font-weight: bold; padding-top: 10px; }
.menu-oshirase-modal .list .is-kouho .category { background-color: #FC3601; }
.menu-oshirase-modal .list .is-kouho strong { color: #FC3601; }
.menu-oshirase-modal .list .is-like .category { background-color:  #909CB5; }
.menu-oshirase-modal .list .is-like strong { color:  #909CB5; }
.menu-oshirase-modal .list .is-only .category { background-color: #FF6D00; }
.menu-oshirase-modal .list .is-only strong { color: #FF6D00; }
.menu-oshirase-modal .list .is-welcome .category { background-color: #6BB451; }
.menu-oshirase-modal .list .is-welcome strong { color: #6BB451; }
.menu-oshirase-modal .list .is-scout .category { background-color: #FFF; }
.menu-oshirase-modal .list .is-scout strong { color: #E8007C; }
.menu-oshirase-modal .list .is-profile .category { background-color: #0F5A84; }
.menu-oshirase-modal .list .is-profile strong { color: #0F5A84; }
.menu-oshirase-modal .is-new { background-color: #fcfade; }
.menu-oshirase-modal .is-new .txt span:first-child::before { background-color: #fcfade; }
.menu-oshirase-modal .is-new .txt span:first-child::after { background-color: #fcfade; }
.menu-oshirase-modal .icon_space_only {margin-left: 0;}
.cond-recent-link-area { background: #EBF0F5 0% 0% no-repeat padding-box; border-radius: 6px; box-shadow: 0px 4px 5px #00004a26; display: flex;
height: 50px; width: 59%; }
.recently-cond-label { align-items: center; color: #586075; font: normal normal normal 12px/18px Hiragino Kaku Gothic Pro;
letter-spacing: 0px; display: flex; padding-left: 10px; padding-top: 5px; text-align: left; width: 100%; word-break: break-all; }
.recently-cond { align-items: center; border-radius: 6px; display: flex; height: 80px; }
.recent-conds-box-none { display: inline-block; width: 45.7%; text-align: end; }
@media only screen and (max-width: 374px) { .menu-oshirase-modal .list .category, .menu-oshirase-modal .date { float: none; margin-bottom: 7px; }
.menu-oshirase-modal .date { display: block; margin: 0 0 7px; }}
.menu-oshirase-modal .list .no-oshirase { font-size: 1.4rem; margin-top: 20px; margin-bottom: 20px; margin-left: 10px; }
.menu-oshirase-modal a:visited { color: #586075; }
.l_footer .mission-logo { float: unset!important; padding-right: 0!important; width: unset!important; }
.l_footer table { border-collapse: collapse; border-spacing: 0; }
.appli_right span { display: block; padding: 4px 7.5px; border-radius: 5px; font-size: 1.0rem; line-height: 1.2;
color: #fff !important; text-align: center; background: linear-gradient(to right, #f39821 0%, #ff4600 100%); box-shadow: 0px 10px 20px rgba(0, 0, 74, 0.15); }
.l_menu_sp_box .l_menu_sp-search-input_wrap a { width: 24px; }
/* 20201202 JAST追記 */
.l_footer{ padding-bottom: 70px; }
.l_header_sp, .l-responsive #header{ z-index: 1001; }
}
@media screen and (min-width: 600px), print {
    /* テック用ヘッタ */
    .l_header .header_middle p.logo_tech,.l_header .header_middle img.logo_tech { width: 220px; }
    .l_header .logined .header_middle-left .logo_sub { display:none; }
    .l_header .logined .header_middle-left .logo_sub.logo_tech { display:block; }
    .l_header .header_middle.logo_tech { align-items: center; }
    /* テック用フッタ */
    .l_footer.tec_footer { color: #000; }
    .l_footer.tec_footer .footer_nav { background-color: #8EEDFF; }
    .l_footer.tec_footer .footer_nav-list li a { color: #000e72; }
    .l_footer.tec_footer .footer_links { background-color: #e6f0f2; }
    .l_footer.tec_footer .footer_links-outer a { color: #000e72; }
    .l_footer.tec_footer .footer_links-outer:first-child { border-bottom: 1px solid #ccc; }
    .l_footer.tec_footer .footer_links-separator li:before { color: #ccc; }
    .l_footer.tec_footer .footer_links-inline li:before, .l_footer.tec_footer .footer_links-inline li:last-child:after { color: #ccc; }
    .l_footer.tec_footer .footer_logos-right li a { color: #000e72; }
}
/* 202303222 JAST追記 テックハンバーガーメニュー*/
@media only screen and (max-width:599px) {
.l_menu_sp.tec-menu,.no_login .l_menu_sp.tec-menu  { width: calc(100% - 30px); padding: 15px; font-family: "Noto Sans JP"; background-color: #FFFFFF;}
.tec-overlay { content: ""; display: none; width: 100%; height: 100%; position: fixed; left: 0; z-index: -1; background-color: rgba(144, 153, 152, 0.87); }
.tec-overlay.active { display: block;}
.no_login .l_menu_sp.tec-menu .l_menu_sp_no_login_btn {padding: 0; background: none; }
.no_login .l_menu_sp.tec-menu .l_menu_sp_no_login_btn .index-contents-bottom-login__inner { display: block; }
.tec-menu .nav_list { display: block; padding: 0; background: #fff; border-bottom: 1px solid #e6f0f2; }
.tec-menu .nav_list a,.tec-menu .bottom-contents a,.l_menu_sp.tec-menu .set_notice a { padding: 10px 0; font-size: 14px; letter-spacing: 1px; line-height: 32px; color: #000e72;
                                                                                       font-weight: 700; text-align: left; display: flex; position: relative; background: #ffffff;}
.tec-menu .nav_list a:hover, .tec-menu .bottom-contents a:hover, .l_menu_sp.tec-menu .set_notice a:hover { opacity: .8;}
.l_menu_sp.tec-menu .nav_list a figure,.tec-menu .bottom-contents a img { width: 15px; margin-right: 15px; height: auto;}
.logind .l_header_sp {    z-index: 1000; }
.no_login .l_menu_sp.tec-menu .l_menu_sp_no_login_btn .index-contents-bottom-login__inner .btn-pink { display: block; border-radius: 25px; background-color: #ff5464; text-align: center; width: 100%; font-size: 16px;
                                           letter-spacing: 1px; line-height: 32px; color: #FFFFFF; font-weight: 700; padding: 9px 8px; }
.no_login .l_menu_sp.tec-menu .l_menu_sp_no_login_btn .index-contents-bottom-login__inner .btn-login,
.logined .tec-menu .btn-logout { display: block; text-align: center; width: 100%; font-size: 16px; letter-spacing: 1px;
                                          line-height: 32px; color: #FFFFFF; font-weight: 700; padding: 9px 8px; border-radius: 25px;
                                          background-color: #000E72; margin-bottom:15px; }
.l_header_sp .l_menu_sp.tec-menu img { vertical-align: baseline; }
.l_menu_sp.tec-menu .bottom-contents { margin-top:10px; }
.logined .tec-menu .bottom-contents .l_menu_sp_footer { background-color: #ffffff; }
.logined .tec-menu .bottom-contents .relation { box-shadow: none;}
.logined .tec-menu .intro-contents .l_menu_sp_ttl { font-size: 20px; letter-spacing: 1px; line-height: 32px; color: #000e72; font-weight: 700;
                                                    text-align: initial; background-color: #ffffff; }
.logined .tec-menu .bottom-contents a figure { width: 100px; height: 100px; border-radius: 10px; }
.logined .tec-menu .bottom-contents a img { width: 100%; }
.logined .tec-menu .bottom-contents .relation_list-item a:after {display: none; }
.logined .tec-menu .bottom-contents .set_qabox-link { text-align: center; display: flex; justify-content: center; margin-bottom: 20px;}
.logined .tec-menu .bottom-contents .set_qabox-link a { font-size: 14px; letter-spacing: 1px; line-height: 14px; color: #000e72; font-weight: 700; }
.tec-menu .nav_list .set_notice { position: inherit;}
.l_menu_sp.tec-menu .set_notice a { width: 100%; height: auto; justify-content: normal;}
.l_menu_sp.tec-menu .set_notice a figure { margin: 0 15px 0 0; }
.l_menu_sp.tec-menu .set_notice p { font-size: 14px; }
.l_menu_sp.tec-menu .set_notice .num,.l_menu_sp.tec-menu .hint,
.l_menu_sp.tec-menu .nav_list .num { margin-left: 10px; background: #ff5464; color: #ffffff; width: auto; height: 20px;
                                border-radius: 10px; padding: 2px 10px;  text-align: center; font-size: 13px; letter-spacing: 1px;
                                font-weight: 500; line-height: 13px;align-items: center; justify-content: center; display: flex;
                                position:static;}
.tec-menu .bottom-contents .relation_list-item { border-top: none; }
}