.wrap {
  max-width: 720px;
  min-width: 400px;
  margin: 0px auto;
}
span {
   display: inline-block;
}
.acd-check{
    display: none;
}
.acd-label{
    border-bottom: 2px  solid;
    max-width: 720px;
    display: block;
    margin-bottom: 1px;
    padding: 10px;
}
.acd-content{
    height: 0;
    opacity: 0;
    padding: 0 10px;
    transition: .5s;
    visibility: hidden;
}
.acd-check:checked + .acd-label + .acd-content{
    height: auto;
    opacity: 1;
    padding: 10px;
    visibility: visible;
}

/* チェックボタン（就業場所・沿線など複数選択） */
.cArea input[type="checkbox"] {
  display       : none;
}
.cArea input[type="checkbox"] + label {
  padding       : 0 4px;
  font-size     : 13pt;
  font-weight   : bold;
  border        : 2px solid #95d2cb;
  border-radius : 5px;
  background    : #ffffff;
  cursor        : pointer;
  transition    : .1s;
  display       : inline-block;
  margin        : 0.1rem 0px;
  width         : 142px;
  text-align    : center;
}
.cArea input[type="checkbox"]:checked + label {
  background    : #95d2cb;
}

/* ラジオボタン（求人区分・新着など） */
.rArea1 input[type="radio"] {
  display       : none;
}
.rArea1 input[type="radio"] + label {
  padding       : 0 4px;
  font-size     : 13pt;
  font-weight   : bold;
  border        : 2px solid #95d2cb;
  border-radius : 5px;
  background    : #ffffff;
  cursor        : pointer;
  transition    : .1s;
  display       : inline-block;
  margin        : 0.1rem 0px;
  width         : 142px;
  text-align    : center;
}
.rArea1 input[type="radio"]:checked + label {
  background    : #95d2cb;
}

/* ラジオボタン（職種・特集など横長） */
.rArea2 input[type="radio"] {
  display       : none;
}
.rArea2 input[type="radio"] + label {
  padding       : 0 4px;
  font-size     : 13pt;
  font-weight   : bold;
  border        : 2px solid #95d2cb;
  border-radius : 5px;
  background    : #ffffff;
  cursor        : pointer;
  transition    : .1s;
  display       : inline-block;
  margin        : 0.1rem 0px;
  width         : 300px;
  text-align    : center;
}
.rArea2 input[type="radio"]:checked + label {
  background    : #95d2cb;
}

.searchbutton {
  justify-content: space-between;
  padding: 5px 30px 5px 30px;
  max-width: 52px;
  color: #FFFFFF;
  text-decoration: none;
  text-align: center;
  margin-bottom: 20px;
  font-size: 26px;
  font-weight: 600;
  position: relative;
  background-color: #2ca598;
  border: 5px solid #2ca598;
  border-radius: 5px;
}
.button:hover {
  box-shadow: none;
}

.search-form,
.search-jgshMei {
  font-family: sans-serif;
  padding: 10px;
}
.radio-group {
  display: flex;
  gap: 20px;
  margin-bottom: 10px;
}
label {
  display: flex;
  align-items: center;
  gap: 8px;
  font-weight: bold;
  cursor: pointer;
  user-select: none;
}
input[type="radio"] {
  accent-color: #0066cc;
}

/* 求職番号 */
#f0{ width:80px; padding:0.5em; }
#f1{ width:120px; padding:0.5em; }
.KSArea { display: flex }

/* 折りたたみ（案内） */
.l_app {
  box-sizing: border-box;
  margin: 0 auto 1.5em auto;
  width: 100%;
  color: #000000 !important;
  background-color: #ceedf1;
}
.l_app ul {
  list-style: none;
  padding: 0 !important;
  margin: 0 !important;
  background-color: #FFFFFF;
  border: 1px solid #aaaaaa;
}
.l_app li { margin: 15px 12px; }
.l_app a { width: 100%; }
.l_app label { display: block; padding: 5.5px; }

.open_label::after { content: '▼求人への応募方法'; }
#app_open:checked~.open_label::after { content: '▲求人への応募方法'; }
#app_open:checked~.app { display: block; }
.app { display: none; }
.l_app input[type="checkbox"] { display: none; }

.bold { font-weight: 600; }
.bold1 { font-weight: 600; background-color: #ceedf1; }

/* 追加案内 */
.open_label2::after { content: '▼求職者マイページをお持ちでない方は'; }
#app_open2:checked~.open_label2::after { content: '▲求職者マイページをお持ちでない方は'; }
#app_open2:checked~.app { display: block; }
.app2 { display: none; }

.open_label4::after { content: '▼お仕事相談の予約受付'; }
#app_open4:checked~.open_label4::after { content: '▲お仕事相談の予約受付'; }
#app_open4:checked~.app { display: block; }

/* セレクト（未使用だが既存） */
.window {
  width: 90vw; max-width: 400px; height: 220px;
  background-color: #ffffff; border-radius: 6px;
  display: block; justify-content: center; align-items: center;
  position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%);
}
.text { font-size: 18px; margin: 25px 15px 15px 15px; }
.close {
  cursor:pointer; text-align: center; margin: 0 auto;
  width: 100px; padding: 10px 20px; color: #FFFFFF!important;
  text-decoration: none !important; font-size: 20px!important; font-weight: 600;
  background-color: #092F95; border-radius: 5px;
}
.selectbox { width:180px; margin:0.5em; position:relative; }
select{
  width:100%; padding:0.5em 0.5em; box-sizing:border-box;
  font-size:1em; border: 2px solid #00000090; background:#fff;
}

.textarea { width:200px; padding:0.5em; }