@charset "UTF-8";
/* CSS Document */

.company_btn,.person_btn,.home_btn{
    height: 30px;
    margin: 0 5px 5px;
    line-height: 30px;
    color: #fff;
    text-align: center;
    border-radius: 0 0 5px 5px;
    font-size:1.2rem;
}
.home_btn{
  background-color: #cf5e28;
}
.company_btn{
      background-color: #051665;
}
	.person_btn{
		    background-color: #FFF!important;
        color:#00A26A!important;
        font-weight: bold;
	}
#pc_header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 999;
}

#pc_header .logoArea {
  position: relative;
	top:-2px;
}

#pc_header .logo {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 99;
}

#pc_header .logo a {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  padding: 0px 1rem 0 1rem;
  margin: 0 0 0 4rem;
  background-color: #ffffff;
 flex-direction: column;
 line-height: 0.9rem;
/* height: 123px;*/
}
#pc_header .logo a img{
    width: 25rem;
    margin: 2rem 0;
}
.h1_text{
     margin-top: 15px;
}
#pc_header .navHeader {
  background-color: #00A26A;
}

#pc_header .navHeader ul {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: end;
  justify-content: flex-end;
  font-size: 1rem;
}

#pc_header .navHeader ul li:last-child {
  margin-right: 13.5rem;
}

#pc_header .navHeader ul li a {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  letter-spacing: .2em;
  position: relative;
  padding: 0 5rem;
}

#pc_header .navHeader ul li a:after {
  content: '';
  height: 1px;
  width: 0;
  background: #fff;
  position: absolute;
  bottom: 0.5rem;
  margin: 0 auto;
  left: 0;
  right: 0;
  -webkit-transition: all .25s ease-out;
  transition: all .25s ease-out;
}

#pc_header .navHeader ul i {
  margin-left: 0.5rem;
  font-size: 0.9rem;
}

#pc_header .navHeader ul select {
  margin: 10px 0 10px 12px;
  color: #00A26A;
/*  background-color: #fff;*/
  border: none;
}

#pc_header .navHeader a {
  color: #fff;
  padding: 10px 12px;
  display: block;
}

#pc_header .navHeader a:hover {
  opacity: 1;
}

#pc_header .navHeader a:hover:after {
  width: 100%;
}

#pc_header .navFooter {
  background-color:#fff;
}

#pc_header .navFooter ul {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: end;
  justify-content: flex-end;
  text-align: center;
  position: relative;
}

#pc_header .navFooter ul .alpha {
  font-size: 1.2rem;
}

#pc_header .navFooter ul > li {
  display: inline-block;
	padding: 0;
}

#pc_header .navFooter ul > li > a {
  padding: 2.5rem 2rem;
  display: block;
  font-size: 1.6rem;
  /*text-transform: uppercase;*/
  letter-spacing: .2em;
  color: #000;
  position: relative;
}

html[lang=vi] #pc_header .navFooter ul > li > a {
  padding: 2.5rem 1rem;
  display: block;
  font-size: 0.8em;
  /*text-transform: uppercase;*/
  letter-spacing: 0;
  color: #fff
  position: relative;
}

#pc_header .navFooter ul > li > a:after {
  content: '';
  height: 7px;
  width: 0;
  background: #00A26A;
  position: absolute;
  bottom: 0;
  margin: 0 auto;
  left: 0;
  right: 0;
  -webkit-transition: all .25s ease-out;
  transition: all .25s ease-out;
}

#pc_header .navFooter ul > li > a:hover {
  opacity: 1;
}

#pc_header .navFooter ul > li:hover > a:after {
  width: 100%;
}

#pc_header .navFooter ul > li:hover ul {
  height: 153px;
  padding: 17px 23px 17px 9px;
}

#pc_header .navFooter ul > li.last {
  background-color: #000000;
}

#pc_header .navFooter ul > li.last a {
  color: #fff;
}

#pc_header .navFooter ul > li ul {
  position: absolute;
  top: 60px;
  right: 0;
 /* background-color: rgba(255, 255, 255, 0.8); */
  height: 0;
  overflow: hidden;
  font-size: 0.75rem;
}

