@charset "UTF-8";
.l-wrapper {
  width: calc(100% - 3.2rem);
  max-width: 128rem;
  margin: auto;
  position: relative;
}

.c-pageHead__title {
  font-size: 4.8rem;
}
@media screen and (max-width: 768px) {
  .c-pageHead__title {
    font-size: 3.8rem;
  }
}
@media screen and (max-width: 568px) {
  .c-pageHead__title {
    font-size: 3rem;
  }
}

.p-blog__head-ttl, .p-blog__facility__ttl {
  font-size: 3.2rem;
}
@media screen and (max-width: 768px) {
  .p-blog__head-ttl, .p-blog__facility__ttl {
    font-size: 2.8rem;
  }
}
@media screen and (max-width: 568px) {
  .p-blog__head-ttl, .p-blog__facility__ttl {
    font-size: 2.4rem;
  }
}

.c-articleHead__ttl, .c-officeCard__name, div.c-pageTitle h1,
div.c-pageTitle p, div.c-basket__box h1, div.c-basket__box h2 {
  font-size: 3rem;
}
@media screen and (max-width: 768px) {
  .c-articleHead__ttl, .c-officeCard__name, div.c-pageTitle h1,
  div.c-pageTitle p, div.c-basket__box h1, div.c-basket__box h2 {
    font-size: 2.6rem;
  }
}
@media screen and (max-width: 568px) {
  .c-articleHead__ttl, .c-officeCard__name, div.c-pageTitle h1,
  div.c-pageTitle p, div.c-basket__box h1, div.c-basket__box h2 {
    font-size: 2.4rem;
  }
}

.c-cta__ttl, .c-title, .c-title--lv2 {
  font-size: 2.6rem;
}
@media screen and (max-width: 768px) {
  .c-cta__ttl, .c-title, .c-title--lv2 {
    font-size: 2.4rem;
  }
}
@media screen and (max-width: 568px) {
  .c-cta__ttl, .c-title, .c-title--lv2 {
    font-size: 2.2rem;
  }
}

.c-bizNav__name, .c-quickLinks__bar-ttl, .c-quickLinks__link-ttl {
  font-size: 2.4rem;
}
@media screen and (max-width: 768px) {
  .c-bizNav__name, .c-quickLinks__bar-ttl, .c-quickLinks__link-ttl {
    font-size: 2.2rem;
  }
}
@media screen and (max-width: 568px) {
  .c-bizNav__name, .c-quickLinks__bar-ttl, .c-quickLinks__link-ttl {
    font-size: 2rem;
  }
}

.c-magCard--lg .c-magCard__title, .p-magazine__news__ja, div.editor h2, .c-shareBox__list p, .c-title--lv3 {
  font-size: 2rem;
}
@media screen and (max-width: 768px) {
  .c-magCard--lg .c-magCard__title, .p-magazine__news__ja, div.editor h2, .c-shareBox__list p, .c-title--lv3 {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 568px) {
  .c-magCard--lg .c-magCard__title, .p-magazine__news__ja, div.editor h2, .c-shareBox__list p, .c-title--lv3 {
    font-size: 1.6rem;
  }
}

div.p-form div.agree_box p.strong_text, div.editor h3, .c-articlePager li, .c-officeCard__meta-value, .c-pageHead__lead, .c-flow__ttl, .c-serviceCard__ttl, .c-caseCard__ttl, .c-text--lg, .c-sidebarBlock__ttl, .c-title--lv4 {
  font-size: 1.8rem;
}
@media screen and (max-width: 768px) {
  div.p-form div.agree_box p.strong_text, div.editor h3, .c-articlePager li, .c-officeCard__meta-value, .c-pageHead__lead, .c-flow__ttl, .c-serviceCard__ttl, .c-caseCard__ttl, .c-text--lg, .c-sidebarBlock__ttl, .c-title--lv4 {
    font-size: 1.7rem;
  }
}
@media screen and (max-width: 568px) {
  div.p-form div.agree_box p.strong_text, div.editor h3, .c-articlePager li, .c-officeCard__meta-value, .c-pageHead__lead, .c-flow__ttl, .c-serviceCard__ttl, .c-caseCard__ttl, .c-text--lg, .c-sidebarBlock__ttl, .c-title--lv4 {
    font-size: 1.5rem;
  }
}

.c-magCard__title, .p-magazine__categories__label, .p-single__summary-body, #ez-toc-container .ez-toc-title, #ez-toc-container .ez-toc-link, .p-blog__pager a.page-numbers,
.p-blog__pager span.page-numbers, .p-blog__facility__chip, div.editor, .c-articleHead__thum div.pop, .c-articleHead__info .c-articleDay, .c-articleGrid__ttl, .c-facilityBizCard__text, .c-officeCard__meta-label, .c-bizNav__more, .c-postCard__title, .c-cta__desc, .c-authorBox__name, .c-articleCard__ttl, .c-title--lv5, div.c-basket__box p, .c-form button,
.wpcf7-form button, .c-form p#fm_ajax_message,
.wpcf7-form p#fm_ajax_message {
  font-size: 1.6rem;
}
@media screen and (max-width: 768px) {
  .c-magCard__title, .p-magazine__categories__label, .p-single__summary-body, #ez-toc-container .ez-toc-title, #ez-toc-container .ez-toc-link, .p-blog__pager a.page-numbers,
  .p-blog__pager span.page-numbers, .p-blog__facility__chip, div.editor, .c-articleHead__thum div.pop, .c-articleHead__info .c-articleDay, .c-articleGrid__ttl, .c-facilityBizCard__text, .c-officeCard__meta-label, .c-bizNav__more, .c-postCard__title, .c-cta__desc, .c-authorBox__name, .c-articleCard__ttl, .c-title--lv5, div.c-basket__box p, .c-form button,
  .wpcf7-form button, .c-form p#fm_ajax_message,
  .wpcf7-form p#fm_ajax_message {
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 568px) {
  .c-magCard__title, .p-magazine__categories__label, .p-single__summary-body, #ez-toc-container .ez-toc-title, #ez-toc-container .ez-toc-link, .p-blog__pager a.page-numbers,
  .p-blog__pager span.page-numbers, .p-blog__facility__chip, div.editor, .c-articleHead__thum div.pop, .c-articleHead__info .c-articleDay, .c-articleGrid__ttl, .c-facilityBizCard__text, .c-officeCard__meta-label, .c-bizNav__more, .c-postCard__title, .c-cta__desc, .c-authorBox__name, .c-articleCard__ttl, .c-title--lv5, div.c-basket__box p, .c-form button,
  .wpcf7-form button, .c-form p#fm_ajax_message,
  .wpcf7-form p#fm_ajax_message {
    font-size: 1.4rem;
  }
}

.btn_add, .btn_remove, p#fm_ajax_message, ul.l-header-nav__sub li a, .c-categoryList__item a,
.c-categoryList__item span, ul.c-articleNav__transfer li, .c-articleList__date, .c-articleHead__info .c-articleCgy li a,
.c-articleHead__info .c-articleCgy li span, .c-articleGrid__info li.article-day, .c-articleGrid__text, .c-articleEntry__text, .c-facilityBizCard__no, .c-pageHead__eyebrow, .c-pageHead__anchor, .c-postCard__date, .c-newsItem, .c-companyTable th, .c-companyTable td, .c-compareTable th, .c-compareTable td, .c-authorBox__bio, .c-flow__desc, .c-serviceCard__desc, .c-caseCard__client, .c-articleCard__excerpt, .c-text--sm, .c-eyebrow, .c-policyBox__content h3 {
  font-size: 1.4rem;
}
@media screen and (max-width: 768px) {
  .btn_add, .btn_remove, p#fm_ajax_message, ul.l-header-nav__sub li a, .c-categoryList__item a,
  .c-categoryList__item span, ul.c-articleNav__transfer li, .c-articleList__date, .c-articleHead__info .c-articleCgy li a,
  .c-articleHead__info .c-articleCgy li span, .c-articleGrid__info li.article-day, .c-articleGrid__text, .c-articleEntry__text, .c-facilityBizCard__no, .c-pageHead__eyebrow, .c-pageHead__anchor, .c-postCard__date, .c-newsItem, .c-companyTable th, .c-companyTable td, .c-compareTable th, .c-compareTable td, .c-authorBox__bio, .c-flow__desc, .c-serviceCard__desc, .c-caseCard__client, .c-articleCard__excerpt, .c-text--sm, .c-eyebrow, .c-policyBox__content h3 {
    font-size: 1.3rem;
  }
}
@media screen and (max-width: 568px) {
  .btn_add, .btn_remove, p#fm_ajax_message, ul.l-header-nav__sub li a, .c-categoryList__item a,
  .c-categoryList__item span, ul.c-articleNav__transfer li, .c-articleList__date, .c-articleHead__info .c-articleCgy li a,
  .c-articleHead__info .c-articleCgy li span, .c-articleGrid__info li.article-day, .c-articleGrid__text, .c-articleEntry__text, .c-facilityBizCard__no, .c-pageHead__eyebrow, .c-pageHead__anchor, .c-postCard__date, .c-newsItem, .c-companyTable th, .c-companyTable td, .c-compareTable th, .c-compareTable td, .c-authorBox__bio, .c-flow__desc, .c-serviceCard__desc, .c-caseCard__client, .c-articleCard__excerpt, .c-text--sm, .c-eyebrow, .c-policyBox__content h3 {
    font-size: 1.2rem;
  }
}

div.err_area p, div.err_area .text_box li, .c-articleTag__item a:link, .c-articleTag__item a:visited, .c-articleTag__item a:active, .c-articleList__cat a,
.c-articleList__cat span, .c-articleGrid__info ul.article-cgy li a,
.c-articleGrid__info ul.article-cgy li span, .c-pageHead__breadcrumb, .c-postCard__tag, .c-newsItem__cat, .c-authorBox__role, .c-caseCard__industry, .c-articleCard__meta, .c-policyBox__content p, .c-policyBox__content ol, .c-faq span, .c-cookiebox .c-cookiebox__inner p, .c-cookiebox .c-cookiebox__inner .cookiebox__inner-btn, div.c-breadcrumbs {
  font-size: 1.2rem;
}
@media screen and (max-width: 768px) {
  div.err_area p, div.err_area .text_box li, .c-articleTag__item a:link, .c-articleTag__item a:visited, .c-articleTag__item a:active, .c-articleList__cat a,
  .c-articleList__cat span, .c-articleGrid__info ul.article-cgy li a,
  .c-articleGrid__info ul.article-cgy li span, .c-pageHead__breadcrumb, .c-postCard__tag, .c-newsItem__cat, .c-authorBox__role, .c-caseCard__industry, .c-articleCard__meta, .c-policyBox__content p, .c-policyBox__content ol, .c-faq span, .c-cookiebox .c-cookiebox__inner p, .c-cookiebox .c-cookiebox__inner .cookiebox__inner-btn, div.c-breadcrumbs {
    font-size: 1.2rem;
  }
}
@media screen and (max-width: 568px) {
  div.err_area p, div.err_area .text_box li, .c-articleTag__item a:link, .c-articleTag__item a:visited, .c-articleTag__item a:active, .c-articleList__cat a,
  .c-articleList__cat span, .c-articleGrid__info ul.article-cgy li a,
  .c-articleGrid__info ul.article-cgy li span, .c-pageHead__breadcrumb, .c-postCard__tag, .c-newsItem__cat, .c-authorBox__role, .c-caseCard__industry, .c-articleCard__meta, .c-policyBox__content p, .c-policyBox__content ol, .c-faq span, .c-cookiebox .c-cookiebox__inner p, .c-cookiebox .c-cookiebox__inner .cookiebox__inner-btn, div.c-breadcrumbs {
    font-size: 1.1rem;
  }
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
}

article, aside, details, figcaption, figure, main,
footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  vertical-align: baseline;
}

img {
  display: inherit;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
  content: none;
}

* {
  box-sizing: border-box;
  word-break: normal;
  background-repeat: no-repeat;
}

div#ie_container {
  display: none;
  width: 100%;
  height: 100%;
  margin: auto;
}
div#ie_container div.cover {
  width: 100%;
  height: 100%;
  max-width: none;
  position: fixed;
  top: 0;
  left: 0;
  text-align: center;
  margin: auto;
}
div#ie_container div.cover p {
  width: 100%;
  position: absolute;
  font-size: 12px;
  top: 50%;
  left: 0;
  right: 0;
  text-align: center;
}

.ie7 body {
  overflow: hidden;
  background: #FFFFFF;
}

.ie7 div#container {
  display: none;
}

.ie8 body {
  overflow: hidden;
  background: #FFFFFF;
}

.ie8 div#container {
  display: none;
}

.ie8 div#ie_container {
  display: inherit;
}

html,
body {
  width: 100%;
  min-width: 100rem;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 768px) {
  html,
  body {
    min-width: 0;
  }
}

@media screen and (min-width: 569px) {
  html {
    font-size: 10px;
  }
}
@media screen and (max-width: 568px) {
  html {
    font-size: 2.5641025641vw; /* 39.0rem時に1rem = 1.0rem */
  }
}

body {
  font-family: "Zen Maru Gothic", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", sans-serif;
  color: #333333;
  line-height: 1.7;
  font-weight: 500;
}
@media screen and (min-width: 769px) {
  body {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 768px) {
  body {
    font-size: 1.4rem;
  }
}

div#container {
  width: 100%;
  height: 100%;
}

a {
  transition: background-color 0.4s ease, color 0.4s ease, opacity 0.4s ease;
}
a, a:hover, a:visited, a:link {
  color: #333333;
  text-decoration: none;
}
a img {
  transition: opacity 0.4s ease;
}
a:hover {
  opacity: 0.8;
}
a:hover img {
  opacity: 0.8;
}

picture {
  display: block;
}

img {
  max-width: 100%;
}

br {
  line-height: inherit;
}

hr {
  height: 0.1rem;
  clear: both;
  border: none;
  border-top: #CCCCCC 0.1rem solid;
  color: #FFF;
}

.unselectable {
  -ms-user-select: none; /* IE 10+ */
  -moz-user-select: -moz-none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}

input,
select,
textarea,
button {
  font-family: "Zen Maru Gothic", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", sans-serif;
}

input,
select,
textarea {
  font-size: 1.6rem;
}

::placeholder {
  color: #ddd;
}

:-ms-input-placeholder {
  color: #ddd;
}

::selection {
  color: #fff;
  background: #008E66;
}

.c-form input,
.c-form select,
.c-form textarea,
.wpcf7-form input,
.wpcf7-form select,
.wpcf7-form textarea {
  border: #CCCCCC 0.1rem solid;
  background-color: #fff;
  -webkit-appearance: none;
  border-radius: 0;
}
.c-form button,
.wpcf7-form button {
  background-color: transparent;
  border: none;
  color: #333333;
}
.c-form input:focus,
.c-form select:focus,
.c-form textarea:focus,
.c-form button:focus,
.wpcf7-form input:focus,
.wpcf7-form select:focus,
.wpcf7-form textarea:focus,
.wpcf7-form button:focus {
  outline: 0;
  border-color: #008E66;
}
.c-form input::selection,
.c-form textarea::selection,
.wpcf7-form input::selection,
.wpcf7-form textarea::selection {
  color: #fff;
  background: #008E66;
}
.c-form input,
.wpcf7-form input {
  width: 100%;
  padding: 1rem;
  margin: 0.5rem 0;
}
.c-form input.wth_80,
.wpcf7-form input.wth_80 {
  width: 80%;
}
@media screen and (max-width: 768px) {
  .c-form input.wth_80,
  .wpcf7-form input.wth_80 {
    width: 100%;
  }
}
.c-form input.wth_70,
.wpcf7-form input.wth_70 {
  width: 70%;
}
@media screen and (max-width: 768px) {
  .c-form input.wth_70,
  .wpcf7-form input.wth_70 {
    width: 100%;
  }
}
.c-form input.wth_50,
.wpcf7-form input.wth_50 {
  width: 50%;
}
@media screen and (max-width: 768px) {
  .c-form input.wth_50,
  .wpcf7-form input.wth_50 {
    width: 100%;
  }
}
.c-form input.wth_30,
.wpcf7-form input.wth_30 {
  width: 30%;
}
@media screen and (max-width: 768px) {
  .c-form input.wth_30,
  .wpcf7-form input.wth_30 {
    width: 100%;
  }
}
.c-form input.wth_20,
.wpcf7-form input.wth_20 {
  width: 20%;
}
@media screen and (max-width: 768px) {
  .c-form input.wth_20,
  .wpcf7-form input.wth_20 {
    width: 50%;
  }
}
.c-form textarea,
.wpcf7-form textarea {
  width: 100%;
  height: 10em;
  padding: 1rem;
  resize: vertical;
}
.c-form select,
.wpcf7-form select {
  width: auto;
  padding: 1rem 6rem 1rem 1rem;
  background-image: url(../img/arrow/input_select.svg);
  background-position: right 0.5rem center;
  background-size: 2.5rem 2.5rem;
  vertical-align: middle;
  margin: 0.5rem 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  color: #333333;
}
.c-form select::-ms-expand,
.wpcf7-form select::-ms-expand {
  display: none;
}
.c-form input[type=radio],
.c-form input[type=checkbox],
.wpcf7-form input[type=radio],
.wpcf7-form input[type=checkbox] {
  display: none;
}
.c-form input[type=radio] + label,
.c-form input[type=radio] + span,
.wpcf7-form input[type=radio] + label,
.wpcf7-form input[type=radio] + span {
  padding: 0.7rem 0rem 0.7rem 2.5rem;
  margin: 0.2rem 2rem 0.2rem 0rem;
  display: inline-block;
  background-image: url(../img/arrow/input_check_off.svg);
  background-position: left 50%;
  background-size: 1.8rem 1.8rem;
  cursor: pointer;
}
.c-form input[type=radio]:checked + label,
.c-form input[type=radio]:checked + span,
.wpcf7-form input[type=radio]:checked + label,
.wpcf7-form input[type=radio]:checked + span {
  background-image: url(../img/arrow/input_check_on.svg);
}
.c-form input[type=checkbox] + label,
.c-form input[type=checkbox] + span,
.wpcf7-form input[type=checkbox] + label,
.wpcf7-form input[type=checkbox] + span {
  padding: 0.7rem 0rem 0.7rem 2.5rem;
  margin: 0.2rem 2rem 0.2rem 0rem;
  background-image: url(../img/arrow/checkbox_off.svg);
  background-position: left 50%;
  background-size: 1.8rem 1.8rem;
  display: inline-block;
  cursor: pointer;
}
.c-form input[type=checkbox]:checked + label,
.c-form input[type=checkbox]:checked + span,
.wpcf7-form input[type=checkbox]:checked + label,
.wpcf7-form input[type=checkbox]:checked + span {
  background-image: url(../img/arrow/checkbox_on.svg);
}
.c-form input[type=file],
.wpcf7-form input[type=file] {
  border: none;
  padding: 0;
}
.c-form input[type=submit].input_submit, .c-form input[type=submit].button_confirm,
.c-form input[type=reset].input_submit,
.c-form input[type=reset].button_confirm,
.c-form input[type=button].input_submit,
.c-form input[type=button].button_confirm,
.c-form button[type=submit].input_submit,
.c-form button[type=submit].button_confirm,
.c-form button[type=button].input_submit,
.c-form button[type=button].button_confirm,
.wpcf7-form input[type=submit].input_submit,
.wpcf7-form input[type=submit].button_confirm,
.wpcf7-form input[type=reset].input_submit,
.wpcf7-form input[type=reset].button_confirm,
.wpcf7-form input[type=button].input_submit,
.wpcf7-form input[type=button].button_confirm,
.wpcf7-form button[type=submit].input_submit,
.wpcf7-form button[type=submit].button_confirm,
.wpcf7-form button[type=button].input_submit,
.wpcf7-form button[type=button].button_confirm {
  display: inline-block;
  width: auto;
  min-width: 30rem;
  text-align: center;
  padding: 2rem 2rem;
  font-weight: bold;
  border-radius: 1rem;
  color: #fff;
  background-color: #008E66;
  border: none;
  cursor: pointer;
}
.c-form input[type=submit].input_submit:hover,
.c-form input[type=reset].input_submit:hover,
.c-form input[type=button].input_submit:hover,
.c-form button[type=submit].input_submit:hover,
.c-form button[type=button].input_submit:hover,
.wpcf7-form input[type=submit].input_submit:hover,
.wpcf7-form input[type=reset].input_submit:hover,
.wpcf7-form input[type=button].input_submit:hover,
.wpcf7-form button[type=submit].input_submit:hover,
.wpcf7-form button[type=button].input_submit:hover {
  opacity: 0.8;
}
.c-form input[type=submit].input_return,
.c-form input[type=reset].input_return,
.c-form input[type=button].input_return,
.c-form button[type=submit].input_return,
.c-form button[type=button].input_return,
.wpcf7-form input[type=submit].input_return,
.wpcf7-form input[type=reset].input_return,
.wpcf7-form input[type=button].input_return,
.wpcf7-form button[type=submit].input_return,
.wpcf7-form button[type=button].input_return {
  display: inline-block;
  width: auto;
  border: none;
  padding: 0 0 0 1.5rem;
  background-image: url(../img/arrow/arrow_left.svg);
  background-size: 0.5rem auto;
  background-position: left center;
  min-width: inherit;
  color: #333333;
  font-weight: 500;
  text-decoration: underline;
  background-color: transparent;
  transition: none;
  cursor: pointer;
}
@media screen and (max-width: 414px) {
  .c-form input[type=submit].input_return,
  .c-form input[type=reset].input_return,
  .c-form input[type=button].input_return,
  .c-form button[type=submit].input_return,
  .c-form button[type=button].input_return,
  .wpcf7-form input[type=submit].input_return,
  .wpcf7-form input[type=reset].input_return,
  .wpcf7-form input[type=button].input_return,
  .wpcf7-form button[type=submit].input_return,
  .wpcf7-form button[type=button].input_return {
    width: auto;
  }
}
.c-form p#fm_ajax_message,
.wpcf7-form p#fm_ajax_message {
  font-weight: bold;
  color: #008E66;
  letter-spacing: 0.1rem;
}

.c-absolute--vertical {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

div.c-basket__box {
  max-width: 70rem;
  height: auto;
  margin: auto;
  text-align: center;
  padding: 10rem 0;
}
@media screen and (max-width: 568px) {
  div.c-basket__box {
    padding: 5rem 0;
  }
}
div.c-basket__box h1, div.c-basket__box h2 {
  padding: 0 0 2rem;
  margin: 0 0 2rem 0;
  text-align: center;
  font-weight: bold;
  border-bottom: #DADADA 0.1rem solid;
  background-position: center top;
  background-repeat: no-repeat;
  background-size: auto;
}
div.c-basket__box p {
  padding: 0 0 3rem 0;
  font-weight: bold;
}

div.c-breadcrumbs {
  width: 100%;
  height: 3.7em;
  margin: 0;
  padding: 1em 0;
  background-color: #fff;
  border-top: #CCCCCC 0.1rem solid;
  position: relative;
  overflow-x: auto;
  overflow-y: hidden;
  overflow-scrolling: touch;
  /*スクロールバー非表示*/
  /* IE, Edge 対応 */
  -ms-overflow-style: none;
  /* Firefox 対応 */
  scrollbar-width: none;
  /* Chrome, Safari 対応 */
}
div.c-breadcrumbs::-webkit-scrollbar {
  display: none;
}
div.c-breadcrumbs #breadcrumbs {
  margin: auto;
  white-space: nowrap;
}
div.c-breadcrumbs #breadcrumbs a {
  color: #008E66;
  background-image: url(../img/arrow/arrow_right_c.svg);
  background-position: center right 0.5rem;
  background-size: 1.3rem 1.3rem;
  padding: 0 2.2rem 0 0;
  font-weight: bold;
}
div.c-breadcrumbs #breadcrumbs img {
  margin: 0.1rem 0.5rem;
  vertical-align: text-bottom;
  width: 1.4rem;
  height: 1.3rem;
}

.c-btn {
  display: inline-block;
  min-width: 30rem;
  text-align: center;
  padding: 2rem 2rem;
  font-weight: bold;
  background-color: #008E66;
  border-radius: 1rem;
}
.c-btn, .c-btn:hover, .c-btn:visited, .c-btn:link {
  color: #fff;
  text-decoration: none;
}
.c-btn:hover {
  opacity: 0.8;
}
@media screen and (max-width: 568px) {
  .c-btn {
    min-width: 0;
    display: block;
  }
}

.c-btnPill {
  display: inline-flex;
  align-items: center;
  min-height: 5.6rem;
  justify-content: space-between;
  gap: 0;
  min-width: 26rem;
  padding: 1rem 1.6rem 1rem 3.2rem;
  background-color: #fff;
  border: 1px solid currentColor;
  border-radius: 999px;
  font-weight: 700;
  font-size: 1.8rem;
  color: #008E66;
  transition: all 0.4s ease;
  letter-spacing: 0.08em;
  line-height: 1;
}
.c-btnPill, .c-btnPill:hover, .c-btnPill:visited, .c-btnPill:link {
  color: #008E66;
  text-decoration: none;
}
@media screen and (max-width: 768px) {
  .c-btnPill {
    transition: all 0s ease;
  }
}
@media screen and (max-width: 768px) {
  .c-btnPill {
    padding-left: 4rem;
  }
}

