@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;600;700&display=swap");
@import url("https://use.typekit.net/omq7xfc.css");
/*USE*/
/*USE*/
/*USE*/
/*USE*/
/*USE*/
/* TRANSPARENT */
/* FONT SIZE */
/* 未使用 */
/* 未使用 */
/* LINE HEIGHT */
/* MARGIN */
/* BREAK POINT */
/* COLUMN WIDTH */
/* BTN SIZE */
/* info 一覧 */
/* footerお問い合わせ */
/* 一覧 */
/*iconなど*/
/* SHADOW */
@media (prefers-reduced-motion: no-preference) { /* ここを追加 */
  html:focus-within {
    scroll-behavior: smooth;
  }
}
html {
  min-height: 100vh;
  min-height: 100dvh;
  height: -webkit-fill-available;
  font-size: 100%;
}

body {
  min-height: 100vh;
  min-height: 100dvh;
  font-family: "Noto Sans JP", system-ui, -apple-system, BlinkMacSystemFont, "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
  font-weight: 400;
  line-height: 2;
  color: #1d1d1d;
  display: flex;
  flex-direction: column;
}
body:has(#loading) {
  overflow: hidden;
}
body.is-fixed {
  overflow: clip;
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

section {
  margin-bottom: 4.5rem;
}
section:only-child, section:last-child {
  margin-bottom: 0;
}

p {
  margin-bottom: 2.25rem;
}
p:only-child, p:last-child {
  margin-bottom: 0;
}

ol li,
ul li {
  margin-bottom: 0.74925rem;
}
ol.flex li,
ul.flex li {
  margin-bottom: 0;
}

ol li {
  padding-left: 1.5rem;
  position: relative;
}
ol li:first-child::before {
  content: "1.";
}
ol li:nth-of-type(2)::before {
  content: "2.";
}
ol li:nth-of-type(3)::before {
  content: "3.";
}
ol li:nth-of-type(4)::before {
  content: "4.";
}
ol li:nth-of-type(5)::before {
  content: "5.";
}
ol li:nth-of-type(6)::before {
  content: "6.";
}
ol li:nth-of-type(7)::before {
  content: "7.";
}
ol li:nth-of-type(8)::before {
  content: "8.";
}
ol li:nth-of-type(9)::before {
  content: "9.";
}
ol li::before {
  position: absolute;
  top: 0;
  left: 0;
}

.vertical-img {
  width: min(100%, 200px);
  margin-inline: auto;
}
.vertical-img img {
  width: 100%;
  height: auto;
}

img.wideImg, img.autoImg {
  max-width: 100%;
  height: auto;
  vertical-align: top;
}
img.wideImg.f-center, img.autoImg.f-center {
  display: block;
}
img.wideImg.line-2, img.autoImg.line-2 {
  max-width: 48.4%;
}
img.wideImg.line-3, img.autoImg.line-3 {
  max-width: 31.4%;
}
img.wideImg.line-3-wide, img.autoImg.line-3-wide {
  max-width: 65.45%;
}
img.wideImg.line-4, img.autoImg.line-4 {
  max-width: 22.85%;
}
img.wideImg {
  aspect-ratio: 800/450;
}
img.fixedImg {
  width: auto;
  max-width: none;
}
img.radius {
  border-radius: 1.50075rem;
}

@media screen and (max-width: 53.75rem) {
  img.autoImg.line-2, img.autoImg.line-3, img.autoImg.line-3-wide, img.autoImg.line-4 {
    max-width: 100%;
  }
}
input[type=date],
input[type=text],
input[type=number],
input[type=tel],
input[type=url],
input[type=email],
select,
textarea {
  width: 100%;
  max-width: 15.625rem;
  height: 2.5rem;
  padding: 0 0.5rem;
  background: #fff;
  font-size: 1rem;
  line-height: normal;
  border: 0.0625rem solid #7aa2b3;
  text-align: left;
  vertical-align: middle;
  outline: none;
  color: #1d1d1d;
  border-radius: 0.5rem;
  box-sizing: border-box;
}
input[type=date].is-focus, input[type=date]:focus,
input[type=text].is-focus,
input[type=text]:focus,
input[type=number].is-focus,
input[type=number]:focus,
input[type=tel].is-focus,
input[type=tel]:focus,
input[type=url].is-focus,
input[type=url]:focus,
input[type=email].is-focus,
input[type=email]:focus,
select.is-focus,
select:focus,
textarea.is-focus,
textarea:focus {
  border: 0.125rem solid #21703F;
}
input[type=date].wpcf7-not-valid, input[type=date].is-error,
input[type=text].wpcf7-not-valid,
input[type=text].is-error,
input[type=number].wpcf7-not-valid,
input[type=number].is-error,
input[type=tel].wpcf7-not-valid,
input[type=tel].is-error,
input[type=url].wpcf7-not-valid,
input[type=url].is-error,
input[type=email].wpcf7-not-valid,
input[type=email].is-error,
select.wpcf7-not-valid,
select.is-error,
textarea.wpcf7-not-valid,
textarea.is-error {
  background: #f6d8d0;
  border: 0.0625rem solid #a00903;
}
input[type=date].wpcf7-not-valid.is-focus, input[type=date].wpcf7-not-valid:focus, input[type=date].is-error.is-focus, input[type=date].is-error:focus,
input[type=text].wpcf7-not-valid.is-focus,
input[type=text].wpcf7-not-valid:focus,
input[type=text].is-error.is-focus,
input[type=text].is-error:focus,
input[type=number].wpcf7-not-valid.is-focus,
input[type=number].wpcf7-not-valid:focus,
input[type=number].is-error.is-focus,
input[type=number].is-error:focus,
input[type=tel].wpcf7-not-valid.is-focus,
input[type=tel].wpcf7-not-valid:focus,
input[type=tel].is-error.is-focus,
input[type=tel].is-error:focus,
input[type=url].wpcf7-not-valid.is-focus,
input[type=url].wpcf7-not-valid:focus,
input[type=url].is-error.is-focus,
input[type=url].is-error:focus,
input[type=email].wpcf7-not-valid.is-focus,
input[type=email].wpcf7-not-valid:focus,
input[type=email].is-error.is-focus,
input[type=email].is-error:focus,
select.wpcf7-not-valid.is-focus,
select.wpcf7-not-valid:focus,
select.is-error.is-focus,
select.is-error:focus,
textarea.wpcf7-not-valid.is-focus,
textarea.wpcf7-not-valid:focus,
textarea.is-error.is-focus,
textarea.is-error:focus {
  border: 0.125rem solid #a00903;
}
input[type=date].is-disabled,
input[type=text].is-disabled,
input[type=number].is-disabled,
input[type=tel].is-disabled,
input[type=url].is-disabled,
input[type=email].is-disabled,
select.is-disabled,
textarea.is-disabled {
  background: #f5f5f5;
  border: 0.0625rem solid #555555;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
       user-select: none;
}
input[type=date].xl,
input[type=text].xl,
input[type=number].xl,
input[type=tel].xl,
input[type=url].xl,
input[type=email].xl,
select.xl,
textarea.xl {
  max-width: 31.25rem;
}
input[type=date].lg,
input[type=text].lg,
input[type=number].lg,
input[type=tel].lg,
input[type=url].lg,
input[type=email].lg,
select.lg,
textarea.lg {
  max-width: 21.875rem;
}
input[type=date].base,
input[type=text].base,
input[type=number].base,
input[type=tel].base,
input[type=url].base,
input[type=email].base,
select.base,
textarea.base {
  max-width: 12.5rem;
}
input[type=date].sm,
input[type=text].sm,
input[type=number].sm,
input[type=tel].sm,
input[type=url].sm,
input[type=email].sm,
select.sm,
textarea.sm {
  max-width: 8.75rem;
}
input[type=date].xs,
input[type=text].xs,
input[type=number].xs,
input[type=tel].xs,
input[type=url].xs,
input[type=email].xs,
select.xs,
textarea.xs {
  max-width: 6.25rem;
}
input[type=date].xs2,
input[type=text].xs2,
input[type=number].xs2,
input[type=tel].xs2,
input[type=url].xs2,
input[type=email].xs2,
select.xs2,
textarea.xs2 {
  max-width: 3.5rem;
}
input[type=date].w-full,
input[type=text].w-full,
input[type=number].w-full,
input[type=tel].w-full,
input[type=url].w-full,
input[type=email].w-full,
select.w-full,
textarea.w-full {
  max-width: 100%;
}
input[type=date].auto,
input[type=text].auto,
input[type=number].auto,
input[type=tel].auto,
input[type=url].auto,
input[type=email].auto,
select.auto,
textarea.auto {
  width: auto;
  padding: 0 1.50075rem;
}

input[type=date],
input[type=submit],
input[dojoType=ComboBox],
select,
label,
option {
  cursor: pointer;
}

textarea {
  height: auto;
  min-height: 2.5rem;
  padding: 0.74925rem;
}
textarea.line3 {
  min-height: 5.75rem;
}
textarea.line5 {
  min-height: 9.375rem;
}
textarea.line10 {
  min-height: 18.75rem;
}

select {
  padding-right: 2rem !important;
  background-image: url(../images/svg/arrow/bottom_key.svg);
  background-position: right 0.5rem top 1rem;
  background-repeat: no-repeat;
  background-size: 0.875rem auto;
  box-sizing: border-box;
}
select.is-error {
  background-color: #f6d8d0;
  background-position: right 0.5rem top 1rem;
  background-repeat: no-repeat;
  background-size: 0.875rem auto;
}
select.is-disabled {
  cursor: default;
}

label {
  vertical-align: middle;
  display: inline-block;
}
label.is-disabled {
  cursor: auto;
  pointer-events: none;
}

.wpcf7-acceptance input[type=checkbox] {
  width: 0.0625rem;
  height: 0.0625rem;
  opacity: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  position: absolute;
}
.wpcf7-acceptance .wpcf7-list-item-label {
  display: inline-flex;
  align-items: center;
  position: relative;
}
.wpcf7-acceptance .wpcf7-list-item-label::before {
  content: "";
  width: 1.125rem;
  height: 1.125rem;
  flex: 0 0 1.125rem;
  margin-right: 0.125rem;
  background: #fff;
  border: 0.0625rem solid #0D843B;
  box-sizing: border-box;
}
.wpcf7-acceptance input:focus + .wpcf7-list-item-label::before {
  border: 0.125rem solid #0D843B;
}
.wpcf7-acceptance input:checked + .wpcf7-list-item-label::after {
  content: "";
  width: 0.875rem;
  height: 0.875rem;
  background: url(../images/svg/function/checkbox.svg) no-repeat center/contain;
  position: absolute;
  left: 0.125rem;
  top: 50%;
  transform: translateY(-50%);
}

.errorText {
  display: none;
}

.is-error ~ .errorText {
  display: block;
}

.longSelect,
.editInput {
  width: 100%;
  max-width: 15.625rem;
  min-height: 2.5rem;
  border: 0.0625rem solid #7aa2b3;
  background: #fff;
}
.longSelect.xl,
.editInput.xl {
  max-width: 31.25rem;
}
.longSelect.lg,
.editInput.lg {
  max-width: 21.875rem;
}
.longSelect.sm,
.editInput.sm {
  max-width: 6.25rem;
}
.longSelect.xs,
.editInput.xs {
  max-width: 3.5rem;
}
.longSelect.w-full,
.editInput.w-full {
  max-width: 100%;
}
.longSelect.auto,
.editInput.auto {
  width: auto;
  padding: 0 1.50075rem;
}
.longSelect:focus,
.editInput:focus {
  border: 0.125rem solid #0D843B;
}
.longSelect.is-disable,
.editInput.is-disable {
  pointer-events: none;
  border: 0.0625rem solid #CFCFCF !important;
  color: #CFCFCF;
}

.editInput {
  padding: 0.3125rem 0.5rem 0 0.5rem;
  font-size: 1rem;
  line-height: normal;
  vertical-align: middle;
  text-align: left;
  border-radius: 0.74925rem;
  outline: none;
}
.editInput.line1 {
  min-height: 2.5rem;
}
.editInput.line3 {
  min-height: 5.75rem;
}
.editInput.line5 {
  min-height: 9.375rem;
}
.editInput.line10 {
  min-height: 18.75rem;
}

.longSelect {
  margin: 0 0 0.74925rem 0;
  padding-top: 0.3125rem;
  border-radius: 0.74925rem;
  display: inline-block;
  position: relative;
}
.longSelect.is-disable {
  border: 1px solid #CFCFCF;
}
.longSelect.is-disable button {
  pointer-events: none;
  color: #CFCFCF;
}
.longSelect.is-disable button.selectBtn {
  background: none;
}
.longSelect button {
  width: 100%;
  text-align: left;
  text-decoration: none !important;
}
.longSelect button:hover {
  text-decoration: none !important;
}
.longSelect button.selectBtn {
  min-height: 30px;
  padding: 0 2.25rem 0 0.74925rem;
  background-image: url(../images/svg/arrow/bottom_gray.svg);
  background-position: right 0.3125rem top 0.625rem;
  background-repeat: no-repeat;
  background-size: 1rem auto;
  font-size: 1rem;
  line-height: 1.2;
  vertical-align: middle;
}
.longSelect ul {
  display: none;
}
.longSelect.is-active {
  border-radius: 0.74925rem 0.74925rem 0 0;
}
.longSelect.is-active button.selectBtn {
  background-image: url(../images/svg/arrow/top_gray.svg);
  background-position: right 0.3125rem top 0.625rem;
  background-repeat: no-repeat;
  background-size: 1rem auto;
}
.longSelect.is-active ul {
  width: 100%;
  margin: 0;
  padding: 0 2.25rem 2.25rem 2.25rem !important;
  background: #fff;
  position: absolute;
  display: block;
  text-align: left;
  border: 0.0625rem solid #555555;
  border-top: none;
  border-radius: 0 0 0.74925rem 0.74925rem;
  z-index: 100;
  top: -0.0625rem;
  left: -0.0625rem;
}
.longSelect.is-active ul li {
  width: 100%;
  padding: 1.50075rem;
  font-size: 1rem;
  line-height: 1.2;
  border-bottom: 1px solid #CFCFCF;
  display: block;
}

a,
button {
  color: #154d9a;
  pointer-events: auto;
  word-break: break-word;
  overflow-wrap: break-word;
  white-space: normal;
  text-decoration: underline;
}
a:hover,
button:hover {
  text-decoration: none;
}

/*
@media screen and (max-width : $baseSp) {
  a {
    &[href^="tel:"] {
      pointer-events: none;
    }
  }
}
*/
a.noLine,
button.noLine {
  text-decoration: none !important;
}
a.noLine:focus, a.noLine:hover,
button.noLine:focus,
button.noLine:hover {
  text-decoration: underline !important;
}
a:focus,
button:focus {
  outline: none;
  background-color: #d1f7d9;
}
a.textBlue, a.textBlack,
button.textBlue,
button.textBlack {
  text-decoration: none;
  text-decoration: underline;
}
a.textBlue:focus, a.textBlue:hover, a.textBlack:focus, a.textBlack:hover,
button.textBlue:focus,
button.textBlue:hover,
button.textBlack:focus,
button.textBlack:hover {
  text-decoration: none;
}
a.textBlue,
button.textBlue {
  color: #154d9a;
}
a.textBlack,
button.textBlack {
  color: #000;
}
a.textBtn,
button.textBtn {
  font-weight: 550 !important;
}
a.is-active,
button.is-active {
  pointer-events: none;
  color: #0D843B;
  font-weight: 500;
}
a.is-disabled,
button.is-disabled {
  pointer-events: none;
  color: #555555;
  text-decoration: none;
}
a.labelType,
button.labelType {
  width: 100%;
  max-width: 19.5625rem;
  height: 3rem;
  font-weight: 600;
  text-decoration: none;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 1.5rem;
}
a.labelType:focus, a.labelType:hover,
button.labelType:focus,
button.labelType:hover {
  text-decoration: underline;
}
a.labelType.xs3,
button.labelType.xs3 {
  max-width: 2.5rem;
}
a.labelType.xs2,
button.labelType.xs2 {
  max-width: 9rem;
}
a.labelType.xs,
button.labelType.xs {
  max-width: 13.4375rem;
}
a.labelType.sm,
button.labelType.sm {
  max-width: 16rem;
}
a.labelType.lg,
button.labelType.lg {
  max-width: 11.25rem;
}
a.labelType.xl,
button.labelType.xl {
  max-width: 15.625rem;
}
a.labelType.xl2,
button.labelType.xl2 {
  max-width: 31.25rem;
}
a.labelType.height-sm,
button.labelType.height-sm {
  height: 1.5rem;
}
a.labelType.w-full,
button.labelType.w-full {
  max-width: 100%;
}
a.labelType.w-auto,
button.labelType.w-auto {
  width: auto;
  max-width: auto;
}
a.labelType.main,
button.labelType.main {
  background-color: #0D843B;
  color: #fff;
}
a.labelType.sub,
button.labelType.sub {
  background-color: #fff;
  border: 0.0625rem solid #0D843B;
  color: #0D843B;
}
a.labelType.sky,
button.labelType.sky {
  background-color: #0a6ca1;
  color: #fff;
}
a.labelType.sky.sub,
button.labelType.sky.sub {
  background-color: #fff;
  color: #0a6ca1;
  border: 1px solid #0a6ca1;
}
a.labelType.white,
button.labelType.white {
  background-color: #fff;
  color: #0D843B;
}
a.labelType.base,
button.labelType.base {
  background-color: #555555;
  color: #f5f5f5;
}
a.labelType.negative,
button.labelType.negative {
  background-color: #CFCFCF;
}
a.labelType.del,
button.labelType.del {
  background-color: #000;
  color: #fff;
}
a.labelType:disabled, a.labelType.is-disabled,
button.labelType:disabled,
button.labelType.is-disabled {
  color: #CFCFCF;
  background-color: #f5f5f5;
  border: 0.0625rem solid #CFCFCF;
  cursor: not-allowed;
  pointer-events: none;
}
a.circleType,
button.circleType {
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  text-indent: -9999px;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
}
a.circleType span,
button.circleType span {
  width: 3rem;
  height: 3rem;
  display: block;
}
a.circleType.sm,
button.circleType.sm {
  width: 1.5rem;
  height: 1.5rem;
  border: 1px solid #21703F;
}
a.circleType.main,
button.circleType.main {
  background: #0D843B;
}
a.circleType.sub,
button.circleType.sub {
  border: 1px solid #21703F;
}
a.circleType.sub.is-disabled,
button.circleType.sub.is-disabled {
  border: 1px solid #CFCFCF;
}
a.circleType.is-disabled,
button.circleType.is-disabled {
  background-color: #f5f5f5;
  pointer-events: none;
}
a.circleType.plus span,
button.circleType.plus span {
  background-image: url(../images/svg/icon/plus.svg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 1.5rem auto;
  display: block;
}
a.circleType.down span,
button.circleType.down span {
  background-image: url(../images/svg/arrow/bottom_gray.svg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 1.125rem auto;
  display: block;
}
a.circleType.up span,
button.circleType.up span {
  background-image: url(../images/svg/arrow/top_gray.svg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 1.125rem auto;
  display: block;
}
a.circleType.dotte.is-disabled span,
button.circleType.dotte.is-disabled span {
  background-image: url(../images/svg/icon/dotte_gray.svg);
}
a.circleType.dotte span,
button.circleType.dotte span {
  background-image: url(../images/svg/icon/dotte.svg);
  background-position: 0.3125rem center;
  background-repeat: no-repeat;
  background-size: 1.75rem auto;
  display: block;
}
a .del,
button .del {
  background-image: url(../images/svg/icon/del.svg);
  background-repeat: no-repeat;
}
a .delWhite,
button .delWhite {
  background-image: url(../images/svg/icon/del_white.svg);
  background-repeat: no-repeat;
}
a .copyPlus,
button .copyPlus {
  background-image: url(../images/svg/icon/copy_plus.svg);
  background-repeat: no-repeat;
}
a .add,
button .add {
  background-image: url(../images/svg/icon/add.svg);
  background-repeat: no-repeat;
}
a .remove,
button .remove {
  background-image: url(../images/svg/icon/remove.svg);
  background-repeat: no-repeat;
}
a .addPlus,
button .addPlus {
  background-image: url(../images/svg/icon/add_plus.svg);
  background-repeat: no-repeat;
}
a .edit,
button .edit {
  background-image: url(../images/svg/icon/edit_pen.svg);
  background-repeat: no-repeat;
}
a .calendar,
button .calendar {
  background-image: url(../images/svg/icon/calendar.svg);
  background-repeat: no-repeat;
}
a .upload,
button .upload {
  background-image: url(../images/svg/icon/upload.svg);
  background-repeat: no-repeat;
}
a .download,
button .download {
  background-image: url(../images/svg/icon/download.svg);
  background-repeat: no-repeat;
}
a .download-white,
button .download-white {
  background-image: url(../images/svg/icon/download_white.svg);
  background-repeat: no-repeat;
}
a .del_x,
button .del_x {
  background-image: url(../images/svg/icon/closed.svg);
  background-repeat: no-repeat;
}
a .blank,
button .blank {
  background-image: url(../images/svg/icon/blank.svg);
  background-repeat: no-repeat;
}
a .blank-white,
button .blank-white {
  background-image: url(../images/svg/icon/blank_white.svg);
  background-repeat: no-repeat;
}
a .print,
button .print {
  background-image: url(../images/svg/icon/print.svg);
  background-repeat: no-repeat;
}
a .mail,
button .mail {
  background-image: url(../images/svg/icon/mail.svg);
  background-repeat: no-repeat;
}
a .mailWhite,
button .mailWhite {
  background-image: url(../images/svg/icon/mail_white.svg);
  background-repeat: no-repeat;
}
a .document,
button .document {
  background-image: url(../images/svg/document/document2.svg);
  background-repeat: no-repeat;
}
a .pdf,
button .pdf {
  background-image: url(../images/svg/document/pdf.svg);
  background-repeat: no-repeat;
}
a .xls,
button .xls {
  background-image: url(../images/svg/document/xls.svg);
  background-repeat: no-repeat;
}
a .prev,
button .prev {
  background-image: url(../images/svg/arrow/prev_link.svg);
  background-repeat: no-repeat;
}
a .next,
button .next {
  background-image: url(../images/svg/arrow/next_link.svg);
  background-repeat: no-repeat;
}
a.iconType,
button.iconType {
  width: 2.5rem;
  min-height: 2.5rem;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
}
a.iconType span,
button.iconType span {
  width: 2.4375rem;
  min-height: 2.4375rem;
  text-indent: -9999px;
  display: inline-block;
}
a.iconType.withText,
button.iconType.withText {
  padding-top: 2rem;
}
a.iconType.withText span,
button.iconType.withText span {
  width: 2.5rem;
  line-height: 1;
  text-align: center;
  font-size: 0.75rem;
  color: #000;
  display: inline-block;
  text-indent: 0;
}
a.iconType.withText:hover span,
button.iconType.withText:hover span {
  text-decoration: underline;
}
a.iconType .del,
a.iconType .delWhite,
button.iconType .del,
button.iconType .delWhite {
  background-position: center center;
  background-size: auto 1.75rem;
}
a.iconType .copyPlus,
button.iconType .copyPlus {
  background-position: center center;
  background-size: auto 1.875rem;
}
a.iconType .add,
button.iconType .add {
  background-position: center center;
  background-size: 1.75rem auto;
}
a.iconType .remove,
button.iconType .remove {
  background-position: center center;
  background-size: 1.75rem auto;
}
a.iconType .addPlus,
button.iconType .addPlus {
  background-position: 1px center;
  background-size: 1.5rem auto;
}
a.iconType .edit,
button.iconType .edit {
  background-position: center top;
  background-size: 1.5rem auto;
}
a.iconType .calendar,
button.iconType .calendar {
  background-position: center 0.3125rem;
  background-size: auto 1.5rem;
}
a.iconType .upload,
button.iconType .upload {
  background-position: center 0.1875rem;
  background-size: 1.75rem auto;
}
a.iconType .del_x,
button.iconType .del_x {
  width: 1.75rem;
  height: 1.75rem;
  min-height: auto;
  background-position: center center;
  background-size: 1.375rem auto;
  text-indent: -9999px;
}
a .icon,
button .icon {
  padding-right: 1.75rem;
}
a .icon.next,
button .icon.next {
  padding-right: 1.375rem;
}
a .icon.prev,
button .icon.prev {
  padding-right: 0;
  padding-left: 1.375rem;
}
a .icon.del, a .icon.delWhite,
button .icon.del,
button .icon.delWhite {
  background-position: center right 0;
  background-size: auto 1.375rem;
}
a .icon.copyPlus,
button .icon.copyPlus {
  background-position: top right 0;
  background-size: auto 1.5625rem;
}
a .icon.add,
button .icon.add {
  background-position: top 0.25rem right 0;
  background-size: 1.375rem auto;
}
a .icon.remove,
button .icon.remove {
  background-position: top 0.25rem right 0;
  background-size: 1.375rem auto;
}
a .icon.addPlus,
button .icon.addPlus {
  background-position: center right 0;
  background-size: 1.5rem auto;
}
a .icon.edit,
button .icon.edit {
  background-position: center right 0;
  background-size: 1.5rem auto;
}
a .icon.calendar,
button .icon.calendar {
  background-position: center right 0;
  background-size: auto 1.25rem;
}
a .icon.upload,
button .icon.upload {
  background-position: center right 0;
  background-size: 1.25rem auto;
}
a .icon.download-white, a .icon.download,
button .icon.download-white,
button .icon.download {
  background-position: center right 0;
  background-size: 1.25rem auto;
}
a .icon.del_x,
button .icon.del_x {
  background-position: center right 0;
  background-size: 1.25rem auto;
}
a .icon.blank, a .icon.blank-white,
button .icon.blank,
button .icon.blank-white {
  background-position: bottom 0.0625rem right 0.1875rem;
  background-size: 1.125rem auto;
}
a .icon.print,
button .icon.print {
  background-position: top 0.3125rem right 0;
  background-size: 1.5rem auto;
}
a .icon.mailWhite, a .icon.mail,
button .icon.mailWhite,
button .icon.mail {
  background-position: top 0 right 0;
  background-size: 1.25rem auto;
}
a .icon.document,
button .icon.document {
  background-position: top right 0;
  background-size: auto 1.375rem;
}
a .icon.xls, a .icon.pdf,
button .icon.xls,
button .icon.pdf {
  background-position: top right 0;
  background-size: auto 1.5rem;
}
a .icon.prev,
button .icon.prev {
  background-position: top 0.375rem left 0.375rem;
  background-size: auto 0.875rem;
}
a .icon.next,
button .icon.next {
  background-position: top 0.375rem right 0.375rem;
  background-size: auto 0.875rem;
}

h1, h2, h3, h4, h5, h6 {
  font-size: inherit;
  font-weight: inherit;
  font-family: "Noto Sans JP", sans-serif;
}
h1.text-lg, h2.text-lg, h3.text-lg, h4.text-lg, h5.text-lg, h6.text-lg {
  letter-spacing: 0.02em;
}
h1.text-xl, h2.text-xl, h3.text-xl, h4.text-xl, h5.text-xl, h6.text-xl {
  letter-spacing: 0.01em;
}
h1.text-2xl, h2.text-2xl, h3.text-2xl, h4.text-2xl, h5.text-2xl, h6.text-2xl {
  letter-spacing: 0;
}
h1.text-3xl, h2.text-3xl, h3.text-3xl, h4.text-3xl, h5.text-3xl, h6.text-3xl {
  letter-spacing: -0.01em;
}
h1.text-4xl, h2.text-4xl, h3.text-4xl, h4.text-4xl, h5.text-4xl, h6.text-4xl {
  letter-spacing: -0.02em;
}
h1.text-5xl, h2.text-5xl, h3.text-5xl, h4.text-5xl, h5.text-5xl, h6.text-5xl {
  letter-spacing: -0.02em;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
  text-decoration: none;
  color: inherit;
}

/*
Tailwind CSS に可能な範囲でクラス名を合せてます。

*/
/* FONT */
.text-xs {
  font-size: 0.75rem !important; /* 12px */
  line-height: 1.2 !important; /* 1.25 */
}

.text-2sm {
  font-size: 0.8125rem !important; /* 13px */
  line-height: 1.2 !important; /* 1.25 */
}

.text-sm {
  font-size: 0.875rem !important; /* 14px */
  line-height: 1.57 !important; /* 1.25 */
}

.text-base {
  font-size: 1rem !important; /* 16px */
  line-height: 2 !important; /* 1.75 */
}

.text-lg {
  font-size: 1.125rem !important; /* 18px */
  line-height: 1.57 !important; /* 1.5 */
}
.text-lg.hi {
  line-height: 2 !important; /* 1.75 */
}

.text-xl {
  font-size: 1.25rem !important; /* 20px */
  line-height: 1.57 !important; /* 1.5 */
}

.text-2xl {
  font-size: 1.5rem !important; /* 24px */
  line-height: 1.57 !important; /* 1.5 */
}

.text-3xl {
  font-size: 1.75rem !important; /* 28px */
  line-height: 1.2 !important; /* 1.25 */
}

.text-4xl {
  font-size: 2rem !important; /* 32px */
  line-height: 1.2 !important; /* 1.25 */
}

.text-5xl {
  font-size: 2.5rem !important; /* 40px */
  line-height: 1.2 !important; /* 1.25 */
}

.text-max {
  font-size: 4.625rem !important; /* 40px */
}

.text-max-sub {
  font-size: 3.5rem !important; /* 40px */
}

@media screen and (max-width: 53.75rem) {
  .text-2xl {
    font-size: 1.125rem !important; /* 18px */
  }
  .text-3xl {
    font-size: 1.5rem !important; /* 24px */
  }
  .text-4xl {
    font-size: 1.75rem !important; /* 28px */
  }
  .text-5xl {
    font-size: 2rem !important; /* 32px */
  }
}
.font-normal {
  font-weight: 400 !important;
}

.font-medium {
  font-weight: 500 !important;
}

.font-semibold {
  font-weight: 600 !important;
}

.font-bold {
  font-weight: 700 !important;
}

.font-myRiad {
  font-family: "myriad-pro", sans-serif !important;
}

.line-height-lg {
  line-height: 2.5 !important;
}

.line-height-base {
  line-height: 2 !important;
}

.line-height-sm {
  line-height: 1.57 !important;
}

.line-height-xs {
  line-height: 1;
}

/* TEXT */
.text-left {
  text-align: left !important;
}

.text-center {
  text-align: center !important;
}

.text-right {
  text-align: right !important;
}

/* COLOR */
.attention {
  color: #a00903;
}

.key-color {
  color: #0D843B;
}

.sub-color {
  color: #21703F;
}

.sky-color {
  color: #0A89CE;
}

.sky-color-dark {
  color: #0a6ca1;
}

.white-color {
  color: #fff;
}

/* FLOAT */
.float-left {
  float: left !important;
}

.float-right {
  float: right !important;
}

.float-none {
  float: none !important;
}

.f-center {
  margin: 0 auto !important;
}

.cf:before,
.cf:after {
  content: "";
  display: table !important;
}

.cf:after {
  clear: both !important;
}

.cf {
  zoom: 1 !important; /* for IE6/7 */
}

@media screen and (max-width: 53.75rem) {
  .sp-clear .float-left {
    float: none !important;
  }
  .sp-clear .float-right {
    float: none !important;
  }
}
/* WIDTH */
.w-auto {
  width: auto !important;
}

.w-1-2 {
  width: 49% !important;
}

.w-1-3 {
  width: 32% !important;
}

.w-2-3 {
  width: 66.666667% !important;
}

.w-1-4 {
  width: 25% !important;
}

.w-2-4 {
  width: 50% !important;
}

.w-3-4 {
  width: 75% !important;
}

.w-full {
  width: 100% !important;
}

.w-15 {
  width: 15% !important;
}

@media screen and (max-width: 53.75rem) {
  .sp-w-auto {
    width: auto !important;
  }
  .sp-w-full {
    width: 100% !important;
  }
}
.base-wide {
  width: 100%;
  max-width: 75rem;
  box-sizing: border-box;
}

@media screen and (max-width: 64rem) {
  .base-wide {
    width: 100%;
    max-width: 64rem;
  }
}
@media screen and (max-width: 53.75rem) {
  .base-wide {
    width: 100%;
    max-width: 100%;
  }
}
/* MARGIN */
.m-0 {
  margin: 0 !important;
}

.mb-1 {
  margin-bottom: 0.25rem !important;
}

.mb-2 {
  margin-bottom: 0.5rem !important;
}

.mb-3 {
  margin-bottom: 0.75rem !important;
}

.mb-4 {
  margin-bottom: 1rem !important;
}

.mb-6 {
  margin-bottom: 1.5rem !important;
}

.mb-8 {
  margin-bottom: 2rem !important;
}

.mb-10 {
  margin-bottom: 2.5rem !important;
}

.mb-12 {
  margin-bottom: 3rem !important;
}

.mb-14 {
  margin-bottom: 3.5rem !important;
}

.mb-16 {
  margin-bottom: 4rem !important;
}

.mb-xs {
  margin-bottom: 0.75rem !important;
}

.mb-sm {
  margin-bottom: 1.5rem !important;
}

.mb-base {
  margin-bottom: 2.25rem !important;
}

.mb-lg {
  margin-bottom: 4.5rem !important;
}

.ml-2 {
  margin-left: 0.5rem !important;
}

.ml-4 {
  margin-left: 1rem !important;
}

.ml-8 {
  margin-left: 2rem !important;
}

.ml-16 {
  margin-left: 4rem !important;
}

.mt-8 {
  margin-top: 2rem !important;
}

.mt-16 {
  margin-top: 4rem !important;
}

.mr-1 {
  margin-right: 0.25rem !important;
}

.mr-2 {
  margin-right: 0.5rem !important;
}

.m-auto {
  margin: auto !important;
}

.mb-auto {
  margin-bottom: auto !important;
}

.ml-auto {
  margin-left: auto !important;
}

.my-auto {
  margin-top: auto;
  margin-top: auto !important;
}

.mx-auto {
  margin-left: auto;
  margin-right: auto !important;
}

/* PADDING */
.p-0 {
  padding: 0 !important;
}

.p-2 {
  padding: 0.5rem !important;
}

.p-4 {
  padding: 1rem !important;
}

.pb-2 {
  padding-bottom: 0.5rem !important;
}

.pb-4 {
  padding-bottom: 1rem !important;
}

.pb-8 {
  padding-bottom: 2rem !important;
}

.pb-16 {
  padding-bottom: 4rem !important;
}

.pb-lg {
  padding-bottom: 4.5rem !important;
}

.pl-0 {
  padding-left: 0 !important;
}

.pl-2 {
  padding-left: 0.5rem !important;
}

.pl-4 {
  padding-left: 1rem !important;
}

.pl-8 {
  padding-left: 2rem !important;
}

.p-0 {
  padding: 0 !important;
}

.pt-0 {
  padding-top: 0 !important;
}

.pt-8 {
  padding-top: 2rem !important;
}

.px-0 {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.px-2 {
  padding-left: 0.5rem !important;
  padding-right: 0.5rem !important;
}

.px-4 {
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}

.py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.py-2 {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}

.py-4 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}

/* DISPLAY */
.d-block {
  display: block !important;
}

.inline-block {
  display: inline-block !important;
}

.inline {
  display: inline !important;
}

.sp-d-block,
.tb-d-block,
.d-none,
.pc-d-none,
.sp-d-inlineblock,
.tb-d-inlineblock,
.sp-d-flex {
  display: none !important;
}

@media screen and (max-width: 64rem) {
  /* 1024px以下に適用されるCSS（タブレット用） */
  .tb-d-none {
    display: none !important;
  }
  .tb-d-block {
    display: block !important;
  }
  .tb-d-inlineblock {
    display: inline-block !important;
  }
  .pc-d-none {
    display: block !important;
  }
}
@media screen and (max-width: 53.75rem) {
  /* 812px以下に適用されるCSS（スマホ用） */
  .sp-d-none {
    display: none !important;
  }
  .sp-d-block {
    display: block !important;
  }
  .sp-d-flex {
    display: flex !important;
  }
  .sp-d-inlineblock {
    display: inline-block !important;
  }
  .sp-pb-none {
    padding-bottom: 0 !important;
  }
  .sp-mb-none {
    margin-bottom: 0 !important;
  }
  section.sp-pb-none {
    padding-bottom: 0 !important;
  }
  section.sp-mb-none {
    margin-bottom: 0 !important;
  }
}
.radius {
  border-radius: 0.74925rem;
}

.read-text {
  width: 100%;
  max-width: 50em;
}

.bg-key {
  background-color: #0D843B !important;
}

.bg-sub {
  background-color: #21703F !important;
}

.bg-point {
  background-color: #e71f19 !important;
}

.bg-color {
  background-color: #F0FFF7 !important;
}

.bg-sky {
  background-color: #EFFCFF !important;
}

.bg-sky-dark {
  background-color: #C5EBF3 !important;
}

.bg-sky-active {
  background-color: #0a6ca1 !important;
}

.bg-active {
  background-color: #374f63 !important;
}

.bg-black {
  background-color: #000 !important;
}

.bg-text {
  background-color: #1d1d1d !important;
}

.bg-gray-dark {
  background-color: #555555 !important;
}

.bg-gray {
  background-color: #CFCFCF !important;
}

.bg-gray-bright {
  background-color: #f5f5f5 !important;
}

.bg-white {
  background-color: #fff !important;
}

.bg-btn {
  background: #63221d !important;
}

.bg-btn-dark {
  background: #7c211b !important;
}

.bg-btn-bright {
  background: #f8f1f0 !important;
}

.bg-link {
  background: #154d9a !important;
}

.bg-link-hover {
  background: #d1f7d9 !important;
}

.bg-caution {
  background: #a00903 !important;
}

.bg-caution-hiligh {
  background: #f6d8d0 !important;
}

.bg-element-dark {
  background: #7aa2b3 !important;
}

.underline {
  border-bottom: 1px solid #CFCFCF;
}

.underline-bright {
  border-bottom: 1px solid #f5f5f5;
}

.underline-dark {
  border-bottom: 1px solid #555555;
}

.underline-sky {
  border-bottom: 1px solid #C5EBF3;
}

/* WordPress 用出力 */
.wpcf7-not-valid-tip {
  color: #a00903;
  font-size: 0.875rem;
  margin-top: 0.25rem;
}

@-moz-document url-prefix() {
  #loading {
    display: none;
  }
}
#loading {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #21703F;
  background-image: url(../images/unit/loading.svg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 30px auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  transition: all 0.3s;
  z-index: 9999;
}

.loader {
  width: 1em;
  height: 1em;
  border-radius: 50%;
  position: relative;
  text-indent: -9999em;
  animation: load5 1.1s infinite ease;
  transform: translateZ(0);
}
@keyframes load5 {
  0%, 100% {
    box-shadow: 0em -2.6em 0em 0em #ffffff, 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.5), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7);
  }
  12.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.7), 1.8em -1.8em 0 0em #ffffff, 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5);
  }
  25% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.5), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7), 2.5em 0em 0 0em #ffffff, 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  37.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5), 2.5em 0em 0 0em rgba(255, 255, 255, 0.7), 1.75em 1.75em 0 0em #ffffff, 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  50% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.5), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.7), 0em 2.5em 0 0em #ffffff, -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  62.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.5), 0em 2.5em 0 0em rgba(255, 255, 255, 0.7), -1.8em 1.8em 0 0em #ffffff, -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  75% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.5), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.7), -2.6em 0em 0 0em #ffffff, -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  87.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.5), -2.6em 0em 0 0em rgba(255, 255, 255, 0.7), -1.8em -1.8em 0 0em #ffffff;
  }
}
.toContents {
  border: 0 !important;
  clip: rect(0, 0, 0, 0) !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  padding: 0 0 0 1.50075rem !important;
  position: absolute !important;
  white-space: nowrap !important;
}
.toContents:focus {
  width: 100%;
  height: auto !important;
  padding: 0.25rem 0.5rem;
  background: #21703F;
  font-size: 0.875rem;
  color: #fff;
  overflow: auto !important;
  position: static !important;
  display: block;
  z-index: 9999;
}