#pc_header .navFooter ul > li ul li {
  /* display: block; */
  display: contents;
  margin-left: 20px;
}

#pc_header .navFooter ul > li ul li a {
  background-color: #fff;
  font-size: 1.25rem;
  color: #373737;
  padding: 8px 8px 2px;
  -webkit-transition: all .25s ease-out;
  transition: all .25s ease-out;
}

#pc_header .navFooter ul > li ul li:hover > a {
  background-color: #00A26A;
  padding: 8px 8px 2px;
  color: #fff;
  padding-bottom:20px;
}

#pc_header .navFooter ul > li ul li:hover > a:after {
  width: 0;
}

#sp_header {
  border-top: 8px solid #00A26A;
  position: fixed;
  background-color: #fff;
  z-index: 999;
  width: 100%;
  height: 84px;
}

#sp_header .logo {
  position: absolute;
  top: -8px;
  left: 16px;
}

#sp_header .logo a {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  background-color: #fff;
  padding: 0 6px;
}

#sp_header .logo img {
  width: 60px;
  height: auto;
}

#sp_header .hiraku-open-btn {
  position: absolute;
  right: 16px;
  top: 22px;
}

#sp_header .lang {
  position: absolute;
  right: 60px;
  top: 18px;
}

#sp_header .lang select {
  color: #00A26A;
}

#sp_header .mod-header-lang-btn {
  cursor: pointer;
}

#sp_header .mod-header-lang-btn:after {
  content: "\f0d7";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  display: inline-block;
  margin-left: 8px;
}

#sp_header .wovn-lang-list {
  position: absolute;
  text-align: center;
  display: none;
}

.drawer-hamburger-icon, .drawer-hamburger-icon:after, .drawer-hamburger-icon:before {
  background-color: #00A26A;
}

.drawer--right.drawer-open .drawer-hamburger {
  right: 80%;
  background-color: #fff;
}

.drawer-nav {
  position: fixed;
  z-index: 2;
  top: 0;
  overflow: hidden;
  width: 80%;
  height: 100%;
  color: #00A26A;
  background-color: #fff;
}

.drawer-nav a {
  color: #00A26A;
  border-bottom: 1px solid #7d7d7d;
}

.drawer--right .drawer-nav {
  right: -80%;
  z-index: 1001;
}

.drawer-hamburger {
  top: 12px;
}

.drawer-menu-item:hover {
  text-decoration: none;
  color: #00A26A;
  opacity: 1;
}

.drawer-dropdown {
  position: relative;
}

.drawer-dropdown .drawer-caret {
  position: absolute;
  right: .75rem;
  top: 1.25rem;
  border-top: 8px solid;
  border-right: 8px solid transparent;
  border-left: 8px solid transparent;
}

.drawer-dropdown-menu {
  background-color: transparent;
}

.drawer-dropdown-menu-item {
  line-height: inherit;
  padding-top: .75rem;
  padding-bottom: .75rem;
}
.navFooter_sp {
	display:none;
}
@media (max-width: 290px){
  #pc_header .navHeader{
    background-color:#fff;
    width:290px;
  }
  .company_btn,.person_btn {
    line-height: 10px;
    font-size: 0.5rem;
    width: 90%;
  }
}
@media (max-width: 992px){
.navFooter_sp {
    display: block;
    text-align: center;
}
#pc_header .navFooter ul{
    display: none;

}
#pc_header .navHeader{
  background-color:#fff;
}
#pc_header .logo a{
  background:none;
  height: 11rem!important;
  padding: 0;
  margin: 1% 25%;
}
#pc_header .navHeader ul li:last-child{
      margin-right: 5px;
}
#pc_header .navHeader ul{
      height: 11rem;
}
#pc_header .navHeader ul li a{
    padding: 0 0.5rem;
    z-index: 99;
    letter-spacing: 0;
}
.contain{
	z-index:99;
  display: flex;
  flex-wrap: wrap;
}
#pc_header .logo img{
    max-width:100%;
    display: block;
    margin-top: 30px;
}
.h1_text{
   margin-top: 45px;
}
/* h1 img {
  margin:
} */
}