.c-btnPill:hover {
  opacity: 0.7;
}

.c-btnPill__arrow {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.4rem;
  height: 2.4rem;
  border-radius: 50%;
  background-color: currentColor;
  position: relative;
}

.c-btnPill__arrow::after {
  content: "";
  width: 0.6rem;
  height: 0.6rem;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: translateX(-10%) rotate(45deg);
}

.c-btnPill--fill {
  background: url(../img/common/noise_green.webp) center/62rem repeat;
  color: #fff;
  border-color: transparent;
}
.c-btnPill--fill, .c-btnPill--fill:hover, .c-btnPill--fill:visited, .c-btnPill--fill:link {
  color: #fff;
  text-decoration: none;
}

.c-btnPill--fill .c-btnPill__arrow {
  background-color: #fff;
}

.c-btnPill--fill .c-btnPill__arrow::after {
  border-color: var(--accent, #008E66);
}

.c-btnPill--sub {
  color: #DD7A1F;
}
.c-btnPill--sub, .c-btnPill--sub:hover, .c-btnPill--sub:visited, .c-btnPill--sub:link {
  color: #DD7A1F;
  text-decoration: none;
}

.c-btnPill--ghost {
  padding-right: 3.2rem;
  min-height: 6.4rem;
}

.c-btnPill--ghost .c-btnPill__arrow {
  background-color: transparent;
}

.c-btnPill--ghost .c-btnPill__arrow::after {
  width: 0.9rem;
  height: 0.9rem;
  border-color: currentColor;
}

.c-btnPill--mail {
  justify-content: flex-start;
  min-height: 7.2rem;
  background-color: #fff;
  border: 2px solid #E5F4F0;
  font-size: 2.4rem;
  letter-spacing: 0.04em;
  padding-right: 1.6rem;
  padding-left: 1.6rem;
  width: 36rem;
  max-width: 100%;
  line-height: 1.5;
}
@media screen and (max-width: 768px) {
  .c-btnPill--mail {
    font-size: 1.8rem;
  }
}

.c-btnPill--mail .c-btnPill__arrow {
  margin-left: auto;
}
.c-btnPill--mail .c-btnPill__arrow::after {
  width: 0.6rem;
  height: 0.6rem;
}

.c-btnPill__mail {
  flex-shrink: 0;
  width: 4rem;
  height: 4rem;
  margin-right: 3rem;
  background: url(../img/icon/mail.svg) no-repeat center/contain;
}
@media screen and (max-width: 768px) {
  .c-btnPill__mail {
    margin-right: 0.8rem;
  }
}

.c-btnPill__phone {
  flex-shrink: 0;
  width: 4rem;
  height: 4rem;
  background: url(../img/icon/phone.svg) no-repeat center/contain;
}

.c-cookiebox {
  z-index: 100;
  position: fixed;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.6);
  width: 100%;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
}
.c-cookiebox.is-visible {
  opacity: 1;
  visibility: visible;
}
.c-cookiebox .c-cookiebox__inner {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  margin: 0 auto;
  padding: 2rem;
  color: #fff;
  width: 100rem;
}
@media screen and (max-width: 768px) {
  .c-cookiebox .c-cookiebox__inner {
    width: 90%;
    padding: 1.5rem 0;
  }
}
.c-cookiebox .c-cookiebox__inner p {
  width: 85rem;
  font-weight: normal;
  line-height: 1.8;
}
@media screen and (max-width: 768px) {
  .c-cookiebox .c-cookiebox__inner p {
    line-height: 1.6;
  }
}
.c-cookiebox .c-cookiebox__inner p a {
  color: #fff;
  text-decoration: underline;
}
.c-cookiebox .c-cookiebox__inner .cookiebox__inner-btn {
  display: inline-block;
  z-index: 1;
  position: relative;
  padding: 1.5rem 2rem;
  background: #fff;
  color: #000;
  font-weight: bold;
  line-height: 1.6;
  text-align: center;
  cursor: pointer;
  border: 0.2rem solid #333;
}
@media screen and (max-width: 768px) {
  .c-cookiebox .c-cookiebox__inner .cookiebox__inner-btn {
    width: 50vw;
    margin: 0.5rem auto 0;
    padding: 0.5rem 2rem;
  }
}

.c-faq {
  text-align: left;
}
.c-faq p {
  display: inline;
}
@media screen and (max-width: 768px) {
  .c-faq p {
    display: block;
  }
}
.c-faq span {
  display: inline-block;
  text-align: center;
  background-color: #008E66;
  color: #fff;
  padding: 0.2rem 1.5rem;
  margin: 0 1rem 0 0;
  font-weight: bold;
  border-radius: 10rem;
}
@media screen and (max-width: 768px) {
  .c-faq span {
    margin: 0 0 0.5rem 0;
  }
}
.c-faq dt {
  cursor: pointer;
  font-weight: bold;
  padding: 2rem 0;
  border-bottom: #CCCCCC 0.1rem solid;
}
.c-faq dt p {
  padding: 0 3.5rem 0 0;
  background-image: url(../img/arrow/arrow_open.svg);
  background-position: right center;
  background-size: 2rem 2rem;
  background-repeat: no-repeat;
}
.c-faq dt:hover p {
  text-decoration: underline;
}
.c-faq dt.is-open p {
  background-image: url(../img/arrow/arrow_close.svg);
}
.c-faq dd {
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  line-height: 1.5em;
  transition: max-height 0.35s ease, opacity 0.25s ease;
}
.c-faq dd div.detail {
  padding: 3rem 0 3rem 6rem;
}
@media screen and (max-width: 568px) {
  .c-faq dd div.detail {
    padding: 1rem 0 2rem 1rem;
  }
}
.c-faq dd div.detail img {
  width: 90%;
  max-width: 65rem;
  margin: 2rem auto 1.5rem auto;
}
.c-faq dd div.detail p span {
  color: #CCCCCC;
}
.c-faq dd.is-open {
  max-height: 1000px;
  opacity: 1;
}

div.c-pageTitle {
  width: 100%;
  background-color: #008E66;
  background-position: center center;
  background-size: cover;
  padding: 6rem 0;
}
@media screen and (max-width: 768px) {
  div.c-pageTitle {
    padding: 4rem 0;
  }
}
@media screen and (max-width: 568px) {
  div.c-pageTitle {
    padding: 3rem 0;
  }
}
div.c-pageTitle h1,
div.c-pageTitle p {
  color: #fff;
  text-align: center;
  font-weight: bold;
}

.c-pageup {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 5.6rem;
  height: 5.6rem;
  position: fixed;
  bottom: 2rem;
  right: 2rem;
  z-index: 100;
  border-radius: 50%;
  background-color: #008e66;
  color: #fff;
  box-shadow: 0 0.2rem 0.8rem rgba(0, 0, 0, 0.1333333333);
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
}

.c-pageup.is-visible {
  opacity: 1;
  visibility: visible;
}

@media screen and (max-width: 768px) {
  .c-pageup {
    display: none;
  }
}
@media (max-height: 600px) {
  .c-pageup {
    right: 8rem;
  }
}
.c-pageup:hover {
  background-color: #007554;
}

.c-pageup:focus-visible {
  outline: 0.3rem solid #dd7b1f;
  outline-offset: 0.3rem;
}

.c-policyBox__content {
  padding: 2rem;
  text-align: left;
}
.c-policyBox__content h2 {
  font-weight: 700;
  margin-bottom: 1em;
}
.c-policyBox__content h3 {
  font-weight: 700;
}
.c-policyBox__content p {
  margin-bottom: 1em;
}
.c-policyBox__content p.mb_0 {
  margin-bottom: 0;
}
.c-policyBox__content ol {
  list-style-type: decimal;
  list-style-position: inside;
  margin-bottom: 1em;
}
.c-policyBox__content ol li ol {
  padding-left: 2em;
  margin-bottom: 0;
}
.c-policyBox__content ol.pl_25 {
  padding-left: 2em;
}
@media screen and (max-width: 768px) {
  .c-policyBox {
    width: 100%;
    margin: 2rem 0;
  }
  .c-policyBox .policy_content {
    padding: 2rem;
    font-size: 1.2rem;
  }
}
@media screen and (max-width: 568px) {
  .c-policyBox {
    height: 12rem;
    margin: 2rem auto;
  }
  .c-policyBox .policy_content {
    padding: 1rem;
    font-size: 1.1rem;
  }
}

/* --- Slidein Effects START --- */
/* --- It needs class="slidein" and "init" --- */
.c-slidein--left, .c-slidein--right {
  opacity: 1;
  transition: transform 1s ease, opacity 1s ease-in;
}

.c-slidein--left.init {
  opacity: 0;
  transform: translate(-10%, 0);
}

.c-slidein--right.init {
  opacity: 0;
  transform: translate(10%, 0);
}

/* --- Slide Effects END --- */
/* --- Slideup Effects without Buttons and links START --- */
/* --- It needs class="slideup" and "init"--- */
/* !! エフェクトを入れる要素に<a>, <button>など、クリッカブルな要素が含まれる場合は.c-slideup_jsを使用すること !! */
/* !! mac safariでクリッカブル領域のみ遅れて移動するバグがみられたため !! */
.c-slideup {
  opacity: 1;
  transition: opacity 0.7s ease-in-out, transform 1.5s cubic-bezier(0.35, 0.34, 0.22, 0.99);
  transform: translate(0, 0);
  will-change: transform, opacity;
}
.c-slideup.init {
  opacity: 0;
  transform: translate(0, 10rem);
}
@media screen and (max-width: 768px) {
  .c-slideup.init {
    transform: translate(0, 8rem);
  }
}

/* --- Slideup Effects END --- */
/* --- Slideup Effects with Buttons and links START --- */
/* --- It needs class="slideup" and "init"--- */
/* !!エフェクトを入れる要素に<a>, <button>がなければ.c-slideupを推奨 */
.c-slideup--js {
  opacity: 0;
  transform: translate(0, 15rem);
  will-change: transform, opacity;
}

/* --- Slideup Effects END --- */
/* --- rotate Effects START --- */
/* --- It needs class="rotate" and "init"--- */
.c-rotate {
  opacity: 1;
  filter: alpha(opacity=100);
  transform: scale3d(1, 1, 1) rotate3d(0, 0, 0, 0) translate3d(0, 0, 0);
  transition: opacity 4s, transform 4s;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}
.c-rotate.init {
  opacity: 0;
  filter: alpha(opacity=0);
  transform: scale3d(1.3, 1.3, 1) rotate3d(1, -3, -1, -36deg) translate3d(0, 5rem, 13rem);
}

/* --- Slideup Effects END --- */
/* --- fadein Effects START --- */
/* --- It needs class="rotate" and "init"--- */
.c-fadein {
  opacity: 1;
  transition: opacity 0.5s ease-in-out;
}
.c-fadein.init {
  opacity: 0;
}

/* --- Slideup Effects END --- */
@media screen and (min-width: 569px) {
  .delay_100 {
    transition-delay: 100ms;
  }
}

@media screen and (min-width: 569px) {
  .delay_200 {
    transition-delay: 200ms;
  }
}

@media screen and (min-width: 569px) {
  .delay_300 {
    transition-delay: 300ms;
  }
}

@media screen and (min-width: 569px) {
  .delay_400 {
    transition-delay: 400ms;
  }
}

@media screen and (min-width: 569px) {
  .delay_400_0 {
    transition-delay: 400ms;
  }
}
@media screen and (min-width: 569px) and (max-width: 568px) {
  .delay_400_0 {
    transition-delay: 0;
  }
}

@media screen and (max-width: 568px) {
  .c-clear_effect_sp {
    transition: none !important;
    transform: none !important;
    opacity: 1 !important;
  }
}

@media screen and (min-width: 569px) {
  .c-clear_effect_up_sp {
    transition: none !important;
    transform: none !important;
    opacity: 1 !important;
  }
}

.c-table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
}
@media screen and (max-width: 768px) {
  .c-table--tbBlock, .c-table--tbBlock thead, .c-table--tbBlock tbody, .c-table--tbBlock tfoot, .c-table--tbBlock tr {
    display: block;
    width: 100%;
  }
  .c-table--tbBlock tr th, .c-table--tbBlock tr td {
    display: block;
    width: 100%;
  }
}
@media screen and (max-width: 568px) {
  .c-table--spBlock,
  .c-table--spBlock thead,
  .c-table--spBlock tbody,
  .c-table--spBlock tfoot,
  .c-table--spBlock tr {
    display: block;
    width: 100%;
  }
  .c-table--spBlock tr th,
  .c-table--spBlock tr td {
    display: block;
    width: 100%;
  }
}

.c-title--lv5, .c-title--lv4, .c-title--lv3, .c-title--lv2, .c-title {
  margin: 0 0 1.6rem;
  font-weight: bold;
  line-height: 1.4;
  text-align: left;
}

.c-title--center {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

.c-eyebrow {
  display: inline-block;
  margin-bottom: 0.8rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #008E66;
}

.c-sidebarBlock {
  padding: 3rem 0;
  border-bottom: #CCCCCC 0.2rem solid;
}
@media screen and (max-width: 568px) {
  .c-sidebarBlock {
    padding: 2rem 0;
  }
}
.c-sidebarBlock:first-child {
  padding: 0 0 3rem 0;
}
@media screen and (max-width: 568px) {
  .c-sidebarBlock:first-child {
    padding: 0 0 2rem 0;
  }
}
.c-sidebarBlock:last-child {
  border-bottom: none;
}
.c-sidebarBlock__ttl {
  margin: 0 auto 1rem auto;
  font-weight: bold;
}

.c-text {
  line-height: 1.7;
}
.c-text--lg {
  line-height: 1.8;
}
.c-text--sm {
  line-height: 1.7;
}

.c-articleCard {
  display: block;
  background: #fff;
  border-radius: 0.8rem;
  overflow: hidden;
  transition: opacity 0.2s, transform 0.2s;
}
.c-articleCard:hover {
  opacity: 0.85;
}
.c-articleCard__thumb {
  aspect-ratio: 16/9;
  overflow: hidden;
}
.c-articleCard__thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.c-articleCard__body {
  padding: 1.6rem;
}
.c-articleCard__meta {
  display: flex;
  gap: 1.2rem;
  align-items: center;
  margin-bottom: 0.8rem;
  color: #333333;
}
.c-articleCard__cat {
  padding: 0.2rem 0.8rem;
  background: #F6F6F6;
  border-radius: 0.2rem;
}
.c-articleCard__ttl {
  font-weight: 700;
  line-height: 1.5;
}
.c-articleCard__excerpt {
  margin-top: 0.8rem;
  line-height: 1.7;
}

.c-caseCard {
  display: block;
  background: #fff;
  border-radius: 0.8rem;
  overflow: hidden;
  transition: opacity 0.2s;
}
.c-caseCard:hover {
  opacity: 0.85;
}
.c-caseCard__thumb {
  aspect-ratio: 4/3;
  overflow: hidden;
}
.c-caseCard__thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.c-caseCard__body {
  padding: 2rem;
}
.c-caseCard__industry {
  display: inline-block;
  margin-bottom: 0.8rem;
  padding: 0.3rem 0.8rem;
  background: #008E66;
  color: #fff;
  border-radius: 0.2rem;
}
.c-caseCard__ttl {
  font-weight: 700;
  line-height: 1.5;
  margin-bottom: 0.8rem;
}
.c-caseCard__client {
  color: #333333;
}

.c-serviceCard {
  display: flex;
  flex-direction: column;
  gap: 1.2rem;
  padding: 2.4rem;
  background: #fff;
  border: 1px solid #CCCCCC;
  border-radius: 0.8rem;
}
.c-serviceCard__icon {
  width: 6.4rem;
}
.c-serviceCard__icon img,
.c-serviceCard__icon svg {
  display: block;
  width: 100%;
  height: auto;
}
.c-serviceCard__ttl {
  font-weight: 700;
}
.c-serviceCard__desc {
  line-height: 1.7;
}
.c-serviceCard__link {
  margin-top: auto;
  align-self: flex-start;
}

.c-flow {
  counter-reset: flow;
  display: flex;
  flex-direction: column;
  gap: 1.6rem;
  list-style: none;
  padding: 0;
  margin: 0;
}
.c-flow__item {
  counter-increment: flow;
  display: flex;
  align-items: flex-start;
  gap: 2rem;
  padding: 2rem 2.4rem;
  background: #fff;
  border: 1px solid #CCCCCC;
  border-radius: 0.8rem;
}
.c-flow__num {
  flex-shrink: 0;
  width: 4rem;
  height: 4rem;
  display: grid;
  place-items: center;
  background: #008E66;
  color: #fff;
  border-radius: 50%;
  font-weight: 700;
}
.c-flow__num::before {
  content: counter(flow);
}
.c-flow__body {
  flex: 1;
}
.c-flow__ttl {
  font-weight: 700;
  margin: 0 0 0.4rem;
}
.c-flow__desc {
  margin: 0;
  line-height: 1.7;
}
.c-flow--row {
  flex-direction: row;
  gap: 3.2rem;
}
.c-flow--row .c-flow__item {
  flex: 1 1 0;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 1.2rem;
  position: relative;
}
.c-flow--row .c-flow__item:not(:last-child)::after {
  content: "";
  position: absolute;
  right: -2.4rem;
  top: 50%;
  transform: translateY(-50%);
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0.8rem 0 0.8rem 1.2rem;
  border-color: transparent transparent transparent #008E66;
}
@media screen and (max-width: 768px) {
  .c-flow--row {
    flex-direction: column;
    gap: 2.4rem;
  }
  .c-flow--row .c-flow__item {
    flex-direction: row;
    align-items: flex-start;
    text-align: left;
  }
  .c-flow--row .c-flow__item:not(:last-child)::after {
    right: auto;
    left: 50%;
    top: 100%;
    transform: translate(-50%, 0.4rem);
    border-width: 1.2rem 0.8rem 0 0.8rem;
    border-color: #008E66 transparent transparent transparent;
  }
}

.c-authorBox {
  display: flex;
  gap: 1.6rem;
  padding: 2rem;
  background: #F6F6F6;
  border-radius: 0.8rem;
}
.c-authorBox__avatar {
  flex-shrink: 0;
  width: 7.2rem;
  height: 7.2rem;
  border-radius: 50%;
  overflow: hidden;
}
.c-authorBox__avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.c-authorBox__body {
  flex: 1;
}
.c-authorBox__role {
  display: inline-block;
  margin-bottom: 0.4rem;
  padding: 0.2rem 0.8rem;
  background: #008E66;
  color: #fff;
  border-radius: 0.2rem;
}
.c-authorBox__name {
  font-weight: 700;
  margin-bottom: 0.4rem;
}
.c-authorBox__bio {
  line-height: 1.7;
}

.c-compareTable {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  background: #fff;
}
.c-compareTable th, .c-compareTable td {
  padding: 1.6rem;
  border: 1px solid #CCCCCC;
  text-align: center;
  vertical-align: middle;
}
.c-compareTable thead th {
  background: #F6F6F6;
  font-weight: 700;
}
.c-compareTable__highlight {
  background: rgba(0, 142, 102, 0.08);
  border-color: #008E66;
}
.c-compareTable__label {
  background: #F6F6F6;
  font-weight: 700;
  text-align: left;
}
@media screen and (max-width: 768px) {
  .c-compareTable th, .c-compareTable td {
    padding: 1rem;
  }
}

.c-companyTable {
  width: 100%;
  border-collapse: collapse;
}
.c-companyTable th, .c-companyTable td {
  padding: 1.6rem;
  border-bottom: 1px solid #CCCCCC;
  vertical-align: top;
  text-align: left;
  line-height: 1.8;
}
.c-companyTable th {
  width: 22rem;
  font-weight: 700;
  color: #333333;
  background: #F6F6F6;
}
@media screen and (max-width: 768px) {
  .c-companyTable th, .c-companyTable td {
    display: block;
    width: 100%;
    padding: 1rem 0;
  }
  .c-companyTable th {
    background: transparent;
    border-bottom: none;
    padding-bottom: 0;
  }
}

.c-cta {
  padding: 6rem 2rem;
  background: #008E66;
  color: #fff;
  text-align: center;
  border-radius: 0.8rem;
}
.c-cta--bgImage {
  background-size: cover;
  background-position: center;
  position: relative;
}
.c-cta--bgImage::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.4);
  border-radius: inherit;
}
.c-cta--bgImage > * {
  position: relative;
}
.c-cta__ttl {
  font-weight: 700;
  margin-bottom: 1.6rem;
}
.c-cta__desc {
  margin-bottom: 2.4rem;
  line-height: 1.8;
}
.c-cta__btns {
  display: flex;
  gap: 1.6rem;
  justify-content: center;
  flex-wrap: wrap;
}
@media screen and (max-width: 768px) {
  .c-cta {
    padding: 4rem 1.6rem;
  }
}

.c-newsItem {
  display: flex;
  flex-wrap: wrap;
  gap: 1.6rem;
  padding: 1.6rem 0;
  border-bottom: 1px solid #CCCCCC;
}
.c-newsItem__date {
  flex-shrink: 0;
  width: 10rem;
  color: #333333;
}
.c-newsItem__cat {
  flex-shrink: 0;
  padding: 0.2rem 0.8rem;
  background: #F6F6F6;
  border-radius: 0.2rem;
}
.c-newsItem__ttl {
  flex: 1 1 60%;
  line-height: 1.6;
}
.c-newsItem__ttl a {
  color: inherit;
  text-decoration: none;
}
.c-newsItem__ttl a:hover {
  text-decoration: underline;
}
@media screen and (max-width: 568px) {
  .c-newsItem__ttl {
    flex-basis: 100%;
  }
}

.c-newsBar {
  display: flex;
  align-items: center;
  width: calc(100% + 1.4rem);
  padding: 1.4rem 2.4rem;
  background-color: #fff;
  border-radius: 1.2rem;
  text-decoration: none;
  border: 1px solid #F2F4E9;
  color: #333333;
  transition: all 0.4s ease;
}
@media screen and (max-width: 768px) {
  .c-newsBar {
    transition: all 0s ease;
  }
}
@media screen and (max-width: 768px) {
  .c-newsBar {
    width: 100%;
    padding: 1.4rem 2.4rem 1.4rem 1.6rem;
  }
}

.c-newsBar:hover {
  opacity: 0.75;
}

.c-newsBar__label {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 4.3rem;
  height: 2rem;
  background: url(../img/common/noise_green.webp) center/62rem repeat;
  color: #fff;
  font-weight: 500;
  font-size: 1.4rem;
  letter-spacing: 0.04em;
  border-radius: 0.4rem;
  line-height: 1;
  margin-right: 1.6rem;
}
@media screen and (max-width: 768px) {
  .c-newsBar__label {
    font-size: 1.2rem;
    min-width: 3.9rem;
  }
}

.c-newsBar__text {
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0.04em;
}
@media screen and (max-width: 768px) {
  .c-newsBar__text {
    font-size: 1.4rem;
    line-height: 1.3;
  }
}

.c-newsBar__arrow {
  flex-shrink: 0;
  width: 3.2rem;
  aspect-ratio: 1;
  border-radius: 50%;
  border: 1px solid #CCCCCC;
  position: relative;
}
@media screen and (max-width: 768px) {
  .c-newsBar__arrow {
    width: 2rem;
    margin-left: 1rem;
  }
}

.c-newsBar__arrow::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0.6rem;
  height: 0.6rem;
  border-top: 1px solid #646464;
  border-right: 1px solid #646464;
  transform: translate(-65%, -50%) rotate(45deg);
}

.c-secTitle {
  margin: 0;
  text-align: center;
  font-weight: 700;
  font-size: 4.8rem;
  line-height: 1.4;
  color: #333333;
}

.c-facilityCard {
  height: 100%;
  display: flex;
  flex-direction: column;
  background-color: #fff;
  border-radius: 1.2rem;
  overflow: hidden;
  border: 1px solid #ECECEC;
}

.c-facilityCard__img {
  width: 100%;
  aspect-ratio: 296/167;
  object-fit: cover;
  display: block;
}

.c-facilityCard__body {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  gap: 1.2rem;
  padding: 2rem;
}

.c-facilityCard__name {
  margin: 0;
  font-weight: 700;
  font-size: 1.6rem;
  line-height: 1.4;
  color: #333333;
}

.c-facilityCard__meta {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.5;
  color: #333333;
}

.c-facilityCard__meta-row {
  display: flex;
  gap: 0.8rem;
}

.c-facilityCard__meta-label {
  flex-shrink: 0;
  color: #6B6B6B;
  width: 3.3rem;
}

.c-facilityCard__more {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: auto;
  padding: 0.7rem 1.6rem;
  border: 1px solid #008E66;
  border-radius: 999px;
  font-weight: 700;
  font-size: 1.4rem;
  color: #008E66;
  gap: 1rem;
  transition: all 0.4s ease;
}
@media screen and (max-width: 768px) {
  .c-facilityCard__more {
    transition: all 0s ease;
  }
}

