@charset "euc-jp";
@import "common.less";
/* 検索 
----------------------------------------------------*/
.searchTable {
	width:100%;
	overflow: hidden;
}
.searchTable dt {
	font-size: 0.2rem;
	margin: 16px 0;
	text-align: center;
	font-weight: bold;
	border-top: 1px solid #e7e7e7;
	border-bottom: 1px solid #e7e7e7;
	line-height:2;
	background:#fff;
}
.searchTable {
	width:100%;
}
.searchTable .listButton {
	display:flex;
	flex-wrap :wrap;
}
.searchTable .listButton li {
	flex-basis: auto;
}
.btnWrap {
	text-align:center;
	width:86%;
	margin:20px auto;

}
.btnWrap button {
	padding:10px 20px;
	border-style: none;
	color:#fff;
	font-weight: bold;
	text-align:center;
	width:240px;
	background: #cf3534;
}
#resultMsg {
	border:1px solid #ccc;
	padding:1rem 0;
	margin:0 0 20px;
}
#resultMsg span {
	display:block;
}
.searchArea {
	width:86%;
	margin:30px auto;
}
.searchArea .resetArea {
	text-align:center;
}
.searchArea .resetArea button {
	padding:5px 20px;
	font-size:@font12;
	border-style: none;
	color:#fff;
	font-weight: bold;
	text-align:center;
	width:240px;
	background: #333;

}
.resultlen {
	text-align:center;
	margin:20px 0;
}
/* input */
.searchArea .typeB label[for^="f_check_"]:not(.nobox) {
	font-size:@font13;
	line-height:1.2;
	cursor: pointer;
	position: relative;
	color:#333;
	box-shadow:none;
	overflow: hidden;
	display: inline-block;
	box-sizing: border-box;
	min-height:14px;
	background: #fff;
	border-radius: 20px;
	border: solid 1px #e7e7e7;
	padding:4px 15px 3px;
	margin: 5px 8px 5px 0;
	transition: .6s;
}
.searchArea .typeB li.current label[for^="f_check_"]:not(.nobox) {
	background:#cf3534;
	color:#fff;
}

.searchArea .typeB label[for^="f_check_"]:not(.nobox):before,
.searchArea .typeB label[for^="f_check_"]:not(.nobox):after {
	content:none;
}
.searchArea .typeB input[type="checkbox"] {
	box-shadow:none;
	 appearance:none;
	position:absolute;
	top:-1px;
	left:-42px;
	width:14px;
	height:14px;
	display:block;
	border-radius:0;
	z-index:2;
	margin:0;
	padding:0;
	font-size:@font16;
	&:checked,
	&.required2:checked {
		box-shadow:none;
	}
}
.searchArea .typeB input[type="checkbox"]:checked:after {
	content:none;
}
/* チェックボックス */
#systemArea.search label[for^="category_"] {
	cursor: pointer;
	position: relative;
	padding-left: 25px;
	margin-right: 20px;
	overflow: hidden;
	display: inline-block;
}
#systemArea.search label[for^="category_"] {
	margin-bottom: 10px;
	}


/* 職種一覧
----------------------------------------------------*/
.joblist {
  .waku {
  .kadomaru;
  padding:0 0.15rem 0.15rem;
    .buttonArea {
      button {
      width:100%;
      }
    }
    .tips {
    margin:0;
    color:@color;
    text-align:center !important;
    }
  }
  .jobs {
  border:@border;
  -webkit-border-radius:@radius;
  background:#fff;
  font-size:@font16;
  line-height:1.6;
  margin:0.05rem 0.1rem;
  text-align:left;
  overflow:hidden;
    dt {
    .toggle;
    }
    dd {
    background:@bg-pale-color;
      ul {
      border-top:dotted 1px #ccc;
        li {
        padding-right:0;
        border-bottom:@border;
        position:relative;
          a::before {
          .arrowR;
          }
          a {
        position:relative;
          padding:0.1rem 0.2rem 0.1rem 0.15rem;
          text-decoration:none;
          display:block;
          }
          span {
          font-size:@font13;
          color:@color;
          display:block;
          margin-top:0.04rem;
	padding: 0.1rem 0.12rem 0.1rem 0.15rem;
            &.new {
            .iconBox;
            font-size:@font10;
            margin:0 0.05rem 0 0;
            position:relative;
            top:-0.02rem;
            }
          }
          &:last-child {
          border-bottom:none;
          }
        }
      }
    }
  }
}

