@charset "utf-8";
/* #seiwakai-group-map custom */
#seiwakai-group-map { position:relative; max-width:1220px; margin:0 auto; }
#seiwakai-group-map .en { font-family:var(--font-en); }
@container wciBase (width < 992px) {
  #seiwakai-group-map .seiwakai-group-map_image_wrap { background-image:url(/common/upload/files/top/group-map_sp.jpg); }
}
@container wciBase (width >= 992px) {
  #seiwakai-group-map .seiwakai-group-map_image_wrap { background-image:url(/common/upload/files/top/group-map_pc.jpg); }
}

/* #seiwakai-group-map common */
#seiwakai-group-map a { color:inherit; text-decoration:none; transition:.3s; cursor:pointer; }
#seiwakai-group-map a:hover { opacity:0.7; }
#seiwakai-group-map ul { list-style:none; margin:0; }
#seiwakai-group-map ul > li { margin:0; }

/* map image */
#seiwakai-group-map .seiwakai-group-map_image_wrap { aspect-ratio:100 / 74; }
#seiwakai-group-map .seiwakai-group-map_image_text { opacity:0; text-indent:-9999px; }
#seiwakai-group-map .seiwakai-group-map_image_wrap { background-repeat:no-repeat; background-position:center center; background-size:contain; }

/* text */
#seiwakai-group-map .seiwakai-group-map_text ._top { text-align:left; color:#86ba42; font-weight:bold; }
#seiwakai-group-map .seiwakai-group-map_text ._bottom { display:inline-block; padding:10px 20px 10px 30px; background:#f5f5f5; color:#747474; font-weight:bold; border-radius:10px; text-indent:-1em; }
#seiwakai-group-map .seiwakai-group-map_hl { position:relative; width:280px; margin:20px auto 40px; padding:5px 15px; text-align:center; border:2px solid #adda4f; border-bottom:none; font-family:var(--font-mincho); font-size:24px; line-height:1.2; font-weight:500; }
#seiwakai-group-map .seiwakai-group-map_hl::after { content:""; width:60px; height:2px; background:#adda4f; margin:5px auto 0; display:block; }
@container wciBase (width < 992px) {
  #seiwakai-group-map .seiwakai-group-map_text { padding-left:20px; }
  #seiwakai-group-map .seiwakai-group-map_text ._top { font-size:16px; margin-bottom:5px; }
  #seiwakai-group-map .seiwakai-group-map_text ._bottom { display:none; }
}
@container wciBase (width >= 992px) {
  #seiwakai-group-map .seiwakai-group-map_text { position:absolute; top:40px; left:30px; z-index:1; }
  #seiwakai-group-map .seiwakai-group-map_text ._top { font-size:18px; margin-bottom:30px; }
  #seiwakai-group-map .seiwakai-group-map_text ._bottom { font-size:14px; }
  #seiwakai-group-map .seiwakai-group-map_hl { display:none; }
}