/*
.mainWidth {
    width: $baseWide;
    margin: 0 auto;
}
@media screen and (max-width: $baseWide) {
  .mainWidth {
    width: calc( 100% - $margin-base );
    margin: 0 $margin-sm;
  }
}
  */
/*
@media screen and (max-width: $baseWide) and (min-width: 861px) {
  .mainWidth {
      width: $baseWide;
      margin: 0 auto;
  }
}
@media screen and (max-width: $basePad) {
  .mainWidth {
    width: calc( 100% - $margin-base );
    margin: 0 $margin-sm;
  }
}
  */
section.line-2, section.line-3, section.line-3-wide, section.line-4, section.line-5, section.line-auto {
  margin-bottom: 0;
}

.flex {
  display: flex !important;
  flex-wrap: wrap;
}
.flex.flex-row {
  flex-direction: row !important;
}
.flex.flex-row-reverse {
  flex-direction: row-reverse !important;
}
.flex.flex-col {
  flex-direction: column !important;
}
.flex.flex-col-reverse {
  flex-direction: column-reverse !important;
}
.flex.flex-wrap {
  flex-wrap: wrap !important;
}
.flex.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}
.flex.flex-nowrap {
  flex-wrap: nowrap !important;
}
.flex.justify-start {
  justify-content: flex-start !important;
}
.flex.justify-end {
  justify-content: flex-end !important;
}
.flex.justify-center {
  justify-content: center !important;
}
.flex.justify-between {
  justify-content: space-between !important;
}
.flex.items-start {
  align-items: flex-start !important;
}
.flex.items-end {
  align-items: flex-end !important;
}
.flex.items-center {
  align-items: center !important;
}
.flex.items-baseline {
  align-items: baseline !important;
}
.flex.items-stretch {
  align-items: stretch !important;
}
.flex.gap-2 {
  gap: 0.5rem !important;
}
.flex.gap-4 {
  gap: 1rem !important;
}
.flex.gap-6 {
  gap: 1.5rem !important;
}
.flex.gap-8 {
  gap: 2rem !important;
}
.flex.gap-10 {
  gap: 2.5rem !important;
}
.flex.gap-16 {
  gap: 4rem !important;
}
.flex.gap-x-2 {
  -moz-column-gap: 0.5rem !important;
       column-gap: 0.5rem !important;
}
.flex.gap-x-4 {
  -moz-column-gap: 1rem !important;
       column-gap: 1rem !important;
}
.flex.gap-x-6 {
  -moz-column-gap: 1.5rem !important;
       column-gap: 1.5rem !important;
}
.flex.gap-x-8 {
  -moz-column-gap: 2rem !important;
       column-gap: 2rem !important;
}
.flex.gap-x-10 {
  -moz-column-gap: 2.5rem !important;
       column-gap: 2.5rem !important;
}
.flex.gap-x-12 {
  -moz-column-gap: 3rem !important;
       column-gap: 3rem !important;
}
.flex.gap-x-16 {
  -moz-column-gap: 4rem !important;
       column-gap: 4rem !important;
}
.flex.gap-y-2 {
  row-gap: 0.5rem !important;
}
.flex.gap-y-4 {
  row-gap: 1rem !important;
}
.flex.gap-y-8 {
  row-gap: 2rem !important;
}
.flex.gap-y-10 {
  row-gap: 2.5rem !important;
}
.flex.gap-y-12 {
  row-gap: 3rem !important;
}
.flex.gap-y-16 {
  row-gap: 4rem !important;
}