@media screen and (min-width:480px) {
  .joblist {
    .jobs {
      dt {
      background:-webkit-gradient(linear, left top, left bottom, color-stop(1.00, #eee), color-stop(0.11, #fff));
        &::before,
        &::after{
        right:0.3rem;
        }
      }
      dd{
        ul {
          li::before {				
          right:0.3rem;
          }
        }
      }
    }
  }
}

.joblist .jobs dd ul.pickupList {
	border-top:none;
}
.joblist .jobs dd ul.pickupList li {
	border-bottom:none;
	padding:0 0 0 0.15rem;
}
.joblist .jobs dd ul.pickupList li a {
	font-size:13px;
}
.joblist .jobs dd ul.pickupList li a::before {
	content:none;
}
.joblist .jobs dd ul.pickupList li a {
	display: inline;
}
.joblist .jobs dd ul.pickupList li a {
	padding:0;
}
.joblist .jobs dd ul.pickupList li a::after {
	content:"";
	width:20px;
	height:20px;
	margin: 4px 0 0;
	display:inline-block;
	background:url(../images/icon_window.svg) left top;
	background-size:100%;
	position: relative;
	top: 4px;
}
/* 職種詳細
----------------------------------------------------*/
.jobdetail {
  .waku {
  .kadomaru;
  padding:0 0.15rem 0.15rem;
	word-break: break-all;
  }
  h3 {
  margin:0.2rem 0 0;
  font-size:@font16;
  border-left:solid 6px @bg-dark-color;
  background:@bg-pale-color;
  padding:0.042rem 0.07rem;
  line-height:normal;
  }
  h2 + h3 {
  margin:0.24rem 0 0;
  }
  .buttonArea {
    button {
    width:100%;
    }
    .rnn_button {
      background-color:#fff;
      background-image:none;
      border-top: none;
      text-align:center;
      position: relative;
      form table button::after {
        position:absolute;
        top:0;
        right:0;
        bottom:0;
        left:0;
        z-index:1;
        pointer-events:auto;content:"";
        background-color:rgba(0,0,0,0)
      }
      form table {
        width:100%;
        p {
          text-align:center;
        }
      }
    }
  }
  .tips {
  margin:0;
  color:@color;
  text-align:center;
  }
}

/* 同意文
----------------------------------------------------*/
.agree {
  .waku {
  .kadomaru;
  padding:0 0.15rem 0.15rem;
  overflow:hidden;
    .textarea {
    font-family:@font;
    font-size:@font16;
    margin:0.05rem 0 0;
    padding:0.1rem 0 0;
    line-height:1.6;
    }
    .buttonArea ul {
    margin:0 0 0.15rem;
      li {
      display:inline-block;
      margin:0 2px;
      }
      button {
      .button;
        span {
        .button-font;
        width:1.3rem;
        }
      }
      .rnn_button form button{
        .button-font;
        width:1.3rem;
      }
    }
  }
  .tips {
  margin:0;
  color:@color;
  text-align:center;
  }
}
/* エントリー・確認
----------------------------------------------------*/
.entry {
  .waku_atten {
  padding:0.05rem 0.1rem;
    .warn {
    color:#cc3333;
    font-weight:bold;
    }
  }
  .waku {
  .kadomaru;
  padding:0 0.15rem 0.15rem;
  overflow:hidden;
  }
  .buttonArea button {
  .button;
  width:85%;
  margin:0 0 15px;
    span {
    .button-font;
    }
  }
  h2 {
  margin:0.2rem 0 0;
  font-size:@font16;
  border-left:solid 6px @bg-dark-color;
  background:@bg-pale-color;
  padding:0.042rem 0.07rem;
  line-height:normal;
  }
  h2:first-child {
  margin:0.14rem 0 0;
  }
  h3 {
  clear:both;
  font-size:@font16;
  border-bottom:solid 2px @bg-dark-color;
  padding:0.13rem 0 0.065rem;
  line-height:1.4;
  }
  strong {
  .iconBox;
  font-size:@font11;
  padding:0.03rem 0.05rem 0.02rem;
  margin:0 0.05rem;
  font-weight:normal;
//	position:relative;
//	top:-2px;
  }
  fieldset {
  overflow:hidden;
  font-size:@font16;
  line-height:1.6;
  width:100%;
  margin:0.13rem 0;
  padding:0 0 0.13rem;
  background:url(../images/dotline.png) left bottom repeat-x;
    p {
    font-size:100%;
    }
  }
  fieldset.noline {
  margin:0.13rem 0 -0.13rem;
  padding:0;
  background:none;
  }
  legend {
  clear:both;
  font-weight:bold;
  padding:0.06rem 0 0.04rem;
  }
  input,
  select {
  margin:0.06rem 0;
  font-size:@font16;
    &::-webkit-input-placeholder {
    font-size:@font13;
    }
  }
  input[type="text"],
  input[type="email"],
  input[type="tel"],
  input[type="number"],
  input[type="password"] {
  .input;
  padding:0 0.05rem;
  height:0.35rem;
  }
  input[size="6"] {
  width:0.5rem;
  }
  input[size="8"] {
  width:0.9rem;
  }
  input[size="30"],
  .w30 {
  width:95%;
  }
  textarea {
  .input;
  font-family:@font;
  display:block;
  line-height:1.4;
  width:95%;
  height:0.45rem;
  margin:0.06rem 0;
  padding:0.08rem 0.05rem 0.07rem;
  }
  label {
  margin-right:0.1rem;
  white-space:nowrap;
  display:inline-block;
    &[for^="contact_how"],
    &[for^="media"] {
    .checkBox;
    white-space:normal;
    }
  }
  li > label {
  margin-right:0;
  }
  select {
  .input;
  height:0.35rem;
  padding:0 0.3rem 0 0.05rem;
  text-indent:0.01rem;
  text-overflow:"";
  background:#fafafa url(../images/select_arrow.png) no-repeat right;
  }
  input.required2,
  textarea.required2,
  select.required2 {
  background-color:@bg-required-color;
  }
  span.required2 {
  display:inline;
  }
  input#name_last,
  input#yomi_last {
  margin-right:0.1rem;
  }
  label input[type="radio"],
  label input[type="checkbox"] {
  margin-right:0.05rem;
  margin-left:0.03rem;
  }
  fieldset.survey label {
  display:block;
  margin:0 0 0.03rem;
    input {
    line-height:1.4;
    }
  }
  fieldset.survey label.nobr {
  white-space:normal;
  }
  label.mgnL {
  margin-left:0.15rem;
  }
  dl {
  font-size:@font16;
    dt {
    font-weight:bold;
    padding:0.19rem 0 0.1rem;
    }
    dd {
    border-bottom:dotted 1px #ccc;
    padding-bottom:0.19rem;
    line-height:1.4;
      span.comment {
      display:block;
      margin:0.07rem 0 0;
      }
    }
  }
  dl.accordion {
  border:@border;
  -webkit-border-radius:@radius;
  background:#fff;
  font-size:@font16;
  line-height:1.6;
  margin:0.13rem 0.1rem 0;
  text-align:left;
  overflow:hidden;
    dt {
    .toggle;
      &.open {
      border-bottom:dotted 1px #ccc;
      }
    }
    dd {
    padding:0.15rem;
    border-bottom:none;
      h2 {
      border-top:dotted 1px #ccc;
      border-left:none;
      background:none;
      padding:0.13rem 0 0;
        &:first-child {
        border-top:none;
        margin:0;
        }
      }
      p {
      padding:0;
      }
    }
  }
  .buttonArea {
     li{
    display:inline-block;
      button {
      width:1.3rem;
      }
    }
  }
}

@media screen and (max-width:320px){
  .entry label[for^="contact_how"]::before,
  .entry label[for^="media"]::before {
  top:3px;
  }
  .entry label[for^="contact_how"]::after,
  .entry label[for^="media"]::after {
  top:6px;
  }
}

/* sideArea 追加 */
#contents .sideArea {
	margin: 40px 10px;
	border: solid 1px #ddd;
	background: #fff;
	text-align: left;
	padding: 15px;
}
.sideArea dl {
	margin: 0;
	border-bottom: 1px solid #fff;
}
.sideArea dl dt {
	border-left: 8px solid #e60027;
	background:#f2f2f2;
	color: #000;
	padding: 12px 20px;
	position: relative;
	font-size: 13px;
}
.sideArea dl dt::before {
	content: "";
	position: absolute;
	display: block;
	top: 50%;
	right: 30px;
	width: 2px;
	height: 12px;
	background: #e60027;
	z-index: 3;
	transform: translate(0, -50%);
	transition: 0.8s;
}
.sideArea dl dt.active::before {
	opacity: 0;
	transform: translate(0, -50%) rotate(90deg);
}
.sideArea dl dt::after {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	right: 25px;
	width: 12px;
	height: 2px;
	background: #e60027;
	transform: translate(0, -50%);
}
.sideArea dl dd {
	margin: 0;
	background: #f2f2f2;
}
.sideArea dl dd ul {
	display: flex;
	flex-wrap: wrap;
	margin: 0;
	padding: 10px 20px;
}
.sideArea dl.tag dd ul li {
	border: 1px solid #333;
	border-radius: 50px;
	margin: 0 0.5em 0.5em;
}
.sideArea dl.tag dd ul li a {
	line-height: 1;
	padding: 5px 10px;
	display: flex;
	font-size:0.13rem;
}
.sideArea dl.content p.pic {
	width: 100%;
	padding: 0;
}
p.pic img {
	max-width: 100%;
}
.sideArea dl.content ul li a .category {
	position: relative;
	display: table;
	margin-top: -20px;
	padding: 5px 10px;
	color: #fff;
	background: #333333;
}
.sideArea dl.content ul li a .txt {
	position: relative;
	margin: 15px 0 0;
	padding:0;
	font-size:0.13rem

}
.sideArea dl.link ul {
	padding: 20px;
	flex-direction: column;
	text-align: left;
}
.sideArea dl.link dd ul li a {
	line-height: 1.6;
	padding: 0 0 10px 20px;
	text-decoration: underline;
	display: block;
	position: relative;
	font-size:0.13rem
}
.sideArea dl.link dd ul li a::before {
	content: "";
	position: absolute;
	top: 5px;
	left: 0;
	display: block;
	width: 8px;
	height: 8px;
	border-right: solid 2px #e60027;
	border-bottom: solid 2px #e60027;
	transform: rotate(-45deg);
	z-index: 1;
}

/* 240125
----------------------------------------------------*/
.jobSearch .btnWrap a.btn {
  padding:10px 20px;
  line-height: 1.5;
  border-style: none;
  color:#fff !important;
  font-weight: bold;
  text-align:center;
  width:240px;
  background: #cf3534;
  display:block;
  text-decoration: none;
  font-size:16px;
  margin: 0 auto !important;
  position: relative;
  box-sizing: border-box;
}
#systemArea .jobSearch .btn:before {
  content: none;
}
.jobSearch .btn.newwin::after {
  content: '';
  display: inline-block;
  width: 22px;
  height: 22px;
  background-image: url("../images/icon_window_w.svg");
  background-size: contain;
  vertical-align: sub;
  margin: auto;
  position: absolute;
  right: 0;
  top: 12px;
}