@charset "UTF-8";

/***
  The new CSS reset - version 1.7.3 (last updated 7.8.2022)
  GitHub page: https://github.com/elad2412/the-new-css-reset
***/

.apply-kyujin :where(:not(audio, canvas, html, iframe, img, svg, video):not(svg, symbol)) {
  all: unset;
  display: revert;
}

.apply-kyujin *,
.apply-kyujin :after,
.apply-kyujin :before {
  box-sizing: border-box;
}

.apply-kyujin a,
.apply-kyujin button {
  cursor: revert;
}

.apply-kyujin menu,
.apply-kyujin ol,
.apply-kyujin ul {
  list-style: none;
}

.apply-kyujin img {
  max-width: 100%;
}

.apply-kyujin table {
  border-collapse: collapse;
}

.apply-kyujin input,
.apply-kyujin textarea {
  -webkit-user-select: auto;
}

.apply-kyujin textarea {
  white-space: revert;
}

.apply-kyujin meter {
  -webkit-appearance: revert;
  -moz-appearance: revert;
  appearance: revert;
}

.apply-kyujin ::-webkit-input-placeholder {
  color: unset;
}

.apply-kyujin ::-moz-placeholder {
  color: unset;
}

.apply-kyujin ::-ms-input-placeholder {
  color: unset;
}

.apply-kyujin ::placeholder {
  color: unset;
}

.apply-kyujin :where([hidden]) {
  display: none;
}

.apply-kyujin :where([contenteditable]:not([contenteditable="false"])) {
  -moz-user-modify: read-write;
  -webkit-user-modify: read-write;
  overflow-wrap: break-word;
  -webkit-line-break: after-white-space;
  -webkit-user-select: auto;
}

.apply-kyujin :where([draggable="true"]) {
  -webkit-user-drag: element;
}

/***
  変数設定
***/

:root {
  --color01: #4bb9cd;
  --color02: #6eb92b;
  --color03: #f39801;
  --color04: #ffa2b2;
  --color05: #ff8197;
  --input-bg: #ebf7fa;
  --placeholder: #9b9b9b;
  --font-noto: 'Noto Sans JP', sans-serif;
  --font-zen-kaku: 'Zen Kaku Gothic Antique', sans-serif;
  --font-zen-maru: 'Zen Maru Gothic', sans-serif;
}

/***
  Base
***/

body.page-apply-kyujin {
  color: #393939;
  font-family: 'Zen Kaku Gothic Antique', sans-serif;
  font-weight: 500;
  background: var(--color01);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

img {
  max-width: 100%;
  height: auto;
}

.page-apply-kyujin {
  /***
  Layout
***/
  /***
  Header
***/
  /***
  フォームページ
***/
  /**
  input
 */
  /**
  textarea
  お持ちの資格 - その他 - 入力欄
 */
  /**
  select
 */
  /**
  checkbox
 */
  /**
  radio
 */
  /***
  送信完了ページ
***/
  /***
  利用規約
***/
  /***
  Utility
***/
}

.page-apply-kyujin .l-wrapper {
  position: relative;
  min-height: calc(100vh - 140px);
  padding-block: 30px 70px;
  background: url(./images/apply-kyujin/bg_pattern.png) repeat center top/25px 25px;
  border-radius: 20px;
}

.page-apply-kyujin .header-logo-kyujin {
  position: absolute;
  top: 20px;
  left: 20px;
}

.page-apply-kyujin .header-logo-kyujin img {
  width: 108px;
  height: auto;
  margin-bottom: 8px;
}

.page-apply-kyujin .header-label-region-kyujin {
  display: block;
  width: 112px;
  background: var(--color05);
  border-radius: 4px;
  color: #fff;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.7;
  letter-spacing: -0.02em;
  text-align: center;
}

.page-apply-kyujin .header-label-region-kyujin.-kanto {
  background: #ff9600;
}

.page-apply-kyujin .text01 {
  line-height: 0;
  text-align: center;
}

.page-apply-kyujin .text02 {
  margin-top: 10px;
  line-height: 0;
  text-align: center;
}

.page-apply-kyujin .text03 {
  margin-top: 15px;
  line-height: 0;
  text-align: center;
}

.page-apply-kyujin .form-kyujin {
  position: relative;
  max-width: 1080px;
  margin: 20px auto 0;
}

.page-apply-kyujin .form::before {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 68px;
  background: url(./images/apply-kyujin/flower.png) no-repeat center top/992px auto;
}

.page-apply-kyujin .form-facility {
  position: relative;
  z-index: 2;
  padding: 40px 40px 20px;
  background: #fff;
}

.page-apply-kyujin .form-facility p {
  padding: 11px 18px;
  background: #fff;
  border: 2px solid #fad93d;
  border-radius: 5px;
  font-family: var(--font-zen-maru);
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.3334;
  letter-spacing: .075em;
}

.page-apply-kyujin .form-kyujin .wpcf7 .ajax-loader {
  display: none;
}

.page-apply-kyujin .form-kyujin .wpcf7 form .wpcf7-response-output {
  display: none !important;
}

.page-apply-kyujin .form-kyujin .wpcf7-form-control-wrap {
  display: inline-block;
}

.page-apply-kyujin .form-kyujin .wpcf7-form-control-wrap span.wpcf7-list-item {
  margin: 0;
}

.page-apply-kyujin .form-unit {
  display: flex;
  align-items: flex-start;
  border-top: 1px solid var(--color01);
}

.page-apply-kyujin .form-unit .-optional::after,
.page-apply-kyujin .form-unit .-required::after {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 15px;
  padding-left: .275em;
  border-radius: 15px;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1;
  letter-spacing: .275em;
}

.page-apply-kyujin .form-unit .-optional:not(:empty)::after,
.page-apply-kyujin .form-unit .-required:not(:empty)::after {
  margin-left: 10px;
}

.page-apply-kyujin .form-unit .-optional::after {
  content: "任意";
  border: 1px solid var(--color01);
  color: var(--color01);
}

.page-apply-kyujin .form-unit .-required::after {
  content: "必須";
  background: #f56d3a;
  color: #fff;
}

.page-apply-kyujin .form-label {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  width: 294px;
  padding: 10px 0 0 12px;
  font-family: var(--font-zen-maru);
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.72;
  letter-spacing: .075em;
}

.page-apply-kyujin .form-label span:first-child {
  display: inline-flex;
  align-items: center;
}

.page-apply-kyujin .form-label::before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-right: 8px;
  background: url(./images/apply-kyujin/icon_flower.png) no-repeat;
  background-size: cover;
}

