@charset "UTF-8";
/* placeholder color */
/**********************************************************************************************

　recruit

**********************************************************************************************/
/*---------------------------------------------
experienced
---------------------------------------------*/
.img_tit {
  margin: 0; }
  .img_tit.-experienced {
    background-image: url("../img/experienced/kv_experienced.jpg"); }

.page_nav {
  background: #62B47D;
  color: #fff;
  padding: 3px 0;
  margin: 0 0 50px; }
  @media (max-width: 750px) {
    .page_nav {
      margin: 0 0 8vw;
      padding: 1vw; } }
  .page_nav .inner {
    max-width: 1024px; }

.page_navList {
  display: flex;
  text-align: center;
  font-size: 2rem;
  border-left: 1px solid #fff; }
  @media (max-width: 750px) {
    .page_navList {
      border: none;
      font-size: 3.2vw; } }
  .page_navList li {
    width: 50%;
    border-right: 1px solid #fff; }
    @media (max-width: 750px) {
      .page_navList li:last-child {
        border: none; } }
  .page_navList a {
    padding: 5px;
    position: relative;
    display: block; }
    @media (max-width: 750px) {
      .page_navList a {
        padding: 1vw; } }
    .page_navList a::after {
      content: "";
      display: block;
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 10px 8px 0 8px;
      border-color: #fff transparent transparent transparent;
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      right: 20px; }
      @media (max-width: 750px) {
        .page_navList a::after {
          border-width: 1.3vw 1vw 0 1vw;
          right: 1.3vw; } }

.searchArea {
  background: #e5f3ea;
  padding: 50px 0;
  margin: 50px 0 90px; }
  @media (max-width: 750px) {
    .searchArea {
      margin: 8vw 0 12vw;
      padding: 6.6vw; } }
  .searchArea .inner {
    z-index: 10; }

.search_tit {
  text-align: center;
  color: #62B47D;
  font-size: 2.3rem;
  margin: 0 0 20px; }
  @media (max-width: 750px) {
    .search_tit {
      font-size: 4.2vw;
      margin: 0 0 4vw; } }

.serachList {
  display: flex;
  justify-content: space-between;
  position: relative;
  text-align: center; }
  @media (max-width: 750px) {
    .serachList {
      display: block; } }
  .serachList li {
    width: 260px;
    border: 1px solid #62B47D;
    background: #fff;
    font-size: 2.3rem;
    position: relative; }
    @media (max-width: 750px) {
      .serachList li {
        width: 100%;
        font-size: 4vw; }
        .serachList li:not(:last-child) {
          margin: 0 0 4vw; } }
  .serachList input {
    display: none; }
    .serachList input:checked + .serach_checkList_tit {
      position: absolute;
      bottom: 100%; }
      @media (max-width: 750px) {
        .serachList input:checked + .serach_checkList_tit {
          bottom: calc(100% - 1px); } }

.serachList_tit {
  color: #62B47D;
  position: relative; }
  @media (max-width: 750px) {
    .serachList_tit {
      padding: 1.3vw; } }
  .serachList_tit::after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 8px 0 8px;
    border-color: #62B47D transparent transparent transparent;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 15px;
    transition: .2s; }
    @media (max-width: 750px) {
      .serachList_tit::after {
        right: 2.6vw;
        border-width: 2vw 1.7vw 0 1.7vw; } }

.serach_checkList {
  width: 260px;
  position: absolute;
  top: 100%;
  left: -1px;
  font-weight: 400;
  border-top: 1px solid #62B47D;
  border-left: 1px solid #62B47D;
  border-right: 1px solid #62B47D;
  display: none; }
  @media (max-width: 750px) {
    .serach_checkList {
      width: 100%;
      position: relative;
      left: 0;
      border-left: none;
      border-right: none; } }
  .serach_checkList.on {
    display: block; }
  .serach_checkList label {
    display: block;
    background: #fff;
    transition: .4s;
    cursor: pointer; }
    .serach_checkList label:hover .serach_checkList_tit {
      background: #62B47D;
      color: #fff; }
    .serach_checkList label.-is-none {
      display: none; }

.serach_checkList_tit {
  width: 100%;
  background: #fff;
  border-bottom: 1px solid #62B47D;
  z-index: 10;
  transition: .4s; }
  @media (max-width: 750px) {
    .serach_checkList_tit {
      padding: 1.3vw; } }

.checkItem {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 20; }
  @media (max-width: 750px) {
    .checkItem {
      max-height: 9.7vw; } }

.recruit_graduate {
  width: 189px;
}
.text-graduate{
  text-align: center;
  line-height: 2.5em;
}
.text-graduate-blue {
	color: #0070C0;
	text-align: center;
}
@media (max-width: 750px) {
	.recruit_graduate {
		width: 100%;
	}	
}

.serachBtn {
  -webkit-appearance: none;
  appearance: button;
  border: none;
  cursor: pointer;
  font-size: 2.3rem;
  background: #62B47D;
  color: #fff;
  margin: 20px auto 0;
  padding: 5px 0;
  display: block;
  transition: .4s;
  width: 330px;
  display: block; }
  @media (max-width: 750px) {
    .serachBtn {
      width: 80vw;
      padding: 2vw;
      margin: 5vw auto 0;
      font-size: 4.2vw; } }

@media (min-width: 751px) {
  .serachItem .serach_checkList {
    font-size: 1.8rem; }
  .serachItem .serach_checkList_tit {
    padding: 4px 0; } }

.resultList > li:not(:last-child) {
  margin: 0 0 60px; }
  @media (min-width: 751px) {
    .resultList > li:not(:last-child) {
      margin: 0 0 8vw; } }

.result_tit {
  font-size: 2.3rem;
  margin: 0 0 10px; }
  @media (max-width: 750px) {
    .result_tit {
      font-size: 3.73vw;
      margin: 0 0 2vw; } }

/*---------------------------------------------
graduate
---------------------------------------------*/
.img_tit.-graduate {
  background-image: url("../img/graduate/kv_graduate.jpg"); }

.-graduate .page_nav {
  background: #0070C0; }
.-graduate .searchArea {
  background: #e4f4fd; }
.-graduate .search_tit {
  color: #0070C0; }
.-graduate .serachBtn {
  background: #0070C0; }
.-graduate .serach_checkList_tit,
.-graduate .serach_checkList {
  border-color: #0070C0; }
.-graduate .serachList li {
  border-color: #0070C0; }
.-graduate .serachList_tit {
  color: #0070C0; }
  .-graduate .serachList_tit::after {
    border-color: #0070C0 transparent transparent transparent; }
.-graduate label:hover .serach_checkList_tit {
  background: #0070C0;
  color: #fff; }

.entryList {
  display: flex;
  justify-content: space-between;
  align-items: flex-end; }
  .entryList li {
    width: 48%; }
  @media (max-width: 750px) {
    .entryList .graduateBtn {
      padding: 2.5vw 7vw 2.5vw 3vw; } }
  .entryList .graduateBtn_img {
    margin: 0; }
    @media (max-width: 750px) {
      .entryList .graduateBtn_img {
        width: 30vw; } }