.c-facilityCard__more:hover {
  background-color: #008E66;
  color: #fff;
}

.c-facilityCard__arrow {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.4rem;
  height: 1.4rem;
  border-radius: 50%;
  background: url(../img/common/noise_green.webp) center/62rem repeat;
  position: relative;
}
@media screen and (max-width: 768px) {
  .c-facilityCard__arrow {
    display: none;
  }
}

.c-facilityCard__arrow::before {
  content: "";
  width: 0.3rem;
  height: 0.3rem;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  transform: translateX(-10%) rotate(45deg);
  border-color: tranparent;
}

.c-floatCta {
  position: fixed;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  z-index: 90;
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
@media screen and (max-width: 768px) {
  .c-floatCta {
    display: none;
  }
}

.c-floatCta__item {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.2rem;
  width: 6.4rem;
  padding: 1.6rem 0 2.4rem;
  color: #fff;
  text-decoration: none;
  font-weight: 700;
  font-size: 1.5rem;
  letter-spacing: 0.15em;
  border-radius: 1.2rem;
  transition: all 0.4s ease;
}
.c-floatCta__item, .c-floatCta__item:hover, .c-floatCta__item:visited, .c-floatCta__item:link {
  color: #fff;
  text-decoration: none;
}
@media screen and (max-width: 768px) {
  .c-floatCta__item {
    transition: all 0s ease;
  }
}

.c-floatCta__item:hover {
  opacity: 0.85;
}

.c-floatCta__item--tel {
  background-color: #CB796D;
}

.c-floatCta__item--mail {
  background-color: #5889B3;
}

.c-floatCta__icon {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 4rem;
  height: 4rem;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.3);
}

.c-floatCta__icon svg {
  width: 2rem;
  height: 2rem;
}

.c-floatCta__text {
  writing-mode: vertical-rl;
}

.c-facilityFloat {
  position: fixed;
  left: 2rem;
  bottom: 2rem;
  width: min(27rem, 32vw);
  z-index: 91;
  transform: translateY(calc(100% + 4rem));
  opacity: 0;
  visibility: hidden;
  transition: transform 0.4s ease, opacity 0.4s ease, visibility 0.4s;
}

.c-facilityFloat[hidden] {
  display: none;
}

.c-facilityFloat.is-visible {
  transform: none;
  opacity: 1;
  visibility: visible;
}

.c-facilityFloat img {
  display: block;
  width: 100%;
  height: auto;
  max-height: 25rem;
  object-fit: contain;
}

.c-facilityFloat__close {
  position: absolute;
  right: -0.8rem;
  top: -2.5rem;
  width: 4.4rem;
  height: 4.4rem;
  border: 0.1rem solid #ddd;
  border-radius: 50%;
  background: #fff;
  color: #333;
  font-size: 2.6rem;
  cursor: pointer;
  box-shadow: 0 0.2rem 0.8rem rgba(0, 0, 0, 0.1333333333);
}

@media screen and (max-width: 768px) {
  .c-floatCta--childcare {
    display: flex;
  }
  .c-floatCta--childcare .c-floatCta__item--mail {
    display: none;
  }
  .c-floatCta--childcare .c-floatCta__item--tel {
    width: 4.8rem;
    padding: 1rem 0;
    font-size: 1.2rem;
    gap: 0.8rem;
  }
  .c-floatCta--childcare .c-floatCta__icon {
    width: 3.2rem;
    height: 3.2rem;
  }
  .c-facilityFloat {
    left: 1rem;
    bottom: max(1rem, env(safe-area-inset-bottom));
    width: fit-content;
    max-width: min(16rem, 42vw);
  }
  .c-facilityFloat img {
    width: auto;
    max-width: min(16rem, 42vw);
    max-height: min(12rem, 20svh);
  }
  .c-facilityFloat__close {
    right: -0.4rem;
    top: -2rem;
    width: 3.6rem;
    height: 3.6rem;
    font-size: 2.2rem;
  }
}
.c-facilityFloat--center {
  left: 50%;
  width: min(534.6px, 46.17%);
  max-width: none;
  transform: translate(-50%, calc(100% + 4rem));
}
.c-facilityFloat--center.is-visible {
  transform: translateX(-50%);
}
.c-facilityFloat--center img {
  width: 100%;
  max-width: none;
  max-height: none;
}

@media screen and (max-width: 480px) {
  .c-facilityFloat--center {
    width: 95%;
  }
}
@media (prefers-reduced-motion: reduce) {
  .c-facilityFloat {
    transition: none;
  }
}
.l-header-nav__books {
  display: flex;
  flex-wrap: wrap;
  gap: 1.6rem;
  margin-block: 2rem;
}
@media screen and (min-width: 769px) {
  .l-header-nav__books {
    justify-content: flex-end;
  }
}

.l-header-nav__books a {
  display: block;
  width: min(100%, 30rem);
}

.l-header-nav__books img {
  display: block;
  width: 100%;
  height: auto;
}

.c-cardList {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2.4rem;
}
.c-cardList--col2 {
  grid-template-columns: repeat(2, 1fr);
}
.c-cardList--col4 {
  grid-template-columns: repeat(4, 1fr);
}
@media screen and (max-width: 768px) {
  .c-cardList {
    grid-template-columns: repeat(2, 1fr);
    gap: 1.6rem;
  }
  .c-cardList--col4 {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 568px) {
  .c-cardList {
    grid-template-columns: 1fr;
  }
}

.c-ctaAction {
  padding-bottom: 12rem;
}

.c-ctaAction__inner {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 4rem;
}
@media screen and (max-width: 768px) {
  .c-ctaAction__inner {
    grid-template-columns: 1fr;
    gap: 1.6rem;
  }
}

.c-ctaAction__box {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 7.2rem 4rem;
  border-radius: 8rem;
  text-align: center;
  color: #fff;
}
@media screen and (max-width: 768px) {
  .c-ctaAction__box {
    padding: 5.6rem 3.2rem;
    border-radius: 8rem;
  }
}

.c-ctaAction__head {
  display: contents;
}
@media screen and (max-width: 768px) {
  .c-ctaAction__head {
    display: flex;
    align-items: center;
    gap: 1.6rem;
    margin-bottom: 1.6rem;
  }
}

.c-ctaAction__icon {
  width: 8rem;
  margin-bottom: 3.2rem;
}
@media screen and (max-width: 768px) {
  .c-ctaAction__icon {
    margin-bottom: 0;
    width: 6.4rem;
  }
}
.c-ctaAction__icon img {
  width: 100%;
  height: auto;
}

.c-ctaAction__box--recruit {
  background: url(../img/common/noise_green.webp) center/62rem repeat;
}

.c-ctaAction__box--contact {
  background: url(../img/common/noise_blue.webp) center/62rem repeat;
}

.c-ctaAction__ttl {
  font-weight: 700;
  font-size: 3.2rem;
  margin-bottom: 3.2rem;
  line-height: 1;
  letter-spacing: 0.08em;
}
@media screen and (max-width: 768px) {
  .c-ctaAction__ttl {
    margin-bottom: 0;
    text-align: left;
    font-size: 2.8rem;
  }
}

.c-ctaAction__lead {
  margin-bottom: 3.2rem;
  font-size: 1.8rem;
  line-height: 1.5;
}
@media screen and (max-width: 768px) {
  .c-ctaAction__lead {
    margin-bottom: 2.4rem;
    font-size: 1.6rem;
  }
}

.c-ctaAction__btn {
  color: #fff;
  font-size: 2.4rem;
}
.c-ctaAction__btn, .c-ctaAction__btn:hover, .c-ctaAction__btn:visited, .c-ctaAction__btn:link {
  color: #fff;
  text-decoration: none;
}
@media screen and (max-width: 768px) {
  .c-ctaAction__btn {
    width: 100%;
    font-size: 1.8rem;
    padding-left: 1.6rem;
  }
}
.c-ctaAction__btn .c-btnPill__mail {
  margin-right: 1.2rem;
}
@media screen and (max-width: 768px) {
  .c-ctaAction__btn .c-btnPill__mail {
    margin-right: 0.8rem;
  }
}

@media screen and (max-width: 768px) {
  .c-ctaAction__btn > span:not([class]) {
    white-space: nowrap;
  }
}

.c-ctaAction__tel {
  font-weight: 700;
  color: #fff;
  background: none;
}
.c-ctaAction__tel, .c-ctaAction__tel:hover, .c-ctaAction__tel:visited, .c-ctaAction__tel:link {
  color: #fff;
  text-decoration: none;
}
@media screen and (max-width: 768px) {
  .c-ctaAction__tel {
    font-size: 2.2rem;
  }
}
.c-ctaAction__tel .c-btnPill__phone {
  margin-right: 4rem;
}
@media screen and (max-width: 768px) {
  .c-ctaAction__tel .c-btnPill__phone {
    margin-right: 0.8rem;
  }
}
.c-ctaAction__tel .c-btnPill__arrow::after {
  border-color: #014c8c;
}

.c-ctaAction__box--recruit .c-ctaAction__btn {
  color: #008E66;
}

.c-ctaAction__box--contact .c-ctaAction__btn + .c-ctaAction__btn {
  margin-top: 0.8rem;
  color: #0963af;
}
.c-ctaAction__box--contact .c-ctaAction__btn + .c-ctaAction__btn, .c-ctaAction__box--contact .c-ctaAction__btn + .c-ctaAction__btn:hover, .c-ctaAction__box--contact .c-ctaAction__btn + .c-ctaAction__btn:visited, .c-ctaAction__box--contact .c-ctaAction__btn + .c-ctaAction__btn:link {
  color: #0963af;
  text-decoration: none;
}
.c-ctaAction__box--contact .c-ctaAction__btn + .c-ctaAction__btn .c-btnPill__mail {
  margin-right: 4rem;
  background: url(../img/icon/mail_blue.svg) no-repeat center/contain;
}
@media screen and (max-width: 768px) {
  .c-ctaAction__box--contact .c-ctaAction__btn + .c-ctaAction__btn .c-btnPill__mail {
    margin-right: 0.8rem;
  }
}

.c-postCard {
  display: block;
  text-decoration: none;
  color: #333333;
  transition: all 0.4s ease;
}
@media screen and (max-width: 768px) {
  .c-postCard {
    transition: all 0s ease;
  }
}

.c-postCard:hover {
  opacity: 0.85;
}

.c-postCard__imgWrap {
  position: relative;
  margin-bottom: 1.6rem;
}

.c-postCard__img {
  width: 100%;
  height: auto;
  aspect-ratio: 384/280;
  object-fit: cover;
  border-radius: 1.2rem;
  display: block;
}

.c-postCard__sticker {
  position: absolute;
  top: -2.4rem;
  right: 0.4rem;
  width: 4.4rem;
  height: 6.9rem;
  background-color: #F9F5EF;
  clip-path: polygon(0 0, 100% 0, 100% 100%, 50% 82%, 0 100%);
  transform: rotate(9deg);
  transform-origin: center;
}

.c-postCard__sticker::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 3.6rem;
  height: 2.2rem;
  background-color: #E9D553;
}

.c-postCard__body {
  display: flex;
  flex-direction: column;
  gap: 1.1rem;
}

.c-postCard__meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.8rem;
}

.c-postCard__tag {
  display: inline-flex;
  align-items: center;
  padding: 0.5rem 1.1rem;
  background-color: #F9F5EF;
  color: #333333;
  font-weight: 500;
  border-radius: 0.4rem;
}

.c-postCard__date {
  font-weight: 500;
  color: #9E9E9E;
}

.c-postCard__title {
  margin: 0;
  font-weight: 700;
  line-height: 1.6;
  color: #333333;
}

.c-pageHead {
  position: relative;
  z-index: 10;
  overflow: hidden;
  background-color: #FDFBF8;
  padding-top: 10.8rem;
  padding-bottom: 12rem;
}
@media screen and (max-width: 768px) {
  .c-pageHead {
    padding-bottom: 8rem;
  }
}
@media screen and (max-width: 568px) {
  .c-pageHead {
    padding-bottom: 5.6rem;
  }
}

.c-pageHead__decor {
  position: absolute;
  top: -8rem;
  right: -6rem;
  width: 46rem;
  height: 46rem;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(221, 122, 31, 0.1) 0%, rgba(221, 122, 31, 0) 70%);
  pointer-events: none;
  z-index: 0;
}

.c-pageHead__breadcrumb {
  position: relative;
  z-index: 2;
  font-weight: 700;
  line-height: 1.7;
  color: #969696;
  margin-bottom: -0.8rem;
  padding-inline: 4.2rem;
}
@media screen and (max-width: 568px) {
  .c-pageHead__breadcrumb {
    margin-bottom: 2rem;
  }
}

.c-pageHead__breadcrumb a {
  color: #333333;
}
.c-pageHead__breadcrumb a, .c-pageHead__breadcrumb a:hover, .c-pageHead__breadcrumb a:visited, .c-pageHead__breadcrumb a:link {
  color: #333333;
  text-decoration: none;
}

.c-pageHead__inner {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: minmax(0, 51rem) minmax(0, 1fr);
  align-items: center;
  gap: 6rem;
  margin-right: calc(50% - 50vw + 2.4rem);
}
@media screen and (max-width: 768px) {
  .c-pageHead__inner {
    grid-template-columns: minmax(0, 1fr);
    gap: 3.2rem;
    margin-right: 0;
  }
}

.c-pageHead__body {
  padding-top: 8%;
}

.c-pageHead__eyebrow {
  display: block;
  font-weight: 700;
  letter-spacing: 0.112rem;
  line-height: 1.7;
  color: #DD7A1F;
  text-transform: uppercase;
  margin-bottom: 0;
}

.c-pageHead__title {
  font-weight: 700;
  line-height: 1.7;
  color: #333333;
  margin-bottom: 0;
}

.c-pageHead__lead {
  font-weight: 500;
  line-height: 2;
  color: #333333;
  margin-bottom: 4rem;
}
@media screen and (max-width: 568px) {
  .c-pageHead__lead {
    margin-bottom: 3.2rem;
  }
}

.c-pageHead__anchors {
  display: flex;
  flex-wrap: wrap;
  gap: 0.8rem;
}

.c-pageHead__anchor {
  display: inline-flex;
  align-items: center;
  gap: 1.2rem;
  min-height: 3.7rem;
  padding: 0.8rem 1.6rem;
  background-color: #fff;
  border: 1px solid #DD7A1F;
  border-radius: 999px;
  line-height: 1.5;
  font-weight: 500;
  color: #DD7A1F;
  transition: all 0.4s ease;
}
.c-pageHead__anchor, .c-pageHead__anchor:hover, .c-pageHead__anchor:visited, .c-pageHead__anchor:link {
  color: #DD7A1F;
  text-decoration: none;
}
@media screen and (max-width: 768px) {
  .c-pageHead__anchor {
    transition: all 0s ease;
  }
}

.c-pageHead__anchor:hover {
  opacity: 0.7;
}

.c-pageHead__anchor-icon {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.6rem;
  height: 1.6rem;
  border-radius: 50%;
  background-color: #DD7A1F;
  position: relative;
}

.c-pageHead__anchor-icon::after {
  content: "";
  width: 0.5rem;
  height: 0.5rem;
  border-bottom: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: translateY(-20%) rotate(45deg);
}

.c-pageHead__photo {
  width: 100%;
  height: auto;
  aspect-ratio: 821/391;
  border-radius: 4rem;
  object-fit: cover;
  display: block;
}
@media screen and (max-width: 768px) {
  .c-pageHead__photo {
    aspect-ratio: 16/9;
    border-radius: 2.4rem;
  }
}

.c-pageHead__marquee {
  position: absolute;
  left: 0;
  bottom: 9.8rem;
  width: 100%;
  z-index: 1;
  overflow: hidden;
  line-height: 1;
  pointer-events: none;
  user-select: none;
}

.c-pageHead__marquee-track {
  display: flex;
  align-items: flex-end;
  width: max-content;
  animation: pageHeadMarquee 40s linear infinite;
}

@keyframes pageHeadMarquee {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-50%);
  }
}
@media (prefers-reduced-motion: reduce) {
  .c-pageHead__marquee-track {
    animation: none;
  }
}
.c-pageHead__marquee-text {
  flex-shrink: 0;
  white-space: nowrap;
  padding-right: 3rem;
  font-size: 13.8rem;
  font-weight: 900;
  letter-spacing: 0.828rem;
  color: rgba(221, 122, 31, 0.12);
  text-transform: uppercase;
}
@media screen and (max-width: 768px) {
  .c-pageHead__marquee-text {
    font-size: 8rem;
  }
}
@media screen and (max-width: 568px) {
  .c-pageHead__marquee-text {
    font-size: 4.8rem;
  }
}

.c-pageHead__marquee-icon {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  padding-right: 3rem;
}
.c-pageHead__marquee-icon img {
  width: 6rem;
  height: 6rem;
  object-fit: contain;
}
@media screen and (max-width: 768px) {
  .c-pageHead__marquee-icon img {
    width: 4rem;
    height: 4rem;
  }
}
@media screen and (max-width: 568px) {
  .c-pageHead__marquee-icon img {
    width: 3rem;
    height: 3rem;
  }
}

.c-quickLinks {
  padding-top: 2.4rem;
  padding-inline: 6rem;
  padding-bottom: 13.4rem;
}
@media screen and (max-width: 768px) {
  .c-quickLinks {
    padding-inline: 0;
  }
}

.c-quickLinks__inner {
  max-width: 112rem;
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

.c-quickLinks__bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 12rem;
  padding: 1.5rem 3.2rem;
  background-color: #fff;
  border-radius: 1.2rem;
  box-shadow: 0 0.2rem 1rem rgba(0, 0, 0, 0.05);
  color: #333333;
  transition: all 0.4s ease;
}
.c-quickLinks__bar, .c-quickLinks__bar:hover, .c-quickLinks__bar:visited, .c-quickLinks__bar:link {
  color: #333333;
  text-decoration: none;
}
@media screen and (max-width: 768px) {
  .c-quickLinks__bar {
    transition: all 0s ease;
  }
}

.c-quickLinks__bar:hover {
  opacity: 0.75;
}

.c-quickLinks__bar-head {
  display: flex;
  align-items: center;
  gap: 2.4rem;
}

.c-quickLinks__bar-ttl {
  font-weight: 700;
  letter-spacing: 0.08em;
  line-height: 1.4;
}

.c-quickLinks__list {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 2rem;
}
@media screen and (max-width: 568px) {
  .c-quickLinks__list {
    grid-template-columns: minmax(0, 1fr);
  }
}

.c-quickLinks__link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 12rem;
  height: 100%;
  padding: 1.5rem 3.2rem;
  background-color: #fff;
  border-radius: 1.2rem;
  box-shadow: 0 0.2rem 1rem rgba(0, 0, 0, 0.05);
  color: #333333;
  transition: all 0.4s ease;
}
.c-quickLinks__link, .c-quickLinks__link:hover, .c-quickLinks__link:visited, .c-quickLinks__link:link {
  color: #333333;
  text-decoration: none;
}
@media screen and (max-width: 768px) {
  .c-quickLinks__link {
    transition: all 0s ease;
  }
}

.c-quickLinks__link:hover {
  opacity: 0.75;
}

.c-quickLinks__link-head {
  display: flex;
  align-items: center;
  gap: 2.4rem;
}

.c-quickLinks__link-ttl {
  font-weight: 700;
  line-height: 1.4;
}

.c-quickLinks__arrow {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.4rem;
  height: 2.4rem;
  border-radius: 50%;
  position: relative;
}

.c-quickLinks__arrow::after {
  content: "";
  width: 0.6rem;
  height: 0.6rem;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: translateX(-10%) rotate(45deg);
}

.c-quickLinks__arrow--rinen {
  background-color: #CB796D;
}

.c-quickLinks__arrow--disclosure {
  background-color: #4079A9;
}

.c-quickLinks__arrow--download {
  background-color: #DD7A1F;
}

.c-quickLinks__arrow--sdgs {
  background-color: #008E66;
}

.c-bizNav .c-secTitle {
  font-size: 4rem;
  line-height: 1.7;
  margin-bottom: 3.2rem;
}
@media screen and (max-width: 768px) {
  .c-bizNav .c-secTitle {
    font-size: 3.4rem;
  }
}
@media screen and (max-width: 568px) {
  .c-bizNav .c-secTitle {
    font-size: 2.8rem;
  }
}

.c-bizNav__list {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 2rem;
  margin-bottom: 3.2rem;
}
@media screen and (max-width: 768px) {
  .c-bizNav__list {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media screen and (max-width: 568px) {
  .c-bizNav__list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.2rem;
  }
}

.c-bizNav__card {
  --accent: #008E66;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.6rem;
  padding: 2.4rem 1.2rem;
  background-color: #fff;
  border: 1px solid var(--accent);
  border-radius: 1.2rem;
  text-align: center;
  color: var(--accent);
  transition: all 0.4s ease;
}
.c-bizNav__card, .c-bizNav__card:hover, .c-bizNav__card:visited, .c-bizNav__card:link {
  color: var(--accent);
  text-decoration: none;
}
@media screen and (max-width: 768px) {
  .c-bizNav__card {
    transition: all 0s ease;
  }
}

.c-bizNav__card:hover {
  opacity: 0.75;
}

.c-bizNav__card--elderly {
  --accent: #008E66;
}

.c-bizNav__card--childcare {
  --accent: #DD7A1F;
}

.c-bizNav__card--support {
  --accent: #4079A9;
}

.c-bizNav__card--welfare {
  --accent: #CB796D;
}

.c-bizNav__card--hq {
  --accent: #93AB08;
}

.c-bizNav__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 7.2rem;
  height: 7.2rem;
  border-radius: 50%;
  background-color: #FDFBF8;
}

.c-bizNav__icon img {
  width: 4rem;
  height: 4rem;
  object-fit: contain;
}

.c-bizNav__name {
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0.192rem;
}

.c-bizNav__arrow {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.4rem;
  height: 2.4rem;
  border-radius: 50%;
  background-color: var(--accent);
  position: relative;
}

.c-bizNav__arrow::after {
  content: "";
  width: 0.6rem;
  height: 0.6rem;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: translateX(-10%) rotate(45deg);
}

.c-bizNav__more {
  display: flex;
  width: fit-content;
  margin-inline: auto;
  align-items: center;
  gap: 0.8rem;
  font-weight: 700;
  color: #A1621F;
}
.c-bizNav__more, .c-bizNav__more:hover, .c-bizNav__more:visited, .c-bizNav__more:link {
  color: #A1621F;
  text-decoration: none;
}

.c-bizNav__more-arrow {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  background-color: #A1621F;
  position: relative;
}

.c-bizNav__more-arrow::after {
  content: "";
  width: 0.5rem;
  height: 0.5rem;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: translateX(-10%) rotate(45deg);
}

.c-officeCard {
  --accent: #008E66;
  display: flex;
  flex-direction: column;
  gap: 3.1rem;
  align-items: center;
}

.c-officeCard__row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 3.1rem;
  width: 100%;
  align-items: start;
}
@media screen and (max-width: 568px) {
  .c-officeCard__row {
    grid-template-columns: minmax(0, 1fr);
    gap: 2rem;
  }
}