.page-apply-kyujin .form-content {
  width: 100%;
  padding: 16px 0 16px 15px;
  border-left: 1px solid var(--color01);
}

.page-apply-kyujin .form-content.-name {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}

.page-apply-kyujin .form-content.-address {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 10px 20px;
  position: relative;
}

.page-apply-kyujin .form-content.-address::after {
  content: "";
  position: absolute;
  top: 40px;
  right: 13px;
  width: 57px;
  height: 53px;
  background: url(./images/apply-kyujin/illust01.png) no-repeat center center/contain;
}

.page-apply-kyujin .form-content.-birthday {
  display: flex;
  align-items: flex-start;
  gap: 30px;
}

.page-apply-kyujin .form-note {
  font-size: 1.2rem;
  line-height: 1;
  color: var(--color03);
}

.page-apply-kyujin .form-text {
  font-size: 1.2rem;
  line-height: 1;
  color: #737373;
}

.page-apply-kyujin .form-address-label {
  font-size: 1.2rem;
  line-height: 1;
}

.page-apply-kyujin .form-birthday-label {
  font-size: 1.2rem;
  line-height: 1;
}

.page-apply-kyujin .form-select-unit {
  font-size: 1.2rem;
  line-height: 1;
}

.page-apply-kyujin .form-kyujin .wpcf7-not-valid-tip,
.page-apply-kyujin .form-kyujin .wpcf7-not-valid-tip2 {
  display: block;
  margin-top: 10px;
  font-size: 1.2rem;
  line-height: 1;
  color: #df2020;
  letter-spacing: .01em;
}

.page-apply-kyujin .form-kyujin .wpcf7-not-valid-tip2 + .wpcf7-not-valid-tip {
  margin-top: 0;
}

.page-apply-kyujin .form-field {
  position: relative;
}

.page-apply-kyujin .form-field.-flex {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
}

.page-apply-kyujin .form-field.-flex.-direction-column {
  flex-direction: column;
  align-items: flex-start;
}

.page-apply-kyujin .wpcf7-form-control-wrap[data-name=content] input[type=checkbox] + span {
  width: 339px;
}

.page-apply-kyujin .wpcf7-form-control-wrap[data-name=shikaku] input[type=checkbox] + span {
  width: 222px;
}

.page-apply-kyujin .form-unit input::-webkit-input-placeholder {
  color: var(--placeholder);
  font-size: 1.2rem;
}

.page-apply-kyujin .form-unit input::-moz-placeholder {
  color: var(--placeholder);
  font-size: 1.2rem;
}

.page-apply-kyujin .form-unit input::-ms-input-placeholder {
  color: var(--placeholder);
  font-size: 1.2rem;
}