.line-2 {
  flex: 1 1 48.4%;
  max-width: 48.4%;
}
.line-2 .flex .line-2 {
  flex: 1 1 48.4%;
  max-width: 48.4%;
}

.line-3 {
  flex: 1 1 31.4%;
  max-width: 31.4%;
}

.line-3-wide {
  flex: 1 1 65.45%;
  max-width: 65.45%;
}

.line-4-tb-2,
.line-4 {
  flex: 1 1 22.85%;
  max-width: 22.85%;
}

.line-5 {
  flex: 1 1 15%;
  max-width: 15%;
}

.line-auto {
  flex: 1 1 0 !important;
  min-width: 0;
}

@media screen and (max-width: 64rem) {
  .line-4-tb-2 {
    flex: 1 1 48.4%;
    max-width: 48.4%;
  }
}
@media screen and (max-width: 53.75rem) {
  section.flex:not(.keep-row) {
    padding-bottom: 4.5rem;
  }
  .flex:not(.keep-row) {
    flex-direction: column;
  }
  .flex:not(.keep-row).gap-y-8, .flex:not(.keep-row).gap-y-10 {
    margin-bottom: 0 !important;
  }
  .flex:not(.keep-row).gap-y-8.mb-lg, .flex:not(.keep-row).gap-y-10.mb-lg {
    margin-bottom: 4.5rem !important;
  }
  .flex:not(.keep-row).gap-y-8 section, .flex:not(.keep-row).gap-y-10 section {
    margin: 0;
    padding-bottom: 2.25rem;
  }
  .flex:not(.keep-row) > .line-2,
  .flex:not(.keep-row) > .line-3,
  .flex:not(.keep-row) > .line-3-wide,
  .flex:not(.keep-row) > .line-4,
  .flex:not(.keep-row) > .line-5,
  .flex:not(.keep-row) > .line-auto {
    width: 100%;
    max-width: 100%;
    flex: 1 1 100%;
  }
  .flex {
    /* > * {
      flex: none;
      width: 100%;
      max-width: 100%;
    }*/
  }
  .flex.line-2, .flex.line-3, .flex.line-3-wide, .flex.line-4, .flex.line-5, .flex.line-auto {
    margin-bottom: 0;
  }
  .flex.line-2.sp-w-full, .flex.line-3.sp-w-full, .flex.line-3-wide.sp-w-full, .flex.line-4.sp-w-full, .flex.line-5.sp-w-full, .flex.line-auto.sp-w-full {
    width: 100%;
    flex: none;
    max-width: auto;
  }
  .keep-row.gap-2 {
    gap: 0.25rem !important;
  }
  .keep-row.gap-4 {
    gap: 0.5rem !important;
  }
  .keep-row.gap-8 {
    gap: 0.75rem !important;
  }
  .keep-row .line-4 {
    flex: 1 1 48.4%;
    max-width: 48.4%;
  }
  .line-4-tb-2 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}