/*----hanbargmenu---*/
#menu-toggle[type="checkbox"]:not(:checked),
#menu-toggle[type="checkbox"]:checked {
  display: none;
}
.menuto-trigger,
.menuto-burger,
.menuto-burger:before,
.menuto-burger:after {
  position: absolute;
  top: 1.7em;
  left: 0.8em;
  width: 3.5em;
  height: 3px;
  padding: 1px 25px;
  background-color: #fff;
  border-radius: 2px;
  cursor: pointer;
  z-index: 100;
  -webkit-transition: 0.35s ease;
  transition: 0.35s ease;
}

.menuto-trigger {
  height: 6em;
  background: none;
  top:0.5rem;
  left:0.5rem;
  padding: 5px 30px 30px 15px;
}

.menuto-burger:before {
  content: "";
  top: 10px;
  left: 0;
}
.menuto-burger:after {
  content: "";
  top: 20px;
  left: 0;
}

.menu-body {
  position: absolute;
    width: 4em;
    height: 4em;
    margin: 0;
    z-index: 1;
    padding-top: 85px;
    font-size: 2rem;
  background-color: #e05508;
  border-bottom-right-radius: 100%;
/*  box-shadow: 3px 3px 7px rgba(40, 40, 40, 0.2);*/
  -webkit-animation: shrink 0.35s both;
          animation: shrink 0.35s both;
}

.menu-item,
.item-link {
  display: none;
  font-weight: normal;
/*  color: #282828;*/
  padding: 1.5rem 0;
  text-decoration: none;
  text-transform: none;
  list-style: none;
  outline: 0;
}

.menu-item:first-child {
  margin-top:40px;
}
.menu-item {
  text-indent: 1em;
    border-bottom: 3px solid #fff;
}
.menu-item:after{
    background-color: #fff;
    content: "";
    height: 30px;
    position: absolute;
    left: 90px;
    /* top: 0; */
    /* margin: 20px; */
    transition: opacity .6s 1.8s;
    width: 1px;
}
.item-link:hover {
  display: block;
  width: 0;
  color: #282828;
  background-color: #98A392;
  -webkit-animation: filling 0.3s both;
          animation: filling 0.3s both;
}
.menu-item a{
  color:#fff;
}
.menu-item i{
  margin-right: 32px;
  width:70px;
}
.menu-body li:nth-child(2n) {
background-color:#051665;
}

/*汉堡图标变换*/
#menu-toggle:checked + .menuto-trigger + .menuto-burger {
  top: 35px;
  -webkit-transform: rotate(405deg);
          transform: rotate(405deg);
  -webkit-transition: -webkit-transform 0.35s ease;
  transition: -webkit-transform 0.35s ease;
  transition: transform 0.35s ease;
  transition: transform 0.35s ease, -webkit-transform 0.35s ease;
}
#menu-toggle:checked + .menuto-trigger + .menuto-burger:before {
  top: 0;
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
  -webkit-transition: -webkit-transform 0.35s ease;
  transition: -webkit-transform 0.35s ease;
  transition: transform 0.35s ease;
  transition: transform 0.35s ease, -webkit-transform 0.35s ease;
}
#menu-toggle:checked + .menuto-trigger + .menuto-burger:after {
  top: 0;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  -webkit-transition: -webkit-transform 0.35s ease;
  transition: -webkit-transform 0.35s ease;
  transition: transform 0.35s ease;
  transition: transform 0.35s ease, -webkit-transform 0.35s ease;
}

/*菜单展开*/
#menu-toggle:checked + .menuto-trigger + .menuto-burger + .menu-body {
  -webkit-animation: expand 0.01s ease both;
          animation: expand 0.01s ease both;
}
#menu-toggle:checked + .menuto-trigger ~ .menu-body .menu-item, 
#menu-toggle:checked + .menuto-trigger ~ .menu-body .item-link {
  display: block;
   color: #fff;