.page-apply-kyujin .form-unit input::placeholder {
  color: var(--placeholder);
  font-size: 1.2rem;
}

.page-apply-kyujin .form-unit input[type=text],
.page-apply-kyujin .form-unit input[type=tel],
.page-apply-kyujin .form-unit input[type=email] {
  height: 35px;
  padding-inline: 8px 44px;
  background: var(--input-bg);
  border: 1px solid var(--input-bg);
  border-radius: 5px;
  font-size: 1.2rem;
}

.page-apply-kyujin .form-unit input[type=text]:not(:placeholder-shown),
.page-apply-kyujin .form-unit input[type=tel]:not(:placeholder-shown),
.page-apply-kyujin .form-unit input[type=email]:not(:placeholder-shown) {
  background-color: #fef8ed;
  border-color: var(--color03);
  box-shadow: 0px 0px 100px 100px #fef8ed inset;
}

.page-apply-kyujin .form-valid {
  content: "";
  opacity: 0;
  position: absolute;
  top: 6.5px;
  right: 6.5px;
  z-index: 2;
  width: 22px;
  height: 22px;
  background: url(./images/apply-kyujin/icon_check2.png) no-repeat;
  background-size: contain;
  pointer-events: none;
}

.page-apply-kyujin .form-unit input:not(:placeholder-shown) + .form-valid {
  opacity: 1;
}

.page-apply-kyujin .form-unit input[type=text].wpcf7-not-valid,
.page-apply-kyujin .form-unit input[type=tel].wpcf7-not-valid,
.page-apply-kyujin .form-unit input[type=email].wpcf7-not-valid,
.page-apply-kyujin .form-unit input[type=text].wpcf7-not-valid2,
.page-apply-kyujin .form-unit input[type=tel].wpcf7-not-valid2,
.page-apply-kyujin .form-unit input[type=email].wpcf7-not-valid2 {
  background-color: #ffdede;
  border-color: #df2020;
}

.page-apply-kyujin .form-unit input[name=onamae],
.page-apply-kyujin .form-unit input[name=furigana] {
  width: 287px;
}

.page-apply-kyujin .wpcf7-form-control-wrap[data-name=zipcode] {
  width: 114px;
}

.page-apply-kyujin .wpcf7-form-control-wrap[data-name=zipcode] .wpcf7-not-valid-tip,
.page-apply-kyujin .wpcf7-form-control-wrap[data-name=zipcode] .wpcf7-not-valid-tip2 {
  white-space: nowrap;
}

.page-apply-kyujin .form-unit input[name=zipcode] {
  width: 114px;
}

.page-apply-kyujin .form-unit input[name=address2] {
  width: 347px;
}

.page-apply-kyujin .wpcf7-form-control-wrap[data-name=your_tel] {
  margin-top: 10px;
}

.page-apply-kyujin .wpcf7-form-control-wrap[data-name=your_tel]::after {
  content: "";
  position: absolute;
  bottom: calc(100% - 5px);
  right: 15px;
  width: 68px;
  height: 33px;
  background: url(./images/apply-kyujin/illust02.png) no-repeat center center/contain;
}

.page-apply-kyujin .form-unit input[name=your_tel] {
  width: 690px;
}

.page-apply-kyujin .wpcf7-form-control-wrap[data-name=your_email] {
  margin-top: 10px;
}

.page-apply-kyujin .wpcf7-form-control-wrap[data-name=your_email]::after {
  content: "";
  position: absolute;
  top: -30px;
  right: 13px;
  z-index: 0;
  width: 73px;
  height: 35px;
  background: url(./images/apply-kyujin/illust03.png) no-repeat center center/contain;
}

.page-apply-kyujin .form-unit input[type=email] {
  position: relative;
  z-index: 1;
  width: 690px;
}

.page-apply-kyujin .wpcf7-form-control-wrap[data-name=your_message] {
  width: 100%;
  padding-top: 12px;
}

.page-apply-kyujin .js-toggle {
  display: none;
}

.page-apply-kyujin .form-unit textarea {
  width: 100%;
  height: 96px;
  padding: 9px;
  background: var(--input-bg);
  border: 1px solid var(--input-bg);
  border-radius: 5px;
  font-size: 1.2rem;
  line-height: 1.14286;
  letter-spacing: -0.025em;
}

.page-apply-kyujin .form-unit textarea::-webkit-input-placeholder {
  color: var(--placeholder);
  font-size: 1.2rem;
}

.page-apply-kyujin .form-unit textarea::-moz-placeholder {
  color: var(--placeholder);
  font-size: 1.2rem;
}