.card-block-group .card-block {
  display: flex;
  flex-direction: column;
}
.card-block-group .card-block img {
  order: 1;
}
.card-block-group .card-block h3,
.card-block-group .card-block h4 {
  order: 2;
}
.card-block-group .card-block p {
  order: 3;
}

@media screen and (max-width: 53.75rem) {
  div.card-block-group.flex:not(.keep-row) h3,
  div.card-block-group.flex:not(.keep-row) h4,
  section.card-block-group.flex:not(.keep-row) h3,
  section.card-block-group.flex:not(.keep-row) h4 {
    order: 1;
  }
  div.card-block-group.flex:not(.keep-row) img,
  section.card-block-group.flex:not(.keep-row) img {
    order: 2;
  }
  div.flex.keep-row,
  section.flex.keep-row {
    flex-direction: row;
    justify-content: space-between;
  }
  div.flex.keep-row .card-block.line-3,
  section.flex.keep-row .card-block.line-3 {
    flex: 1 1 47%;
    max-width: 47%;
  }
}
.google-map iframe {
  display: block;
  width: 100%;
  height: clamp(300px, 40vw, 450px);
  border: 0;
}

.pr-banner {
  padding: 2rem;
  background-color: #fff;
  border-radius: 1.50075rem;
  display: block;
  box-shadow: 0 0 1.50075rem rgba(0, 0, 0, 0.12);
  color: #1d1d1d;
  text-decoration: none;
  box-sizing: border-box;
}
.pr-banner.sky {
  background-color: #EFFCFF;
}
.pr-banner:focus p, .pr-banner:hover p {
  text-decoration: underline;
}
.pr-banner p.text-sm {
  width: 96%;
}

