/* Search Top */
.searchTop {
  position: relative;
  padding-top: 35px;
  font-family: 'メイリオ', 'Meiryo', sans-serif;
  font-weight: 700;
}

.searchTop .inner {
  padding-left: 32px;

}

.searchTop .titleArea {
  padding-left: 10px;
  color: #f39800;
}

.searchTop .titleArea span {
  line-height: 1.2;
  font-size: calc(25px + (31 - 25) * ((100vw - 1281px) / (1920 - 1281)));
  letter-spacing: -0.8px;
}

.searchTop .titleArea .searchTitle {
  line-height: 1.1;
  padding-top: 10px;
  font-size: calc(52px + (65 - 52) * ((100vw - 1281px) / (1920 - 1281)));
  letter-spacing: -2.5px;
}

.message {
  display: flex;
  align-items: center;
  padding-top: 15px;
}

.message .messageItem {
  width: calc(120px + (170 - 120) * ((100vw - 1281px) / (1920 - 1281)));
  height: calc(120px + (170 - 120) * ((100vw - 1281px) / (1920 - 1281)));
  margin-right: 20px;
  border: 4px solid #f39800;
  border-radius: 50%;
}

.message .messageItem:last-child {
  margin-right: 0;
}

.message .messageItem p {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  line-height: 1.2;
  border: 4px solid #fff;
  background-color: #f39800;
  color: #fff;
  font-size: calc(17px + (25 - 17) * ((100vw - 1281px) / (1920 - 1281)));
  text-align: center;
  border-radius: 50%;
}

.messageItem span {
  display: contents;
  font-size: calc(12px + (17 - 12) * ((100vw - 1281px) / (1920 - 1281)));
}

.searchBannar {
  position: absolute;
  top: calc(20px + (-12 - 20) * ((100vw - 1281px) / (1920 - 1281)));
  right: 6.5%;
  z-index: -1;
  width: 46%;
  max-width: 674px;
}

/* Search Job */

.searchBox {
  position: relative;
  padding: 140px 12.5% 55px;
  background-color: #fef5f5;
}

#searchJob .inner {
  width: 72%;
  padding: 42px 0 75px;
  max-width: 1040px;
  position: relative;
}

#searchJob .employment {
    position: absolute;
    top: 40px;
    left: 50%;
    transform: translateX(-50%);
    width: 95%;
}

#searchJob .employment ul {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

#searchJob .employment ul li {
    width: 32%;
}

#searchJob .employment ul li label {
    align-items: center;
    display: flex;
    justify-content: center;
    cursor: pointer;
    padding: 12px 5px;
    font-family: 'Kozuka Gothic Pr6N B';
    color: #f39800;
    font-size: 22px;
    background: #fff;
    border-radius: 25px;
    border: 2px solid #f39800;
    transition: background-color 0.3s, color 0.3s;
}

#searchJob .employment ul li label input {
    display: none;
}

.prefecturesSelect,
.municipalitySelect {
  width: 100%;
  line-height: 1.5;
  padding: 15px 18px;
  border: #f39800 solid 2px;
  background-color: #fff;
  color: #000;
  font-family: 'Kozuka Gothic Pr6N L';
  font-size: 15px;
  font-weight: 300;
  letter-spacing: -0.7px;
  outline: none;
  cursor: pointer;
  border-radius: 0;
}

.occupation .labelAccordion,
.certification .labelAccordion,
.welfare .labelAccordion {
  display: flex;
  position: relative;
  align-items: center;
  border: #f39800 solid 2px;
  background-color: #fff;
  font-weight: bold;
  cursor: pointer;
  transition-duration: 0.5s;
}

.buttonArea input[type="button"],
.buttonArea input[type="submit"] {
  color: inherit;
}


input[type="button"],
input[type="submit"] {
  position: relative;
  width: 100%;
  line-height: 1.1;
  border: unset;
  background: none;
  color: inherit;
  font-family: 'Kozuka Gothic Pr6N B';
  font-size: 19px;
  font-weight: 700;
  text-align: center;
  cursor: pointer;
}

