/* restored by Regresor fallback (todo 9785): AI recreate (Elysium RECREATE_CSS) - not in the Wayback capture */
/* recruit_html.css - page-specific layout for recruit.html (Lien) */
:root{
  --c-text:#2b2b2b;
  --c-bg:#faf8f5;
  --c-accent:#9c7a4a;
  --c-line:#e0dcd4;
  --c-dark:#1f1f1f;
}
*{box-sizing:border-box;}
body{
  margin:0;
  font-family:'Noto Sans JP','Noto Serif JP',"Hiragino Kaku Gothic ProN",Meiryo,sans-serif;
  color:var(--c-text);
  background:var(--c-bg);
  line-height:1.8;
}
a{color:var(--c-accent);text-decoration:none;}
a:hover{text-decoration:underline;}
img{max-width:100%;height:auto;display:block;}
.clearfix::after{content:"";display:table;clear:both;}

/* ===== Header ===== */
#global_header{background:#fff;border-bottom:1px solid var(--c-line);}
#header{
  max-width:1140px;
  margin:0 auto;
  padding:10px 20px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  flex-wrap:wrap;
}
#siteID img{max-height:60px;}
.navheader{
  display:flex;
  gap:20px;
  font-size:14px;
}
.navheader a{color:var(--c-dark);}

#hednav{position:relative;}
.global-menu-btn{display:none;cursor:pointer;}
.menu-trigger{width:28px;}
.icon-bar{
  display:block;
  width:100%;
  height:2px;
  background:var(--c-dark);
  margin:5px 0;
}
.navwrap{display:flex;align-items:center;gap:20px;}
#nav_global ul{
  list-style:none;
  display:flex;
  gap:18px;
  margin:0;
  padding:0;
}
#nav_global a{
  font-size:14px;
  color:var(--c-dark);
  padding:6px 2px;
}
.btnwrap{display:flex;align-items:center;gap:14px;}
.hedbtn a{
  display:inline-block;
  padding:8px 16px;
  border:1px solid var(--c-accent);
  color:var(--c-accent);
  font-size:12px;
  border-radius:2px;
}
.hedbtn a:hover{background:var(--c-accent);color:#fff;text-decoration:none;}
.snsbtn{display:flex;gap:10px;}
.snsbtn a{color:var(--c-dark);font-size:16px;}
.snsbtn span{display:none;}
.navdamy{display:none;}

/* ===== Main visual ===== */
#mainArea{width:100%;background:#eee;min-height:200px;}
#mainArea img{width:100%;object-fit:cover;}

/* ===== Layout ===== */
#contents_wrap{max-width:1140px;margin:0 auto;padding:30px 20px;}
#contents{display:flex;flex-wrap:wrap;gap:30px;}
#main{flex:1;display:flex;gap:30px;min-width:0;}
#col_main{flex:3;min-width:0;}
#col_side1{flex:1;min-width:200px;}
#side{width:100%;}
#col_side2{padding:20px 0;}

/* ===== Content blocks ===== */
.h1txt{
  font-family:'Crimson Text',serif;
  font-size:2em;
  letter-spacing:2px;
  text-align:center;
  margin:20px 0;
  color:var(--c-dark);
}
.local-keyvisual-bg{margin-bottom:20px;}
.local-keyvisual-bg img{width:100%;}

#c70{
  background:#fff;
  border:1px solid var(--c-line);
  padding:30px;
  margin:20px 0;
  text-align:center;
  font-size:15px;
}
#c70 a{font-weight:bold;}

.img100 img{width:100%;margin:20px 0;}

.btn{text-align:center;margin:20px 0;}
.btn div a{
  display:inline-block;
  padding:12px 30px;
  background:var(--c-accent);
  color:#fff;
  border-radius:3px;
  font-size:14px;
  letter-spacing:1px;
}
.btn div a:hover{background:#7c5f38;text-decoration:none;}

/* ===== Footer ===== */
#global_footer{
  background:var(--c-dark);
  color:#ccc;
  padding:30px 20px;
  text-align:center;
  margin-top:40px;
}
#nav_footer{
  max-width:1140px;
  margin:0 auto;
}
#nav_footer a{color:#ccc;}

/* ===== Index.html style selectors kept for compatibility ===== */
#wrapper{width:100%;}
#header_inner{max-width:1140px;margin:0 auto;padding:20px;display:flex;align-items:center;justify-content:space-between;}
#left{width:200px;float:left;}
#right{width:calc(100% - 220px);float:right;}
#navi{list-style:none;margin:0;padding:0;}
#navi li a{display:block;padding:10px;color:var(--c-dark);}
#footermenu{background:var(--c-dark);color:#ccc;padding:20px;text-align:center;}
.nav_sub{list-style:none;display:flex;justify-content:center;gap:15px;padding:0;margin:0;}
.nav_sub a{color:#ccc;}
#copy{font-size:12px;color:#999;padding:10px 0;}

/* ===== Responsive ===== */
@media (max-width:768px){
  #header{flex-direction:column;align-items:flex-start;}
  .navheader{display:none;}
  .global-menu-btn{display:block;}
  .navwrap{
    position:fixed;
    top:0;
    right:-100%;
    width:80%;
    max-width:300px;
    height:100%;
    background:#fff;
    flex-direction:column;
    align-items:flex-start;
    padding:60px 20px;
    transition:right .3s ease;
    z-index:1000;
    overflow-y:auto;
  }
  #hednav.MenuOpened .navwrap{right:0;}
  #hednav.MenuOpened .navdamy{
    display:block;
    position:fixed;
    top:0;left:0;
    width:100%;height:100%;
    background:rgba(0,0,0,.5);
    z-index:999;
  }
  #nav_global ul{flex-direction:column;gap:10px;width:100%;}
  .btnwrap{flex-direction:column;align-items:flex-start;width:100%;margin-top:20px;}
  .snsbtn{flex-direction:column;}
  .snsbtn span{display:inline;margin-left:6px;}

  #contents,#main{flex-direction:column;}
  #col_main,#col_side1{width:100%;}
  #left,#right{float:none;width:100%;}

  #c70{padding:20px;font-size:14px;}
  .h1txt{font-size:1.5em;}
  body{overflow-x:hidden;}
}