.c-officeCard__body {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

.c-officeCard__img {
  width: 100%;
  aspect-ratio: 546/315;
  object-fit: cover;
  border-radius: 4rem;
  display: block;
}

.c-officeCard__name {
  font-weight: 700;
  line-height: 1.5;
  color: #333333;
  padding-bottom: 1.6rem;
  border-bottom: 1px solid #CCCCCC;
}

.c-officeCard__meta {
  display: flex;
  flex-direction: column;
  gap: 1.2rem;
}

.c-officeCard__meta-row {
  display: flex;
  align-items: flex-start;
  gap: 1.6rem;
  padding-bottom: 1.2rem;
  border-bottom: 1px solid #F6F6F6;
}

.c-officeCard__meta-label {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  gap: 0.8rem;
  min-width: 10rem;
  font-weight: 700;
  color: var(--accent);
}

.c-officeCard__meta-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 3.2rem;
  height: 3.2rem;
  border-radius: 50%;
  background-color: color-mix(in srgb, var(--accent) 14%, #fff);
}

.c-officeCard__meta-icon svg {
  width: 1.6rem;
  height: 1.6rem;
  fill: var(--accent);
}

.c-officeCard__meta-value {
  font-weight: normal;
  color: #333333;
  line-height: 1.7;
}

.c-officeCard__btns {
  display: flex;
  justify-content: center;
  gap: 1.6rem;
}
@media screen and (max-width: 568px) {
  .c-officeCard__btns {
    flex-direction: column;
    width: 100%;
  }
}

.c-officeCard__btns .c-btnPill {
  width: 31.3rem;
  min-height: 6.4rem;
}
@media screen and (max-width: 568px) {
  .c-officeCard__btns .c-btnPill {
    width: 100%;
  }
}

.c-officeCard__map {
  width: 100%;
  aspect-ratio: 1/1;
  border-radius: 4rem;
  overflow: hidden;
  background-color: #F6F6F6;
}
@media screen and (max-width: 568px) {
  .c-officeCard__map {
    aspect-ratio: 4/3;
  }
}

.c-officeCard__map iframe {
  width: 100%;
  height: 100%;
  border: 0;
  display: block;
}

.c-facilityBizCard {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

.c-facilityBizCard__item {
  display: flex;
  align-items: stretch;
  background-color: #fff;
  border-radius: 1.4rem;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .c-facilityBizCard__item {
    flex-direction: column;
  }
}

.c-facilityBizCard__img {
  flex: 0 0 40%;
  background-color: #EDF2F7;
}
@media screen and (max-width: 768px) {
  .c-facilityBizCard__img {
    flex-basis: auto;
  }
}

.c-facilityBizCard__img img {
  width: 100%;
  height: 100%;
  aspect-ratio: 360/237;
  object-fit: cover;
  display: block;
}

.c-facilityBizCard__body {
  flex: 1 1 0;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: 3.2rem 3.6rem;
}
@media screen and (max-width: 768px) {
  .c-facilityBizCard__body {
    padding: 2rem 1.6rem;
  }
}

.c-facilityBizCard__no {
  font-weight: 700;
  color: var(--facility-accent, #008E66);
  line-height: 1.8;
}

.c-facilityBizCard__ttl {
  margin: 0;
  font-weight: 700;
  font-size: 2.3rem;
  line-height: 1.8;
  color: #333333;
}

.c-facilityBizCard__text {
  margin: 0;
  font-weight: 400;
  line-height: 1.8;
  color: #333333;
}

.c-mapImage {
  border: 1px solid #008E66;
  border-radius: 0 8rem 8rem 8rem;
  overflow: hidden;
  background-color: #fff;
  line-height: 0;
}
@media screen and (max-width: 768px) {
  .c-mapImage {
    border-radius: 0;
    margin-top: -1px;
  }
}

.c-mapImage img {
  display: block;
  width: 100%;
  height: auto;
}

.c-mapImage area {
  cursor: pointer;
}

.c-articleEntry__item {
  padding: 0 0 1rem 0;
}
.c-articleEntry__item:last-child {
  padding: 0;
}
.c-articleEntry__item dl {
  display: flex;
}
.c-articleEntry__item dl dt {
  width: 30%;
}
@media screen and (max-width: 768px) {
  .c-articleEntry__item dl dt {
    width: 20%;
  }
}
.c-articleEntry__item dl dt img {
  border-radius: 0.3rem;
}
.c-articleEntry__item dl dd {
  width: 70%;
  padding: 0 0 0 5%;
}
@media screen and (max-width: 768px) {
  .c-articleEntry__item dl dd {
    width: 80%;
  }
}
.c-articleEntry__thumb {
  width: 100%;
  height: auto;
  position: relative;
}
.c-articleEntry__thumb::before {
  content: "";
  display: block;
  padding-top: 66.67%;
}
.c-articleEntry__thumb img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1;
}
.c-articleEntry__text {
  overflow: hidden;
  max-height: 5.1;
  line-height: 1.7;
  padding: 0;
}
.c-articleEntry__text .textline {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  line-height: 1.7;
}
.c-articleEntry.textend_dots h2,
.c-articleEntry.textend_dots h3 {
  overflow: hidden;
  max-height: 1.7;
  line-height: 1.7;
}
.c-articleEntry.textend_dots h2 .textline,
.c-articleEntry.textend_dots h3 .textline {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  line-height: 1.7;
}
.c-articleEntry.textend_dots p {
  overflow: hidden;
  max-height: 3.4;
  line-height: 1.7;
}
.c-articleEntry.textend_dots p .textline {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-height: 1.7;
}
.c-articleEntry.textend_grad h2,
.c-articleEntry.textend_grad h3 {
  height: 1.7;
  overflow: hidden;
  display: block;
  position: relative;
}
.c-articleEntry.textend_grad h2:after,
.c-articleEntry.textend_grad h3:after {
  content: "";
  display: block;
  width: 5em;
  height: 1.7;
  background-image: url(../img/article/textend_grad.png);
  background-size: 100% 100%;
  position: absolute;
  right: 0;
  bottom: 0;
}
.c-articleEntry.textend_grad p {
  height: 3.4;
  overflow: hidden;
  display: block;
  position: relative;
}
.c-articleEntry.textend_grad p:after {
  content: "";
  display: block;
  width: 5em;
  height: 1.7;
  background-image: url(../img/article/textend_grad.png);
  background-size: 100% 100%;
  position: absolute;
  right: 0;
  bottom: 0;
}

select.article-archive {
  width: 100%;
}

.c-articlePager {
  text-align: center;
  padding: 0 0 8rem;
}
@media screen and (max-width: 768px) {
  .c-articlePager {
    padding-bottom: 5rem;
  }
}
.c-articlePager li {
  width: 3rem;
  display: inline-block;
  letter-spacing: normal;
  vertical-align: middle;
  color: #008E66;
  font-weight: bold;
}
.c-articlePager li a {
  display: block;
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 568px) {
  .c-articlePager li a {
    padding: 0.5rem;
  }
}
.c-articlePager li a.prev, .c-articlePager li a.next, .c-articlePager li a.first, .c-articlePager li a.end {
  height: 3rem;
  background-repeat: no-repeat;
  background-size: auto 2rem;
  background-position: center center;
}
.c-articlePager li a.prev {
  background-image: url(../img/article/arrow_left.svg);
}
.c-articlePager li a.next {
  background-image: url(../img/article/arrow_right.svg);
}
.c-articlePager li a.first {
  background-image: url(../img/article/arrow_first.svg);
}
.c-articlePager li a.end {
  background-image: url(../img/article/arrow_end.svg);
}

.c-articleGrid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.6rem 2rem;
  margin-bottom: 4rem;
}
@media screen and (max-width: 568px) {
  .c-articleGrid {
    grid-template-columns: repeat(2, 1fr);
    gap: 2rem 1rem;
    margin-bottom: 2rem;
  }
}
@media screen and (max-width: 414px) {
  .c-articleGrid {
    grid-template-columns: repeat(1, 1fr);
    gap: 2rem;
  }
}
.c-articleGrid__bgBox {
  display: block;
  border: solid 0.1rem;
}
.c-articleGrid__bgBox:hover {
  opacity: 0.8;
  text-decoration: none;
}
.c-articleGrid__bgBox:hover img {
  opacity: 1;
}
.c-articleGrid__thum {
  position: relative;
  position: relative;
  width: 100%;
  overflow: hidden;
  aspect-ratio: 3/2;
}
.c-articleGrid__thum img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.c-articleGrid__thum .pop {
  z-index: 2;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #c94447;
  color: #fff;
  padding: 0.5em 0.7em;
  border-radius: 0 0 1rem 0;
  letter-spacing: 0.1rem;
  font-weight: 700;
  font-size: 1.2rem;
}
.c-articleGrid__cont {
  padding: 1.5rem 1.5rem 2rem;
}
.c-articleGrid__ttl {
  font-weight: 700;
  overflow: hidden;
  max-height: 3.4;
  line-height: 1.7;
}
.c-articleGrid__ttl .textline {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-height: 1.7;
}
.c-articleGrid__info li.article-day {
  width: 100%;
  font-weight: 400;
}
.c-articleGrid__info li.article-day + li {
  margin-left: 0;
}
.c-articleGrid__info ul.article-cgy li a,
.c-articleGrid__info ul.article-cgy li span {
  background-size: 1rem auto;
  padding: 0.2rem 1rem;
}
.c-articleGrid__text {
  overflow: hidden;
  max-height: 5.1;
  line-height: 1.7;
  padding: 0;
}
.c-articleGrid__text .textline {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  line-height: 1.7;
}

.c-articleHead__thum {
  width: 100%;
  height: auto;
  margin: 0 auto 5rem auto;
  overflow: hidden;
  position: relative;
  border-radius: 0.5rem;
  position: relative;
  width: 100%;
  overflow: hidden;
  aspect-ratio: 3/2;
}
.c-articleHead__thum img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media screen and (max-width: 568px) {
  .c-articleHead__thum {
    margin: 0 auto 2rem auto;
  }
}
.c-articleHead__thum div.pop {
  z-index: 2;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #c94447;
  color: #fff;
  padding: 3% 4%;
  border-radius: 0 0 1rem 0;
  letter-spacing: 0.1rem;
  font-weight: bold;
}
.c-articleHead__ttl {
  margin: 0 auto 1rem auto;
  font-weight: bold;
}
@media screen and (max-width: 568px) {
  .c-articleHead__ttl {
    margin: 0 auto;
  }
}
.c-articleHead__info li {
  display: inline-block;
  font-size: 0;
}
.c-articleHead__info .c-articleDay {
  font-weight: 700;
}
.c-articleHead__info .c-articleDay + li {
  margin-left: 1rem;
}
.c-articleHead__info .c-articleCgy {
  font-size: 0;
}
.c-articleHead__info .c-articleCgy li {
  margin-right: 0.5rem;
  margin-bottom: 0.5rem;
  display: inline-block;
}
.c-articleHead__info .c-articleCgy li a,
.c-articleHead__info .c-articleCgy li span {
  background-color: #DD7A1F;
  padding: 0.3rem 1rem;
  border-radius: 0.5rem;
  color: #fff;
  background: #DD7A1F;
  font-weight: 700;
}
.c-articleHead__info .c-articleCgy li a, .c-articleHead__info .c-articleCgy li a:hover, .c-articleHead__info .c-articleCgy li a:visited, .c-articleHead__info .c-articleCgy li a:link {
  color: #fff;
  text-decoration: none;
}
.c-articleHead__info .c-articleCgy li a:hover {
  opacity: 0.8;
  text-decoration: none;
}

.c-articleList {
  margin-bottom: 4rem;
}
.c-articleList.textend_dots h2,
.c-articleList.textend_dots h3 {
  overflow: hidden;
  max-height: 1.7;
  line-height: 1.7;
}
.c-articleList.textend_dots h2 .textline,
.c-articleList.textend_dots h3 .textline {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  line-height: 1.7;
}
.c-articleList.textend_grad h2 a,
.c-articleList.textend_grad h3 a {
  height: 1.7;
  overflow: hidden;
  display: block;
  position: relative;
}
.c-articleList.textend_grad h2 a:after,
.c-articleList.textend_grad h3 a:after {
  content: "";
  display: block;
  width: 5em;
  height: 1.7;
  background-image: url(../img/article/textend_grad.png);
  background-size: 100% 100%;
  position: absolute;
  right: 0;
  bottom: 0;
}
.c-articleList__item {
  padding: 2rem 0;
  display: flex;
  align-items: center;
  border-bottom: 0.1rem solid #CCCCCC;
}
@media screen and (max-width: 768px) {
  .c-articleList__item {
    flex-wrap: wrap;
  }
}
.c-articleList__cat {
  width: 13rem;
  padding: 0 1rem 0 0;
  display: block;
}
.c-articleList__cat a,
.c-articleList__cat span {
  min-width: 10rem;
  display: block;
  text-align: center;
  border: #008E66 0.2rem solid;
  color: #008E66;
  padding: 0.3rem 5%;
  margin: auto;
}
.c-articleList__cat a, .c-articleList__cat a:hover, .c-articleList__cat a:visited, .c-articleList__cat a:link {
  color: #008E66;
  text-decoration: none;
}
.c-articleList__cat a:hover {
  text-decoration: none;
  background-color: #008E66;
  color: #fff;
}
@media screen and (max-width: 768px) {
  .c-articleList__cat {
    width: auto;
  }
}
.c-articleList__date {
  width: 13rem;
  padding: 0 1rem 0 0;
}
@media screen and (max-width: 768px) {
  .c-articleList__date {
    width: auto;
  }
}
.c-articleList__ttl {
  flex: 1;
  padding-right: 2rem;
  background-image: url(../img/arrow/arrow_right_c.svg);
  background-size: 2rem 2rem;
  background-position: right center;
  font-weight: 700;
}
.c-articleList__ttl a {
  padding: 0.2rem 0;
}
@media screen and (max-width: 768px) {
  .c-articleList__ttl {
    width: 100%;
    margin-top: 1rem;
  }
}

.c-articleNav {
  width: 100%;
  height: auto;
  padding: 1rem 0;
}

ul.c-articleNav__transfer {
  width: 100%;
  max-width: 50rem;
  margin: auto;
  display: table;
  table-layout: fixed;
  text-align: center;
  padding: 3rem 0;
}
ul.c-articleNav__transfer li {
  display: table-cell;
  vertical-align: middle;
  padding: 0.5rem 0;
  font-weight: bold;
  color: #CCCCCC;
}
ul.c-articleNav__transfer li + li {
  border-left: #CCCCCC 0.1rem solid;
}
ul.c-articleNav__transfer li a {
  background-repeat: no-repeat;
  background-size: 2rem 2rem;
  padding: 0.5rem 2.5rem;
}
@media screen and (max-width: 568px) {
  ul.c-articleNav__transfer li a {
    padding: 0.5rem 1.5rem;
  }
}
ul.c-articleNav__transfer li:first-child a {
  background-image: url(../img/arrow/arrow_left_c.svg);
  background-position: left center;
  padding: 0.5rem 0.5rem 0.5rem 4.5rem;
}
@media screen and (max-width: 568px) {
  ul.c-articleNav__transfer li:first-child a {
    background-image: none;
    padding: 0.5rem 1.5rem;
  }
}
ul.c-articleNav__transfer li:last-child a {
  background-image: url(../img/arrow/arrow_right_c.svg);
  background-position: right center;
  padding: 0.5rem 4.5rem 0.5rem 0.5rem;
}
@media screen and (max-width: 568px) {
  ul.c-articleNav__transfer li:last-child a {
    background-image: none;
    padding: 0.5rem 1.5rem;
  }
}

.c-shareBox {
  text-align: center;
}
.c-shareBox__bg {
  display: inline-block;
  width: auto;
  background-color: #F6F6F6;
  padding: 2rem 6rem;
  border-radius: 5rem;
}
@media screen and (max-width: 768px) {
  .c-shareBox__bg {
    padding: 2rem 4rem;
  }
}
@media screen and (max-width: 568px) {
  .c-shareBox__bg {
    display: block;
    padding: 1.5rem;
  }
}
.c-shareBox__list {
  display: flex;
  justify-content: center;
  align-items: center;
}
.c-shareBox__list li + li {
  margin-left: 2rem;
}
.c-shareBox__list li:first-of-type {
  margin-right: 1.5rem;
}
.c-shareBox__list p {
  color: #008E66;
  letter-spacing: 0.05em;
  font-weight: bold;
}
.c-shareBox__list a {
  display: block;
}
@media screen and (max-width: 768px) {
  .c-shareBox__list li + li {
    margin-left: 2.5rem;
  }
  .c-shareBox__list li:first-of-type {
    margin-right: 1rem;
  }
}
@media screen and (max-width: 568px) {
  .c-shareBox .icon_twitter {
    width: 2.5rem;
  }
  .c-shareBox .icon_facebook,
  .c-shareBox .icon_line {
    width: 2.7rem;
  }
}

.c-articleTag__item {
  display: inline-block;
  margin: 0 0.5rem 1rem 0;
}
.c-articleTag__item a {
  width: 100%;
  height: 100%;
  display: block;
  border-radius: 0.5rem;
  background: #008E66;
  padding: 0.5rem;
}
.c-articleTag__item a:link, .c-articleTag__item a:visited, .c-articleTag__item a:active {
  color: #fff;
  background-color: #008E66;
}
.c-articleTag__item a:hover {
  opacity: 0.8;
}

.c-categoryList {
  font-size: 0;
}
.c-categoryList__item {
  margin-right: 0.5rem;
  margin-bottom: 0.5rem;
  display: inline-block;
}
.c-categoryList__item a,
.c-categoryList__item span {
  background-color: #DD7A1F;
  padding: 0.3rem 1rem;
  border-radius: 0.5rem;
  color: #fff;
  background: #DD7A1F;
  font-weight: 700;
}
.c-categoryList__item a, .c-categoryList__item a:hover, .c-categoryList__item a:visited, .c-categoryList__item a:link {
  color: #fff;
  text-decoration: none;
}
.c-categoryList__item a:hover {
  opacity: 0.8;
  text-decoration: none;
}

.l-header {
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  padding: 2.5rem 4rem 2.4rem;
  z-index: 100;
  background: transparent;
  transition: background-color 0.3s ease, box-shadow 0.3s ease;
}
@media screen and (max-width: 1280px) {
  .l-header {
    padding: 2.4rem 2.4rem 3.2rem;
  }
}
@media screen and (max-width: 1000px) {
  .l-header {
    padding: 2rem 1.6rem;
  }
}
@media screen and (max-width: 768px) {
  .l-header {
    z-index: 1001;
    padding: 2.4rem 1.6rem 3.9rem;
  }
}

body.is-drawerOpen .l-header {
  z-index: 1001;
}

.l-header__inner {
  min-width: 100rem;
  margin: auto;
  padding: 0;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 5.5rem;
}
@media screen and (max-width: 1400px) {
  .l-header__inner {
    gap: 3.2rem;
  }
}
@media screen and (max-width: 1200px) {
  .l-header__inner {
    gap: 2rem;
  }
}
@media screen and (max-width: 1000px) {
  .l-header__inner {
    min-width: 0;
  }
}
@media screen and (max-width: 768px) {
  .l-header__inner {
    min-width: 0;
    padding: 0;
    display: block;
  }
}

.l-header__logo {
  position: relative;
  z-index: 1001;
}

.l-header__logo a {
  display: block;
}

.l-header__logo a img {
  width: 30rem;
  height: auto;
}
@media screen and (max-width: 1400px) {
  .l-header__logo a img {
    width: 28rem;
  }
}
@media screen and (max-width: 1200px) {
  .l-header__logo a img {
    width: 24rem;
  }
}
@media screen and (max-width: 1000px) {
  .l-header__logo a img {
    width: 24rem;
  }
}
@media screen and (max-width: 768px) {
  .l-header__logo a img {
    width: 26rem;
  }
}

.l-header__cv {
  width: 18rem;
  height: 100%;
  text-align: center;
  position: absolute;
  top: 0rem;
  right: 0rem;
  bottom: auto;
  left: auto;
}
@media screen and (max-width: 768px) {
  .l-header__cv {
    display: none;
  }
}

.l-header__cv a {
  display: block;
  width: 100%;
  height: 100%;
  background-color: #008E66;
  text-align: center;
  position: relative;
}
.l-header__cv a, .l-header__cv a:hover, .l-header__cv a:visited, .l-header__cv a:link {
  color: #fff;
  text-decoration: none;
}
.l-header__cv a:hover {
  opacity: 0.8;
}

.l-header__cv a span {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-weight: bold;
  background-image: url(../img/arrow/arrow_right_w.svg);
  background-position: right center;
  background-size: 2rem 2rem;
  padding: 0.5rem 2.5rem 0.5rem 0;
  white-space: nowrap;
}

.l-header--sub {
  background-color: #fff;
  padding: 2.8rem 4rem 2.9rem;
}
@media screen and (max-width: 1280px) {
  .l-header--sub {
    padding: 2.4rem 2.4rem;
  }
}
@media screen and (max-width: 1000px) {
  .l-header--sub {
    padding: 2rem 1.6rem;
  }
}
@media screen and (max-width: 768px) {
  .l-header--sub {
    padding: 2.4rem 1.6rem 3.9rem;
  }
}

.l-header--sub .l-header__inner {
  gap: 6.5rem;
}
@media screen and (max-width: 1400px) {
  .l-header--sub .l-header__inner {
    gap: 3.2rem;
  }
}
@media screen and (max-width: 1200px) {
  .l-header--sub .l-header__inner {
    gap: 2rem;
  }
}

.l-header--sub .l-header__logo a img {
  width: 30.3rem;
}
@media screen and (max-width: 1400px) {
  .l-header--sub .l-header__logo a img {
    width: 28rem;
  }
}
@media screen and (max-width: 1200px) {
  .l-header--sub .l-header__logo a img {
    width: 24rem;
  }
}
@media screen and (max-width: 1000px) {
  .l-header--sub .l-header__logo a img {
    width: 24rem;
  }
}
@media screen and (max-width: 768px) {
  .l-header--sub .l-header__logo a img {
    width: 26rem;
  }
}

.l-header.is-scrolled {
  background: rgba(255, 255, 255, 0.95);
  box-shadow: 0 0.2rem 1rem rgba(0, 0, 0, 0.06);
}

.l-header-nav {
  position: static;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .l-header-nav {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    background-color: #fff;
    z-index: 1000;
    transform: none;
  }
}

.l-header-nav__list {
  display: flex;
  align-items: center;
  gap: 3rem;
}
@media screen and (max-width: 1400px) {
  .l-header-nav__list {
    gap: 2.4rem;
  }
}
@media screen and (max-width: 1200px) {
  .l-header-nav__list {
    gap: 1.6rem;
  }
}
@media screen and (max-width: 1000px) {
  .l-header-nav__list {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .l-header-nav__list {
    display: none;
  }
}

@media screen and (max-width: 768px) {
  .l-header-nav__item {
    width: 100%;
    border-bottom: #ececec 0.1rem solid;
  }
}

.l-header-nav__item a {
  display: block;
  width: 100%;
  height: 100%;
  font-size: 1.8rem;
  line-height: 1.5;
  font-weight: 500;
  white-space: nowrap;
}
.l-header-nav__item a, .l-header-nav__item a:hover, .l-header-nav__item a:visited, .l-header-nav__item a:link {
  color: #333333;
  text-decoration: none;
}
@media screen and (max-width: 1400px) {
  .l-header-nav__item a {
    font-size: 1.7rem;
  }
}
@media screen and (max-width: 1200px) {
  .l-header-nav__item a {
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 768px) {
  .l-header-nav__item a {
    padding: 1.5rem;
  }
}
.l-header-nav__item a.active {
  color: #008E66;
}

.l-header-nav__item--parent {
  position: relative;
}

.l-header-nav__item--parent > a::after {
  content: "";
  display: inline-block;
  width: 1.2rem;
  height: 0.6rem;
  margin-left: 0.8rem;
  margin-right: 0.6rem;
  background-image: url(../img/arrow/select_tri.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  vertical-align: middle;
}

ul.l-header-nav__sub {
  position: absolute;
  top: 100%;
  left: 50%;
  width: auto;
  transform: translate(-50%, 0);
  background-color: rgba(255, 255, 255, 0.7);
  transition: all 0.4s ease;
}
@media screen and (max-width: 768px) {
  ul.l-header-nav__sub {
    position: static;
    top: inherit;
    left: inherit;
    transform: inherit;
    z-index: auto;
    padding: 0 0 1.5rem 2.5rem;
    overflow: inherit;
    height: auto;
    background: inherit;
  }
}

ul.l-header-nav__sub li {
  padding: 0 1.5rem;
  height: 0;
  overflow: hidden;
  transition: all 0.4s ease;
}
@media screen and (max-width: 768px) {
  ul.l-header-nav__sub li {
    height: auto;
    overflow: inherit;
    padding: 0;
  }
}

ul.l-header-nav__sub li a {
  padding: 0 1rem;
  background-image: none;
  background-repeat: no-repeat;
  background-size: 0.5rem 1rem;
  background-position: left top 0.5rem;
  white-space: nowrap;
  text-align: left;
  line-height: 1.7;
  opacity: 0;
  transition: all 0.4s ease;
  border: none;
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  ul.l-header-nav__sub li a {
    padding: 0.5rem 0.5rem 0.5rem 1.5rem;
    opacity: 1;
    font-size: 1.4rem;
    background-image: url("../img/arrow/arrow_right_c.svg");
    background-position: left top 1rem;
  }
  ul.l-header-nav__sub li a:hover {
    letter-spacing: inherit;
  }
}

@media screen and (min-width: 769px) {
  .l-header-nav__item--parent:hover ul.l-header-nav__sub {
    padding: 0.5rem 0.5rem;
  }
}

@media screen and (min-width: 769px) {
  .l-header-nav__item--parent:hover ul.l-header-nav__sub li {
    padding: 0.5rem 1rem;
    overflow: visible;
    height: auto;
  }
}

@media screen and (min-width: 769px) {
  .l-header-nav__item--parent:hover ul.l-header-nav__sub li a {
    padding: 0 1rem;
    opacity: 1;
    background-image: url("../img/arrow/arrow_right_c.svg");
  }
}

.l-header-nav__drawer {
  display: none;
}
@media screen and (max-width: 768px) {
  .l-header-nav__drawer {
    display: block;
    position: relative;
    isolation: isolate;
    padding: 9.8rem 1.6rem 6rem;
    overflow-x: clip;
  }
}

@media screen and (max-width: 768px) {
  .l-header-nav__drawer::before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 56.6rem;
    left: 4.4rem;
    width: 49.8rem;
    height: 49.8rem;
    background: url(../img/common/drawer_blob.webp) no-repeat center/contain;
    pointer-events: none;
  }
}

@media screen and (min-width: 769px) {
  .l-header-nav.is-open {
    z-index: 1000;
  }
}

@media screen and (min-width: 769px) {
  .l-header-nav.is-open .l-header-nav__drawer {
    display: flex;
    flex-direction: column;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    min-height: 100vh;
    padding: 9.8rem 4rem 4rem;
    overflow-y: auto;
    overflow-x: hidden;
    background-color: #fff;
    z-index: 1000;
  }
}

@media screen and (min-width: 769px) {
  .l-header-nav__banner {
    position: absolute;
    top: 9.8rem;
    right: 3.5rem;
    width: 35.8rem;
    padding: 2rem 3.2rem;
    border-radius: 1rem;
    background: url(../img/common/noise_green.webp) center/62rem repeat;
  }
}
@media screen and (max-width: 768px) {
  .l-header-nav__banner {
    padding: 2rem 3.2rem;
    border-radius: 1rem;
    background: url(../img/common/noise_green.webp) center/62rem repeat;
  }
}

@media screen and (min-width: 769px) {
  .l-header-nav__banner-catch {
    margin: 0 0 0.8rem;
    color: #fff;
    font-weight: 700;
    font-size: 1.8rem;
    line-height: 1.5;
    letter-spacing: 0.04em;
    text-align: center;
  }
}
@media screen and (max-width: 768px) {
  .l-header-nav__banner-catch {
    margin: 0 0 0.8rem;
    color: #fff;
    font-weight: 700;
    font-size: 1.8rem;
    line-height: 1.5;
    letter-spacing: 0.04em;
    text-align: center;
  }
}

.l-header-nav__banner-btn {
  --pill-ink: #008E66;
}
@media screen and (min-width: 769px) {
  .l-header-nav__banner-btn {
    width: 100%;
    min-width: 0;
    min-height: 5.6rem;
    padding: 0.6rem 2rem 0.6rem 1.6rem;
    font-size: 1.8rem;
    color: #008E66;
  }
}
@media screen and (max-width: 768px) {
  .l-header-nav__banner-btn {
    width: 100%;
    min-width: 0;
    min-height: 5.6rem;
    padding: 0.6rem 2rem 0.6rem 1.6rem;
    font-size: 1.8rem;
    color: #008E66;
  }
}

@media screen and (min-width: 769px) {
  .l-header-nav__banner-btn .c-btnPill__mail {
    margin-right: 0.8rem;
  }
}

@media screen and (min-width: 769px) {
  .l-header-nav__menu {
    display: flex;
    flex-wrap: wrap;
    gap: 2.4rem 8rem;
    margin-top: 5.7rem;
    padding-right: 39.3rem;
  }
}
@media screen and (max-width: 1280px) {
  .l-header-nav__menu {
    gap: 4rem;
  }
}
@media screen and (max-width: 768px) {
  .l-header-nav__menu {
    display: flex;
    flex-direction: column;
    gap: 3rem;
    margin: 3rem 1.6rem 0;
    padding: 0 0 1.6rem;
    border-bottom: 0.1rem solid #ececec;
  }
}

@media screen and (min-width: 769px) {
  .l-header-nav__menu li a {
    display: block;
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 1;
    white-space: nowrap;
  }
  .l-header-nav__menu li a, .l-header-nav__menu li a:hover, .l-header-nav__menu li a:visited, .l-header-nav__menu li a:link {
    color: #333333;
    text-decoration: none;
  }
}
@media screen and (max-width: 768px) {
  .l-header-nav__menu li a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1.6rem;
    padding: 0;
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 1.5;
  }
  .l-header-nav__menu li a, .l-header-nav__menu li a:hover, .l-header-nav__menu li a:visited, .l-header-nav__menu li a:link {
    color: #333333;
    text-decoration: none;
  }
}

@media screen and (min-width: 769px) {
  .l-header-nav__menuIcon {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .l-header-nav__menuIcon {
    position: relative;
    flex-shrink: 0;
    width: 2rem;
    height: 2rem;
    border: 0.1rem solid #646464;
    border-radius: 50%;
  }
}

@media screen and (max-width: 768px) {
  .l-header-nav__menuIcon::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 45%;
    width: 0.5rem;
    height: 0.5rem;
    border-top: 0.15rem solid #646464;
    border-right: 0.15rem solid #646464;
    transform: translate(-50%, -50%) rotate(45deg);
  }
}

@media screen and (min-width: 769px) {
  .l-header-nav__group {
    margin-top: 7.6rem;
  }
}
@media screen and (max-width: 768px) {
  .l-header-nav__group {
    margin: 1.7rem 1.6rem 0;
  }
}

@media screen and (min-width: 769px) {
  .l-header-nav__groupTitle {
    padding-bottom: 1.6rem;
    border-bottom: 0.1rem solid #ececec;
    color: #333333;
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 1;
  }
}

@media screen and (min-width: 769px) {
  .l-header-nav__acc {
    display: flex;
    margin-top: 3.2rem;
  }
}
@media screen and (max-width: 768px) {
  .l-header-nav__acc {
    display: flex;
    flex-direction: column;
    gap: 3rem;
    padding: 0;
  }
}

.l-header-nav__accItem {
  --acc: #008E66;
}
@media screen and (min-width: 769px) {
  .l-header-nav__accItem {
    flex: 1 1 34rem;
    min-width: 0;
  }
}
@media screen and (max-width: 768px) {
  .l-header-nav__accItem {
    width: 100%;
  }
}

.l-header-nav__accItem--elderly {
  --acc: #008e66;
}

.l-header-nav__accItem--childcare {
  --acc: #d5948a;
}

.l-header-nav__accItem--support {
  --acc: #6693b8;
}

.l-header-nav__accItem--welfare {
  --acc: #e3944a;
}

.l-header-nav__accItem--recruit {
  --acc: #333333;
}

@media screen and (max-width: 768px) {
  .l-header-nav__accItem--elderly {
    --acc: #008E66;
  }
}

@media screen and (max-width: 768px) {
  .l-header-nav__accItem--childcare {
    --acc: #CB796D;
  }
}

@media screen and (max-width: 768px) {
  .l-header-nav__accItem--support {
    --acc: #4079A9;
  }
}

@media screen and (max-width: 768px) {
  .l-header-nav__accItem--welfare {
    --acc: #DD7A1F;
  }
}

@media screen and (min-width: 769px) {
  .l-header-nav__bizLink {
    display: flex;
    width: max-content;
    align-items: center;
    gap: 0.6rem;
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 1;
  }
  .l-header-nav__bizLink, .l-header-nav__bizLink:hover, .l-header-nav__bizLink:visited, .l-header-nav__bizLink:link {
    color: #4d4d4d;
    text-decoration: none;
  }
}

@media screen and (min-width: 769px) {
  .l-header-nav__bizIcon {
    position: relative;
    flex-shrink: 0;
    width: 1.6rem;
    height: 1.6rem;
    border-radius: 50%;
    background-color: var(--acc);
  }
}

@media screen and (min-width: 769px) {
  .l-header-nav__bizIcon::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 45%;
    width: 0.4rem;
    height: 0.4rem;
    border-top: 0.15rem solid #fff;
    border-right: 0.15rem solid #fff;
    transform: translate(-50%, -50%) rotate(45deg);
  }
}

@media screen and (max-width: 768px) {
  .l-header-nav__accTitle {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1.6rem;
    width: 100%;
    padding: 0;
    background: none;
    border: 0;
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 1;
    color: #4d4d4d;
    text-align: left;
    cursor: pointer;
  }
}

@media screen and (max-width: 768px) {
  .l-header-nav__accItem--recruit .l-header-nav__accTitle {
    font-size: 1.8rem;
    color: #333333;
  }
}

@media screen and (max-width: 768px) {
  .l-header-nav__accIcon {
    flex-shrink: 0;
    position: relative;
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    background-color: var(--acc);
    transition: transform 0.3s ease;
  }
}

@media screen and (max-width: 768px) {
  .l-header-nav__accIcon::after {
    content: "";
    position: absolute;
    top: 45%;
    left: 50%;
    width: 0.55rem;
    height: 0.55rem;
    border-bottom: 0.15rem solid #fff;
    border-right: 0.15rem solid #fff;
    transform: translate(-50%, -50%) rotate(45deg);
  }
}

@media screen and (max-width: 768px) {
  .l-header-nav__accItem--recruit .l-header-nav__accIcon {
    background-color: transparent;
    border: 0.1rem solid var(--acc);
  }
}

@media screen and (max-width: 768px) {
  .l-header-nav__accItem--recruit .l-header-nav__accIcon::after {
    border-color: var(--acc);
  }
}

@media screen and (max-width: 768px) {
  .l-header-nav__accTitle.is-open .l-header-nav__accIcon {
    transform: rotate(180deg);
  }
}

@media screen and (min-width: 769px) {
  .l-header-nav__accBody {
    display: flex;
    flex-direction: column;
    gap: 0.8rem;
    margin-top: 1.9rem;
  }
}
@media screen and (max-width: 768px) {
  .l-header-nav__accBody {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.35s ease;
  }
  .l-header-nav__accBody.is-open {
    max-height: 60rem;
  }
}

@media screen and (min-width: 769px) {
  .l-header-nav__accBody li a {
    position: relative;
    display: block;
    padding-left: 2.3rem;
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 1.5;
    word-break: keep-all;
    overflow-wrap: anywhere;
  }
  .l-header-nav__accBody li a, .l-header-nav__accBody li a:hover, .l-header-nav__accBody li a:visited, .l-header-nav__accBody li a:link {
    color: #646464;
    text-decoration: none;
  }
}
@media screen and (max-width: 768px) {
  .l-header-nav__accBody li a {
    display: block;
    padding: 0.8rem 0.4rem 0.8rem 1.6rem;
    font-size: 1.4rem;
    font-weight: 500;
  }
  .l-header-nav__accBody li a, .l-header-nav__accBody li a:hover, .l-header-nav__accBody li a:visited, .l-header-nav__accBody li a:link {
    color: #6B6B6B;
    text-decoration: none;
  }
}

@media screen and (min-width: 769px) {
  .l-header-nav__accBody li a::before {
    content: "・";
    position: absolute;
    top: 0;
    left: 0;
  }
}

@media screen and (max-width: 768px) {
  .l-header-nav__accBody li:last-child a {
    padding-bottom: 1.6rem;
  }
}

@media screen and (min-width: 769px) {
  .l-header-nav__bottom {
    display: flex;
    align-items: stretch;
    margin-top: auto;
    padding-top: 5rem;
  }
}
@media screen and (max-width: 768px) {
  .l-header-nav__bottom {
    margin: 3.6rem 1.6rem 0;
  }
}

@media screen and (min-width: 769px) {
  .l-header-nav__group--recruit {
    flex: 0 0 34rem;
    margin-top: 0;
  }
}
@media screen and (max-width: 768px) {
  .l-header-nav__group--recruit {
    margin: 0;
    padding-bottom: 1.6rem;
    border-bottom: 0.1rem solid #ececec;
  }
}

@media screen and (min-width: 769px) {
  .l-header-nav__group--recruit .l-header-nav__accBody {
    margin-top: 2.1rem;
  }
}

@media screen and (min-width: 769px) {
  .l-header-nav__subArea {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding-right: 10.5rem;
  }
}
@media screen and (max-width: 1439px) {
  .l-header-nav__subArea {
    padding-right: 0;
  }
}
@media screen and (max-width: 768px) {
  .l-header-nav__subArea {
    margin-top: 1.7rem;
  }
}

@media screen and (min-width: 769px) {
  .l-header-nav__sublinks {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 2.4rem 6rem;
  }
}
@media screen and (max-width: 1439px) {
  .l-header-nav__sublinks {
    flex-wrap: wrap;
    gap: 2.4rem 3.2rem;
  }
}
@media screen and (max-width: 768px) {
  .l-header-nav__sublinks {
    display: flex;
    flex-direction: column;
    gap: 3rem;
    padding: 0;
  }
}

@media screen and (min-width: 769px) {
  .l-header-nav__sublinks li a {
    display: block;
    white-space: nowrap;
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 1;
  }
  .l-header-nav__sublinks li a, .l-header-nav__sublinks li a:hover, .l-header-nav__sublinks li a:visited, .l-header-nav__sublinks li a:link {
    color: #333333;
    text-decoration: none;
  }
}
@media screen and (max-width: 768px) {
  .l-header-nav__sublinks li a {
    display: block;
    padding: 0;
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 1.5;
  }
  .l-header-nav__sublinks li a, .l-header-nav__sublinks li a:hover, .l-header-nav__sublinks li a:visited, .l-header-nav__sublinks li a:link {
    color: #333333;
    text-decoration: none;
  }
}

@media screen and (min-width: 769px) {
  .l-header-nav__sublinks--policy {
    gap: 2.4rem 5.5rem;
    margin-top: 2.4rem;
  }
}
@media screen and (max-width: 768px) {
  .l-header-nav__sublinks--policy {
    margin-top: 3rem;
  }
}

@media screen and (min-width: 769px) {
  .l-header-nav__sublinks--policy li a {
    font-size: 1.4rem;
  }
  .l-header-nav__sublinks--policy li a, .l-header-nav__sublinks--policy li a:hover, .l-header-nav__sublinks--policy li a:visited, .l-header-nav__sublinks--policy li a:link {
    color: #646464;
    text-decoration: none;
  }
}

@media screen and (min-width: 769px) {
  .l-header-nav__drawer a:hover {
    opacity: 0.7;
  }
}

@media screen and (min-width: 769px) {
  .l-header-nav__accTitle:hover {
    opacity: 0.7;
  }
}

body.is-drawerOpen {
  overflow: hidden;
  -ms-touch-action: none;
  touch-action: none;
}

.l-headerToggle {
  position: absolute;
  z-index: 1001;
  top: 1.5rem;
  right: 3.5rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  width: 6.4rem;
  height: 6.4rem;
  padding: 0;
  border: 0;
  outline: 0;
  border-radius: 1.2rem;
  background: url(../img/common/noise_green.webp) center/62rem repeat;
  cursor: pointer;
  transform: translateZ(0);
}
@media screen and (max-width: 1280px) {
  .l-headerToggle {
    top: 1.4rem;
    right: 2rem;
  }
}
@media screen and (max-width: 1000px) {
  .l-headerToggle {
    top: 1.2rem;
    right: 1.6rem;
    width: 5.6rem;
    height: 5.6rem;
  }
}
@media screen and (max-width: 768px) {
  .l-headerToggle {
    top: 1.6rem;
    right: 1.6rem;
    width: 6.4rem;
    height: 6.4rem;
    border-radius: 1.2rem;
    gap: 1rem;
  }
}

.l-headerToggle__bar {
  background-color: #fff;
  display: block;
  width: 3.2rem;
  height: 0.2rem;
  border: 0;
  transition: background-color 0.35s ease, transform 0.35s ease;
}

.l-headerToggle.is-active .top {
  transform: translateY(1.2rem) translateX(0) rotate(45deg);
  width: 3.4rem;
}

.l-headerToggle.is-active .middle {
  opacity: 0;
}

.l-headerToggle.is-active .bottom {
  transform: translateY(-1.2rem) translateX(0) rotate(-45deg);
  width: 3.4rem;
  margin-left: 0;
}

#drawer_layer {
  display: none;
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 999;
  top: 0;
  left: 0;
  background-color: rgba(51, 51, 51, 0.5);
  opacity: 0;
  transition: opacity 0.3s ease;
}
#drawer_layer.is-visible {
  display: block;
  opacity: 1;
}