/* area list */
#seiwakai-group-map .seiwakai-group-map_area-hl-pc,
#seiwakai-group-map .seiwakai-group-map_area-hl-sp { color:#fff; }
#seiwakai-group-map .seiwakai-group-map_area-hl-pc .main + .sub { margin-left:10px; }
#seiwakai-group-map .seiwakai-group-map_area ul > li::before { content:""; background:#96c43d; width:5px; height:10px; clip-path:polygon(0 0, 100% 50%, 0 100%); }
@container wciBase (width < 992px) {
  #seiwakai-group-map .seiwakai-group-map_areas { padding:0 20px; font-size:14px; }
  #seiwakai-group-map .seiwakai-group-map_area-hl-pc { display:none; }
  #seiwakai-group-map .seiwakai-group-map_area-hl-sp { position:relative; background:#96C43D; padding:15px; font-size:15px; }
  #seiwakai-group-map .seiwakai-group-map_area-hl-sp::before { content:"→"; transform:translateY(-50%) rotate(0deg); position:absolute; top:50%; right:15px; transition:.3s; }
  #seiwakai-group-map .seiwakai-group-map_details[open] .seiwakai-group-map_area-hl-sp::before { transform:translateY(-50%) rotate(90deg); }
  #seiwakai-group-map .seiwakai-group-map_area + .seiwakai-group-map_area { margin-top:10px; }
  #seiwakai-group-map .seiwakai-group-map_list { padding:8px 0 0; }
  #seiwakai-group-map .seiwakai-group-map_area ul + .corporation  { margin-top:4px; }
  #seiwakai-group-map .seiwakai-group-map_area .corporation { font-size:16px; font-weight:bold; color:#96C43D; }
  #seiwakai-group-map .seiwakai-group-map_area .category { display:none; }
  #seiwakai-group-map .seiwakai-group-map_area ul > li { padding-top:8px; padding-bottom:8px; border-bottom:1px solid #e9e9e9; }
  #seiwakai-group-map .seiwakai-group-map_area ul > li::before { top:15px; }
}
@container wciBase (width >= 992px) {
  #seiwakai-group-map .seiwakai-group-map_areas { font-size:12px; position:absolute; top:0; left:0; width:100%; height:100%; }
  #seiwakai-group-map .seiwakai-group-map_area { position:absolute; }
  #seiwakai-group-map .seiwakai-group-map_details::details-content { content-visibility:visible; }
  #seiwakai-group-map .seiwakai-group-map_area-hl-sp { display:none; }
  #seiwakai-group-map .seiwakai-group-map_area-hl-pc { padding:2px 15px; border-radius:20px; width:265px; }
  #seiwakai-group-map .seiwakai-group-map_list_wrap { display:flex; align-items:start; }
  #seiwakai-group-map .seiwakai-group-map_list_unit + .seiwakai-group-map_list_unit { padding-left:10px; }
  #seiwakai-group-map .seiwakai-group-map_area .corporation { font-size:13px; }
  #seiwakai-group-map .seiwakai-group-map_area ul + .corporation  { margin-top:4px; }
  #seiwakai-group-map .seiwakai-group-map_area ul + .category { margin-top:2px; }
  #seiwakai-group-map .seiwakai-group-map_area ul > li { margin-left:0.5em; }
  #seiwakai-group-map .seiwakai-group-map_area ul > li::before { top:5.5px; }
  
  /* area */
  #seiwakai-group-map .seiwakai-group-map_area._tokyo-kanagawa { top:13%; right:4%; }
  #seiwakai-group-map .seiwakai-group-map_area._tokyo-kanagawa .seiwakai-group-map_area-hl-pc { background:#69bbea; }
  #seiwakai-group-map .seiwakai-group-map_area._tokyo-kanagawa .seiwakai-group-map_list .corporation { color:#69bbea; }
  #seiwakai-group-map .seiwakai-group-map_area._tokyo-kanagawa .seiwakai-group-map_list .category { color:#69bbea; }
  #seiwakai-group-map .seiwakai-group-map_area._tokyo-kanagawa ul > li::before { background:#69bbea; }
  #seiwakai-group-map .seiwakai-group-map_area._osaka-nara { bottom:0; right:10%; }
  #seiwakai-group-map .seiwakai-group-map_area._osaka-nara .seiwakai-group-map_area-hl-pc { background:#6fb485; }
  #seiwakai-group-map .seiwakai-group-map_area._osaka-nara .seiwakai-group-map_list .corporation { color:#6fb485; }
  #seiwakai-group-map .seiwakai-group-map_area._osaka-nara .seiwakai-group-map_list .category { color:#6fb485; }
  #seiwakai-group-map .seiwakai-group-map_area._osaka-nara ul > li::before { background:#6fb485; }
  #seiwakai-group-map .seiwakai-group-map_area._kyoto-hyogo { bottom:2%; left:25%; }
  #seiwakai-group-map .seiwakai-group-map_area._kyoto-hyogo .seiwakai-group-map_area-hl-pc { background:#5cb8b3; }
  #seiwakai-group-map .seiwakai-group-map_area._kyoto-hyogo .seiwakai-group-map_list .corporation { color:#5cb8b3; }
  #seiwakai-group-map .seiwakai-group-map_area._kyoto-hyogo .seiwakai-group-map_list .category { color:#5cb8b3; }
  #seiwakai-group-map .seiwakai-group-map_area._kyoto-hyogo ul > li::before { background:#5cb8b3; }
  #seiwakai-group-map .seiwakai-group-map_area._hiroshima { top:5%; left:35%; }
  #seiwakai-group-map .seiwakai-group-map_area._hiroshima .seiwakai-group-map_area-hl-pc { background:#eda639; }
  #seiwakai-group-map .seiwakai-group-map_area._hiroshima .seiwakai-group-map_list .corporation { color:#eda639; }
  #seiwakai-group-map .seiwakai-group-map_area._hiroshima .seiwakai-group-map_list .category { color:#eda639; }
  #seiwakai-group-map .seiwakai-group-map_area._hiroshima ul > li::before { background:#eda639; }
  #seiwakai-group-map .seiwakai-group-map_area._yamaguchi { top:250px; left:40px; }
  #seiwakai-group-map .seiwakai-group-map_area._yamaguchi .seiwakai-group-map_area-hl-pc { background:#86ba42; }
  #seiwakai-group-map .seiwakai-group-map_area._yamaguchi .seiwakai-group-map_list .corporation { color:#86ba42; }
  #seiwakai-group-map .seiwakai-group-map_area._yamaguchi .seiwakai-group-map_list .category { color:#86ba42; }
}
@container wciBase (width >= 992px) and (width < 1180px) {
  #seiwakai-group-map .seiwakai-group-map_area._tokyo-kanagawa { top:0; right:0; }
  #seiwakai-group-map .seiwakai-group-map_area._osaka-nara { bottom:0; right:5%; }
  #seiwakai-group-map .seiwakai-group-map_area._kyoto-hyogo { bottom:0; left:24%; }
  #seiwakai-group-map .seiwakai-group-map_area._hiroshima { top:3%; left:40%; }
}

#custom_recruit_footer { display:none; }