.searchBox .buttonArea {
  display: flex;
  justify-content: space-between;
  width: 100%;
}

.buttonSearch span {
  position: absolute;
  top: 50%;
  right: 5%;
  width: 10px;
  height: 10px;
  transform: translateY(-50%) rotate(45deg);
  border-top: 3px solid #fff;
  border-right: 3px solid #fff;
}

.accordion {
  display: block;
  position: absolute;
  right: 3%;
  bottom: 41%;
  width: 7px;
  height: 7px;
  border: 0;
  transform: rotate(135deg);
  transition: 0.5s;
  border-top: 2px solid#f39800;
  border-right: 2px solid#f39800;
}

.searchBoxArea:checked+.labelAccordion .accordion {
  bottom: 33%;
  transform: translate(-50%) rotate(315deg);
}

.hiddenBox {
  height: 0;
  overflow: hidden;
  margin: 0;
  padding: 0 4%;
  border: solid #f39800;
  background-color: #fff;
  transition-duration: 0.5s;
  transition-timing-function: ease-in-out;
  opacity: 0;
  border-width: 0 2px 2px;
}

.searchBox input[type="checkbox"] {
  display: inline-block;
  position: relative;
  right: 0;
  bottom: 0;
  left: 0;
  width: 15px;
  height: 15px;
  margin: 0 5px 0 10px;
  border: 1px solid #f39800;
  color: #fff;
  vertical-align: middle;
  outline: none;
  cursor: pointer;
  transition: all .15s ease-out 0s;
  appearance: none;
  border-radius: 10%;
}

.searchBox input[type="checkbox"]::before {
  position: absolute;
  top: 150%;
  left: 50%;
  color: #fff;
  font-family: 'Kozuka Gothic Pr6N B';
  font-size: 0;
  font-weight: 700;
  content: "\2713";
  transform: translate(-50%, -50%);
  transition: all 0.2s ease-in;
}

.searchBox input[type="checkbox"]:checked {
  background: #f39800;
}

.searchBox input[type="checkbox"]:checked::before {
  top: 50%;
  font-size: 20px;
}

.searchBoxArea:checked+.occupation {
  padding: 4%;
  border: #f39800 solid 1px;
  background-color: #fff;
  border-radius: 6px;
}

.searchBoxArea:checked+.labelAccordion {
  border: 2px solid #f39800;
}

.searchBoxArea:checked+.labelAccordion+.hiddenBox {
  height: auto;
  padding: 4%;
  opacity: 1;
}

#searchJob ul {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: flex-start;
  list-style: none;
  margin: 0;
  padding: 0;
  text-align: left;
}

.place {
  margin-bottom: 35px;
}

.searchBox .imageWalking {
  position: absolute;
  bottom: -121px;
  left: -10.6%;
  width: 16.7%;
  max-width: 173px;

}

.searchBox .imageHelping {
  position: absolute;
  right: -4.7%;
  bottom: -93px;
  width: 13.5%;
  max-width: 140px;
}

.buttonCareer {
  display: flex;
  position: relative;
  flex-direction: column;
  align-items: center;
  width: 435px;
  line-height: 1.5;
  margin: 50px auto 0;
  padding: 7px 0;
  background-color: #8fd700;
  color: #fff;
  font-family: 'Kozuka Gothic Pr6N B';
  font-size: 25px;
  font-weight: 700;
  text-align: center;
}

.buttonCareer::after {
  position: absolute;
  top: 3px;
  left: 14px;
  width: 98%;
  height: 98%;
  border: 2px solid #8fd700;
  content: "";
}

.buttonCareer span {
  display: inline-block;
  position: relative;
  padding: 0 20px;
  font-size: 19px;
}

.buttonCareer span::before,
.buttonCareer span::after {
  position: absolute;
  top: 50%;
  width: 2px;
  height: 17px;
  background-color: #fff;
  content: "";
}