@media screen and (max-width: 768px) {
  .l-header-nav {
    display: none;
    opacity: 0;
    backface-visibility: hidden;
  }
}

@media screen and (max-width: 768px) {
  .l-header-nav.is-open {
    display: block;
    top: 0;
    opacity: 1;
    animation-duration: 0.4s;
    animation-name: fadeInRight;
  }
}

@keyframes fadeInRight {
  from {
    opacity: 0;
    transform: translate3d(100%, 0, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeOutRight {
  from {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes fadeInLeft {
  from {
    opacity: 0;
    transform: translate3d(-100%, 0, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeOutLeft {
  from {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(-100%, 0, 0);
  }
}
@keyframes fadeInDown {
  from {
    opacity: 0;
    transform: translate3d(0, -100%, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeOutDown {
  from {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(0, -100%, 0);
  }
}
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeOutUp {
  from {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes fadeInScale {
  from {
    opacity: 0;
    transform: scale(0.9);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes fadeOutScale {
  from {
    opacity: 1;
    transform: scale(1);
  }
  to {
    opacity: 0;
    transform: scale(0.9);
  }
}
.l-footer {
  width: 100%;
  padding: 0 5.2rem 3.2rem;
}
@media screen and (max-width: 768px) {
  .l-footer {
    padding: 0 0 8rem;
  }
}

.l-footer__inner {
  display: flex;
  flex-direction: column;
  gap: 6rem;
}
@media screen and (max-width: 768px) {
  .l-footer__inner {
    gap: 4rem;
  }
}

.l-footer__logo {
  margin: 0;
  text-align: center;
}
.l-footer__logo a {
  display: flex;
  justify-content: center;
}

.l-footer__logo img {
  width: 41.4rem;
  height: auto;
}
@media screen and (max-width: 768px) {
  .l-footer__logo img {
    width: auto;
    max-width: 30rem;
  }
}

.l-footer__nav {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 4rem;
}
@media screen and (max-width: 768px) {
  .l-footer__nav {
    grid-template-columns: 1fr;
    gap: 0;
    padding: 0 1.6rem;
  }
}

.l-footer__col {
  display: flex;
  flex-direction: column;
  gap: 2.4rem;
}
@media screen and (max-width: 768px) {
  .l-footer__col {
    gap: 0;
  }
}

.l-footer__head {
  margin: 0;
  line-height: 1;
  font-weight: 700;
  font-size: 1.6rem;
  color: #333333;
}
@media screen and (max-width: 768px) {
  .l-footer__head {
    padding: 1.6rem 0.4rem;
    border-bottom: 1px solid #ECECEC;
  }
}

.l-footer__subhead {
  margin: 0.4rem 0 1.3rem;
  line-height: 1;
  font-weight: 700;
  font-size: 1.6rem;
}

.l-footer__subhead a, .l-footer__subhead a:hover, .l-footer__subhead a:visited, .l-footer__subhead a:link {
  color: #333333;
  text-decoration: none;
}

@media screen and (max-width: 768px) {
  .l-footer__acc {
    border-bottom: 1px solid #ECECEC;
  }
}

@media screen and (max-width: 768px) {
  .l-footer__subhead.js-accordion-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0;
    padding: 1.6rem 0.4rem;
    cursor: pointer;
  }
}

.l-footer__accIcon {
  display: none;
}
@media screen and (max-width: 768px) {
  .l-footer__accIcon {
    display: block;
    flex-shrink: 0;
    position: relative;
    width: 2rem;
    height: 2rem;
    border: 1px solid #333333;
    border-radius: 50%;
    transition: transform 0.3s ease;
  }
  .l-footer__accIcon::after {
    content: "";
    position: absolute;
    top: 42%;
    left: 50%;
    width: 0.5rem;
    height: 0.5rem;
    border-bottom: 1.5px solid #333333;
    border-right: 1.5px solid #333333;
    transform: translate(-50%, -50%) rotate(45deg);
  }
}

@media screen and (max-width: 768px) {
  .l-footer__subhead.js-accordion-title.is-open .l-footer__accIcon {
    transform: rotate(180deg);
  }
}

@media screen and (max-width: 768px) {
  .l-footer__acc .l-footer__list--sub {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.35s ease;
  }
  .l-footer__acc .l-footer__list--sub.is-open {
    max-height: 60rem;
  }
}

.l-footer__list {
  display: flex;
  flex-direction: column;
  gap: 1.6rem;
}

@media screen and (max-width: 768px) {
  .l-footer__list:not(.l-footer__list--sub) {
    padding: 1.6rem 0;
  }
}

@media screen and (max-width: 768px) {
  .l-footer__col:first-child .l-footer__list:not(.l-footer__list--sub) {
    border-bottom: 1px solid #ECECEC;
  }
}

.l-footer__list li {
  flex: 1;
}

.l-footer__list li a {
  display: block;
  font-size: 1.6rem;
  line-height: 1;
  font-weight: bold;
}
.l-footer__list li a, .l-footer__list li a:hover, .l-footer__list li a:visited, .l-footer__list li a:link {
  color: #333333;
  text-decoration: none;
}
@media screen and (max-width: 768px) {
  .l-footer__list li a {
    font-size: 1.4rem;
  }
  .l-footer__list li a, .l-footer__list li a:hover, .l-footer__list li a:visited, .l-footer__list li a:link {
    color: #333;
    text-decoration: none;
  }
}

.l-footer__list li a:hover {
  text-decoration: underline;
}

.l-footer__list--sub li a {
  font-size: 1.2rem;
  color: #6B6B6B;
  padding-left: 1em;
  text-indent: -1em;
  line-height: 1.5;
}
.l-footer__list--sub li a, .l-footer__list--sub li a:hover, .l-footer__list--sub li a:visited, .l-footer__list--sub li a:link {
  color: #6B6B6B;
  text-decoration: none;
}
.l-footer__list--sub li a::before {
  content: "・";
}
@media screen and (max-width: 768px) {
  .l-footer__list--sub li a {
    font-size: 1.4rem;
    padding: 0.8rem 0.4rem 0.8rem 1.6rem;
    text-indent: 0;
  }
  .l-footer__list--sub li a::before {
    content: none;
  }
}

.l-footer__list--sub li.l-footer__child {
  margin-top: -0.8rem;
}
.l-footer__list--sub li.l-footer__child a {
  padding-left: 2em;
  text-indent: 0;
}
.l-footer__list--sub li.l-footer__child a::before {
  content: none;
}
@media screen and (max-width: 768px) {
  .l-footer__list--sub li.l-footer__child a {
    padding-left: 3.2rem;
  }
}

@media screen and (max-width: 768px) {
  .l-footer__acc .l-footer__list--sub li:last-child a {
    padding-bottom: 1.6rem;
  }
}

@media screen and (max-width: 768px) {
  .l-footer__subhead:not(.js-accordion-title) {
    display: none;
  }
}

@media screen and (max-width: 768px) {
  .l-footer__subhead:not(.js-accordion-title) + .l-footer__list--sub li a {
    font-size: 1.4rem;
    font-weight: bold;
    line-height: 1;
    padding: 0;
    color: #333;
  }
  .l-footer__subhead:not(.js-accordion-title) + .l-footer__list--sub li a, .l-footer__subhead:not(.js-accordion-title) + .l-footer__list--sub li a:hover, .l-footer__subhead:not(.js-accordion-title) + .l-footer__list--sub li a:visited, .l-footer__subhead:not(.js-accordion-title) + .l-footer__list--sub li a:link {
    color: #333;
    text-decoration: none;
  }
}

.l-footer__bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 2rem;
}
@media screen and (max-width: 768px) {
  .l-footer__bottom {
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 0.8rem;
  }
}

.l-footer__address {
  margin: 0;
  font-size: 1.4rem;
  font-weight: 500;
  color: #6B6B6B;
}
@media screen and (max-width: 768px) {
  .l-footer__address {
    line-height: 1.5;
  }
}

@media screen and (max-width: 768px) {
  .l-footer__orgname {
    display: block;
    font-size: 1.6rem;
    font-weight: 700;
  }
}

.l-footer__copyright {
  margin: 0;
  font-size: 1.2rem;
  color: #6B6B6B;
}

.l-footer__books {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 1.6rem;
}
@media screen and (max-width: 768px) {
  .l-footer__books {
    padding-inline: 1.6rem;
  }
}
.l-footer__books a {
  display: block;
  width: min(100%, 30rem);
}
.l-footer__books img {
  display: block;
  width: 100%;
  height: auto;
}

.l-page {
  padding-top: 13rem;
  margin-top: -13rem;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .l-page {
    padding-top: 5.5rem;
    margin-top: -5.5rem;
  }
}
.l-page--column_2 {
  padding-top: 5rem;
}
@media screen and (min-width: 769px) {
  .l-page--column_2 {
    display: flex;
    justify-content: space-between;
  }
}
@media screen and (max-width: 768px) {
  .l-page--column_2 {
    padding-top: 2rem;
  }
}
.l-page--column_2 .l-page__main {
  width: 70%;
}
@media screen and (max-width: 768px) {
  .l-page--column_2 .l-page__main {
    width: 100%;
  }
}
.l-page--column_2 .l-sidebar {
  width: 25%;
}
@media screen and (max-width: 768px) {
  .l-page--column_2 .l-sidebar {
    width: 100%;
  }
}

.l-sec {
  padding-top: 4rem;
  padding-bottom: 4rem;
}
@media screen and (max-width: 768px) {
  .l-sec {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }
}

/*
 * EDITOR STYLE
 * WPのGutenbergにあてるスタイル
 * _wp.scssとeditor-style.scssからインポートされるmixin　editor()を定義
 * [ 注意1 ] _adjust.scssで定義したクラス以外は@extendできません。
 * [ 注意2 ] Webフォントは使用しないでください。
 */
div.editor {
  padding: 5rem 0 0 0;
}
@media screen and (max-width: 568px) {
  div.editor {
    padding: 2rem 0 0 0;
  }
}
div.editor h1,
div.editor h2,
div.editor h3,
div.editor h4,
div.editor h5,
div.editor h6 {
  font-weight: bold;
}
div.editor h1 {
  padding: 0.2rem 0 0.2rem 0.8rem;
  margin-bottom: 1em;
  line-height: 1.3em;
  color: #008E66;
  border-left: #008E66 0.3rem solid;
  font-size: 24px;
}
@media screen and (max-width: 768px) {
  div.editor h1 {
    font-size: 20px;
  }
}
div.editor h2 {
  padding: 0.2rem 0 0.2rem 0.8rem;
  margin-bottom: 1em;
  line-height: 1.3em;
  color: #008E66;
  border-left: #008E66 0.3rem solid;
}
div.editor a:link, div.editor a:visited, div.editor a:active, div.editor a:hover {
  text-decoration: underline;
  color: #008E66;
}
div.editor p {
  margin-bottom: 1em;
}
div.editor p br {
  clear: inherit;
}
div.editor br {
  clear: both;
}
div.editor .center {
  text-align: center;
  text-indent: 0;
}
div.editor .left {
  text-align: left;
  text-indent: 0;
}
div.editor .right {
  text-align: right;
  text-indent: 0;
}
div.editor strong {
  font-weight: bold;
}
div.editor em {
  font-style: italic;
}
div.editor blockquote {
  background-color: #e1e1e1;
  padding: 3em 1em;
  position: relative;
  margin-bottom: 1.5rem;
  border-radius: 1rem;
  border: none;
}
div.editor blockquote:before {
  content: "“";
  font-size: 400%;
  line-height: 1em;
  color: #fff;
  position: absolute;
  left: 1rem;
  top: 1rem;
}
@media screen and (max-width: 768px) {
  div.editor blockquote:before {
    left: 0.5rem;
    top: 0.5rem;
  }
}
div.editor blockquote:after {
  content: "”";
  font-size: 400%;
  line-height: 0em;
  color: #fff;
  position: absolute;
  right: 1rem;
  bottom: 1rem;
}
@media screen and (max-width: 768px) {
  div.editor blockquote:after {
    right: 0.5rem;
    bottom: 0.5rem;
  }
}
div.editor img {
  max-width: 100%;
  height: auto !important;
}
div.editor .f_left {
  float: left;
}
@media screen and (max-width: 568px) {
  div.editor .f_left {
    float: none;
  }
}
div.editor .f_right {
  float: right;
}
@media screen and (max-width: 568px) {
  div.editor .f_right {
    float: none;
  }
}
div.editor .aligncenter {
  margin: 3% auto;
}
div.editor .alignright {
  float: right;
  margin: 3% 0 3% 3%;
}
@media screen and (max-width: 568px) {
  div.editor .alignright {
    float: none;
    margin: 3% auto;
  }
}
div.editor .alignleft {
  float: left;
  margin: 3% 3% 3% 0;
}
@media screen and (max-width: 568px) {
  div.editor .alignleft {
    float: none;
    margin: 3% auto;
  }
}
div.editor ul,
div.editor ol {
  margin: 3% 0;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  div.editor ul,
  div.editor ol {
    padding: 1rem 0 1rem 1rem;
  }
}
div.editor li {
  line-height: 1.5em;
  list-style-position: outside;
}
@media screen and (max-width: 568px) {
  div.editor li {
    line-height: 1.7em;
  }
}
div.editor ul li {
  list-style-type: disc;
}
div.editor ol li {
  list-style-type: decimal;
}
div.editor table {
  border-collapse: collapse;
}
div.editor table th,
div.editor table td {
  border: 0.1rem solid #CCCCCC;
  padding: 0.5rem 1rem;
}
div.editor table th {
  font-weight: bold;
}
div.editor .wp-block-embed__wrapper iframe {
  width: 100% !important;
}
div.editor .wp-block-embed-youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
  margin-bottom: 6rem !important;
  margin-top: 3%;
}
div.editor .wp-block-embed-youtube .wp-block-embed__wrapper {
  position: static;
}
div.editor .wp-block-embed-youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}
div.editor .wp-block-embed figcaption {
  position: absolute;
  z-index: 10;
  top: 100.25%;
  left: 0;
  right: 0;
  font-size: 80%;
  text-align: center;
}
div.editor .wp-block-image figcaption {
  font-size: 80%;
  text-align: center;
}
div.editor .wp-block-file__button {
  background-color: #008E66;
  color: #fff !important;
  text-decoration: none !important;
}
div.editor .wp-block-file__button:hover {
  background-color: #DD7A1F;
  color: #fff !important;
}
div.editor .wp-block-button.aligncenter {
  text-align: center;
}
div.editor .wp-block-button a {
  margin: 0 auto 5rem;
  width: 90%;
  max-width: 25rem;
  color: #fff;
  background: #DD7A1F !important;
  padding: 1.5rem 2rem;
  border-radius: 10rem;
  text-decoration: none;
  text-align: center;
  display: block;
}
div.editor .wp-block-button a:hover {
  opacity: 0.8;
}
div.editor .a2a_button_twitter span,
div.editor .a2a_button_facebook span,
div.editor .a2a_button_line span {
  background-color: transparent !important;
}
div.editor .a2a_button_twitter path,
div.editor .a2a_button_facebook path,
div.editor .a2a_button_line path {
  fill: #008E66;
}
div.editor .wp-block-cover {
  margin: 3% auto;
}
div.editor .voice-wrapper {
  margin: 2em auto;
}
div.editor .voice-item__flex {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  margin: 1em auto;
}
div.editor .voice-item__image {
  width: 140px;
  aspect-ratio: 1;
  border-radius: 50%;
  overflow: hidden;
  position: relative;
}
div.editor .voice-item__image img {
  object-fit: cover;
}
div.editor .voice-item__image button {
  position: absolute;
  background-color: #fff;
  top: 10px;
  left: 50%;
  transform: translateX(-50%);
}
div.editor .voice-item__text {
  flex: 1;
}
div.editor .voice-item__title {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 0.5em;
}
@media screen and (max-width: 768px) {
  div.editor .voice-item__title {
    font-size: 16px;
  }
}
div.editor .voice-item__content {
  font-size: 16px;
}
@media screen and (max-width: 768px) {
  div.editor .voice-item__content {
    font-size: 14px;
  }
}
div.editor .flow-wrapper {
  margin: 2em auto;
}
div.editor .flow-item {
  display: flex;
  margin-bottom: 1em;
  position: relative;
  z-index: 0;
}
div.editor .flow-item::after {
  position: absolute;
  content: "";
  width: 1px;
  height: 100%;
  background-color: #008E66;
  left: 20px;
  top: 50%;
  z-index: -1;
}
div.editor .flow-item:last-child::after {
  content: none;
}
div.editor .flow-item__number {
  font-size: 20px;
  color: #fff;
  background-color: #008E66;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 20px;
  flex-shrink: 0;
}
@media screen and (max-width: 768px) {
  div.editor .flow-item__number {
    font-size: 30px;
    height: 30px;
    font-size: 16px;
  }
}
div.editor .flow-item__image {
  width: 50px;
  flex-shrink: 0;
  margin-right: 20px;
}
div.editor .flow-item__cont {
  flex: 1;
}
div.editor .flow-item__title {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 0.5em;
}
@media screen and (max-width: 768px) {
  div.editor .flow-item__title {
    font-size: 16px;
  }
}
div.editor .flow-item__text {
  font-size: 16px;
}
@media screen and (max-width: 768px) {
  div.editor .flow-item__text {
    font-size: 14px;
  }
}
div.editor .accordion-box {
  border: 1px solid #E1E1E1;
  border-radius: 4px;
  overflow: hidden;
  background: #fff;
  margin: 1em auto;
}
div.editor .accordion-box__title {
  cursor: pointer;
  padding: 16px 30px 16px 16px;
  font-size: 18px;
  font-weight: bold;
  position: relative;
  background: #F6F6F6;
}
@media screen and (max-width: 768px) {
  div.editor .accordion-box__title {
    font-size: 16px;
    padding: 12px 25px 12px 12px;
  }
}
div.editor .accordion-box__title::after {
  content: "";
  display: inline-block;
  width: 10px;
  height: 10px;
  border-right: 2px solid #333;
  border-bottom: 2px solid #333;
  transform: rotate(45deg);
  transition: transform 0.3s ease;
  position: absolute;
  right: 1em;
  top: 50%;
  transform-origin: center;
  transform: translateY(-50%) rotate(45deg);
}
div.editor .accordion-box__title.is-open::after {
  transform: translateY(-50%) rotate(-135deg);
}
div.editor .accordion-box__content {
  padding: 16px;
  display: none;
  font-size: 16px;
}
@media screen and (max-width: 768px) {
  div.editor .accordion-box__content {
    padding: 12px;
    font-size: 14px;
  }
}
div.editor .accordion-box__content > *:first-child {
  margin-top: 0;
}
div.editor .accordion-box__content.is-open {
  display: block;
  animation: fadeIn 0.3s ease;
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
div.editor .description-list {
  margin: 1em auto;
}
div.editor .description-item {
  display: flex;
  padding: 1em 0;
  border-bottom: solid 1px #dfe1e2;
  font-size: 16px;
}
@media screen and (max-width: 768px) {
  div.editor .description-item {
    font-size: 14px;
  }
}
div.editor .description-item__term {
  width: 200px;
  color: #008E66;
  font-weight: bold;
}
div.editor .description-item__desc {
  margin: 0;
  flex: 1;
}
div.editor .description-item__desc p {
  margin: 0;
}
div.editor .description-item__desc ul, div.editor .description-item__desc ol {
  font-weight: normal;
  margin: 0;
}
div.editor .description-item__desc li {
  padding-left: 1em;
  text-indent: -1em;
  margin-left: 1em;
}
div.editor .cta-block {
  margin: 1em auto;
  display: flex;
  justify-content: space-between;
  padding: 1em;
  background: rgba(0, 142, 102, 0.1);
}
div.editor .cta-block__image {
  width: 40%;
}
div.editor .cta-block__content {
  width: 54%;
}
div.editor .cta-block__title {
  border: none;
  font-size: 20px;
  padding: 0;
}
div.editor .cta-block__text {
  font-size: 16px;
}

.p-single--magazine .editor h2 {
  margin: 4rem 0 2rem;
  padding: 1.3rem 2rem;
  border-left: 0;
  border-radius: 0.4rem;
  background: #F67D37;
  color: #fff;
  font-size: 2.8rem;
  line-height: 1.4;
}
@media screen and (max-width: 768px) {
  .p-single--magazine .editor h2 {
    font-size: 2.2rem;
    padding: 1rem 1.6rem;
  }
}
.p-single--magazine .editor h3 {
  margin: 3rem 0 1.6rem;
  padding: 0 0 1rem;
  border-left: 0;
  border-bottom: 0.2rem solid #F67D37;
  color: #333333;
  font-size: 2.4rem;
  line-height: 1.5;
}
@media screen and (max-width: 768px) {
  .p-single--magazine .editor h3 {
    font-size: 2rem;
  }
}
.p-single--magazine .editor p {
  font-size: 1.6rem;
  line-height: 1.75;
  font-weight: 400;
}
.p-single--magazine .editor a:link, .p-single--magazine .editor a:visited, .p-single--magazine .editor a:active, .p-single--magazine .editor a:hover {
  color: #118FDD;
}
.p-single--magazine .editor ul, .p-single--magazine .editor ol {
  font-weight: 400;
}
.p-single--magazine .editor ul li, .p-single--magazine .editor ol li {
  font-size: 1.6rem;
}
.p-single--magazine .editor .wp-block-button {
  margin: 3rem 0;
}
.p-single--magazine .editor .wp-block-button.aligncenter {
  text-align: center;
}
.p-single--magazine .editor .wp-block-button a,
.p-single--magazine .editor .wp-block-button .wp-block-button__link {
  display: inline-flex;
  align-items: center;
  gap: 1.2rem;
  width: auto;
  max-width: none;
  margin: 0;
  padding: 1.4rem 2rem 1.4rem 3rem;
  background: #fff !important;
  color: #118FDD !important;
  border: 0.2rem solid #EFEEE4;
  border-radius: 10rem;
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  line-height: 1;
  text-decoration: none !important;
}
.p-single--magazine .editor .wp-block-button a:hover,
.p-single--magazine .editor .wp-block-button .wp-block-button__link:hover {
  opacity: 0.8;
}
.p-single--magazine .editor .wp-block-button a::after,
.p-single--magazine .editor .wp-block-button .wp-block-button__link::after {
  content: "";
  flex-shrink: 0;
  width: 2.4rem;
  height: 2.4rem;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='12' fill='%23118FDD'/%3E%3Cpath d='M10.5 8L14.5 12L10.5 16' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;
}
.p-single--magazine .editor table {
  width: 100%;
  margin: 3rem 0;
  border-collapse: collapse;
}
.p-single--magazine .editor table th, .p-single--magazine .editor table td {
  padding: 1.2rem 1.6rem;
  border: 0.1rem solid #E8E8E8;
  font-size: 1.6rem;
  line-height: 1.6;
  text-align: left;
  vertical-align: middle;
  color: #333333;
}
.p-single--magazine .editor table td {
  font-weight: 400;
}
.p-single--magazine .editor table th {
  font-weight: 700;
  background: #F6F4EE;
}

.p-blog {
  background-color: #F9F5EF;
}

.p-blog__wrap {
  width: calc(100% - 3.2rem);
  max-width: 136rem;
  margin-inline: auto;
}

.p-blog__panel {
  padding: 6.4rem;
  background-color: #fff;
  border-radius: 4rem;
}
@media screen and (max-width: 568px) {
  .p-blog__panel {
    padding: 3.2rem 2rem;
  }
}

.p-blog__facility,
.p-blog__list,
.p-blog__magazine {
  margin-top: 4rem;
}

.p-blog__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 2rem;
  margin-bottom: 3.2rem;
}

.p-blog__head-ttl {
  margin: 0;
  font-weight: 700;
  line-height: 1.3;
  color: #333333;
}

.p-blog__head-btn {
  flex-shrink: 0;
  min-width: 21.7rem;
}

.p-blog__head--center {
  justify-content: center;
  text-align: center;
}

.p-blog__pager {
  margin-top: 4.8rem;
}

.p-blog__pager .page-numbers {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 1.6rem;
  list-style: none;
  margin: 0;
  padding: 0;
}

.p-blog__pager li {
  line-height: 0;
}

.p-blog__pager a.page-numbers,
.p-blog__pager span.page-numbers {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 4rem;
  height: 4rem;
  border-radius: 50%;
  font-weight: 700;
  text-decoration: none;
  background-color: #fff;
  color: #6B6B6B;
}

.p-blog__pager a.page-numbers {
  transition: all 0.4s ease;
}
.p-blog__pager a.page-numbers, .p-blog__pager a.page-numbers:hover, .p-blog__pager a.page-numbers:visited, .p-blog__pager a.page-numbers:link {
  color: #6B6B6B;
  text-decoration: none;
}
@media screen and (max-width: 768px) {
  .p-blog__pager a.page-numbers {
    transition: all 0s ease;
  }
}

.p-blog__pager a.page-numbers:hover {
  background-color: #F6F6F6;
}

.p-blog__pager .page-numbers.current {
  background-color: #008E66;
  color: #fff;
}

.p-blog__pager .page-numbers.dots {
  width: auto;
  background-color: transparent;
}

.p-blog__pager a.prev.page-numbers,
.p-blog__pager a.next.page-numbers {
  width: auto;
  height: auto;
  background-color: transparent;
}

.p-blog__pager-arrow {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 4rem;
  height: 4rem;
  border-radius: 50%;
  background-color: #fff;
  border: 1px solid #CCCCCC;
  position: relative;
  transition: all 0.4s ease;
}
@media screen and (max-width: 768px) {
  .p-blog__pager-arrow {
    transition: all 0s ease;
  }
}

.p-blog__pager-arrow::after {
  content: "";
  width: 0.7rem;
  height: 0.7rem;
  border-top: 2px solid #6B6B6B;
  border-right: 2px solid #6B6B6B;
  transform: translateX(-20%) rotate(45deg);
}

.p-blog__pager-arrow--prev::after {
  transform: translateX(20%) rotate(-135deg);
}

.p-blog__pager a:hover .p-blog__pager-arrow {
  background-color: #F6F6F6;
}

.p-blog__cardGrid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 4rem 4rem;
  list-style: none;
  margin: 0;
  padding: 0;
}

.p-blog__cardGrid > li:nth-child(3n+1) .c-postCard__sticker::before {
  background-color: #E9D553;
}

.p-blog__cardGrid > li:nth-child(3n+2) .c-postCard__sticker::before {
  background-color: #2AACD0;
}

.p-blog__cardGrid > li:nth-child(3n) .c-postCard__sticker::before {
  background-color: #FF8774;
}

.p-blog__facility__inner {
  padding: 4rem 6.4rem;
  background-color: #FDFBF8;
  border-radius: 4rem;
}
@media screen and (max-width: 568px) {
  .p-blog__facility__inner {
    padding: 3.2rem 2rem;
  }
}

.p-blog__facility__ttl {
  margin: 0 0 2.4rem;
  font-weight: 700;
  color: #333333;
}

.p-blog__facility__chips {
  display: flex;
  flex-wrap: wrap;
  gap: 0.8rem;
  list-style: none;
  margin: 0;
  padding: 0;
}

.p-blog__facility__chip {
  display: inline-flex;
  align-items: center;
  padding: 1.2rem 2.4rem;
  background-color: #fff;
  border: 1px solid #008E66;
  border-radius: 999px;
  font-weight: 500;
  color: #008E66;
  text-decoration: none;
  transition: all 0.4s ease;
}
.p-blog__facility__chip, .p-blog__facility__chip:hover, .p-blog__facility__chip:visited, .p-blog__facility__chip:link {
  color: #008E66;
  text-decoration: none;
}
@media screen and (max-width: 768px) {
  .p-blog__facility__chip {
    transition: all 0s ease;
  }
}

.p-blog__facility__chip:hover {
  background-color: #008E66;
}
.p-blog__facility__chip:hover, .p-blog__facility__chip:hover:hover, .p-blog__facility__chip:hover:visited, .p-blog__facility__chip:hover:link {
  color: #fff;
  text-decoration: none;
}

.p-single {
  padding-top: 11rem;
  padding-bottom: 8rem;
  background-color: #F9F5EF;
}
@media screen and (max-width: 768px) {
  .p-single {
    padding-top: 3rem;
  }
}

.p-single .l-wrapper {
  max-width: 132rem;
}

.p-single__breadcrumb {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.8rem;
  padding-top: 2.4rem;
  padding-bottom: 2.4rem;
  font-size: 1.2rem;
  font-weight: 700;
  color: #333333;
}

.p-single__breadcrumb a {
  color: #333333;
  text-decoration: none;
}

.p-single__breadcrumb a:hover {
  text-decoration: underline;
}

.p-single__breadcrumb-sep {
  color: #6B6B6B;
}

.p-single__columns {
  align-items: flex-start;
  padding-top: 2rem;
}
@media screen and (min-width: 769px) {
  .p-single__columns {
    justify-content: flex-start;
    gap: 6.4rem;
  }
}
.p-single__columns .l-page__main {
  width: auto;
  flex: 1 1 0;
  min-width: 0;
}
.p-single__columns .l-sidebar {
  width: auto;
  flex: 0 0 33.5rem;
}
@media screen and (max-width: 768px) {
  .p-single__columns .l-page__main,
  .p-single__columns .l-sidebar {
    flex: none;
    width: 100%;
  }
}

.p-single__article {
  padding: 4.8rem 8rem 8rem;
  background-color: #fff;
  border-radius: 4.8rem;
}
@media screen and (max-width: 768px) {
  .p-single__article {
    padding: 3.2rem 2rem 4rem;
    border-radius: 2.4rem;
  }
}

.p-single__head {
  margin-bottom: 2.4rem;
}

.p-single__ttl {
  margin: 0 0 1.6rem;
  font-weight: 700;
  font-size: 3.2rem;
  line-height: 1.6;
  color: #333333;
}
@media screen and (max-width: 768px) {
  .p-single__ttl {
    font-size: 2.4rem;
  }
}

.p-single__meta {
  display: flex;
  align-items: center;
  gap: 2.4rem;
}

.p-single__cat {
  padding: 0.2rem 0.8rem;
  background-color: #DD7A1F;
  color: #fff;
  font-weight: 700;
  font-size: 1.4rem;
  border-radius: 0.4rem;
  text-decoration: none;
}
.p-single__cat, .p-single__cat:hover, .p-single__cat:visited, .p-single__cat:link {
  color: #fff;
  text-decoration: none;
}

.p-single__date {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  font-size: 1.4rem;
  color: #666666;
}

.p-single__date-icon {
  flex-shrink: 0;
  width: 1.6rem;
  height: 1.4rem;
}

.p-single__thumb {
  margin-bottom: 2.4rem;
}

.p-single__thumb img {
  width: 100%;
  aspect-ratio: 680/383;
  object-fit: cover;
  border-radius: 2rem;
  display: block;
}

.p-single__byline {
  display: flex;
  align-items: center;
  gap: 1.2rem;
  margin-bottom: 2.4rem;
}

.p-single__byline-avatar {
  flex-shrink: 0;
  width: 4.8rem;
  height: 4.8rem;
  border-radius: 50%;
  background-color: #F6F6F6;
  object-fit: cover;
}

.p-single__byline-text {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
  font-size: 1.4rem;
}

.p-single__byline-company {
  color: #000;
  font-weight: 400;
}

.p-single__byline-role {
  color: #333333;
}

.p-single__byline-name {
  color: #333333;
  font-size: 1.6rem;
  font-weight: 700;
}

.p-single__lead {
  margin: 0 0 2.4rem;
  font-size: 1.6rem;
  line-height: 1.6;
  line-height: 1.8;
  color: #333333;
}

.p-single__summary {
  margin-bottom: 4rem;
  padding: 3.2rem;
  background-color: #fff;
  border: 1px solid #333333;
  border-radius: 2rem;
}

.p-single__summary-ttl {
  margin: 0 0 1.6rem;
  font-weight: 700;
  font-size: 1.6rem;
  color: #333333;
}

.p-single__summary-body {
  line-height: 1.8;
  color: #333333;
}

.p-single__summary-body > *:first-child {
  margin-top: 0;
}

.p-single__summary-body > *:last-child {
  margin-bottom: 0;
}

.p-single__summary-body p {
  margin: 0 0 1.2rem;
}

.p-single__summary-body ul,
.p-single__summary-body ol {
  display: flex;
  flex-direction: column;
  gap: 1.6rem;
  margin: 0 0 1.2rem;
  padding-left: 0;
}

.p-single__summary-body ul {
  list-style: none;
}

.p-single__summary-body ul > li {
  position: relative;
  list-style: none;
  padding-left: 2rem;
}

.p-single__summary-body ul > li::before {
  content: "・";
  position: absolute;
  left: -0.2rem;
}

.p-single__summary-body ol {
  list-style: decimal;
  padding-left: 2rem;
}

.p-single__summary-body li {
  line-height: 1.8;
}

.p-single__summary-body a {
  text-decoration: underline;
}
.p-single__summary-body a, .p-single__summary-body a:hover, .p-single__summary-body a:visited, .p-single__summary-body a:link {
  color: #DD7A1F;
  text-decoration: none;
}

.p-single__summary-body strong {
  font-weight: bold;
}

.p-single__summary-body em {
  font-style: italic;
}

#ez-toc-container {
  margin-bottom: 4rem;
  padding: 3.2rem;
  background-color: #FDFBF8;
  border: 1px solid #EFEEE4;
  border-radius: 2rem;
}

#ez-toc-container .ez-toc-title {
  margin: 0 0 1.6rem;
  padding: 0;
  font-weight: 700;
  color: #333333;
}

#ez-toc-container .ez-toc-list {
  counter-reset: ez-toc-num;
  list-style: none;
  margin: 0;
  padding: 0;
}

#ez-toc-container .ez-toc-list > li {
  position: relative;
  counter-increment: ez-toc-num;
  list-style: none;
  padding-left: 2rem;
  font-weight: 400;
  line-height: 1.8;
}

#ez-toc-container .ez-toc-list > li::before {
  content: counter(ez-toc-num) ".";
  position: absolute;
  left: 0;
  color: #333333;
}

#ez-toc-container .ez-toc-list-level-3 {
  list-style: none;
  margin: 0;
  padding-left: 1.6rem;
}

#ez-toc-container .ez-toc-list-level-3 > li {
  list-style: none;
  font-weight: 400;
  line-height: 1.8;
}

#ez-toc-container .ez-toc-link {
  font-weight: 400;
  line-height: 1.8;
}
#ez-toc-container .ez-toc-link, #ez-toc-container .ez-toc-link:hover, #ez-toc-container .ez-toc-link:visited, #ez-toc-container .ez-toc-link:link {
  color: #333333;
  text-decoration: none;
}

#ez-toc-container .ez-toc-link:hover {
  color: #DD7A1F;
}