.page-apply-kyujin .form-unit textarea::-ms-input-placeholder {
  color: var(--placeholder);
  font-size: 1.2rem;
}

.page-apply-kyujin .form-unit textarea::placeholder {
  color: var(--placeholder);
  font-size: 1.2rem;
}

.page-apply-kyujin .wpcf7-form-control-wrap[data-name=address1],
.page-apply-kyujin .wpcf7-form-control-wrap[data-name=birthday_year],
.page-apply-kyujin .wpcf7-form-control-wrap[data-name=birthday_month] {
  position: relative;
  height: 35px;
}

.page-apply-kyujin .wpcf7-form-control-wrap[data-name=address1]::after,
.page-apply-kyujin .wpcf7-form-control-wrap[data-name=birthday_year]::after,
.page-apply-kyujin .wpcf7-form-control-wrap[data-name=birthday_month]::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 7px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 10px;
  height: 8px;
  background: #393939;
  -webkit-clip-path: polygon(0 0, 100% 0, 50% 100%);
  clip-path: polygon(0 0, 100% 0, 50% 100%);
}

.page-apply-kyujin .form-unit select {
  position: relative;
  width: 110px;
  height: 35px;
  background: #f2fafb;
  border: 1px solid var(--color01);
  border-radius: 5px;
  padding-inline: 8px;
  font-size: 1.2rem;
  line-height: 35px;
}

.page-apply-kyujin .form-unit select[name=birthday_month] {
  width: 52px;
}

.page-apply-kyujin .form-unit select:not(.-default):not(:invalid) {
  background: rgba(243, 152, 1, 0.07);
  border-color: var(--color03);
}

.page-apply-kyujin .wpcf7-form-control.wpcf7-checkbox {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  margin-top: 10px;
}

.page-apply-kyujin .form-unit input[type=checkbox] {
  position: absolute;
}

.page-apply-kyujin .form-unit input[type=checkbox] + span {
  display: flex;
  align-items: center;
  position: relative;
  height: 35px;
  padding-left: 29px;
  border: 1px solid var(--color01);
  border-radius: 5px;
  font-size: 1.2rem;
  letter-spacing: -0.025em;
  cursor: pointer;
}

.page-apply-kyujin .form-unit input[type=checkbox] + span > span {
  font-size: 1rem;
}