.buttonCareer span::before {
  left: 0;
  transform: translateY(-50%) rotate(-35deg);
}

.buttonCareer span::after {
  right: 0;
  transform: translateY(-50%) rotate(35deg);
}

.searchBox .buttonOrange,
.searchBox .buttonClear {
  width: 48%;
}

.searchBox .buttonOrange input,
.searchBox .buttonClear input{
  padding: 18px 50px;
}

.buttonOrange,
.buttonClear {
  position: relative;
  cursor: pointer;
}

.buttonOrange {
  background-color: #f39800;
  color: #fff;
}

.buttonClear {
  border: 2px solid #f39800;
  background-color: #fff;
  color: #f39800;
}

.formLabel {
  color: #f39800;
  font-family: 'Kozuka Gothic Pr6N B';
  font-size: 21px;
  font-weight: 700;
}

span.formLabel {
  display: flex;
  align-items: center;
}

.formLabel img {
  width: 24px;
  margin-right: 10px;
}

h4.formLabel img {
  display: inline-block;
  vertical-align: middle;
}

.jobPlaceBox {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 8px;
}

.prefecturesBox,
.municipalityBox {
  width: 49%;
}

.occupation,
.certification,
.welfare {
  width: 100%;
  margin: 0 auto 30px;
}

.occupation .labelAccordion,
.certification .labelAccordion,
.welfare .labelAccordion {
  padding: 16px 15px;
}

.accordion {
  right: 3%;
}

#searchJob li {
  margin: 8px 0;
}

ul li label {
  display: flex;
  align-items: center;
  line-height: 1.2;
  font-family: 'Kozuka Gothic Pr6N L';
  font-size: 14px;
  font-weight: 300;
}

/* News */

.newsArea {
  position: relative;
}

.newsWrapper .newsTitleGp {
  text-align: center;
}

.newsWrapper .cmmTitleGp {
  display: inline-block;
  position: relative;
  padding-bottom: 30px;
}

.newsWrapper .cmmTitle {
  color: #f39800;
}

.newsWrapper {
  position: relative;
  padding: 27px 2.7%;
  background-color: #fef5f5;
}

.pickUp {
  position: absolute;
  top: -73px;
  left: -52px;
  width: 17%;
  max-width: 51px;
}

.newsListBox {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  font-family: 'Kozuka Gothic Pr6N L';
  font-weight: 300;
}

.newsBox {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 24.3%;
  padding: 1.3%;
  background-color: #fff;
  border-bottom: unset;
}

.newsBox5 {
  display: none;
}

.jobNum {
  margin-bottom: 5px;
  font-size: calc(16px + (20 - 16) * ((100vw - 1281px) / (1920 - 1281)));
}

.tableBox {
  margin: 20px 1% 0;
}

.tableBox table {
  width: 100%;
}

.tableBox tr {
  display: flex;
  align-items: flex-start;
  line-height: 1.2;
  margin-bottom: 8px;
}

.tableBox th {
  width: 50%;
  font-size: calc(13px + (15 - 13) * ((100vw - 1281px) / (1920 - 1281)));
  text-align: left;
  display: flex;
}

.tableBox th div{
  display: flex;
  align-items: center;
}

.tableBox th img {
  display: inline-block;
  width: calc(16px + (20 - 16) * ((100vw - 1281px) / (1920 - 1281)));
  height: auto;
  vertical-align: middle;
  margin-right: 5px;
}

.tableBox td {
  width: 60%;
  font-size: calc(15px + (19 - 15) * ((100vw - 1281px) / (1920 - 1281)));
  word-break: break-all;
}

.newsContent .title {
  line-height: 1.4;
  font-size: calc(16px + (20 - 16) * ((100vw - 1281px) / (1920 - 1281)));
}

#occupationArea,
#certificationArea,
#welfareArea,
input[type="text"] {
  display: none;
}

.newsListBox .imgBox {
  width: 100%;
  height: auto;
  margin: 0 auto;
}

.newsListBox .imgBox img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.textBox {
  padding: 13px 0;
}