.p-single__body.editor h2 {
  margin: 4rem 0 2rem;
  padding: 0.94rem 2.6rem;
  background-color: #F67D37;
  border-left: none;
  border-radius: 0.4rem;
  color: #fff;
  font-weight: 700;
  font-size: 2.8rem;
  line-height: 1.4;
}

.p-single__body.editor h3 {
  margin: 3.2rem 0 1.6rem;
  padding: 0 0 1.2rem;
  border-left: none;
  border-bottom: 0.2rem solid #F67D37;
  font-weight: 700;
  font-size: 2.4rem;
  line-height: 1.4;
  color: #333333;
}

.p-single__body.editor a {
  font-weight: 700;
  color: #1590BE;
  text-decoration: underline;
}
.p-single__body.editor a, .p-single__body.editor a:hover, .p-single__body.editor a:visited, .p-single__body.editor a:link {
  color: #1590BE;
  text-decoration: none;
}

.p-single__body.editor table {
  width: 100%;
}

.p-single__body.editor a.c-btnPill {
  color: #008E66;
  text-decoration: none;
}
.p-single__body.editor a.c-btnPill, .p-single__body.editor a.c-btnPill:hover, .p-single__body.editor a.c-btnPill:visited, .p-single__body.editor a.c-btnPill:link {
  color: #008E66;
  text-decoration: none;
}