/*    background-color: #e05507;*/
}

.promotion {
  width: 100vw;
  height: 100vh;
  background: linear-gradient(to bottom right, #DDC9A8, #AFB8B3);
}

@-webkit-keyframes expand {
  50% {
    width: 100vw;
    height: 100vh;
  }
  100% {
    width: 100vw;
    height: 100vh;
    border-radius: 0;
  }
}
@keyframes expand {
  50% {
    width: 100vw;
    height: 100vh;
  }
  100% {
    width: 100vw;
    height: 100vh;
    border-radius: 0;
  }
}
@-webkit-keyframes shrink {
  0% {
    width: 100vw;
    height: 100vh;
  }
}
@keyframes shrink {
  0% {
    width: 100vw;
    height: 100vh;
  }
}
@-webkit-keyframes filling {
  50% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
@keyframes filling {
  50% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
@media (max-width: 992px){
  #pc_header .logo{
    right: 0;
  }
  .person_btn{
        background-color: #00A26A!important;
        color: #FFF!important;
        font-weight: bold;
  }
#pc_header .navFooter_sp{
    background-color: #fff;
    padding-top: 5px;
    /* margin-top: 70px; */
}
#pc_header .navFooter_sp ul > li {
    display: inline-block;
    flex: 1;
    text-align: center; 
    padding:6.6px;
}
#pc_header .navFooter_sp ul > li > a:after {
    content: '';
    height: 7px;
    width: 0;
    background: #00A26A;
    position: absolute;
    bottom: 0;
    margin: 0 auto;
    left: 0;
    right: 0;
    -webkit-transition: all .25s ease-out;
    transition: all .25s ease-out;
}
#pc_header .navFooter_sp ul > li > a {
padding: 6px;
    display: block;
    font-size: 1rem;
    /* text-transform: uppercase; */
    letter-spacing: 0em;
    margin-top: -10px;
    color: #2ca26a;
    position: relative;
    text-align: center;
    margin: 0 auto;
    margin-top: -20px;
}
#joboffer  .logo{
  margin-top: -30px;
}
#joboffer #pc_header.navHeader{
  display: none;
}
}
@media only screen 
and (min-device-width: 768px) 
and (max-device-width: 1024px)  {
  #pc_header .logoArea .logo {
  text-align: center;
  }
}
@media (max-width: 375px){
#pc_header .navFooter_sp ul > li{
  padding: 3px;
}
}
@media (min-width: 768px)and(max-width: 992px){
#pc_header .logo a {
  margin: 1% 30%!important;
}
#pc_header .navFooter_sp ul > li > a {
  padding: 26px;
}
}

/*202406*/
/* 求職者ヘッダー */
/* .fa, .fas {
  font-size: 3rem;
} */
@media (min-width: 993px){
  #pc_header .navHeader--black {
    background-color: #000000;
  }
}
@media (max-width: 992px){
  #header-job .breadcrumb{
    display: none;
  }
  #header-job #pc_header{
    transition: all .8s ease-out;
  }
  #header-job #pc_header .logo a{
    margin-inline: 25%;
    margin-top: min(6vw, 1.8rem);
    margin-bottom: 0;
    height: min(25vw, 9rem) !important;
  }
  #pc_header .navFooter_sp ul>li>a {
    font-size: min(2.8vw,1.2rem);
  }
}

/* 企業ページヘッダー */
@media (max-width: 992px){
  #pc_header .logo a{
    margin-top: 18px;
  }
}

/* 2025.08 ポータルサイト構築時の調整*/
#pc_header .logo a:hover{
  opacity: 1;
}
#pc_header .nav_login--job ul {
  right: 315px !important;
}
#pc_header .navFooter ul > li ul li a img{
  aspect-ratio: 160/89;
  object-fit: cover;
}
@media (min-width: 550px) {
  #pc_header .navFooter_sp ul>li>a br{
    display: none;
  }
}
@media (max-width: 992px) {
  #pc_header .navFooter_sp ul>li>a {
    padding: 6px 1px;
  }
}