.search .cmnBtn,
.backButton.cmnBtn {
  padding: 18px 0;
  box-shadow: 4px 4px 0 #f39800;
  color: #f39800;
  font-size: 18px;
  border-color: #f39800;
}

.search .cmnBtn::after,
.backButton.cmnBtn::after {
  border-color: #f39800;
}

.search .cmnBtn {
  margin-top: 32px;
  cursor: pointer;
  max-width: 315px;
}

.search .newsWrapper .cmnBtn {
  padding: 0;
}

.newsWrapper .cmnBtn input {
  padding: 18px 0;
}

.buttonDetail {
  border: 2px solid #f39800;
}

.buttonDetail input[type="button"],
.buttonDetail input[type="submit"] {
  padding: 10px;
  color: #f39800;
  font-size: calc(13px + (16 - 13) * ((100vw - 1281px) / (1920 - 1281)));
}

/* Information */

.telWrapper {
  width: 65%;
  margin: 0 auto;
  padding: 60px 0;
  max-width: 908px;
}

.telWrapper .btnText {
  line-height: 1.5;
  color: #f39800;
  font-family: 'Kozuka Gothic Pr6N H';
  font-size: 15px;
  font-weight: 900;
  text-align: center;
}

.telWrapper .infoList {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.telWrapper .buttonTel {
  font-family: 'Oswald', sans-serif;
  font-size: 39px;
  font-weight: 300;
}

.telWrapper .buttonTel span {
  display: inline-block;
  position: relative;
  padding-left: 35px;
  letter-spacing: 3px;
}

.telWrapper .buttonTel span::before {
  position: absolute;
  top: 60%;
  left: 0;
  width: 24px;
  height: 25px;
  background: url("../img/icon_tel_white.png") no-repeat center/contain;
  content: "";
  transform: translateY(-50%);
}

.telWrapper .buttonTel,
.buttonRegister {
  display: block;
  position: relative;
  color: #fff;
  text-align: center;
}

.telWrapper .buttonTel::after,
.buttonRegister::after {
  position: absolute;
  bottom: -5px;
  left: 8px;
  width: 98%;
  height: 98%;
  content: "";
}

.telWrapper .telArea,
.telWrapper .buttonRegister {
  width: 49%;
}

.telWrapper .buttonTel {
  width: 100%;
  margin: 10px 0 12px;
  padding: 10px 0;
  background-color: #f39800;
}


.buttonRegister {
  padding: 20px 0;
  background-color: #ffb62a;
  font-family: 'Kozuka Gothic Pr6N B';
  font-size: 21px;
  font-weight: 700;
}

.buttonRegister::after {
  border: 2px solid #ffb62a;
}

.telWrapper .buttonTel::after {
  border: 2px solid #f39800;
  background-color: #fff;
  z-index: -1;
}

.backButton {
  margin-top: 48px;
}

.backButton.cmnBtn::after {
  right: unset;
  left: 19px;
  transform: translateY(-50%) rotate(-135deg);
}

/* Topic News */

.search .topicNewsArea {
  background-color: #fef5f5;
}

.search .topicNewsArea .cmmTitle,
.search .moreNewsLink {
  color: #f39800;
}

.search .moreNewsLink span::before {
  border-left-color: #f39800;
}

.search .newsListBanner:first-child,
.search .newsListBanner:nth-child(2),
.search .newsListBanner {
  border-color: #f39800;
}


@media only screen and (min-width: 768px) and (max-width: 1280px) {

  /* Search Top */
  .searchTop {
    padding-top: 2.734vw;
  }

  .searchTop .inner {
    padding-left: 2.5vw;
  }

  .searchTop .titleArea {
    padding-left: 0.781vw;
  }

  .searchTop .titleArea span {
    letter-spacing: -0.063vw;
  }

  .searchTop .titleArea .searchTitle {
    padding-top: 0.781vw;
    letter-spacing: -0.195vw;
  }

  .message {
    padding-top: 1.172vw;
  }

  .message .messageItem {
    margin-right: 1.563vw;
    border: 0.313vw solid #f39800;
  }

  .message .messageItem p {
    border: 0.313vw solid #fff;
  }

  .searchBannar {
    max-width: 52.656vw;
  }

  /* Search Job */

  .searchBox {
    padding: 9.8vw 12.5% 4.297vw;
  }

  #searchJob .inner {
    padding: 3.281vw 0 5.859vw;
    max-width: 81.25vw;
  }

  #searchJob .employment {
    top: 3vw;
  }

  #searchJob .employment ul li label {
    padding: 0.94vw 0.39vw;
    font-size: 1.6vw;
    border-radius: 1.95vw;
    border: 0.16vw solid #f39800;
  }

  .prefecturesSelect,
  .municipalitySelect {
    padding: 1.172vw 1.406vw;
    border: #f39800 solid 0.156vw;
    font-size: 1.172vw;
    letter-spacing: -0.055vw;
  }

  .occupation .labelAccordion,
  .certification .labelAccordion,
  .welfare .labelAccordion {
    border: #f39800 solid 0.156vw;
    transition-duration: 0.5s;
  }

  input[type="button"],
  input[type="submit"] {
    font-size: 1.484vw;
  }

  .searchBox .buttonOrange input,
  .searchBox .buttonClear input{
    padding: 1.406vw 3.906vw;
  }

  .buttonSearch span {
    width: 0.781vw;
    height: 0.781vw;
    border-top: 0.234vw solid #fff;
    border-right: 0.234vw solid #fff;
  }

  .accordion {
    width: 0.547vw;
    height: 0.547vw;
    border-top: 0.156vw solid#f39800;
    border-right: 0.156vw solid#f39800;
  }

  .searchBox input[type="checkbox"] {
    width: 1.172vw;
    height: 1.172vw;
    margin: 0 0.391vw 0 0.781vw;
    border: 0.078vw solid #f39800;
  }

  .searchBox input[type="checkbox"]:checked::before {
    font-size: 1.563vw;
  }

  .searchBoxArea:checked+.occupation {
    border: #f39800 solid 0.078vw;
    border-radius: 0.469vw;
  }

  .searchBoxArea:checked+.labelAccordion {
    border: 0.156vw solid #f39800;
  }

  .hiddenBox {
    border-width: 0 0.156vw 0.156vw 0.156vw;
  }

  .place {
    margin-bottom: 2.734vw;
  }

  .searchBox .imageWalking {
    bottom: -9.453vw;
    max-width: 13.516vw;

  }

  .searchBox .imageHelping {
    bottom: -7.266vw;
    max-width: 10.938vw;
  }

  .buttonCareer {
    width: 33.984vw;
    margin: 3.906vw auto 0;
    padding: 0.547vw 0;
    font-size: 1.953vw;
  }

  .buttonCareer::after {
    top: 0.234vw;
    left: 1.094vw;
    border: 0.156vw solid #8fd700;
  }

  .buttonCareer span {
    padding: 0 1.563vw;
    font-size: 1.484vw;
  }

  .buttonCareer span::before,
  .buttonCareer span::after {
    width: 0.156vw;
    height: 1.328vw;
  }

  .formLabel {
    font-size: 1.641vw;
  }

  .formLabel img {
    width: 1.875vw;
    margin-right: 0.781vw;
  }


  .jobPlaceBox {
    margin-top: 0.625vw;
  }

  .occupation,
  .certification,
  .welfare {
    margin: 0 auto 2.344vw;
  }

  .occupation .labelAccordion,
  .certification .labelAccordion,
  .welfare .labelAccordion {
    padding: 1.25vw 1.172vw;
  }

  #searchJob li {
    margin: 0.625vw 0;
  }

  ul li label {
    font-size: 1.094vw;
  }

  /* News */

  .newsWrapper .cmmTitleGp {
    padding-bottom: 2.344vw;
  }

  .newsWrapper {
    padding: 2.109vw 2.7%;
  }

  .pickUp {
    top: -5.703vw;
    left: -4.063vw;
    max-width: 3.984vw;
  }

  .jobNum {
    margin-bottom: 0.391vw;
  }

  .tableBox {
    margin: 1.563vw 1% 0;
  }

  .tableBox tr {
    margin-bottom: 0.625vw;
  }


  .textBox {
    padding: 1.016vw 0;
  }

  .search .cmnBtn,
  .backButton.cmnBtn {
    padding: 1.406vw 0;
    box-shadow: 0.313vw 0.313vw 0 #f39800;
    font-size: 1.406vw;
  }

  .search .cmnBtn {
    margin-top: 2.5vw;
    max-width: 24.609vw;
  }

  .newsWrapper .cmnBtn input {
    padding: 1.406vw 0;
  }

  .buttonDetail {
    border-width: 0.156vw;
  }

  .buttonDetail input[type="button"],
  .buttonDetail input[type="submit"] {
    padding: 0.781vw;
    font-size: 1.25vw;
  }

  /* Information */

  .telWrapper {
    padding: 4.688vw 0;
    max-width: 70.938vw;
  }

  .telWrapper .btnText {
    font-size: 1.172vw;
  }

  .telWrapper .buttonTel {
    font-size: 3.047vw;
  }

  .telWrapper .buttonTel span {
    padding-left: 2.734vw;
    letter-spacing: 0.234vw;
  }

  .telWrapper .buttonTel span::before {
    width: 1.875vw;
    height: 1.953vw;
  }

  .telWrapper .buttonTel::after,
  .buttonRegister::after {
    bottom: -0.391vw;
    left: 2.6%;
  }


  .buttonRegister::after {
    border: 0.156vw solid #ffb62a;
  }

  .telWrapper .buttonTel::after {
    border: 0.156vw solid #f39800;
  }


  .telWrapper .buttonTel {
    margin: 0.781vw 0 0.938vw;
    padding: 0.781vw 0;
  }

  .buttonRegister {
    padding: 1.563vw 0;
    font-size: 1.641vw;
  }

  .backButton {
    margin-top: 3.75vw;
  }

  .backButton.cmnBtn::after {
    left: 1.484vw;
  }

}