.p-single__figure {
  margin: 3.2rem 0;
}

.p-single__figure img {
  width: 100%;
  height: auto;
  aspect-ratio: 761/429;
  object-fit: cover;
  border-radius: 1.2rem;
  display: block;
}

.p-single__author {
  margin-top: 4rem;
  padding: 4rem;
  background-color: #FDFBF8;
  border: 1px solid #EFEEE4;
  border-radius: 2rem;
}

.p-single__author-ttl {
  margin: 0 0 1.6rem;
  padding-bottom: 1.2rem;
  border-bottom: 1px solid #CCCCCC;
  font-weight: 700;
  font-size: 1.8rem;
  color: #333333;
}

.p-single__author-body {
  display: flex;
  gap: 2.4rem;
  align-items: flex-start;
}

.p-single__author-avatar {
  flex-shrink: 0;
  width: 9.6rem;
  height: 9.6rem;
  border-radius: 50%;
  background-color: #F6F6F6;
  object-fit: cover;
}

.p-single__author-role {
  margin: 0 0 0.4rem;
  font-size: 1.2rem;
  font-weight: 700;
  color: #989898;
}

.p-single__author-name {
  margin: 0 0 1.2rem;
  font-weight: 700;
  font-size: 1.6rem;
  color: #333333;
}

.p-single__author-desc {
  margin: 0;
  font-size: 1.4rem;
  line-height: 1.8;
  color: #333333;
}

.p-single__side {
  display: flex;
  flex-direction: column;
  gap: 2.4rem;
}

.p-single__search {
  position: relative;
  margin: 0;
}

.p-single__search-input {
  width: 100%;
  height: 4rem;
  padding: 0 1.6rem 0 3.8rem;
  border: 1px solid #333333;
  border-radius: 0.5rem;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.7;
  background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='18' viewBox='0 0 16 18' fill='none' stroke='%23000000' stroke-width='2'%3E%3Ccircle cx='7' cy='7' r='6'/%3E%3Cline x1='11.5' y1='12.5' x2='15' y2='16' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat 1.3rem center;
  background-size: 1.6rem 1.8rem;
}
.p-single__search-input::placeholder {
  color: #C2C2C2;
}

.p-single__sideBanner {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 12.6rem;
  padding: 2.4rem;
  background-color: #99A9B0;
  border-radius: 1rem;
  color: #fff;
  font-weight: 700;
  font-size: 1.4rem;
  text-align: center;
  text-decoration: none;
}
.p-single__sideBanner, .p-single__sideBanner:hover, .p-single__sideBanner:visited, .p-single__sideBanner:link {
  color: #fff;
  text-decoration: none;
}

.p-single__sideToc {
  position: relative;
  padding: 1.6rem 2.4rem 3.2rem;
  background-color: #fff;
  border-radius: 2.4rem;
}

.p-single__sideToc-sticker {
  position: absolute;
  top: -1.1rem;
  right: 1.8rem;
  width: 3.43rem;
  height: 6.47rem;
  background-color: #F9F5EF;
  transform: rotate(9deg);
}

.p-single__sideToc-sticker::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 1.68rem;
  background-color: #F67D37;
}

.p-single__sideToc-eyebrow {
  margin: 0;
  font-family: "Prompt", sans-serif;
  font-weight: 400;
  font-size: 4.8rem;
  line-height: 1.7;
  letter-spacing: 0;
  color: #F67D37;
  -webkit-text-stroke: 1px #000000;
}

.p-single__sideToc-ttl {
  margin: -1.9rem 0 0;
  padding-bottom: 2.8rem;
  border-bottom: 1px solid #000000;
  font-family: "Noto Sans JP", "Zen Maru Gothic", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", sans-serif;
  font-weight: 800;
  font-size: 1.6rem;
  line-height: 1.7;
  color: #333333;
}

.p-single__sideToc-body {
  margin-top: 2.8rem;
}

#ez-toc-container-side .ez-toc-title-container {
  display: none;
}

#ez-toc-container-side .ez-toc-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

#ez-toc-container-side .ez-toc-list li {
  position: relative;
  list-style: none;
  padding-left: 2.4rem;
  line-height: 1.7;
}

#ez-toc-container-side .ez-toc-list li::before {
  content: "・";
  position: absolute;
  left: 0.4rem;
  color: #333333;
}

#ez-toc-container-side .ez-toc-list-level-3 {
  list-style: none;
  margin: 0;
  padding-left: 1.6rem;
}

#ez-toc-container-side .ez-toc-link {
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.7;
}
#ez-toc-container-side .ez-toc-link, #ez-toc-container-side .ez-toc-link:hover, #ez-toc-container-side .ez-toc-link:visited, #ez-toc-container-side .ez-toc-link:link {
  color: #333333;
  text-decoration: none;
}

#ez-toc-container-side .ez-toc-link:hover {
  color: #DD7A1F;
}

div.p-form span.essential,
div.p-form span.optional {
  white-space: nowrap;
  padding: 0.3rem 1rem;
  font-size: 80%;
  color: #fff;
  background-color: #008E66;
  font-weight: normal;
  margin: 0 0.5rem;
  border-radius: 2rem;
}
div.p-form span.optional {
  background-color: #DD7A1F;
}
@media screen and (max-width: 768px) {
  div.p-form section table, div.p-form section table thead, div.p-form section table tbody, div.p-form section table tfoot, div.p-form section table tr {
    display: block;
    width: 100%;
  }
  div.p-form section table tr th, div.p-form section table tr td {
    display: block;
    width: 100%;
  }
}
div.p-form section table table {
  width: 100%;
}
div.p-form section table th,
div.p-form section table td {
  text-align: left;
}
div.p-form section table th {
  width: 25%;
  background-color: #e1e1e1;
  border-bottom: #fff 0.1rem solid;
  font-weight: bold;
  position: relative;
  vertical-align: top;
}
@media screen and (min-width: 769px) {
  div.p-form section table th {
    padding: 3rem 2rem;
  }
}
@media screen and (max-width: 768px) {
  div.p-form section table th {
    width: 100%;
    padding: 1rem;
    border: none;
  }
}
div.p-form section table th p {
  display: inline-block;
  vertical-align: middle;
  word-break: break-all;
}
div.p-form section table th span.essential,
div.p-form section table th span.optional {
  position: absolute;
  right: 1rem;
}
div.p-form section table td {
  padding: 1.5rem 2rem;
  vertical-align: middle;
}
@media screen and (max-width: 768px) {
  div.p-form section table td {
    padding: 1rem 1rem 2rem 1rem;
  }
}
div.p-form section table tr:last-child th, div.p-form section table tr:last-child td {
  border-bottom: none;
}
@media screen and (min-width: 769px) {
  div.p-form section table.table_confirm th {
    padding: 1.5rem 2rem;
  }
}
div.p-form p.head {
  padding: 2rem 0;
  font-weight: bold;
}
div.p-form p.closing {
  padding: 2rem 0 1rem 0;
  font-weight: bold;
  text-align: center;
}
div.p-form span.arrow {
  font-size: 90%;
  margin: 0.5rem 0;
  font-weight: bold;
  display: inline-block;
}
div.p-form ul.transmission {
  width: auto;
  text-align: center;
  margin: 2rem auto 5rem auto;
  display: table;
}
@media screen and (max-width: 768px) {
  div.p-form ul.transmission {
    margin-bottom: 3rem;
  }
}
@media screen and (max-width: 568px) {
  div.p-form ul.transmission {
    width: 95%;
    display: inherit;
  }
}
div.p-form ul.transmission li {
  display: table-cell;
  padding: 0.2rem 0.5rem;
}
@media screen and (max-width: 568px) {
  div.p-form ul.transmission li {
    display: block;
  }
}
div.p-form ul.transmission li a {
  cursor: pointer;
}
div.p-form ul.transmission_confirm {
  margin: 6rem 0 5rem;
}
@media screen and (max-width: 768px) {
  div.p-form ul.transmission_confirm {
    margin: 4rem 0 3rem;
  }
}
div.p-form ul.transmission_confirm li {
  text-align: center;
}
div.p-form ul.transmission_confirm li + li {
  margin-top: 2.5rem;
}
@media screen and (max-width: 768px) {
  div.p-form ul.transmission_confirm li + li {
    margin-top: 1.5rem;
  }
}
div.p-form ul.transmission_confirm form {
  text-align: center;
}
div.p-form ul.break {
  width: 100%;
  display: table;
}
@media screen and (max-width: 568px) {
  div.p-form ul.break {
    display: inherit;
  }
}
div.p-form ul.break li {
  display: table-cell;
  padding: 0 0.5rem;
}
div.p-form ul.break li:nth-child(1) {
  padding: 0 0.5rem 0 0;
}
@media screen and (max-width: 568px) {
  div.p-form ul.break li:nth-child(1) {
    padding: 0;
  }
}
div.p-form ul.break li:last-child {
  padding: 0 0 0 0.5rem;
}
@media screen and (max-width: 568px) {
  div.p-form ul.break li:last-child {
    padding: 0;
  }
}
@media screen and (max-width: 568px) {
  div.p-form ul.break li {
    display: inherit;
    padding: 0;
  }
}
div.p-form ul.variable {
  width: 100%;
}
div.p-form ul.variable li {
  display: inline-block;
  padding: 0 0.5rem;
}
div.p-form ul.variable li:last-child {
  padding: 0 0 0 0.5rem;
}
@media screen and (max-width: 568px) {
  div.p-form ul.variable li:last-child {
    padding: 0;
  }
}
div.p-form ul.variable li:nth-child(1) {
  padding: 0 0.5rem 0 0;
}
@media screen and (max-width: 568px) {
  div.p-form ul.variable li:nth-child(1) {
    padding: 0;
  }
}
@media screen and (max-width: 568px) {
  div.p-form ul.variable li {
    display: inherit;
    padding: 0;
  }
}
div.p-form ul.variable li input {
  width: auto;
  margin: 0.5rem 1rem 0.5rem 0;
}
div.p-form ul.check_list {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
div.p-form ul.check_list li {
  width: auto;
  min-width: 25%;
  padding: 0.5rem 0;
}
@media only screen and (max-width: 100rem) {
  div.p-form ul.check_list li {
    width: 100%;
    border-bottom: #CCCCCC 0.1rem solid;
  }
}
div.p-form ul.number {
  display: table;
}
div.p-form ul.number li {
  display: table-cell;
}
div.p-form ul.number li:nth-child(1) input {
  width: 5em;
}
div.p-form ul.number li:nth-child(2) input {
  width: 7em;
}
div.p-form ul.number li p {
  display: inline-block;
}
div.p-form ul.number li span {
  padding: 0 1rem;
}
div.p-form ul.phone {
  display: table;
  table-layout: auto;
}
div.p-form ul.phone li {
  display: table-cell;
}
div.p-form ul.phone li:nth-child(1) input {
  width: 5em;
}
div.p-form ul.phone li:nth-child(2) input {
  width: 6em;
}
div.p-form ul.phone li:nth-child(3) input {
  width: 6em;
}
div.p-form ul.phone li p {
  display: inline-block;
}
div.p-form ul.phone li span {
  padding: 0 1rem;
}
div.p-form div.comp_box {
  padding: 5rem 0;
}
@media screen and (max-width: 568px) {
  div.p-form div.comp_box {
    padding: 3rem 0;
  }
}
div.p-form div.flow_nav {
  max-width: 100rem;
  margin: 5rem auto 3rem;
  background-color: #e1e1e1;
}
@media screen and (max-width: 768px) {
  div.p-form div.flow_nav {
    margin-top: 2rem;
    margin-bottom: 1rem;
  }
}
div.p-form div.flow_nav ul {
  overflow: hidden;
  display: flex;
}
div.p-form div.flow_nav ul li {
  position: relative;
  width: 35%;
  padding: 1.7rem 0 1.7rem 5rem;
  text-align: left;
  background-color: #e1e1e1;
}
@media screen and (max-width: 768px) {
  div.p-form div.flow_nav ul li {
    padding: 1rem 0 1rem 4rem;
  }
}
@media screen and (max-width: 568px) {
  div.p-form div.flow_nav ul li {
    padding-left: 2.5rem;
  }
}
div.p-form div.flow_nav ul li:before {
  bottom: 0;
  content: "";
  width: 4.5rem;
  height: 4.5rem;
  margin: auto;
  position: absolute;
  right: -2rem;
  top: 0;
  transform: rotate(-45deg);
  background-color: #e1e1e1;
  z-index: 1;
}
div.p-form div.flow_nav ul li:first-child {
  padding-left: 2.5rem;
  width: 30%;
}
@media screen and (max-width: 768px) {
  div.p-form div.flow_nav ul li:first-child {
    padding-left: 1.5rem;
  }
}
@media screen and (max-width: 568px) {
  div.p-form div.flow_nav ul li:first-child {
    padding-left: 0;
  }
}
div.p-form div.flow_nav ul li:last-child:before {
  content: none;
}
div.p-form div.flow_nav ul li span {
  position: relative;
  z-index: 100;
  padding: 0 0 0 1.5rem;
  font-size: 1.7rem;
  font-weight: bold;
}
@media screen and (max-width: 414px) {
  div.p-form div.flow_nav ul li span {
    font-size: 1.4rem;
  }
}
div.p-form div.flow_nav ul.flow_form li:nth-child(1) {
  background-color: #008E66;
  color: #fff;
  font-weight: bold;
}
div.p-form div.flow_nav ul.flow_form li:nth-child(1):before {
  content: "";
  margin: auto;
  position: absolute;
  right: -2.2rem;
  background-color: #008E66;
  border-bottom: none;
  border-right: none;
}
div.p-form div.flow_nav ul.flow_form li:nth-child(2):before {
  border-bottom: #CCCCCC 0.1rem solid;
  border-right: #CCCCCC 0.1rem solid;
}
div.p-form div.flow_nav ul.flow_confirm li:nth-child(2) {
  background-color: #008E66;
  color: #fff;
  font-weight: bold;
}
div.p-form div.flow_nav ul.flow_confirm li:nth-child(2):before {
  content: "";
  margin: auto;
  position: absolute;
  right: -2.2rem;
  background-color: #008E66;
  border-bottom: none;
  border-right: none;
}
div.p-form div.flow_nav ul.flow_complete li:nth-child(3) {
  background-color: #008E66;
  color: #fff;
  font-weight: bold;
}
div.p-form div.flow_nav ul.flow_complete li:nth-child(3):before {
  content: "";
  margin: auto;
  position: absolute;
  right: -2.2rem;
  background-color: #008E66;
  border-bottom: none;
  border-right: none;
}
div.p-form div.flow_nav ul.flow_complete li:nth-child(1):before {
  border-bottom: #CCCCCC 0.1rem solid;
  border-right: #CCCCCC 0.1rem solid;
}
div.p-form div.agree_box {
  margin: 0 auto;
  text-align: center;
}
@media screen and (min-width: 769px) {
  div.p-form div.agree_box {
    margin: 4rem auto 0;
    max-width: 90rem;
    width: 90%;
  }
}
div.p-form div.agree_box,
div.p-form div.agree_box p,
div.p-form div.agree_box span,
div.p-form div.agree_box li,
div.p-form div.agree_box ul {
  line-height: 1.5;
}
@media screen and (max-width: 568px) {
  div.p-form div.agree_box {
    padding: 1.5rem 0.5rem 0.5rem 0.5rem;
    margin-top: 0;
  }
}
div.p-form div.agree_box p.strong_text {
  font-weight: 700;
}
@media screen and (max-width: 414px) {
  div.p-form div.agree_box p.strong_text {
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 37.4rem) {
  div.p-form div.agree_box p.strong_text {
    font-size: 1.3rem;
  }
}
div.p-form div.agree_box ul.check_list {
  width: 100%;
  max-width: 60rem;
  margin: auto;
  justify-content: center;
}
div.p-form div.agree_box ul.check_list li {
  width: auto;
}
@media only screen and (max-width: 100rem) {
  div.p-form div.agree_box ul.check_list li {
    border-bottom: none;
  }
}
div.p-form div.agree_box div.err_area .text_box {
  padding: 0;
  max-width: 60rem;
  margin: 0.5rem auto 0 auto;
}
div.p-form div.agree_box .policy_box {
  height: 10rem;
  width: 100%;
  border: 0.1rem solid #ccc;
  overflow: auto;
  margin: 2rem 0;
}
div.p-form div.agree_box p.head_agree {
  margin: 0;
}
div.p-form div.agree_box p.head_agree span.essential {
  margin-right: 1.5rem;
}
@media screen and (max-width: 768px) {
  div.p-form div.agree_box p.head_agree {
    margin: 2rem 0 0;
  }
  div.p-form div.agree_box p.head_agree span.essential {
    margin-right: 1rem;
  }
}

div.err_area {
  display: block;
}
div.err_area p {
  display: block;
  padding: 0.5rem 1rem;
  font-weight: bold;
  color: #de2636;
  border: #de2636 0.1rem solid;
  margin: 0.5rem auto 0;
  text-align: center !important;
  border-radius: 0.5rem;
}
div.err_area .text_box {
  width: 80%;
  margin: 0.5rem auto;
  padding: 1.5rem 0;
  display: block;
}
div.err_area .text_box li {
  display: block;
  padding: 0.5rem 1rem;
  font-weight: bold;
  color: #de2636;
  border: #de2636 0.1rem solid;
  margin: 0.5rem auto;
  text-align: center;
  border-radius: 0.5rem;
}
div.err_area .list_box {
  width: 90%;
  margin: 0 auto 1rem auto;
  padding: 0.5rem 0;
}
div.err_area .list_box li {
  display: block;
  padding: 0.5rem 1rem;
  font-weight: bold;
  color: #de2636;
  border: #de2636 0.2rem solid;
  margin: 0.5rem auto;
  text-align: center;
  border-radius: 0.5rem;
}

div.error_area {
  max-width: 80rem;
  margin: 0 auto;
}
div.error_area .error_access,
div.error_area .text_box,
div.error_area .list_box {
  margin: 0 auto 1rem auto;
  padding: 0.5rem 0;
}
div.error_area .error_access li,
div.error_area .text_box li,
div.error_area .list_box li {
  display: block;
  padding: 0.5rem 1rem;
  font-weight: bold;
  color: #de2636;
  border: #de2636 0.2rem solid;
  margin: 0.5rem auto;
  text-align: center;
  border-radius: 0.5rem;
}

.btn_add, .btn_remove {
  padding: 0.5rem 2rem;
  border-radius: 0.5rem;
  background-color: #008E66;
  display: inline-block;
  font-weight: 700;
  border: none;
}
.btn_add, .btn_remove, .btn_add:hover, .btn_add:visited, .btn_add:link {
  color: #fff;
  text-decoration: none;
}
.btn_add:hover, .btn_remove:hover {
  text-decoration: none;
  opacity: 0.8;
}
.btn_add span, .btn_remove span {
  padding-left: 1.2rem;
  position: relative;
  display: inline-block;
}
.btn_add span:before, .btn_remove span:before {
  content: "+";
  position: absolute;
  left: 0;
  top: 0.3rem;
  line-height: 1;
}

.btn_remove {
  background-color: #e1e1e1;
}
.btn_remove, .btn_remove:hover, .btn_remove:visited, .btn_remove:link {
  color: #333333;
  text-decoration: none;
}
.btn_remove span:before {
  content: "-";
}

p#fm_ajax_message {
  font-weight: 700;
  color: #008E66;
  letter-spacing: 0.1rem;
}

div.p-notFound h1, div.p-notFound h2 {
  color: #008E66;
}

.p-magazine {
  background-color: #F8F4EF;
  font-family: "Zen Maru Gothic", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", sans-serif;
  overflow-x: hidden;
}

.p-magazine__categories__en, .p-magazine__news__en {
  font-family: "Prompt", sans-serif;
  font-weight: 400;
  font-size: 12rem;
  line-height: 1.7;
  letter-spacing: 0;
}
@media screen and (max-width: 768px) {
  .p-magazine__categories__en, .p-magazine__news__en {
    font-size: 7.2rem;
  }
}
@media screen and (max-width: 568px) {
  .p-magazine__categories__en, .p-magazine__news__en {
    font-size: 4.8rem;
  }
}

.l-magHeader__recruitbar {
  background-color: #DD7A1F;
  overflow: hidden;
  height: 4.7rem;
  display: flex;
  align-items: center;
}

.l-magHeader__recruitbar-track {
  display: flex;
  width: max-content;
  animation: magRecruitMarquee 50s linear infinite;
}

@keyframes magRecruitMarquee {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-50%);
  }
}
.l-magHeader__recruitbar-set {
  display: flex;
  align-items: center;
  gap: 3.2rem;
  padding-right: 3.2rem;
  flex-shrink: 0;
}

.l-magHeader__recruitbar-text {
  color: #fff;
  font-weight: 700;
  font-size: 1.4rem;
  white-space: nowrap;
}

.l-magHeader__recruitbar-btn {
  display: inline-flex;
  align-items: center;
  gap: 0.8rem;
  background-color: #fff;
  color: #DD7A1F;
  border-radius: 999px;
  padding: 0.5rem 1.6rem;
  font-weight: 700;
  font-size: 1.4rem;
  white-space: nowrap;
}
.l-magHeader__recruitbar-btn, .l-magHeader__recruitbar-btn:hover, .l-magHeader__recruitbar-btn:visited, .l-magHeader__recruitbar-btn:link {
  color: #DD7A1F;
  text-decoration: none;
}
.l-magHeader__recruitbar-btn .c-btnPill__arrow {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.8rem;
  height: 1.8rem;
  border-radius: 50%;
  background-color: #DD7A1F;
  position: relative;
}
.l-magHeader__recruitbar-btn .c-btnPill__arrow::after {
  content: "";
  width: 0.5rem;
  height: 0.5rem;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: translateX(-10%) rotate(45deg);
}

.l-magHeader {
  background-color: #F8F4EF;
  position: relative;
  z-index: 100;
}

.l-magHeader__inner {
  display: flex;
  align-items: center;
  gap: 2.4rem;
  padding: 1.6rem 4rem;
  max-width: 144rem;
  margin: auto;
}
@media screen and (max-width: 1280px) {
  .l-magHeader__inner {
    gap: 1.6rem;
    padding: 1.6rem;
  }
}

.l-magHeader .l-headerToggle {
  display: none;
}
@media screen and (max-width: 1280px) {
  .l-magHeader .l-headerToggle {
    display: flex;
  }
}

.l-magHeader__logo {
  flex-shrink: 0;
}
.l-magHeader__logo img {
  width: 20.6rem;
  height: auto;
}
@media screen and (max-width: 568px) {
  .l-magHeader__logo img {
    width: 16rem;
  }
}

.l-magHeader__nav {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 2.4rem;
}
@media screen and (max-width: 1280px) {
  .l-magHeader__nav {
    position: fixed;
    inset: 0;
    flex-direction: column;
    justify-content: flex-start;
    gap: 2.4rem;
    padding: 8rem 2.4rem 4rem;
    background-color: #fff;
    overflow-y: auto;
    z-index: 1000;
    transform: translateX(100%);
    transition: transform 0.3s ease;
  }
}

@media screen and (max-width: 1280px) {
  .l-magHeader__nav.is-open {
    transform: none;
  }
}

.l-magHeader__cats {
  display: flex;
  align-items: flex-start;
  gap: 1.6rem;
}
@media screen and (max-width: 1280px) {
  .l-magHeader__cats {
    flex-wrap: wrap;
    justify-content: center;
    gap: 2rem;
  }
}

.l-magHeader__cat a {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.4rem;
  color: #000;
  transition: all 0.4s ease;
}
.l-magHeader__cat a, .l-magHeader__cat a:hover, .l-magHeader__cat a:visited, .l-magHeader__cat a:link {
  color: #000;
  text-decoration: none;
}
@media screen and (max-width: 768px) {
  .l-magHeader__cat a {
    transition: all 0s ease;
  }
}
.l-magHeader__cat a:hover {
  opacity: 0.7;
}