a.card-links {
  display: block;
  color: #1d1d1d;
  text-decoration: none;
}
a.card-links .hover-img {
  overflow: hidden;
  border-radius: 1.50075rem;
}
a.card-links .hover-img img {
  transition: transform 0.3s ease;
}
a.card-links:hover p {
  text-decoration: underline;
}
a.card-links:hover img {
  transform: scale(1.08);
}

.read-more {
  background-image: url(../images/svg/arrow/read_more.svg);
  background-position: bottom 0.75rem right 0.75rem;
  background-repeat: no-repeat;
  background-size: 2rem auto;
  display: block;
}

.read-more-sky {
  background-image: url(../images/svg/arrow/read_more_sky.svg);
  background-position: bottom 0.75rem right 0.75rem;
  background-repeat: no-repeat;
  background-size: 2rem auto;
  display: block;
}

.card.shadow > * {
  box-shadow: 0 0 1.50075rem rgba(0, 0, 0, 0.12);
}
.card.line > * {
  border: 1px solid #CFCFCF;
}
.card.fill > * {
  background: #F0FFF7 !important;
}
.card.radius > * {
  border-radius: 0.74925rem;
}
.card.hover a:hover {
  background-color: #d1f7d9;
}
.card a {
  padding: 1.50075rem;
  display: block;
  color: #1d1d1d;
  text-decoration: none;
}
.card a:hover {
  text-decoration: none;
}
.card a:hover p {
  text-decoration: underline;
}

ul .meta {
  display: flex;
}
ul.typeA.black li::before {
  color: #1d1d1d;
}
ul.typeA li {
  position: relative;
  padding-left: 1rem;
}
ul.typeA li::before {
  height: 2.25rem;
  width: 1rem;
  content: "・";
  color: #21703F;
  position: absolute;
  top: 0;
  left: 0;
}
ul.typeB li {
  position: relative;
  padding-left: 1.50075rem;
}
ul.typeB li::before {
  content: "";
  width: 1.125rem;
  height: 1.125rem;
  content: "";
  background-image: url(../images/svg/function/checkbox.svg);
  background-repeat: no-repeat;
  background-position: 0.125rem top;
  background-size: 0.875rem auto;
  position: absolute;
  top: 0.74925rem;
  left: 0;
}
ul.indexList li {
  margin-bottom: 0;
}
ul.indexList li .meta {
  display: flex;
  color: #555555;
}
ul.indexList li .meta time {
  width: 5.75rem;
}
ul.indexList li .meta div {
  width: 7.5rem;
}
ul.indexList li .meta {
  text-decoration: none;
}
ul.indexList li a:hover p {
  text-decoration: underline;
}
ul.indexList li .indexBox,
ul.indexList li a {
  padding: 1.50075rem 0;
  border-bottom: 1px solid #CFCFCF;
  display: flex;
  line-height: 1.5;
  text-decoration: none;
}
ul.indexList li .indexBox:hover span,
ul.indexList li a:hover span {
  text-decoration: none;
}
ul.indexList li .indexBox:focus,
ul.indexList li a:focus {
  background: #d1f7d9;
}
ul.indexList li .indexBox:focus span,
ul.indexList li a:focus span {
  text-decoration: none;
}
ul.toc li {
  text-align: left;
}
ul.toc li a {
  padding-left: 1.25rem;
  background: url(../images/svg/arrow/bottom_gray.svg) left 0.5rem no-repeat;
  background-size: 0.75rem auto;
  text-decoration: none;
  color: #000;
}
ul.toc li a:hover, ul.toc li a:focus {
  text-decoration: underline;
}

@media screen and (max-width: 53.75rem) {
  .pr-banner:not(.keep-row) {
    padding: 2rem 2rem 4rem 2rem;
  }
  .pr-banner .line-2 {
    padding: 0 !important;
  }
  ul.indexList li .indexBox,
  ul.indexList li a {
    flex-direction: column;
  }
  ul .meta {
    justify-content: space-between;
    align-items: flex-end;
  }
  ul .meta time {
    font-size: 0.875rem;
  }
}
.pasing a {
  color: #1d1d1d;
}
.pasing a.is-disabled {
  color: #CFCFCF;
}
.pasing a.is-disabled .icon {
  background: none;
}

dl.typeA {
  display: grid;
  grid-template-columns: 15% 1fr;
  padding-bottom: 2.25rem;
}
dl.typeA.w-line-4 {
  grid-template-columns: 22.85% 1fr;
}
dl.typeA.w-line-3 {
  grid-template-columns: 31.4% 1fr;
}
dl.qa {
  padding-bottom: 2.25rem;
}
dl.qa .question {
  margin-bottom: 0.74925rem;
  padding-left: 2.5rem;
  font-size: 1.125rem;
  font-weight: 500;
  position: relative;
}
dl.qa .question::before {
  content: "Q.";
  width: 2rem;
  height: 2rem;
  font-size: 1.75rem;
  color: #0D843B;
  position: absolute;
  top: -1rem;
  left: 0;
}
dl.qa .answer {
  margin-bottom: 1rem;
  margin-left: 1.5rem;
  padding: 1rem;
  background: #fff;
}