@media only screen and (min-width: 768px) and (max-width:1024px) {

  .searchBannar {
    top: 0;
  }

  .message .messageItem {
    width: 13vw;
    height: 13vw;
  }

  .message .messageItem p {
    font-size: 1.9vw;
  }

  .message .messageItem p span {
    font-size: 1.2vw;
  }

}

/* Sp */
@media only screen and (max-width: 767.9px) {

  /* Search Top */
  .searchTop {
    padding: 2.667vw 0 1.867vw;
  }

  .searchTop .inner {
    padding: 0;
  }

  .searchTop .titleArea {
    padding: 0 5.5%;
  }

  .searchTop .titleArea span {
    font-size: 4.267vw;
    letter-spacing: -0.213vw;
  }

  .searchTop .titleArea .searchTitle {
    padding-top: 1.333vw;
    font-size: 8.8vw;
    letter-spacing: -0.667vw;
  }

  .message {
    justify-content: center;
    padding: 36.533vw 6% 0;
  }

  .message .messageItem {
    width: 27vw;
    height: 27vw;
    margin-right: 2vw;
    border-width: 0.8vw;
  }

  .message .messageItem p {
    font-size: 3.85vw;
    border-width: 0.8vw;
  }

  .messageItem span {
    font-size: 2.5vw;
  }

  .searchBannar {
    top: 21.333vw;
    right: 0;
    left: 0;
    width: 100%;
    margin: 0 auto;
    max-width: 100%;
  }

  /* Search Job */

  .searchBox {
    padding: 18.75vw 24.75px 5vw;
  }

  #searchJob .inner {
    width: 100%;
    padding: 0 19.875px 9.333vw;
    max-width: 100%;
  }

  #searchJob .employment {
    position: absolute;
    top: 3.69vw;
    left: 50%;
    transform: translateX(-50%);
    width: 95%;
  }

  #searchJob .employment ul li label {
    padding: 2vw 0;
    font-size: 2.8vw;
    border-radius: 4vw;
    border: 0.53vw solid #f39800;
  }

  .prefecturesSelect,
  .municipalitySelect {
    padding: 2.667vw;
    border: #f39800 solid 0.533vw;
    font-size: 2.755vw;
    letter-spacing: 0;
  }

  .occupation .labelAccordion,
  .certification .labelAccordion,
  .welfare .labelAccordion {
    border: #f39800 solid 0.533vw;
  }

  input[type="button"],
  input[type="submit"] {
    font-size: 3.613vw;
  }

  .searchBox .buttonOrange input,
  .searchBox .buttonClear input{
    padding: 3.2vw;
  }

  .buttonSearch span {
    right: 3%;
    width: 2.133vw;
    height: 2.133vw;
    border-top: 0.533vw solid #fff;
    border-right: 0.533vw solid #fff;
  }

  .accordion {
    width: 1.867vw;
    height: 1.867vw;
    border-top: 0.533vw solid#f39800;
    border-right: 0.533vw solid#f39800;
  }

  .searchBox input[type="checkbox"] {
    width: 3.467vw;
    height: 3.467vw;
    margin: 0 1.333vw 0 2.667vw;
    border: 0.267vw solid #f39800;
  }

  .searchBox input[type="checkbox"]:checked::before {
    font-size: 4.5vw;
  }

  .searchBoxArea:checked+.occupation {
    border: #f39800 solid 0.267vw;
    border-radius: 1.6vw;
  }

  .searchBoxArea:checked+.labelAccordion {
    border: 0.533vw solid #f39800;
  }

  .hiddenBox {
    border-width: 0 0.533vw 0.533vw 0.533vw;
  }

  .place {
    margin-bottom: 2.667vw;
  }

  .buttonCareer {
    width: 85%;
    margin: 8.8vw auto 0;
    padding: 1.333vw 0;
    font-size: 4.267vw;
  }

  .buttonCareer::after {
    top: 1vw;
    left: 1.067vw;
    width: 100%;
    border-width: 0.267vw;
  }

  .buttonCareer span {
    padding: 0 4vw;
    font-size: 3.32vw;
  }

  .buttonCareer span::before,
  .buttonCareer span::after {
    width: 0.4vw;
    height: 4vw;
  }

  .searchBox .buttonArea {
    display: block;
  }

  .searchBox .buttonOrange,
  .searchBox .buttonClear {
    width: 100%;
    margin-bottom: 2.667vw;
  }

  .searchBox .buttonOrange .buttonSearch {
    margin-bottom: 2.667vw;
  }

  .formLabel {
    font-size: 4vw;
  }

  .formLabel img {
    width: 4.533vw;
    margin-right: 1.867vw;
  }


  .jobPlaceBox {
    display: block;
    margin-top: 2.133vw;
  }

  .prefecturesBox {
    margin-bottom: 2.667vw;
  }

  .prefecturesBox,
  .municipalityBox {
    width: 100%;
  }

  .occupation,
  .certification,
  .welfare {
    margin-bottom: 1.867vw;
  }

  .occupation .labelAccordion,
  .certification .labelAccordion,
  .welfare .labelAccordion {
    padding: 2.667vw;
  }

  #searchJob li {
    margin: 2.133vw 0;
  }

  ul li label {
    font-size: 2.933vw;
  }

  /* News */

  .newsWrapper .cmmTitleGp {
    padding-bottom: 2.667vw;
  }

  .newsWrapper {
    width: 90%;
    margin: 0 auto;
    padding: 4.8vw 0 10.667vw;
  }

  .pickUp {
    top: -12vw;
    left: -8.267vw;
    max-width: 6.667vw;
  }

  .newsBox.slick-slide {
    width: 76.267vw;
    margin: 0 5.333vw;
    padding: 2.133vw 2.4vw;
  }

  .jobNum {
    margin-bottom: 1.333vw;
    font-size: 3.2vw;
  }

  .tableBox {
    margin: 5.333vw 1% 0;
  }

  .tableBox tr {
    margin-bottom: 2.133vw;
  }

  .tableBox th {
    font-size: 3.2vw;
  }

  .tableBox th img {
    width: 5.333vw;
    margin-right: 1.333vw;
  }

  .tableBox td {
    font-size: 3.2vw;
  }

  .newsContent .newsContent .title {
    font-size: 3.733vw;
  }

  .newsListBox .imgBox {
    width: 95%;
  }

  .textBox {
    padding: 4.8vw 0;
  }

  .search .cmnBtn,
  .backButton.cmnBtn {
    padding: 2.133vw 0;
    box-shadow: 0.533vw 0.533vw 0 #f39800;
    font-size: 3.2vw;
  }

  .search .cmnBtn {
    margin-top: 8.533vw;
    max-width: 44.533vw;
  }

  .search .newsWrapper .cmnBtn {
    margin: 0 auto;
  }

  .newsWrapper .cmnBtn input {
    padding: 2.133vw 0;
  }

  .buttonDetail {
    border-width: 0.533vw;
  }

  .buttonDetail input[type="button"],
  .buttonDetail input[type="submit"] {
    padding: 1.867vw;
    font-size: 3.733vw;
  }

  /* Information */

  .telWrapper {
    width: 90%;
    margin: 8.8vw auto 5.333vw;
    padding: 2.4vw 5.867vw;
    background-color: #fef5f5;
    max-width: 100%;
  }

  .telWrapper .btnText {
    font-size: 2.933vw;
  }

  .telWrapper .infoList {
    display: block;
  }

  .telWrapper .buttonTel::after {
    bottom: -1.333vw;
    left: 1.2vw;
    width: 100%;
    border: none;
  }

  .telWrapper .buttonTel {
    font-size: 6.933vw;
  }

  .telWrapper .buttonTel span {
    padding-left: 6.667vw;
    letter-spacing: 0.533vw;
  }

  .telWrapper .buttonTel span::before {
    width: 5.333vw;
    height: 5.333vw;
  }

  .telWrapper .buttonRegister.pc {
    display: none;
  }

  .telWrapper .telArea {
    width: 100%;
  }

  .telWrapper .buttonTel {
    width: 100%;
    margin: 1.067vw 0 2.4vw;
    padding: 1.867vw 0;
    border: 0.267vw solid #fff;
  }

  .backButton {
    margin-top: 9.333vw;
  }

  .backButton.cmnBtn::after {
    left: 1.867vw;
  }

  /* Topic News */

  .search .topicNewsArea {
    background-color: #fff;
  }

  .search .topicNewsArea .cmnBtn {
    margin-top: 0;
  }

  .search .topicNewsArea .advisorPcBtn .cmnBtn {
    margin-top: 4.8vw;
  }


}

@media only screen and (min-width: 1920.9px) {

  /* Search Top */
  .searchTop .titleArea span {
    font-size: 31px;
  }

  .searchTop .titleArea .searchTitle {
    font-size: 65px;
  }

  .message .messageItem {
    width: 170px;
    height: 170px;
  }

  .message .messageItem p {
    font-size: 25px;
  }

  .messageItem span {
    font-size: 17px;
  }

  .searchBannar {
    top: -12px;
  }

  .newsContent .title {
    font-size: 20px;
  }

  /* News */

  .jobNum {
    font-size: 20px;
  }

  .tableBox th {
    font-size: 15px;
  }

  .tableBox th img {
    width: 20px;
  }

  .tableBox td {
    font-size: 19px;
  }

  .title {
    font-size: 20px;
  }

  .buttonDetail input[type="button"],
  .buttonDetail input[type="submit"] {
    font-size: 16px;
  }

  /* Topic News */

  .search .topicNewsArea {
    background-color: #fff;
  }
}