.l-magHeader__cat-icon img {
  width: 4rem;
  height: 4rem;
  object-fit: contain;
}

.l-magHeader__cat-label {
  font-weight: 400;
  font-size: 1.5rem;
  line-height: 1.7;
  white-space: nowrap;
}

.l-magHeader__actions {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 0.8rem;
  flex-shrink: 0;
  width: 21.7rem;
}
@media screen and (max-width: 1280px) {
  .l-magHeader__actions {
    width: 100%;
  }
}

.l-magHeader__contact {
  width: 100%;
  justify-content: space-between;
  background: #128FDD;
  color: #fff;
  border-color: transparent;
  white-space: nowrap;
  min-width: 0;
  padding: 1.2rem 2.4rem;
  min-height: 4.8rem;
}
.l-magHeader__contact, .l-magHeader__contact:hover, .l-magHeader__contact:visited, .l-magHeader__contact:link {
  color: #fff;
  text-decoration: none;
}
.l-magHeader__contact .c-btnPill__arrow {
  background-color: #fff;
}
.l-magHeader__contact .c-btnPill__arrow::after {
  border-color: #128FDD;
}

.l-magHeader__search {
  display: flex;
  align-items: center;
  gap: 0.8rem;
  background-color: #fff;
  border: 1px solid #C2C2C2;
  border-radius: 0.5rem;
  padding: 0.8rem 1.6rem;
  width: 100%;
  min-height: 4rem;
}

.l-magHeader__search-icon {
  width: 1.8rem;
  height: 1.8rem;
  flex-shrink: 0;
  border: 2px solid #858585;
  border-radius: 50%;
  position: relative;
}
.l-magHeader__search-icon::after {
  content: "";
  position: absolute;
  right: -0.6rem;
  bottom: -0.4rem;
  width: 0.8rem;
  height: 2px;
  background: #858585;
  transform: rotate(45deg);
}

.l-magHeader__search-input {
  border: 0;
  background: transparent;
  font-size: 1.4rem;
  width: 100%;
}
.l-magHeader__search-input::placeholder {
  color: #B7B7B7;
}

.p-magazine__pickup {
  position: relative;
  padding: 6.4rem 0 4.8rem;
  overflow: hidden;
}

.p-magazine__pickup__marquee {
  position: absolute;
  left: 0;
  bottom: 9.6rem;
  width: 100%;
  z-index: 0;
  overflow: hidden;
  pointer-events: none;
  user-select: none;
}

.p-magazine__pickup__marquee-track {
  display: flex;
  gap: 3.9rem;
  width: max-content;
  animation: magPickupMarquee 30s linear infinite;
}
.p-magazine__pickup__marquee-track span {
  font-family: "Zen Maru Gothic", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", sans-serif;
  font-size: 12.8rem;
  font-weight: 700;
  line-height: 1;
  color: #fff;
  white-space: nowrap;
}

@keyframes magPickupMarquee {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-50%);
  }
}
@media (prefers-reduced-motion: reduce) {
  .p-magazine__pickup__marquee-track {
    animation: none;
  }
}
.p-magazine__pickup__slider {
  position: relative;
  z-index: 1;
  overflow: visible;
  padding-inline: 4rem;
}
@media screen and (max-width: 568px) {
  .p-magazine__pickup__slider {
    padding-inline: 2.4rem;
  }
}

.p-magazine__pickup__slider .swiper-slide {
  width: 38.2rem;
  height: auto;
}
@media screen and (max-width: 568px) {
  .p-magazine__pickup__slider .swiper-slide {
    width: 28rem;
  }
}

.p-magazine__pickup__slider .swiper-slide:nth-child(4n+1) .c-magCard {
  transform: rotate(5.6deg);
}

.p-magazine__pickup__slider .swiper-slide:nth-child(4n+2) .c-magCard {
  transform: rotate(-3.1deg);
}

.p-magazine__pickup__slider .swiper-slide:nth-child(4n+3) .c-magCard {
  transform: rotate(-0.6deg);
}

.p-magazine__pickup__slider .swiper-slide:nth-child(4n) .c-magCard {
  transform: rotate(3.1deg);
}

.p-magazine__pickup .c-magCard {
  border: 1px solid #333333;
  box-shadow: none;
}

.p-magazine__pickup__ctrl {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1.6rem;
  width: fit-content;
  margin: 3.2rem auto 0;
}

.p-magazine__pickup__nav {
  display: inline-flex;
  align-items: center;
  gap: 0.8rem;
  background: #F9F5EF;
  color: #000;
  border: 1px solid #000;
  border-radius: 999px;
  padding: 0.6rem 2rem;
  min-height: 3.4rem;
  cursor: pointer;
  font-size: 1.4rem;
  font-weight: 400;
  transition: all 0.4s ease;
}
@media screen and (max-width: 768px) {
  .p-magazine__pickup__nav {
    transition: all 0s ease;
  }
}
.p-magazine__pickup__nav:hover {
  opacity: 0.7;
}

.p-magazine__pickup__navicon {
  flex-shrink: 0;
  display: inline-flex;
  width: 1.6rem;
  height: 1.6rem;
  border-radius: 50%;
  background: #333333;
  position: relative;
}

.p-magazine__pickup__navicon::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0.4rem;
  height: 0.4rem;
  border-top: 1.5px solid #fff;
  border-right: 1.5px solid #fff;
}

.p-magazine__pickup__prev .p-magazine__pickup__navicon::after {
  transform: translate(-30%, -50%) rotate(-135deg);
}

.p-magazine__pickup__next .p-magazine__pickup__navicon::after {
  transform: translate(-70%, -50%) rotate(45deg);
}

.p-magazine__pickup__pagination {
  position: static !important;
  width: auto !important;
  display: flex;
  align-items: center;
  gap: 1.2rem;
  margin: 0;
  flex: 0 0 auto;
}
.p-magazine__pickup__pagination .swiper-pagination-bullet {
  width: 0.7rem;
  height: 0.7rem;
  background: #D6CFC2;
  opacity: 1;
  border-radius: 50%;
}
.p-magazine__pickup__pagination .swiper-pagination-bullet-active {
  background: #333333;
}

.p-magazine__pickup__scroll {
  position: absolute;
  right: 4rem;
  bottom: 1.6rem;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  gap: 0.8rem;
  background: #F9F5EF;
  border: 1px solid #000;
  border-radius: 999px;
  padding: 0.4rem 1.6rem;
}
.p-magazine__pickup__scroll span {
  font-family: "Prompt", sans-serif;
  font-size: 1.4rem;
  font-weight: 500;
  letter-spacing: 0.1em;
  color: #333333;
}
.p-magazine__pickup__scroll::before, .p-magazine__pickup__scroll::after {
  content: "";
  width: 0;
  height: 0;
  border-left: 0.4rem solid transparent;
  border-right: 0.4rem solid transparent;
  border-top: 0.5rem solid #333333;
}
@media screen and (max-width: 568px) {
  .p-magazine__pickup__scroll {
    display: none;
  }
}

.c-magCard {
  position: relative;
  background-color: #fff;
  border-radius: 2.4rem;
  border: 1px solid #EDE7DD;
  padding: 2.4rem;
  height: 100%;
}

.p-magazine__news__grid .c-magCard {
  border-color: #000;
}

.p-magazine__news__list > li:nth-child(1) .c-magCard {
  transform: rotate(1deg);
}

.p-magazine__news__list > li:nth-child(2) .c-magCard {
  transform: rotate(-0.5deg);
}

.p-magazine__news__list > li:nth-child(3) .c-magCard {
  transform: rotate(1.5deg);
}

.c-magCard__link {
  display: block;
  color: #333333;
}
.c-magCard__link, .c-magCard__link:hover, .c-magCard__link:visited, .c-magCard__link:link {
  color: #333333;
  text-decoration: none;
}

.c-magCard__thumb {
  position: relative;
  border-radius: 1.6rem;
  overflow: hidden;
  aspect-ratio: 316/294;
  margin-bottom: 1.6rem;
}

.p-magazine__catSec .c-magCard__thumb {
  aspect-ratio: 384/280;
}

.c-magCard__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.c-magCard__tape {
  position: absolute;
  top: -1.8rem;
  right: 1.6rem;
  width: 5rem;
  height: 7.6rem;
  background: #F9F5EF;
  transform: rotate(5.1deg);
  z-index: 3;
  box-shadow: 0 0.2rem 0.6rem rgba(0, 0, 0, 0.05);
}

.c-magCard__tape::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 4rem;
  height: 2.5rem;
}

.c-magCard__tape--1::before {
  background: #2AACD0;
}

.c-magCard__tape--2::before {
  background: #FF8774;
}

.c-magCard__tape--3::before {
  background: #4DCAB7;
}

.c-magCard__tape--4::before {
  background: #E9CD50;
}

.p-magazine__pickup .c-magCard__tape--1 {
  transform: rotate(5.7deg);
}

.p-magazine__pickup .c-magCard__tape--2 {
  transform: rotate(-11.1deg);
}

.p-magazine__pickup .c-magCard__tape--3 {
  transform: rotate(9.7deg);
}

.p-magazine__pickup .c-magCard__tape--4 {
  transform: rotate(2.1deg);
}

.p-magazine__catSec .c-magCard__tape {
  transform: rotate(-8.8deg);
}

.c-magCard--row .c-magCard__tape {
  transform: rotate(-15.9deg);
}

.p-magazine__news__list > li:nth-child(1) .c-magCard__tape::before {
  background: #4DCAB7;
}

.p-magazine__news__list > li:nth-child(2) .c-magCard__tape::before {
  background: #E9CD50;
}

.p-magazine__news__list > li:nth-child(3) .c-magCard__tape::before {
  background: #2AACD0;
}

.p-magazine__catSec__cards > *:nth-child(1) .c-magCard__tape::before {
  background: #EAD654;
}

.p-magazine__catSec__cards > *:nth-child(2) .c-magCard__tape::before {
  background: #2AACD0;
}

.p-magazine__catSec__cards > *:nth-child(3) .c-magCard__tape::before {
  background: #FF8774;
}

.c-magCard--lg .c-magCard__tape {
  left: 1.6rem;
  right: auto;
  transform: rotate(11.3deg);
}

.c-magCard__pin {
  position: absolute;
  width: 3.4rem;
  height: 3.8rem;
  z-index: 4;
  background: url(../img/magazine/pin.webp) no-repeat center/contain;
}

.c-magCard--lg .c-magCard__pin {
  top: -1.6rem;
  left: 50%;
  transform: translateX(-50%);
}

.c-magCard--row .c-magCard__pin {
  top: -1.4rem;
  left: 1rem;
}

.c-magCard__meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.2rem;
  margin-bottom: 1.2rem;
}

.c-magCard__cat {
  background-color: #F9F5EF;
  color: #000;
  font-weight: 400;
  font-size: 1.3rem;
  line-height: 1.7;
  padding: 0.2rem 0.8rem;
  border-radius: 0.4rem;
}

.c-magCard__date {
  font-weight: 700;
  font-size: 1.3rem;
  line-height: 1.7;
  color: #858585;
}

.c-magCard__title {
  font-weight: 700;
  line-height: 1.5;
  color: #333333;
  margin-bottom: 1.2rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}

.c-magCard__tags {
  display: flex;
  flex-wrap: wrap;
  gap: 0.8rem;
}
.c-magCard__tags span {
  font-weight: 700;
  font-size: 1.3rem;
  color: #858585;
}

.c-magCard--lg {
  padding: 3.2rem;
}

.c-magCard--lg .c-magCard__thumb {
  aspect-ratio: 516/306;
}

.c-magCard--row {
  padding: 1.6rem;
}

.c-magCard--row .c-magCard__link {
  display: grid;
  grid-template-columns: 20rem minmax(0, 1fr);
  gap: 2rem;
  align-items: center;
}
@media screen and (max-width: 568px) {
  .c-magCard--row .c-magCard__link {
    grid-template-columns: minmax(0, 1fr);
  }
}

.c-magCard--row .c-magCard__thumb {
  margin-bottom: 0;
  aspect-ratio: 209/144;
}

.c-magCard--row .c-magCard__body {
  display: flex;
  flex-direction: column;
}

.c-magCard--row .c-magCard__meta {
  order: -1;
  justify-content: flex-start;
  gap: 1.6rem;
}

.c-magCard--row .c-magCard__title {
  -webkit-line-clamp: 2;
  margin-bottom: 0.8rem;
}

.p-magazine__news__more,
.p-magazine__catSec__more {
  min-width: 0;
  min-height: 3.7rem;
  padding: 0.8rem 2.4rem;
  gap: 1.6rem;
  background-color: #fff;
  border: 1px solid #333333;
  color: #333333;
  font-size: 1.4rem;
  font-weight: 700;
  letter-spacing: 0.08em;
}
.p-magazine__news__more, .p-magazine__news__more:hover, .p-magazine__news__more:visited, .p-magazine__news__more:link,
.p-magazine__catSec__more,
.p-magazine__catSec__more:hover,
.p-magazine__catSec__more:visited,
.p-magazine__catSec__more:link {
  color: #333333;
  text-decoration: none;
}
.p-magazine__news__more .c-btnPill__arrow,
.p-magazine__catSec__more .c-btnPill__arrow {
  background-color: #333333;
}
.p-magazine__news__more .c-btnPill__arrow::after,
.p-magazine__catSec__more .c-btnPill__arrow::after {
  border-color: #fff;
}

.p-magazine__news {
  padding: 4.8rem 0 9.6rem;
}

.p-magazine__news__head {
  display: flex;
  align-items: center;
  gap: 2.4rem;
  margin-bottom: 4rem;
}

.p-magazine__news__headsub {
  display: flex;
  align-items: center;
  gap: 2.4rem;
}

.p-magazine__news__en {
  color: #333333;
}

.p-magazine__news__ja {
  font-weight: 700;
  color: #333333;
}

.p-magazine__news__body.l-wrapper {
  max-width: 131.2rem;
}

.p-magazine__news__body {
  position: relative;
  padding: 4rem 0;
  background-image: linear-gradient(#DCDAD8, #DCDAD8), linear-gradient(#DCDAD8, #DCDAD8), linear-gradient(#DCDAD8, #DCDAD8);
  background-size: 1px 100%;
  background-position: left top, center top, right top;
  background-repeat: no-repeat;
}
.p-magazine__news__body::before, .p-magazine__news__body::after {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 100vw;
  border-top: 1px solid #DDDBD8;
  pointer-events: none;
}
.p-magazine__news__body::before {
  top: 0;
}
.p-magazine__news__body::after {
  bottom: 0;
}
@media screen and (max-width: 768px) {
  .p-magazine__news__body {
    background-image: none;
  }
}

.p-magazine__news__grid {
  display: grid;
  grid-template-columns: 42fr minmax(0, 580fr) 56fr minmax(0, 613fr) 21fr;
  align-items: start;
}
@media screen and (max-width: 768px) {
  .p-magazine__news__grid {
    grid-template-columns: minmax(0, 1fr);
    gap: 3.2rem;
  }
}

.p-magazine__news__featured {
  grid-column: 2;
}

.p-magazine__news__list {
  grid-column: 4;
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

@media screen and (max-width: 768px) {
  .p-magazine__news__featured,
  .p-magazine__news__list {
    grid-column: auto;
  }
}
.p-magazine__news__vtext {
  position: absolute;
  top: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2.4rem;
  font-family: "Prompt", sans-serif;
  font-weight: 600;
  font-size: 2.4rem;
  line-height: 1;
  color: transparent;
  -webkit-text-stroke: 1.2px rgba(51, 51, 51, 0.22);
  pointer-events: none;
  user-select: none;
}
.p-magazine__news__vtext span {
  writing-mode: vertical-rl;
  white-space: nowrap;
}
@media screen and (max-width: 768px) {
  .p-magazine__news__vtext {
    display: none;
  }
}

.p-magazine__news__vtext--left {
  left: -4.8rem;
}

.p-magazine__news__vtext--right {
  right: -4.8rem;
}

.p-magazine__white {
  width: calc(100% - 8rem);
  max-width: 136rem;
  margin-inline: auto;
  background-color: #fff;
  border-radius: 8rem;
}
@media screen and (max-width: 1000px) {
  .p-magazine__white {
    width: calc(100% - 4.8rem);
    border-radius: 4.8rem;
  }
}
@media screen and (max-width: 568px) {
  .p-magazine__white {
    width: calc(100% - 2.4rem);
    border-radius: 3.2rem;
  }
}

.p-magazine .p-front__recruit__inner {
  width: calc(100% - 8rem);
  max-width: 136rem;
}
@media screen and (max-width: 1000px) {
  .p-magazine .p-front__recruit__inner {
    width: calc(100% - 4.8rem);
  }
}
@media screen and (max-width: 568px) {
  .p-magazine .p-front__recruit__inner {
    width: calc(100% - 2.4rem);
  }
}

.p-magazine__categories {
  padding: 6.4rem 0;
}
@media screen and (max-width: 568px) {
  .p-magazine__categories {
    padding: 4rem 0;
  }
}

.p-magazine__categories__ttl {
  display: flex;
  align-items: center;
  gap: 2.4rem;
  margin-bottom: 4rem;
}

.p-magazine__categories__en {
  color: #F67D37;
  -webkit-text-stroke: 2px #000;
  paint-order: stroke fill;
}

.p-magazine__categories__icons {
  display: flex;
  gap: 0.8rem;
}
.p-magazine__categories__icons img {
  width: 4rem;
  height: 4rem;
  object-fit: contain;
}
@media screen and (max-width: 568px) {
  .p-magazine__categories__icons {
    display: none;
  }
}

.p-magazine__categories__list {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1.6rem;
}
@media screen and (max-width: 768px) {
  .p-magazine__categories__list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media screen and (max-width: 568px) {
  .p-magazine__categories__list {
    grid-template-columns: minmax(0, 1fr);
  }
}

.p-magazine__categories__item a {
  display: flex;
  align-items: center;
  gap: 1.6rem;
  min-height: 9.6rem;
  background-color: #fff;
  border: 1px solid #333333;
  border-radius: 1.2rem;
  padding: 0 2.4rem;
  color: #333333;
  transition: all 0.4s ease;
}
.p-magazine__categories__item a, .p-magazine__categories__item a:hover, .p-magazine__categories__item a:visited, .p-magazine__categories__item a:link {
  color: #333333;
  text-decoration: none;
}
@media screen and (max-width: 768px) {
  .p-magazine__categories__item a {
    transition: all 0s ease;
  }
}
.p-magazine__categories__item a:hover {
  opacity: 0.7;
}

.p-magazine__categories__icon {
  flex-shrink: 0;
}
.p-magazine__categories__icon img {
  width: 4rem;
  height: 4rem;
  object-fit: contain;
}

.p-magazine__categories__label {
  font-weight: 700;
}

.p-magazine__categories__arrow {
  margin-left: auto;
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.4rem;
  height: 2.4rem;
  border-radius: 50%;
  background-color: #333333;
  position: relative;
}
.p-magazine__categories__arrow::after {
  content: "";
  width: 0.6rem;
  height: 0.6rem;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: translateX(-10%) rotate(45deg);
}

.p-magazine__catSec {
  padding-bottom: 8rem;
}
@media screen and (max-width: 568px) {
  .p-magazine__catSec {
    padding-bottom: 4rem;
  }
}

.p-magazine__catSec > .l-wrapper {
  border-top: 1px solid #DDDBD8;
  padding-top: 6.4rem;
}
@media screen and (max-width: 568px) {
  .p-magazine__catSec > .l-wrapper {
    padding-top: 4rem;
  }
}

.p-magazine__catSec__head {
  display: flex;
  align-items: center;
  gap: 2.4rem;
  margin-bottom: 3.2rem;
}

.p-magazine__catSec__ttl {
  font-size: 4rem;
  font-weight: 700;
  line-height: 1.7;
  color: #333333;
}
@media screen and (max-width: 768px) {
  .p-magazine__catSec__ttl {
    font-size: 3.2rem;
  }
}
@media screen and (max-width: 568px) {
  .p-magazine__catSec__ttl {
    font-size: 2.6rem;
  }
}

.p-magazine__catSec__cards {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 3.2rem;
}
@media screen and (max-width: 768px) {
  .p-magazine__catSec__cards {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media screen and (max-width: 568px) {
  .p-magazine__catSec__cards {
    grid-template-columns: minmax(0, 1fr);
  }
}

.u-border--corners {
  border-radius: 10px;
}

.u-border {
  border: 1px solid #CCCCCC;
}

@media screen and (max-width: 768px) {
  .u-hide_sp {
    display: none;
  }
}

@media screen and (min-width: 769px) {
  .u-hide_pc {
    display: none;
  }
}

@media screen and (max-width: 1280px) {
  .u-hide_less_pc {
    display: none;
  }
}

@media screen and (min-width: 1281px) {
  .u-hide_more_pc {
    display: none;
  }
}

@media screen and (max-width: 1000px) {
  .u-hide_less_spc {
    display: none;
  }
}

@media screen and (min-width: 1001px) {
  .u-hide_more_spc {
    display: none;
  }
}

@media screen and (max-width: 568px) {
  .u-hide_less_sp {
    display: none;
  }
}

@media screen and (min-width: 569px) {
  .u-hide_more_sp {
    display: none;
  }
}

@media screen and (max-width: 414px) {
  .u-hide_less_ssp {
    display: none;
  }
}

@media screen and (min-width: 415px) {
  .u-hide_more_ssp {
    display: none;
  }
}

@media screen and (max-width: 374px) {
  .u-hide_less_sssp {
    display: none;
  }
}

@media screen and (min-width: 375px) {
  .u-hide_more_sssp {
    display: none;
  }
}

.u-hide {
  display: none;
}

.u-vh {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
}

.u-link_sp {
  pointer-events: none;
}
@media screen and (max-width: 768px) {
  .u-link_sp {
    pointer-events: inherit;
  }
}

.u-mt_10 {
  margin-top: 1rem;
}

.u-mt_20 {
  margin-top: 2rem;
}
@media screen and (max-width: 768px) {
  .u-mt_20 {
    margin-top: 1.5rem;
  }
}
@media screen and (max-width: 568px) {
  .u-mt_20 {
    margin-top: 1.5rem;
  }
}

.u-mt_30 {
  margin-top: 3rem;
}
@media screen and (max-width: 768px) {
  .u-mt_30 {
    margin-top: 2rem;
  }
}

.u-mt_50 {
  margin-top: 5rem;
}
@media screen and (max-width: 768px) {
  .u-mt_50 {
    margin-top: 3rem;
  }
}
@media screen and (max-width: 568px) {
  .u-mt_50 {
    margin-top: 2.5rem;
  }
}

.u-mt_100 {
  margin-top: 10rem;
}
@media screen and (max-width: 768px) {
  .u-mt_100 {
    margin-top: 5rem;
  }
}

.u-mb_10 {
  margin-bottom: 1rem;
}

.u-mb_20 {
  margin-bottom: 2rem;
}
@media screen and (max-width: 768px) {
  .u-mb_20 {
    margin-bottom: 1.5rem;
  }
}
@media screen and (max-width: 568px) {
  .u-mb_20 {
    margin-bottom: 1.5rem;
  }
}

.u-mb_30 {
  margin-bottom: 3rem;
}
@media screen and (max-width: 768px) {
  .u-mb_30 {
    margin-bottom: 2rem;
  }
}

.u-mb_50 {
  margin-bottom: 5rem;
}
@media screen and (max-width: 768px) {
  .u-mb_50 {
    margin-bottom: 3rem;
  }
}
@media screen and (max-width: 568px) {
  .u-mb_50 {
    margin-bottom: 2.5rem;
  }
}

.u-mb_100 {
  margin-bottom: 10rem;
}
@media screen and (max-width: 768px) {
  .u-mb_100 {
    margin-bottom: 5rem;
  }
}

.u-mr_05 {
  margin-right: 0.5rem;
}

.u-mr_10 {
  margin-right: 1rem;
}

.u-mr_15 {
  margin-right: 1.5rem;
}

.u-mr_20 {
  margin-right: 2rem;
}

.u-mr_30 {
  margin-right: 3rem;
}

.u-ml_05 {
  margin-left: 0.5rem;
}

.u-ml_10 {
  margin-left: 1rem;
}

.u-ml_15 {
  margin-left: 1.5rem;
}

.u-ml_20 {
  margin-left: 2rem;
}

.u-ml_30 {
  margin-left: 3rem;
}

.u-text-left {
  text-align: left;
}

.u-text-right {
  text-align: right;
}

.u-text-center {
  text-align: center;
}

.u-text-center_left {
  text-align: center;
}
@media screen and (max-width: 768px) {
  .u-text-center_left {
    text-align: left;
  }
}

.u-text_center {
  text-align: left;
}
@media screen and (max-width: 768px) {
  .u-text_center {
    text-align: center;
  }
}

.u-keep {
  display: inline-block;
  max-width: 100%;
  text-wrap: balance;
}

.u-wth_100 {
  width: 100%;
  height: auto;
}

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