@media screen and (max-width: 53.75rem) {
  .indexMenu.flex {
    flex-direction: column;
  }
  .indexMenu.flex.gap-y-4, .indexMenu.flex.gap-x-8 {
    row-gap: 0 !important;
  }
  .indexMenu.flex.gap-y-4 li::before, .indexMenu.flex.gap-x-8 li::before {
    height: 2.25rem;
    width: 1rem;
    content: "・";
    color: #21703F;
    position: absolute;
    top: 0.74925rem;
    left: 0;
  }
  .indexMenu.flex.gap-y-4 li a, .indexMenu.flex.gap-x-8 li a {
    padding-top: 0.74925rem;
    padding-bottom: 0.74925rem;
    display: block;
  }
  dl.typeA {
    display: block;
  }
}
.tableWrap {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
.tableWrap table {
  width: -moz-max-content;
  width: max-content;
  min-width: 100%;
  table-layout: auto;
}
.tableWrap table th,
.tableWrap table td {
  min-width: 3rem;
  word-break: normal;
  overflow-wrap: normal;
}

table {
  table-layout: fixed;
}
table th,
table td {
  padding: 0.74925rem;
  overflow-wrap: anywhere;
}
table.keep-row th,
table.keep-row td {
  white-space: nowrap !important;
}
table.typeA thead th {
  border-bottom: 1px solid #555555;
  text-align: center;
}
table.typeA tbody th,
table.typeA tbody td {
  border-bottom: 1px solid #CFCFCF;
}
table.typeB {
  border-top: 1px solid #CFCFCF;
  border-right: 1px solid #CFCFCF;
}
table.typeB tbody th {
  background: #f5f5f5;
  text-align: center;
  font-weight: 500;
  text-align: center;
}
table.typeB tbody th,
table.typeB tbody td {
  border-left: 1px solid #CFCFCF;
  border-bottom: 1px solid #CFCFCF;
}
table.typeC th {
  border-bottom: 1px solid #1d1d1d;
  font-weight: 500;
  text-align: center;
}
table.typeC td {
  border-bottom: 1px solid #CFCFCF;
}
table.typeD th {
  border-bottom: 1px solid #555555;
  font-weight: 500;
}
table.typeD thead th {
  background: #F0FFF7;
}
table.typeD tbody th {
  border-bottom: 1px solid #CFCFCF;
}
table.typeD td {
  border-bottom: 1px solid #CFCFCF;
}

.summary {
  padding: 2rem;
  line-height: 1.57; /* 1.5 */
  position: relative;
  box-sizing: border-box;
  border-radius: 1.5rem;
}
.summary.p-sm {
  padding: 1rem;
  border-radius: 1rem;
}
.summary.p-xs {
  padding: 0.5rem;
  border-radius: 0.5rem;
}
.summary.line {
  border: 1px solid #CFCFCF;
}
.summary.line-bright {
  border: 1px solid #f5f5f5;
}
.summary.fill {
  background-color: #F0FFF7 !important;
}
.summary.white {
  background-color: #fff !important;
}
.summary.gray {
  background-color: #f5f5f5 !important;
}
.summary.inner {
  background-color: #f5f5f5 !important;
}

@media screen and (max-width: 53.75rem) {
  .summary {
    padding: 1rem;
  }
}
.label {
  width: 19.5625rem;
  padding: 0.25rem 0.5rem;
  background: #555555;
  color: #fff;
  font-size: 0.875rem;
  line-height: 1;
  text-align: center;
  box-sizing: border-box;
  border-radius: 0.75rem;
}
.label.white {
  background: none;
  border: 1px solid #fff;
}
.label.line {
  background: none;
  color: #1d1d1d;
  border: 1px solid #555555;
}
.label.w-auto {
  width: auto;
  padding: 0.125rem 0.74925rem;
}
.label.w-xs {
  padding: 0.25rem 0.125rem;
  width: 16rem;
  font-size: 0.75rem;
}

.form-list .form-item {
  display: flex;
}
.form-list .form-item .form-label,
.form-list .form-item .form-field {
  padding: 1.50075rem 0;
}
.form-list .form-item .form-label {
  width: 12.5rem;
  border-bottom: 1px solid #1d1d1d;
}
.form-list .form-item .form-field {
  flex: 1 1 0;
  min-width: 0;
  border-bottom: 1px solid #CFCFCF;
}
@media screen and (max-width: 53.75rem) {
  .form-list .form-item {
    flex-direction: column;
  }
  .form-list .form-item .form-label,
  .form-list .form-item .form-field {
    padding: 0;
  }
  .form-list .form-item .form-label {
    width: 100%;
    padding-top: 1.50075rem;
    border-bottom: none;
  }
  .form-list .form-item .form-field {
    padding-bottom: 1.50075rem;
  }
}
.bgPop {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1000;
  display: none;
  cursor: pointer;
}
.bgPop.is-active {
  display: block;
}

.cookie-banner {
  position: fixed;
  left: 0;
  bottom: 0;
  z-index: 9999;
  width: 100%;
  box-sizing: border-box;
  padding: 1.875rem 0 1.75rem;
  background: #fff;
  border-top: 0.0625rem solid #f5f5f5;
  box-shadow: 0 -1.50075rem 1.50075rem -1.50075rem rgba(0, 0, 0, 0.12);
  font-size: 0.875rem;
  transform: translateY(0);
  transition: transform 0.35s ease;
}

.cookie-banner[hidden] {
  display: flex; /* hidden標準のdisplay:noneを打ち消す */
  transform: translateY(100%);
  pointer-events: none;
}

.cookie-close {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 9999;
}

@media (max-width: 53.75rem) {
  .cookie-banner {
    padding: 2.5rem 1.25rem;
    display: block;
  }
  .cookie-actions {
    margin-top: 1rem;
    flex-wrap: wrap;
  }
  .cookie-close {
    top: 0;
    right: 0.74925rem;
  }
}
.cookie-setting-panel {
  position: fixed;
  inset: 0;
  z-index: 10000;
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
}

.cookie-setting-panel[hidden] {
  display: none;
}

.logo {
  width: 14.375rem;
  height: 2.5rem;
  margin-bottom: 0.74925rem;
  background: url(../images/unit/logo.svg) left center no-repeat;
  background-size: auto 2.5rem;
  text-decoration: none;
  text-indent: -9999px;
  display: block;
}

.headerWrap {
  background: rgba(255, 255, 255, 0.9);
  position: sticky;
}
.headerWrap.topPage {
  position: absolute;
}
.headerWrap {
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1200;
}
.headerWrap.is-scroll {
  background: rgba(255, 255, 255, 0.9);
  box-shadow: 0 0 1.50075rem rgba(0, 0, 0, 0.12);
  position: sticky;
}
.headerWrap.is-scroll .header {
  /*width: $baseWide;
  max-width: 100%;*/
  height: 3.5rem;
}
.headerWrap.is-scroll .header .logo {
  margin-top: 0.5rem;
}
.headerWrap.is-scroll .header .sNav {
  display: none;
}
.headerWrap .header {
  width: 75rem;
  max-width: 100%;
  height: 5.5625rem;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}
.headerWrap .header .logo {
  margin-top: 1.25rem;
}
.headerWrap .header .logo .mainTitle {
  margin-left: 2.25rem;
  font-size: 1.125rem;
  font-weight: 550;
  display: block;
}
.headerWrap .header .logo:focus {
  background-color: #d1f7d9;
}
.headerWrap .header .headerNav {
  display: flex;
  flex-direction: column-reverse;
}
.headerWrap .header .headerNav .gNav > ul,
.headerWrap .header .headerNav .sNav > ul {
  display: flex;
  justify-content: flex-end;
}
.headerWrap .header .headerNav .gNav > ul li a.is-disabled,
.headerWrap .header .headerNav .sNav > ul li a.is-disabled {
  color: #555555;
}
.headerWrap .header .headerNav .gNav > ul > li {
  width: 5.75rem;
  height: 2.9375rem;
  margin: 0;
  padding: 0;
  display: flex;
  font-size: 0.875rem;
}
.headerWrap .header .headerNav .gNav > ul > li.lg {
  width: 8.9375rem;
}
.headerWrap .header .headerNav .gNav > ul > li {
  /*&.has-mega-menu {
      a {
          &::after {
              display: none;
          }
          &:hover {
              text-decoration: underline;
          }
      }
  }*/
}
.headerWrap .header .headerNav .gNav > ul > li a {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.8125rem;
  color: #1d1d1d;
  text-decoration: none;
  position: relative;
}
.headerWrap .header .headerNav .gNav > ul > li a::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 2px;
  background: #0D843B;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 200ms ease-in-out;
}
.headerWrap .header .headerNav .gNav > ul > li a:hover {
  color: #0D843B;
}
.headerWrap .header .headerNav .gNav > ul > li a:hover::after {
  transform: scaleX(1);
}
.headerWrap .header .headerNav .sNav > ul {
  gap: 0.75rem;
}
.headerWrap .header .headerNav .sNav > ul li a {
  padding: 0.375rem 0.75rem;
  background: linear-gradient(90deg, #3BB76B 0%, #0D843B 100%);
  font-size: 0.75rem;
  color: #fff;
}
.headerWrap .header .hamburgerClosed,
.headerWrap .header .hamburger {
  display: none;
}

@media screen and (max-width: 64rem) {
  .headerWrap:not(.topPage) {
    position: static;
  }
  .headerWrap.is-scroll .header {
    width: auto;
  }
  .headerWrap.is-scroll .header .logo {
    margin-top: 0;
  }
  .headerWrap.is-sp-scroll .header {
    width: auto;
  }
  .headerWrap.is-sp-scroll .header .logo {
    display: none;
  }
  .headerWrap.is-sp-scroll .header .hamburger {
    background: #fff url(../images/svg/icon/hamburger.svg) center center no-repeat;
    background-size: 1.5rem auto;
    box-shadow: 0 0 1.50075rem rgba(0, 0, 0, 0.12);
    top: 0.5rem;
    left: 0.5rem;
  }
  .headerWrap .header {
    width: 100%;
    height: 3rem;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .headerWrap .header .logo {
    width: 12.1875rem;
    height: 2.125rem;
    background: url(../images/unit/logo.svg) left center no-repeat;
    background-size: auto 2.125rem;
    margin: 0 auto;
  }
  .headerWrap .header .sNav {
    display: block;
  }
  .headerWrap .header .headerNav {
    width: 90%;
    height: 100vh;
    display: block;
    background: #fff;
    position: fixed;
    top: 0;
    left: -90%;
    right: auto;
    transition: all 0.3s ease-out;
    z-index: 1500;
    overflow: scroll;
  }
  .headerWrap .header .headerNav.is-active {
    left: 0;
  }
  .headerWrap .header .headerNav .gNav > ul,
  .headerWrap .header .headerNav .sNav > ul {
    display: block;
  }
  .headerWrap .header .headerNav .gNav > ul li a,
  .headerWrap .header .headerNav .sNav > ul li a {
    padding: 0.74925rem 0;
    display: block;
  }
  .headerWrap .header .headerNav .gNav {
    margin: 2.25rem 1.50075rem 0 1.50075rem;
  }
  .headerWrap .header .headerNav .gNav > ul > li {
    width: 100% !important; /**/
    height: auto;
    min-height: 3rem; /**/
    display: block;
  }
  .headerWrap .header .headerNav .gNav > ul > li a {
    justify-content: flex-start; /**/
  }
  .headerWrap .header .headerNav .gNav > ul > li a::after {
    background: none; /**/
  }
  .headerWrap .header .headerNav .sNav {
    margin-left: 1.50075rem;
    background: #f5f5f5;
    margin: 0 1.50075rem;
  }
  .headerWrap .header .headerNav .sNav > ul li {
    width: 100%;
    margin: 0;
  }
  .headerWrap .header .headerNav .sNav > ul li a {
    width: 100% !important;
    height: 2.5rem; /**/
    padding: 0 1rem; /**/
    background: none; /**/
    color: #1d1d1d !important;
    display: flex;
    align-items: center;
    justify-content: flex-start;
  }
  .headerWrap .header .hamburger,
  .headerWrap .header .hamburgerClosed {
    display: inline-block;
  }
}
.hamburger,
.hamburgerClosed {
  width: 3rem;
  height: 3rem;
  text-indent: -9999px;
}

.is-scroll .hamburger {
  background-color: #fff;
  box-shadow: 0 0 1.50075rem rgba(0, 0, 0, 0.12);
  top: 0.5rem;
}

.hamburger {
  background-image: url(../images/svg/icon/hamburger.svg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 1.5rem auto;
  border-radius: 50%;
  position: fixed;
  top: 0.125rem;
  left: 0.5rem;
  z-index: 1500;
}

.hamburgerClosed {
  background: url(../images/svg/icon/closed.svg) center center no-repeat;
  background-size: 1rem auto;
  position: absolute;
  top: 0;
  right: 0.5rem;
  z-index: 1500;
}
.hamburgerClosed:focus {
  background: url(../images/unit/closed.svg) center center no-repeat;
  background-size: 1rem auto;
}

.is-scroll .has-mega-menu .mega-menu {
  top: 55px;
}

.has-mega-menu:focus-within .mega-menu, .has-mega-menu:hover .mega-menu {
  pointer-events: auto;
  visibility: visible;
  opacity: 1;
  transition-delay: 0s;
}
.has-mega-menu .circleType {
  display: none;
}
.has-mega-menu .mega-menu {
  width: 100%;
  background: rgba(245, 245, 245, 0.9);
  box-shadow: 0 8px 12px -8px rgba(0, 0, 0, 0.25);
  padding: 0.5rem 0;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 0.25s ease, visibility 0s linear 0.25s;
  position: absolute;
  top: 89px;
  left: 0;
}
.has-mega-menu .mega-menu .inner-mega-menu {
  width: 75rem;
  max-width: 100%;
  height: 3.5rem;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  /*
  &.has-multiple-categories {
      display:block;
      div {
          display: flex;
          align-items: center;
      }
  }*/
}
.has-mega-menu .mega-menu .inner-mega-menu h2 {
  padding-right: 4.5rem;
}
.has-mega-menu .mega-menu .inner-mega-menu h2 a {
  padding-right: 1.25rem;
  background-image: url(../images/svg/arrow/read_more_gray.svg);
  background-position: right center;
  background-repeat: no-repeat;
  background-size: 0.875rem auto;
  font-weight: 500 !important;
}
.has-mega-menu .mega-menu .inner-mega-menu h2 a:hover {
  /*background-image: url(../images/svg/arrow/read_more.svg);
  background-position: right center;
  background-repeat: no-repeat;
  background-size: rem(16) auto;*/
}
.has-mega-menu .mega-menu .inner-mega-menu ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  -moz-column-gap: 2rem;
       column-gap: 2rem;
}
.has-mega-menu .mega-menu .inner-mega-menu ul li {
  margin: 0;
  flex-shrink: 0;
  white-space: nowrap;
}
.has-mega-menu .mega-menu .inner-mega-menu a {
  font-weight: 400 !important;
}
.has-mega-menu .mega-menu .inner-mega-menu a:hover {
  text-decoration: underline !important;
}
.has-mega-menu .mega-menu .inner-mega-menu a::after {
  display: none;
}
@media screen and (max-width: 64rem) {
  .has-mega-menu {
    position: relative;
  }
  .has-mega-menu:focus-within, .has-mega-menu:hover {
    background: transparent; /**/
  }
  .has-mega-menu.is-open .mega-menu {
    opacity: 1; /**/
    display: block; /**/
  }
  .has-mega-menu .mega-menu {
    width: calc(100% - 1.50075rem);
    margin-right: 1.50075rem;
    background: #f5f5f5; /**/
    padding: 0.5rem; /**/
    pointer-events: auto; /**/
    visibility: visible; /**/
    opacity: 1; /**/
    display: none; /**/
    position: static; /**/
  }
  .has-mega-menu .mega-menu .inner-mega-menu {
    width: auto; /**/
    height: auto;
    display: block; /**/
  }
  .has-mega-menu .mega-menu .inner-mega-menu h2 {
    display: none; /**/
  }
  .has-mega-menu .mega-menu .inner-mega-menu ul {
    width: auto; /**/
    display: block; /**/
    margin-left: 1.50075rem; /**/
  }
  .has-mega-menu .circleType {
    display: block;
    position: absolute;
    top: 0;
    right: 0.74925rem;
  }
  .has-mega-menu .circleType:focus {
    background-color: transparent;
  }
}
.breadCrumb {
  width: 75rem;
  max-width: 100%;
  margin: 0 auto;
  padding: 0.74925rem;
  box-sizing: border-box;
  line-height: 1;
}
.breadCrumb ul,
.breadCrumb ol,
.breadCrumb li {
  list-style: none;
  margin: 0;
  padding: 0;
}
.breadCrumb ul,
.breadCrumb ol {
  display: flex;
  flex-wrap: nowrap;
  white-space: nowrap;
}
.breadCrumb ul li,
.breadCrumb ol li {
  padding: 0 1.25rem 0 0.5rem;
  display: flex;
  align-items: center;
  font-size: 0.875rem;
  position: relative;
}
.breadCrumb ul li:first-child,
.breadCrumb ol li:first-child {
  padding: 0 1.125rem 0 0;
}
.breadCrumb ul li:not(:last-child)::after,
.breadCrumb ol li:not(:last-child)::after {
  width: 0.75rem;
  height: 0.75rem;
  content: "";
  background-image: url(../images/svg/arrow/right_gray.svg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: auto 0.75rem;
  display: block;
  position: absolute;
  top: 0.3125rem;
  right: 0;
}
.breadCrumb ul li::before,
.breadCrumb ol li::before {
  content: "" !important;
}
.breadCrumb ul li span,
.breadCrumb ol li span {
  color: #555555;
  font-weight: 500;
}
.breadCrumb ul li a,
.breadCrumb ol li a {
  color: #555555;
  text-decoration: none;
}
.breadCrumb ul li a:hover,
.breadCrumb ol li a:hover {
  text-decoration: underline;
}
.breadCrumb li:first-child a {
  width: 1.25rem;
  height: 1.25rem;
  background-image: url(../images/svg/icon/home.svg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 1.25rem 1.25rem;
  display: block;
  text-indent: -9999px;
}
.breadCrumb li:first-child a:hover {
  border-bottom: 1px solid #1d1d1d;
}

@media screen and (max-width: 64rem) {
  .breadCrumb {
    width: 100%;
    overflow-x: auto;
  }
}
.footer {
  background: #f5f5f5;
  font-size: 0.875rem;
}
.footer .footerInner {
  width: 75rem;
  max-width: calc(100% - 1.5rem);
  margin: 0 auto;
  padding-top: 4.5rem;
}
.footer .footerInner .footerGNav {
  line-height: 1.57;
}
.footer .footerInner .footerGNav ul li a {
  text-decoration: none;
  color: #000;
}
.footer .footerInner .footerGNav ul li a:hover {
  text-decoration: underline;
}
.footer .footerInner .footerGNav > ul {
  width: 100%;
  display: flex;
  justify-content: center;
  gap: 2.25rem;
}
.footer .footerInner .footerGNav > ul > li > a {
  margin-bottom: 0.5rem;
  display: block;
}
.footer .footerInner .footerGNav > ul .footerLNav li {
  margin-bottom: 0.5rem;
}
.footer .footerInner .footerSNav ul {
  display: flex;
  justify-content: end;
  gap: 1.50075rem;
}
.footer .footerInner .footerSNav ul li a {
  color: #000;
}
.footer .footerInner .footerSNav ul li a.is-disabled {
  color: #555555;
}
.footer .footerInner address {
  margin-bottom: 1.50075rem;
  line-height: 1.57;
}
.footer .footerInner address a {
  color: #1d1d1d;
  text-decoration: none;
}
.footer .footerInner address a:hover, .footer .footerInner address a:focus {
  text-decoration: underline;
}
.footer .footerInner .labelType {
  font-size: 1rem;
}

@media screen and (max-width: 64rem) {
  .footer {
    padding: 0 1.50075rem;
  }
  .footer .footerInner {
    width: 100%;
    flex-direction: column !important;
  }
  .footer .footerInner .line-3,
  .footer .footerInner .line-3-wide {
    max-width: 100%;
  }
  .footer .footerInner .footerGNav ul li {
    margin: 0;
  }
  .footer .footerInner .footerGNav ul li a {
    padding: 0.74925rem;
    border-bottom: 0.0625rem solid #CFCFCF;
    display: block;
  }
  .footer .footerInner .footerGNav > ul {
    max-width: 100%;
    flex-direction: column;
    gap: 0;
  }
  .footer .footerInner .footerGNav > ul .footerLNav {
    margin-left: 1.50075rem;
  }
  .footer .footerInner .footerGNav > ul .footerLNav li a {
    display: block;
  }
  .footer .footerInner .footerSNav ul {
    justify-content: center;
  }
  .footer .footerInner .footerSNav ul li a {
    display: block;
  }
  .footer .footerInner address {
    max-width: 100%;
    margin-bottom: 1.50075rem;
    line-height: 1.57;
  }
  .footer .footerInner address a {
    color: #1d1d1d;
    text-decoration: none;
  }
  .footer .footerInner address a:hover, .footer .footerInner address a:focus {
    text-decoration: underline;
  }
  .footer .footerInner .labelType {
    margin: 0 auto 1.50075rem auto;
  }
}
@media screen and (max-width: 53.75rem) {
  .footer {
    padding: 0 1.50075rem;
  }
  .footer .footerInner .logo {
    margin: 1.50075rem auto;
  }
  .footer .footerInner address {
    text-align: center;
  }
}
#mainImgWrap {
  height: 44.2957746479vw;
}

@media screen and (max-width: 53.75rem) {
  #mainImgWrap {
    height: 100vw;
  }
}
main {
  flex: 1;
}
main.topPage {
  margin-bottom: 0;
}

.innerSection {
  width: 75rem;
  max-width: calc(100% - 7.5rem);
  padding: 4.5rem 0;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (max-width: 64rem) {
  .innerSection {
    max-width: calc(100% - 3rem);
  }
}
@media screen and (max-width: 53.75rem) {
  .innerSection {
    max-width: calc(100% - 0.75rem);
  }
}
.titleWrap {
  height: 12.5rem;
  margin-bottom: 3rem;
  text-align: center;
  overflow: hidden;
  position: relative;
  color: #0D843B;
  letter-spacing: 0;
  position: relative;
}
.titleWrap::before, .titleWrap::after {
  content: "";
  position: absolute;
  width: 151.125rem;
  height: 33.5625rem;
  border-radius: 50%;
  z-index: 0;
}
.titleWrap > * {
  position: relative;
  z-index: 1;
}
.titleWrap::before {
  left: 50%;
  top: -20.8125rem;
  transform: translateX(calc(-50% + 60px));
  background: linear-gradient(90deg, #CCE8DA 54%, #5CF0A7 100%);
}
.titleWrap::after {
  left: 50%;
  top: -21.4375rem;
  transform: translateX(-50%);
  background: linear-gradient(90deg, #EFFDF6 0%, #D5FFFB 100%);
}

@media screen and (max-width: 53.75rem) {
  /*.innerSection {
      width: $baseWide;
      max-width: calc( 100% - $margin-sm );
      padding: $margin-lg 0;
      margin-left: auto;
      margin-right: auto;
  }*/
}
@media screen and (max-width: 53.75rem) {
  .innerSection {
    width: 100%;
    max-width: auto;
    padding: 4.5rem 0.74925rem;
    box-sizing: border-box;
  }
  .innerSection.pt-0 {
    padding: 0 0.74925rem 4.5rem 0.74925rem;
  }
  main {
    padding: 0;
  }
  .titleWrap {
    height: 12.5rem;
    margin-bottom: 1rem;
  }
  .titleWrap::before, .titleWrap::after {
    width: 56.25rem;
    height: 18.75rem;
  }
  .titleWrap::before {
    top: -7.1875rem;
  }
  .titleWrap::after {
    top: -7.8125rem;
  }
}
.lNav {
  width: 75rem;
  margin: 0 auto 4rem auto;
  padding: 0.74925rem 0;
  background: #CFCFCF;
  border-radius: 0.74925rem;
}
.lNav ul {
  display: flex;
  align-items: center;
  justify-content: center;
}
.lNav ul li {
  margin-right: 1.50075rem;
}
.lNav ul li::after {
  content: "|";
  margin-left: 1.50075rem;
}
.lNav ul li:last-child {
  margin: 0;
}
.lNav ul li:last-child::after {
  content: "";
  margin: 0;
}
.lNav ul li a {
  color: #000;
  text-decoration: none;
}
.lNav ul li a:hover {
  text-decoration: underline;
}

@media screen and (max-width: 53.75rem) {
  .lNav {
    width: calc(100% - 1.50075rem);
    margin: 0 0.74925rem 4rem 0.74925rem;
    padding: 2.25rem;
  }
  .lNav ul {
    display: block;
  }
  .lNav ul li {
    margin: 0;
  }
  .lNav ul li::after {
    content: "";
    margin: 0;
  }
  .lNav ul li a {
    padding: 0.74925rem;
    display: block;
  }
}
.about-section .line-text {
  flex: 1 1 0;
  max-width: 40.5rem;
  min-width: 0;
}
.about-section .line-img {
  flex: 1 1 32.625rem;
  max-width: 32.625rem;
  text-align: center;
}

.business-section {
  margin-bottom: 0 !important;
  background-color: #F0FFF7;
  background-image: url(../images/top/bg_business.svg);
  background-repeat: no-repeat;
  background-position: left -20% bottom 10%;
  background-size: 48.125rem auto;
}
.business-section .line-business {
  flex: 1 1 0;
  max-width: 40.5rem;
  min-width: 0;
}
.business-section .line-case {
  flex: 1 1 31.5rem;
  max-width: 31.5rem;
}

.cp-activities {
  /*.line-cp-activities {
      flex: 1 1 0;
      min-width: 0;
  }*/
}
.cp-activities .inner-cp-activities {
  flex: 1 1 0;
  max-width: 15.0625rem;
  min-width: 0;
}

.k2-times a {
  color: #1d1d1d;
  text-decoration: none;
}
.k2-times a:hover {
  text-decoration: underline;
}

.ks-title {
  flex: 1 1 12.1875rem;
  max-width: 12.1875rem;
}

.ks-main {
  flex: 1 1 23.4375rem;
  max-width: 23.4375rem;
  margin-bottom: 0 !important;
  background-image: url(../images/svg/arrow/read_more.svg);
  background-position: bottom right;
  background-repeat: no-repeat;
  background-size: 2rem auto;
  display: block;
}
.ks-main img {
  border-radius: 1.50075rem;
}
.ks-main p {
  margin: 0 1.50075rem 0 0;
}

.ks-list {
  flex: 1 1 0;
  max-width: 33.4375rem;
  min-width: 0;
}

.cp-info {
  margin-bottom: 0 !important;
  background: #0D843B;
}
.cp-info ul.indexList li .meta {
  display: flex;
  color: #fff;
}
.cp-info ul.indexList li .meta time {
  width: 5rem;
}
.cp-info ul.indexList li .meta div {
  width: 7.5rem;
}
.cp-info ul.indexList li .indexBox,
.cp-info ul.indexList li a {
  padding: 0.74925rem 0;
  font-size: 0.875rem;
  color: #fff;
  border-bottom: 1px solid #fff;
}
.cp-info ul.indexList li a:hover p {
  text-decoration: underline;
}
.cp-info .line-info {
  flex: 1 1 0;
  max-width: 43.4375rem;
  min-width: 0;
}
.cp-info .line-cp {
  flex: 1 1 28.5625rem;
  max-width: 28.5625rem;
}
.cp-info .cp-section {
  padding: 1.25rem 2rem 2rem 2rem;
  background: #21703F !important;
  border-radius: 1.50075rem;
}
.cp-info .cp-section a {
  border-bottom: 1px solid #fff;
  background-image: url(../images/svg/arrow/read_more_white.svg);
  background-position: center right;
  background-repeat: no-repeat;
  background-size: 2rem auto;
}
.cp-info .cp-section h2 a {
  padding: 1.125rem 0;
  padding: 1.125rem 0;
  display: block;
  color: #fff;
  border-bottom: 1px solid #fff;
}
.cp-info .cp-section ul.indexList li .indexBox,
.cp-info .cp-section ul.indexList li a {
  padding: 1.125rem 0;
  padding: 1.50075rem 0;
  font-size: 0.875rem;
  color: #fff;
}
.cp-info .cp-section ul.indexList li a:hover p {
  text-decoration: underline;
}
.cp-info a:focus {
  color: #0D843B !important;
}
.cp-info .cp-section a:focus {
  background-image: url(../images/svg/arrow/read_more.svg);
  background-position: center right;
  background-repeat: no-repeat;
  background-size: 2rem auto;
}
.cp-info .line-info a:focus .label.white {
  color: #0D843B !important;
  border: 1px solid #0D843B;
}

@media screen and (max-width: 53.75rem) {
  :not(.keep-row) > .line-text,
  :not(.keep-row) > .line-business,
  :not(.keep-row) > .line-cp-activities,
  :not(.keep-row) > .inner-cp-activities,
  :not(.keep-row) > .ks-list,
  :not(.keep-row) > .line-info {
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }
  .innerSection .ks-title {
    flex: 1 1 0;
  }
  .innerSection .ks-main {
    flex: 1 1 100%;
    max-width: 100%;
    padding: 1.50075rem;
    background-position: bottom 0.5rem right 0.5rem;
    background-color: #fff;
    border-radius: 1.5rem !important;
  }
  .innerSection .ks-main p {
    margin: 0 2.25rem 0 0;
  }
  .innerSection .ks-list {
    margin-bottom: 2.25rem;
  }
  .innerSection .labelType {
    margin: 0 auto 4.5rem auto;
  }
  .about-section .line-text,
  .about-section .line-img {
    width: 100%;
    flex: none;
    max-width: none;
  }
  .business-section .line-case,
  .business-section .line-business {
    max-width: 100%;
    flex: 0 1 auto;
  }
  .business-section .line-case {
    flex: 0 1 auto;
  }
  .cp-activities .line-cp-activities {
    max-width: 100%;
  }
  .cp-activities .line-cp-activities:first-child {
    margin-bottom: 2.25rem;
  }
  .cp-activities .inner-cp-activities {
    flex: 1 1 48.4%;
    max-width: 48.4%;
  }
  .cp-info {
    padding-bottom: 0;
  }
  .cp-info ul.indexList li .meta {
    margin-bottom: 0.375rem;
    flex-direction: row-reverse;
  }
  .cp-info ul.indexList li .meta time {
    text-align: right;
  }
  .cp-info ul.indexList li .meta .label {
    font-size: 0.75rem;
  }
  .cp-info ul.indexList li .indexBox,
  .cp-info ul.indexList li a {
    display: block;
  }
  .cp-info .line-info {
    max-width: 100%;
  }
  .cp-info .line-cp {
    max-width: 100%;
  }
}
.main-image .line-text {
  flex: 1 1 0;
  max-width: 40.5rem;
  min-width: 0;
}
.main-image .line-img {
  flex: 1 1 31.25rem;
  max-width: 31.25rem;
  text-align: center;
}

.summary .main-image .line-text {
  flex: 1 1 0;
  max-width: 37.5rem;
  min-width: 0;
}

.recruit-main-section .title-recruit {
  width: 100%;
  max-width: 67.0625rem;
  height: 8.75rem;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  background: url(../images/recruit/recruit_words.svg) center center no-repeat;
  background-size: contain;
}
.recruit-main-section .main-recruit {
  padding-right: 2.25rem;
}
.recruit-main-section .main-recruit .line-text {
  flex: 1 1 0;
  max-width: 48.3125rem;
  min-width: 0;
}
.recruit-main-section .main-recruit .line-img {
  flex: 1 1 22.8125rem;
  max-width: 22.8125rem;
  text-align: center;
}
.recruit-main-section .main-recruit .line-img img {
  margin-top: -3rem;
}
.recruit-main-section .main-recruit {
  /* background-image: url(../images/recruit/recruit_main.webpg) center center no-repeat;
   background-position: url(../images/recruit/recruit_main.webpg) no-repeat;
   background-repeat: url(../images/recruit/recruit_main.webpg) center center no-repeat;*/
}
.recruit-main-section .recruit-works .line-text {
  flex: 1 1 0;
  max-width: 45rem;
  min-width: 0;
}
.recruit-main-section .recruit-works .line-img {
  flex: 1 1 26.875rem;
  max-width: 26.875rem;
  text-align: center;
}

.recruit-entry-section .ideal-candidate-title {
  padding-left: 5.625rem;
  position: relative;
}
.recruit-entry-section .ideal-candidate-title::before {
  content: "";
  width: 5rem;
  height: 5rem;
  background-color: #EFFCFF;
  background-image: url("../images/unit/people.svg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: auto 3.75rem;
  border: 0.1875rem solid #C5EBF3;
  border-radius: 50%;
  position: absolute;
  top: 0;
  left: 0;
}

.recruit-process .flow-group {
  margin-bottom: 2.25rem;
}
.recruit-process .flow-group .flow {
  width: auto;
  height: 6.125rem;
  margin-left: 3.375rem;
  padding: 0 3.375rem 0 1.5rem;
  background: #fff;
  border-radius: 1.50075rem;
  display: flex;
  align-items: center;
  box-shadow: 0 0 1.50075rem rgba(0, 0, 0, 0.12);
  box-sizing: border-box;
  position: relative;
}
.recruit-process .flow-group .flow::before {
  content: "";
  width: 3.375rem;
  height: 6.125rem;
  background-image: url(../images/svg/arrow/dotte_sky_right.svg);
  background-position: right center;
  background-repeat: no-repeat;
  position: absolute;
  top: 0;
  left: -3.375rem;
}
.recruit-process .flow-group:first-of-type .flow:first-child {
  margin-left: 0;
}
.recruit-process .flow-group:first-of-type .flow:first-child::before {
  display: none;
}

@media screen and (max-width: 64rem) {
  .recruit-process .flow-group {
    margin-bottom: 0;
  }
  .recruit-process .flow-group .flow {
    width: 100%;
    height: 6.125rem; /**/
    margin-left: 0; /**/
    margin-bottom: 3.375rem; /**/
    padding: 0 1.5rem; /**/
  }
  .recruit-process .flow-group .flow::before {
    content: "";
    width: 100%; /**/
    height: 3.375rem; /**/
    background-image: url(../images/svg/arrow/dotte_sky_bottom.svg); /**/
    background-position: center bottom 0.25rem; /**/
    background-repeat: no-repeat; /**/
    top: -3.375rem;
    left: 0; /**/
  }
  .recruit-process .flow-group:first-of-type .flow:first-child {
    margin-left: 0;
  }
  .recruit-process .flow-group:first-of-type .flow:first-child::before {
    display: none;
  }
}
@media screen and (max-width: 53.75rem) {
  .main-image:not(.keep-row) > .line-text {
    margin-bottom: 1.50075rem;
  }
  .main-image:not(.keep-row) > .line-img {
    width: 100%;
    flex: none;
    max-width: none;
  }
  .recruit-main-section .title-recruit {
    align-items: flex-end;
    background: url(../images/recruit/recruit_words.svg) center top no-repeat;
    background-size: contain;
  }
  .recruit-main-section .main-recruit {
    flex-direction: column;
  }
  .recruit-main-section .main-recruit .line-text {
    margin-bottom: 2.25rem;
  }
  .recruit-main-section .main-recruit .line-img {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .recruit-main-section .main-recruit .line-img img {
    margin: 0 auto;
  }
  .recruit-main-section .recruit-works .line-img {
    max-width: 100%;
    flex: 1 1 auto;
  }
}
.step-group .step {
  width: auto;
  margin-bottom: 3.375rem; /**/
  padding: 1.5rem;
  background: #fff;
  border-radius: 1.50075rem;
  display: flex;
  align-items: center;
  box-shadow: 0 0 1.50075rem rgba(0, 0, 0, 0.12);
  box-sizing: border-box;
  position: relative;
}
.step-group .step .line-imge {
  position: relative;
}
.step-group .step .line-imge .label {
  width: 3.375rem;
  height: 3.375rem;
  border-radius: 50%;
  display: flex;
  align-items: center;
  background-color: #21703F;
  position: absolute;
  top: -2.25rem;
  left: -2.25rem;
}
.step-group .step::before {
  content: "";
  width: 100%; /**/
  height: 3.375rem; /**/
  background-image: url(../images/svg/arrow/dotte_key_bottom.svg);
  background-position: center bottom 0.25rem; /**/
  background-repeat: no-repeat; /**/
  position: absolute;
  top: -3.375rem;
  left: 0; /**/
}
.step-group:first-of-type .step:first-child {
  margin-left: 0;
}
.step-group:first-of-type .step:first-child::before {
  display: none;
}

.read-box,
.blog-page {
  width: 64rem;
  max-width: calc(100% - 4.5rem);
  margin: 0 auto;
}
.read-box .eye-catching,
.blog-page .eye-catching {
  width: 48.75rem;
  max-width: 100%;
}
.read-box .blog-text,
.blog-page .blog-text {
  width: 37.5rem;
  max-width: calc(100% - 1.50075rem);
}

.cta-section {
  height: 27.8125rem;
  background-image: url(../images/unit/cta-bg.webp);
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  justify-content: center;
  align-items: center;
}
.cta-section .cta-inner {
  max-width: 64rem;
  padding: 2.5rem;
  border-radius: 1rem;
  background: rgba(255, 255, 255, 0.9);
  display: flex;
  gap: 2.5rem;
}
.cta-section .cta-inner .image-box {
  max-width: 26.6875rem;
}
.cta-section .cta-inner .text-box {
  max-width: 30.8125rem;
}

.recruit-cta-section {
  background-image: url(../images/recruit/recruit_words.svg);
  background-position: left 4.5rem center;
  background-repeat: no-repeat;
}
.recruit-cta-section .cta-inner {
  max-width: 64rem;
  height: 30.9375rem;
  display: flex;
}
.recruit-cta-section .cta-inner .summary {
  background: rgba(255, 255, 255, 0.9);
}
.recruit-cta-section .cta-inner .image-box {
  flex: 1 1 0;
  max-width: 26.6875rem;
  min-width: 0;
}
.recruit-cta-section .cta-inner .text-box {
  flex: 1 1 30.8125rem;
  max-width: 30.8125rem;
}

@media screen and (max-width: 64rem) {
  .read-box,
  .blog-page {
    width: 100%;
  }
  .cta-section .cta-inner {
    margin: 0 1.50075rem;
  }
  .cta-section .cta-inner .text-box,
  .cta-section .cta-inner .image-box {
    max-width: auto;
    width: 48.4%;
  }
  .recruit-cta-section .cta-inner {
    padding: 0 2.25rem;
  }
}
@media screen and (max-width: 53.75rem) {
  .blog-page {
    width: 100%;
    max-width: calc(100% - 1.50075rem);
    padding-bottom: 2.25rem;
  }
  .blog-page header .flex.keep-row {
    margin-bottom: 0.74925rem !important;
    display: flex !important;
  }
  .blog-page header .flex.keep-row time {
    width: 7.5rem;
    text-align: right;
  }
  .blog-page .eye-catching,
  .blog-page .blog-text {
    width: 100%;
    max-width: 100%;
  }
  .step-group .step {
    margin-bottom: 3.375rem; /**/
  }
  .step-group .step .line-2,
  .step-group .step .line-3,
  .step-group .step .line-3-wide,
  .step-group .step .line-4,
  .step-group .step .line-5,
  .step-group .step .line-auto {
    margin-bottom: 0.74925rem; /**/
  }
  .step-group .step .line-imge {
    position: static;
  }
  .step-group .step .line-imge .label {
    top: -1.75rem; /**/
    left: -0.75rem; /**/
  }
  .recruit-cta-section .cta-inner .image-box,
  .cta-section .cta-inner .image-box {
    display: none;
  }
  .recruit-cta-section .cta-inner .text-box,
  .cta-section .cta-inner .text-box {
    width: 100%;
  }
  .recruit-cta-section {
    padding: 2.25rem 1.50075rem;
    background-position: center center;
    background-size: contain;
  }
  .recruit-cta-section .cta-inner {
    height: auto;
  }
  .recruit-cta-section .cta-inner .text-box {
    flex: 1 1 0;
    max-width: 100%;
    margin: 0 auto;
    text-align: center;
  }
  .recruit-cta-section .cta-inner .text-box a {
    margin: 0 auto;
  }
}
/*
  12px　→　font-size: 75%;
  13px　→　font-size: 81.25%;
  14px　→  font-size: 87.5%;
  15px　→　font-size: 93.75%;
  16px　→　font-size: 100%;
  17px　→　font-size: 106.25%;
  18px　→　font-size: 113%;
  19px　→　font-size: 119%;
  20px　→　font-size: 125%;
  フォント参考サイト
  http://www.nda.co.jp/memo/pxpt.html
*/
/*

######アクションスタイル　######
### .fixed ###
〇BODY
・対象：body
・状態：スクロール不可
※ハンバーガーメニュー表示時、ページをスクロールさせないため

### Z-INDEX ###
〇ヘッダー
・Z-index:1200
・対象：#headerWrap
〇ページトップへボタン
・Z-index:1000
・対象：#toTop
〇ハンバーガー
・Z-index:1500
・対象：#hamburger
〇CLOSED MENU
・Z-index:2000
・対象：#hamburgerClosed
〇モーダル
・Z-index:1500
・対象：#bgPop
〇黒背景
・Z-index:1000

### .move ###
〇ヘッダー
・対象：#headerWrap
・条件：Npxスクロール
・状態：付与/削除
〇ページトップへボタン
・対象：#toTop
・条件：Npxスクロール
・状態：付与/削除

*//*# sourceMappingURL=style.css.map */