/* Footer
================================================ */
body { background-color: #EAEEF4; }

footer { font-family: 'Noto Sans JP', sans-serif; background-color: #EAEEF4; /*font-size: 0.94em;*/ font-size: 1.15em; line-height: 1.5em; color: #222; font-weight: 400; text-align: left; -webkit-text-size-adjust: 100%; }
footer a:visited, footer a:link { text-decoration: none; }

.footer__outer { width: 100%; margin-top: 80px; padding-top: 4em; padding-bottom: 4em; background-color: #FFF; }
.footer__inner { display: flex; justify-content: space-between; flex-wrap: wrap; max-width: 1200px; margin: 0 auto; position: relative; }
.footer__corpinfo { width: 27%; margin-right: 8%; }
.footer__corpinfo ul li { margin-top: 5px; }
.footer__rogo img { width: 100%; }
.footer__social { display: flex; align-items: center; gap: 1em; margin-top: 2.5em; }
.footer__social p { margin-top: 0; font-weight: 600; }
.footer__social img { max-width: 100%; }
.footer__sitemap { width: 65%; font-size: 0.93em; gap: 1em; }
.footer__sitemap ul { min-width: 6em; margin-top: 20px; }
.footer__sitemap ul li { margin-top: 12px; }
.footer__sitemap ul li.catetop { font-weight: 600; }
.footer__sitemap ul li.under { padding-left: 1em; position: relative; }
.footer__sitemap ul li.under::before { content: "--"; position: absolute; top: -2px; left: 0; }
.footer__security { position: relative; margin-top: 1.75em; }
.footer__p-mark { position: absolute; bottom: 0; right: 0; width: 20%; }
.footer__p-mark img { width: 100%; height: auto; }

p.credit { display: block; width: 100%; margin-top: 1em; text-align: right; }

@media screen and (max-width: 1280px) { .footer__inner { margin: 0 40px; } }
@media screen and (max-width: 1080px) { .footer__corpinfo { width: 35%; margin-right: 5%; }
  .footer__sitemap { width: 60%; } }
@media screen and (max-width: 880px) { .footer { font-size: 0.93em; }
  .footer__corpinfo { width: 30%; }
  .footer__sitemap { width: 65%; }
  .footer__p-mark { position: inherit; margin-top: 1em; } }
@media screen and (max-width: 804px) { .footer__outer { padding-top: 3.5em; padding-bottom: 3em; }
  .footer__inner { margin: 0 12%; }
  .footer__corpinfo { width: 70%; margin: 0 auto; }
  .footer__rogo { text-align: center; }
  .footer__rogo img { max-width: 330px; }
  .footer__sitemap { display: none !important; }
  .footer__p-mark { width: inherit; position: absolute; }
  .footer__p-mark img { width: 64px; }
  p.credit { position: inherit; margin-top: 2em; text-align: center; } }
@media screen and (max-width: 599px) { .footer__inner { margin-right: 6%; margin-left: 6%; }
  .footer__corpinfo { width: 100%; } }
@media screen and (max-width: 450px) { .footer__rogo img { width: 100%; } }
/* ======== PageTop  ======== */
#pageTop { width: auto; height: auto; right: 1em; bottom: 2em; }
#pageTop .pagetop__arrow { width: 3.5em; height: 3.5em; padding: 0.5em; background-color: #019FE0; border-radius: 0.25em; transition: 0.6s; box-sizing: border-box; }
#pageTop .pagetop__arrow:hover { opacity: 1; transition: 0.6s; transform: translateY(-0.5em); }

@media screen and (max-width: 804px) { #pageTop { right: 0.5em; bottom: 2em; }
  #pageTop a { display: inherit; width: inherit; height: inherit; text-indent: inherit; background-image: none; background-size: inherit; opacity: 1; } }
.clm__bnr__outer { width: 100%; margin-top: 80px; }
.clm__bnr__inner { display: flex; justify-content: center; flex-wrap: wrap; gap: 3em; max-width: 1200px; margin: 0 auto; }
.clm__bnr__inner .bnr { width: 48%; min-width: 470px; font-size: 15px; font-weight: 500; position: relative; }
.clm__bnr__inner .bnr::after { content: url("../../../img/recruit/bnr/arrow_w.svg"); vertical-align: middle; display: inline-block; position: absolute; top: 30%; right: 4%; }
.clm__bnr__inner .bnr a { text-decoration: none; width: 100%; min-height: 80px; padding-right: 4.5em; padding-left: 1em; color: #FFF; text-align: right; background-color: #292929; border-radius: 8px; box-sizing: border-box; transition: all 0.4s; }
.clm__bnr__inner .bnr a:hover { opacity: 0.6; }
.clm__bnr__inner .bnr a:hover img { transition: all 0.4s; }
.clm__bnr__inner .bnr__want { display: flex; justify-content: space-between; flex-flow: nowrap; align-items: center; }
.clm__bnr__inner .bnr__want img { display: inline-block; width: 200px; }
.clm__bnr__inner .bnr__want span br { display: none; }
.clm__bnr__inner .bnr__note { display: flex; justify-content: space-between; flex-flow: nowrap; align-items: center; }
.clm__bnr__inner .bnr__note img { display: inline-block; width: 140px; }
.clm__bnr__inner .bnr__note span br { display: none; }

@media screen and (max-width: 1280px) { .clm__bnr__inner { margin: 0 40px; gap: 2em; } }
@media screen and (max-width: 599px) { .clm__bnr__outer { margin-top: 60px; }
  .clm__bnr__inner { margin: 0 20px; }
  .clm__bnr__inner .bnr { width: 100%; min-width: inherit; font-size: 14px; }
  .clm__bnr__inner .bnr a { text-align: inherit; }
  .clm__bnr__inner .bnr__want img { width: 160px; }
  .clm__bnr__inner .bnr__want span br { display: inherit; }
  .clm__bnr__inner .bnr__note img { width: 110px; }
  .clm__bnr__inner .bnr__note span br { display: inherit; } }
@media screen and (max-width: 599px) { .clm__bnr__inner .bnr a { padding-right: 4em; padding-left: 0.75em; }
  .clm__bnr__inner .bnr__want img { width: 150px; }
  .clm__bnr__inner .bnr__note img { width: 100px; } }
.inset__fx__sb-nwp { display: flex; justify-content: space-between; }

.mt-none { margin-top: 0; }

.pt-none { padding-top: 0; }

.fade { opacity: 0; transform: translateY(130px); transition: opacity 1.5s, transform 0.8s; }
.fade.active { opacity: 1; transform: translateY(0px); }