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

html {
   font-size: 62.5%;
}

body {
   font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
   font-weight: normal;
   font-size: 1.8rem;
   line-height: 2;
   letter-spacing: .14em;
   position: relative;
   background: #fffdfa;
}

@media screen and (max-width: 1201px) {
   html {
      font-size: 50%;
   }
}

/* -- -- */
#header {
   height: 96px;
   -webkit-animation: none !important;
   animation: none !important;
}

.pc body.use_header_fix #header:after,
.pc body.use_header_fix #header.active:after {
   background-color: #000;
   height: 96px;
   top: -96px;
}

#header_logo a {
   height: 96px;
   background: transparent;
   padding: 0;
}

#header_logo img {
   width: auto;
   height: 100%;
}
#header_logo a:hover img {
   opacity: 1;
}
#global_menu {
   height: 96px;
}

#global_menu>ul {
   text-align: right;
}

#global_menu>ul>li>a {
   height: 96px;
   font-size: 1.8rem;
   line-height: 96px;
   color: #fff !important;
}

#global_menu>ul>li>a:after {
   content: "";
   display: inline-block;
   margin: 0 0 4px 6px;
   border-left-color: #fff;
   border-bottom: 2px solid #fff;
   border-right: 2px solid #fff;
   border-top-color: #fff;
   width: 0.5em;
   height: 0.5em;
   transform: rotate(45deg);
}

#global_menu ul ul a {
   background-color: #fff;
   color: #000;
}

#global_menu ul ul a:hover {
   background-color: #000;
   color: #fff;
}

.header_fix #global_menu>ul>li>a:after {
   border-color: transparent #fff #fff #fff;
}

@media screen and (max-width: 1201px) {
   .mobile #header:after {
      background-color: #fff !important;
      top: 0;
   }

   #header_logo a {
      background: url("https://hrd.recruit-f.ink/wp-content/uploads/2023/02/logo-hrd-sm.png") no-repeat center top/cover;
      height: 60px;
      padding: 0 !important;
   }

   #header_logo a img {
      opacity: 0;
   }

   #global_menu_button {
      top: 0;
      right: 0;
   }

   #global_menu_button span {
      background-color: #000;
   }
}

/* -- -- */
footer {
   color: #fff;
   background-color: #5b5854;
   padding: 6rem 6rem 1rem;
   font-size: 1.4rem;
}

#footer_top {
   border-top: 0;
   padding: 0;
}

#footer_logo img {
   max-width: 324px;
   margin: 0 auto 6rem;
}

#return_top2 {
   display: none;
}

#copyright {
   height: auto;
   line-height: inherit;
   text-align: center;
   margin-bottom: 1rem;
   font-size: 1.2rem;
   opacity: .5;
   border-top: 0;
}

#footer_menu .footer_menu {
   width: 100%;
   max-width: 1366px;
   border-right: 0;
   border-left: 0;
   margin: 0 auto 6rem;
   padding: 0 10%;
}

#footer_menu .footer_menu>ul {
   display: flex;
   justify-content: space-between;
}

#footer_menu .footer_menu>ul>li {
   width: 33.33333%;
   padding: 2rem 2rem 0;
   border-left: 1px solid rgba(255, 255, 255, 0.1);
}

#footer_menu .footer_menu>ul>li>a {
   pointer-events: none;
   margin-bottom: 2rem;
}

#footer_menu .footer_menu ul li {
   text-align: center;
   margin-bottom: 2rem;
}

#footer_menu .footer_menu a {
   display: inline-block;
   color: #fff !important;
   font-weight: bold;
   font-size: 14px;
   position: relative;
}

#footer_menu .footer_menu a:after {
   position: absolute;
   bottom: -2px;
   left: 0;
   content: "";
   width: 100%;
   height: 2px;
   background: #f18d00;
   transform: scaleX(0);
   transform-origin: right top;
   transition: transform .3s;
}

#footer_menu .footer_menu a:hover:hover:after {
   transform-origin: left top;
   transform: scale(1);
}

#footer_menu .footer_menu:last-of-type {
   border-right: 0;
}

#return_top a {
   background-color: #000;
}

@media screen and (max-width: 1201px) {
   footer {
      padding: 2rem 2rem 1rem;
   }

   #footer_logo img {
      max-width: 220px;
      margin: 0 0 2rem;
   }

   #footer_menu .footer_menu {
      margin: 0 auto 2rem;
      padding: 0;
   }

   #footer_menu .footer_menu>ul {
      flex-wrap: wrap;
   }

   #footer_menu .footer_menu>ul>li {
      width: 50%;
      border: 0;
   }

   #footer_menu .footer_menu>ul>li>a {
      text-align: left;
      margin-bottom: 1rem;
   }

   #footer_menu .footer_menu ul li {
      text-align: left;
      margin-bottom: 1rem;
      font-size: 12px;
   }

   #footer_menu .footer_menu li:first-of-type {
      font-size: 12px;
      margin-bottom: 1rem;
   }
   #footer_menu .footer_menu a {
      font-size: 12px;
   }
}

/* -- -- */