.page-apply-kyujin .form-unit input[type=checkbox] + span::before,
.page-apply-kyujin .form-unit input[type=checkbox] + span::after {
  content: "";
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.page-apply-kyujin .form-unit input[type=checkbox] + span::before {
  left: 8px;
  width: 14px;
  height: 14px;
  background: #fff;
  border: 1px solid var(--color01);
}

.page-apply-kyujin .form-unit input[type=checkbox] + span::after {
  opacity: 0;
  left: 11px;
  width: 8px;
  height: 7px;
  background: url(./images/apply-kyujin/icon_check.png) no-repeat center center/contain;
}

.page-apply-kyujin .form-unit input[type=checkbox]:checked + span {
  background: var(--color04);
  border-color: var(--color05);
  color: #fff;
}

.page-apply-kyujin .form-unit input[type=checkbox]:checked + span::before {
  border-color: var(--color05);
}

.page-apply-kyujin .form-unit input[type=checkbox]:checked + span::after {
  opacity: 1;
}

.page-apply-kyujin .wpcf7-form-control.wpcf7-radio {
  display: flex;
  align-items: center;
  gap: 12px;
}

.page-apply-kyujin .form-unit input[type=radio] {
  position: absolute;
}

.page-apply-kyujin .form-unit input[type=radio] + span {
  display: flex;
  align-items: center;
  position: relative;
  width: 108px;
  height: 35px;
  padding-left: 29px;
  border: 1px solid var(--color01);
  border-radius: 5px;
  font-size: 1.2rem;
  letter-spacing: -0.025em;
  cursor: pointer;
}

.page-apply-kyujin .form-unit input[type=radio] + span::before,
.page-apply-kyujin .form-unit input[type=radio] + span::after {
  content: "";
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  border-radius: 50%;
}

.page-apply-kyujin .form-unit input[type=radio] + span::before {
  left: 8px;
  width: 14px;
  height: 14px;
  background: #fff;
  border: 1px solid var(--color01);
}

.page-apply-kyujin .form-unit input[type=radio] + span::after {
  opacity: 0;
  left: 12px;
  width: 6px;
  height: 6px;
  background: var(--color05);
}

.page-apply-kyujin .form-unit input[type=radio]:checked + span {
  background: var(--color04);
  border-color: var(--color05);
  color: #fff;
}

.page-apply-kyujin .form-unit input[type=radio]:checked + span::before {
  border-color: var(--color05);
}

.page-apply-kyujin .form-unit input[type=radio]:checked + span::after {
  opacity: 1;
}

.page-apply-kyujin .form-btn-wrap {
  position: relative;
  max-width: 360px;
  margin: 35px auto 0;
}

.page-apply-kyujin .form-btn-wrap::before {
  content: "";
  position: absolute;
  top: -12px;
  left: -8px;
  z-index: 2;
  width: 49px;
  height: 54px;
  background: url(./images/apply-kyujin/illust04.png) no-repeat center/contain;
  pointer-events: none;
}

.page-apply-kyujin .form-btn-wrap::after {
  content: "";
  position: absolute;
  top: -14px;
  right: -8px;
  z-index: 2;
  width: 49px;
  height: 60px;
  background: url(./images/apply-kyujin/illust05.png) no-repeat center/contain;
  pointer-events: none;
}

.page-apply-kyujin .form-btn {
  display: flex;
  position: relative;
  z-index: 1;
  width: 100%;
  height: 70px;
  background-color: #6eb92b;
  border-radius: 10px;
  box-shadow: 0 2px 0 #63a827;
}

.page-apply-kyujin .form-btn:disabled {
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
}

.page-apply-kyujin .-submit .form-btn {
  background-image: url(./images/apply-kyujin/btn_submit.png);
  background-position: center;
  background-size: 282px 39px;
  background-repeat: no-repeat;
  text-indent: -9999px;
}

.page-apply-kyujin .form-policy {
  display: flex;
  justify-content: center;
  align-items: baseline;
  margin-top: 15px;
  font-family: var(--font-zen-maru);
  font-weight: 400;
  font-size: 1.2rem;
  letter-spacing: .1em;
  text-align: center;
}

.page-apply-kyujin .form-policy::after {
  content: "";
  -webkit-transform: translateY(1px);
  transform: translateY(1px);
  width: 12.5px;
  height: 12.5px;
  margin-left: 7px;
  background: url(./images/apply-kyujin/icon_tab.png) no-repeat;
  background-size: contain;
}

.page-apply-kyujin .text04 {
  line-height: 0;
  text-align: center;
}

.page-apply-kyujin .text05 {
  margin-top: 32px;
  line-height: 0;
  text-align: center;
}

.page-apply-kyujin .complete {
  position: relative;
  max-width: 1080px;
  margin: 40px auto 0;
  padding: 40px 40px 62px;
  background: #fff;
}

.page-apply-kyujin .complete::before {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 68px;
  background: url(./images/apply-kyujin/flower.png) no-repeat center top/992px auto;
}

.page-apply-kyujin .complete-facility {
  position: relative;
  z-index: 2;
  text-align: center;
}

.page-apply-kyujin .complete-facility p {
  padding: 14px 18px;
  border: 2px solid #fad93d;
  border-radius: 5px;
  color: var(--color01);
  font-family: var(--font-zen-maru);
  font-size: 2rem;
  font-weight: bold;
  line-height: 1.4;
  letter-spacing: -0.02em;
}

.page-apply-kyujin .complete-text-wrap {
  margin-top: 55px;
  text-align: center;
}

.page-apply-kyujin .complete-text01 {
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 1.6667;
}

.page-apply-kyujin .complete-text01 span {
  color: var(--color03);
}

.page-apply-kyujin .complete-text02 {
  margin-top: 25px;
  font-size: 1.6rem;
  font-weight: bold;
}

.page-apply-kyujin .complete-text02 a {
  display: inline-block;
  color: var(--color03);
  font-family: 'Montserrat', sans-serif;
  font-size: 2.4rem;
  font-weight: 600;
}

.page-apply-kyujin .complete-btn {
  position: relative;
  max-width: 360px;
  margin: 67px auto 0;
}

.page-apply-kyujin .complete-btn::before {
  content: "";
  position: absolute;
  top: -12px;
  left: -8px;
  z-index: 2;
  width: 49px;
  height: 54px;
  background: url(./images/apply-kyujin/illust04.png) no-repeat center/contain;
  pointer-events: none;
}

.page-apply-kyujin .complete-btn::after {
  content: "";
  position: absolute;
  top: -14px;
  right: -8px;
  z-index: 2;
  width: 49px;
  height: 60px;
  background: url(./images/apply-kyujin/illust05.png) no-repeat center/contain;
  pointer-events: none;
}

.page-apply-kyujin .complete-btn a {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 1;
  width: 100%;
  height: 70px;
  background-color: #6eb92b;
  border-radius: 10px;
  box-shadow: 0 2px 0 #63a827;
}

.page-apply-kyujin .text06 {
  line-height: 0;
  text-align: center;
}

.page-apply-kyujin .terms {
  position: relative;
  max-width: 1080px;
  margin: 60px auto 0;
  padding: 40px;
  background-color: #fff;
  font-size: 1.6rem;
  line-height: 1.667;
}

.page-apply-kyujin .list-term {
  counter-reset: number 0;
}

.page-apply-kyujin .list-term__title {
  margin-top: 40px;
  font-size: 1.8rem;
  counter-increment: number 1;
}

.page-apply-kyujin .list-term__title:before {
  content: counter(number) ".";
  margin-right: 8px;
}

.page-apply-kyujin .list-term__content {
  margin-top: 10px;
  font-size: 1.4rem;
}

.page-apply-kyujin .list-decimalkakko {
  counter-reset: number 0;
}

.page-apply-kyujin .list-decimalkakko > li {
  counter-increment: number 1;
}

.page-apply-kyujin .list-decimalkakko > li:before {
  content: counter(number) " )";
  margin-right: 8px;
}

.page-apply-kyujin .text-link {
  color: #4bb9cd;
  text-decoration: underline;
}

.page-apply-kyujin .text-link:hover {
  transition: opacity .2s;
  opacity: .7;
}

.page-apply-kyujin .term-btn {
  position: relative;
  max-width: 360px;
  margin: 40px auto 0;
}

.page-apply-kyujin .term-btn::before {
  content: "";
  position: absolute;
  top: -12px;
  left: -8px;
  z-index: 2;
  width: 49px;
  height: 54px;
  background: url(./images/apply-kyujin/illust04.png) no-repeat center/contain;
  pointer-events: none;
}

.page-apply-kyujin .term-btn::after {
  content: "";
  position: absolute;
  top: -14px;
  right: -8px;
  z-index: 2;
  width: 49px;
  height: 60px;
  background: url(./images/apply-kyujin/illust05.png) no-repeat center/contain;
  pointer-events: none;
}

.page-apply-kyujin .term-btn a {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 1;
  width: 100%;
  height: 70px;
  background-color: #6eb92b;
  border-radius: 10px;
  box-shadow: 0 2px 0 #63a827;
}

.page-apply-kyujin .color01 {
  color: var(--color01);
}

.page-apply-kyujin .color02 {
  color: var(--color02);
}

.page-apply-kyujin .color03 {
  color: var(--color03);
}

.page-apply-kyujin .color04 {
  color: var(--color04);
}

.page-apply-kyujin .display-none {
  display: none;
}

@media only screen and (min-width: 751px) {
  body.page-apply-kyujin {
    overflow: auto;
    min-width: 1120px;
    padding: 20px;
  }

  .page-apply-kyujin .form-wrap {
    padding: 0 40px 40px;
    background: #fff;
  }

  .page-apply-kyujin .display-sp {
    display: none;
  }
}

@media only screen and (max-width: 750px) {
  body.page-apply-kyujin {
    padding: 10px 0;
  }

  .page-apply-kyujin .l-wrapper {
    min-height: calc(100vh - 20px);
    padding: 10px 10px 40px;
    border-radius: 0;
  }

  .page-apply-kyujin .header-logo-kyujin {
    top: 8px;
    left: 9px;
    -webkit-transform: scale(0.3);
    transform: scale(0.3);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
  }

  .page-apply-kyujin .text01 img {
    width: 309px !important;
  }

  .page-apply-kyujin .text02 {
    margin-top: 5px;
  }

  .page-apply-kyujin .text02 img {
    width: 355px !important;
  }

  .page-apply-kyujin .text03 {
    margin-top: 5px;
  }

  .page-apply-kyujin .text03 img {
    width: 332px !important;
  }

  .page-apply-kyujin .form-kyujin {
    margin: 4px auto 0;
  }

  .page-apply-kyujin .form-facility {
    margin-bottom: 10px;
    padding: 0;
    background: none;
  }

  .page-apply-kyujin .form-facility p {
    padding: 8px 12px;
    border-width: 1px;
  }

  .page-apply-kyujin .form-unit {
    flex-direction: column;
    padding: 10px;
    background: #fff;
    border-radius: 5px;
    border-top: 0;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.18);
  }

  .page-apply-kyujin .form-unit + .form-unit {
    margin-top: 11px;
  }

  .page-apply-kyujin .form-unit .-optional::after,
  .page-apply-kyujin .form-unit .-required::after {
    width: 42px;
    height: 18px;
    font-size: 1.2rem;
  }

  .page-apply-kyujin .form-label {
    width: auto;
    margin-bottom: 2px;
    padding: 0;
    font-size: 1.4rem;
  }

  .page-apply-kyujin .form-label::before {
    width: 14px;
    height: 14px;
    margin-right: 4px;
  }

  .page-apply-kyujin .form-label-note {
    margin-left: 8px;
    color: var(--color03);
    font-family: var(--font-zen-kaku);
    font-size: 1.2rem;
    font-weight: 500;
  }

  .page-apply-kyujin .form-content {
    padding: 0;
    border-left: 0;
  }

  .page-apply-kyujin .form-content.-name {
    flex-direction: column;
    gap: 8px;
  }

  .page-apply-kyujin .form-content.-address {
    gap: 10px;
  }

  .page-apply-kyujin .form-content.-address .form-field:nth-child(1) {
    order: 1;
  }

  .page-apply-kyujin .form-content.-address .form-field:nth-child(2) {
    order: 2;
  }

  .page-apply-kyujin .form-content.-address .form-field:nth-child(3) {
    order: 4;
    width: 100%;
  }

  .page-apply-kyujin .form-content.-address > .form-text {
    order: 3;
  }

  .page-apply-kyujin .form-content.-address::after {
    right: 8px;
    width: 61px;
    height: 56px;
  }

  .page-apply-kyujin .form-content.-birthday {
    justify-content: flex-start;
    gap: 10px;
  }

  .page-apply-kyujin .form-content.-birthday .form-field {
    width: 150px;
  }

  .page-apply-kyujin .form-text,
  .page-apply-kyujin .form-kyujin .wpcf7-not-valid-tip,
  .page-apply-kyujin .form-kyujin .wpcf7-not-valid-tip2 {
    font-size: 1rem;
    line-height: 1.5;
  }

  .page-apply-kyujin .form-kyujin .wpcf7-not-valid-tip,
  .page-apply-kyujin .form-kyujin .wpcf7-not-valid-tip2 {
    margin-top: 2px;
  }

  .page-apply-kyujin .form-field.-flex {
    gap: 4px 10px;
  }

  .page-apply-kyujin .wpcf7-form-control-wrap[data-name=content] .wpcf7-list-item {
    width: 100%;
  }

  .page-apply-kyujin .wpcf7-form-control-wrap[data-name=content] input[type=checkbox] + span {
    width: 100%;
  }

  .page-apply-kyujin .wpcf7-form-control-wrap[data-name=shikaku] .wpcf7-list-item {
    width: calc(50% - 4px);
  }

  .page-apply-kyujin .wpcf7-form-control-wrap[data-name=shikaku] input[type=checkbox] + span {
    width: 100%;
  }

  .page-apply-kyujin .form-unit input::-webkit-input-placeholder {
    font-size: 1.6rem;
  }

  .page-apply-kyujin .form-unit input::-moz-placeholder {
    font-size: 1.6rem;
  }

  .page-apply-kyujin .form-unit input::-ms-input-placeholder {
    font-size: 1.6rem;
  }

  .page-apply-kyujin .form-unit input::placeholder {
    font-size: 1.6rem;
  }

  .page-apply-kyujin .form-unit input[type=text],
  .page-apply-kyujin .form-unit input[type=tel],
  .page-apply-kyujin .form-unit input[type=email] {
    font-size: 1.6rem;
  }

  .page-apply-kyujin .wpcf7-form-control-wrap[data-name=onamae],
  .page-apply-kyujin .wpcf7-form-control-wrap[data-name=furigana] {
    width: calc(100% - 52px);
  }

  .page-apply-kyujin .form-unit input[name=onamae],
  .page-apply-kyujin .form-unit input[name=furigana] {
    width: 100%;
  }

  .page-apply-kyujin .wpcf7-form-control-wrap[data-name=address2] {
    width: 100%;
  }

  .page-apply-kyujin .form-unit input[name=address2] {
    width: 100%;
  }

  .page-apply-kyujin .wpcf7-form-control-wrap[data-name=your_tel] {
    width: 100%;
  }

  .page-apply-kyujin .wpcf7-form-control-wrap[data-name=your_tel] {
    margin-top: 2px;
  }

  .page-apply-kyujin .form-unit input[name=your_tel] {
    width: 100%;
  }

  .page-apply-kyujin .wpcf7-form-control-wrap[data-name=your_email] {
    width: 100%;
    margin-top: 2px;
  }

  .page-apply-kyujin .wpcf7-form-control-wrap[data-name=your_email]::after {
    content: none;
  }

  .page-apply-kyujin .form-unit input[type=email] {
    width: 100%;
  }

  .page-apply-kyujin .wpcf7-form-control-wrap[data-name=your_message] {
    padding-top: 8px;
  }

  .page-apply-kyujin .form-unit textarea {
    font-size: 1.6rem;
    line-height: 1.3334;
  }

  .page-apply-kyujin .form-unit textarea::-webkit-input-placeholder {
    font-size: 1.6rem;
  }

  .page-apply-kyujin .form-unit textarea::-moz-placeholder {
    font-size: 1.6rem;
  }

  .page-apply-kyujin .form-unit textarea::-ms-input-placeholder {
    font-size: 1.6rem;
  }

  .page-apply-kyujin .form-unit textarea::placeholder {
    font-size: 1.6rem;
  }

  .page-apply-kyujin .form-unit select {
    font-size: 1.6rem;
  }

  .page-apply-kyujin .form-unit select[name=birthday_year] {
    width: 120px;
  }

  .page-apply-kyujin .wpcf7-form-control.wpcf7-checkbox {
    gap: 8px;
    margin-top: 0;
  }

  .page-apply-kyujin .form-unit input[type=checkbox] + span {
    padding-left: 26px;
    font-size: 1.6rem;
  }

  .page-apply-kyujin .form-unit input[type=checkbox] + span > span {
    font-size: 1.2rem;
  }

  .page-apply-kyujin .wpcf7-form-control.wpcf7-radio {
    gap: 8px;
  }

  .page-apply-kyujin .wpcf7-form-control-wrap[data-name=joukyou] {
    width: 100%;
  }

  .page-apply-kyujin .wpcf7-form-control-wrap[data-name=joukyou] .wpcf7-list-item {
    width: calc(50% - 4px);
  }

  .page-apply-kyujin .form-unit input[type=radio] + span {
    width: 100%;
    padding-left: 26px;
    font-size: 1.6rem;
  }

  .page-apply-kyujin .form-btn-wrap {
    max-width: none;
    margin: 24px 0 0;
  }

  .page-apply-kyujin .form-btn-wrap::before {
    top: -12px;
    left: -3px;
  }

  .page-apply-kyujin .form-btn-wrap::after {
    top: -16px;
    right: -4px;
  }

  .page-apply-kyujin .form-btn {
    height: 68px;
  }

  .page-apply-kyujin .-submit .form-btn {
    background-image: url(./images/apply-kyujin/btn_submit@sp.png);
    background-size: 272px 40px;
  }

  .page-apply-kyujin .form-policy {
    margin-top: 6px;
  }

  .page-apply-kyujin .text05 {
    margin-top: 10px;
  }

  .page-apply-kyujin .complete {
    margin-top: 10px;
    padding: 10px 10px 22px;
  }

  .page-apply-kyujin .complete::before {
    content: none;
  }

  .page-apply-kyujin .complete-facility p {
    padding: 6px 8px;
    background: #fff;
    border-width: 1px;
    font-size: 1.2rem;
  }

  .page-apply-kyujin .complete-text-wrap {
    margin-top: 25px;
  }

  .page-apply-kyujin .complete-text01 {
    font-size: 1.4rem;
  }

  .page-apply-kyujin .complete-text02 {
    margin-top: 25px;
    font-size: 1.2rem;
  }

  .page-apply-kyujin .complete-text02 a {
    font-size: 2rem;
  }

  .page-apply-kyujin .complete-btn {
    max-width: none;
    margin: 30px 0 0;
  }

  .page-apply-kyujin .complete-btn::before {
    top: -12px;
    left: -3px;
  }

  .page-apply-kyujin .complete-btn::after {
    top: -16px;
    right: -4px;
  }

  .page-apply-kyujin .complete-btn a {
    height: 68px;
  }

  .page-apply-kyujin .text06 img {
    width: 153px;
  }

  .page-apply-kyujin .terms {
    margin-top: 10px;
    padding: 10px;
  }

  .page-apply-kyujin .list-term__title {
    margin-top: 30px;
    font-size: 1.6rem;
  }

  .page-apply-kyujin .list-term__content {
    margin-top: 8px;
    font-size: 1.2rem;
  }

  .page-apply-kyujin .term-btn {
    max-width: none;
    margin: 20px 0 0;
  }

  .page-apply-kyujin .term-btn::before {
    top: -12px;
    left: -3px;
  }

  .page-apply-kyujin .term-btn::after {
    top: -16px;
    right: -4px;
  }

  .page-apply-kyujin .term-btn a {
    height: 68px;
  }

  .page-apply-kyujin .display-pc {
    display: none;
  }
}