@charset "UTF-8";

.recruit-contents * *:focus,
.recruit-contents h1 *:focus,
.recruit-contents h2 *:focus,
.recruit-contents h3 *:focus,
.recruit-contents h4 *:focus,
.recruit-contents p *:focus,
.recruit-contents ul *:focus,
.recruit-contents ol *:focus,
.recruit-contents li *:focus,
.recruit-contents form *:focus,
.recruit-contents dl *:focus,
.recruit-contents dt *:focus,
.recruit-contents dd *:focus,
.recruit-contents table *:focus,
.recruit-contents tr *:focus,
.recruit-contents th *:focus,
.recruit-contents td *:focus {
  outline: solid;
}
.recruit-entry_btn:focus{
  outline-color: #fff;
}
a:focus {
  outline: solid;
}

.recruit-contents h1{
	color: #fff;
}
.wh14{
	width: 14px;
	height: 14px;
}
.recruit-outline_item p,
.recruit-footer_link a{
	color: #000 !important;
}
.recruit-outline_item p:hover,
.recruit-footer_link a:hover{
	color: #CC0033 !important;
}
.wraplink_block a{
	color: #fff;
}
@media screen and (min-width: 769px) {
  a:hover {
    opacity: 1;
  }
  .project-list .project-list_item > a:hover {
    opacity: 1;
  }
  .team-popup-btn:hover {
      opacity: 1;
  }
}
@media screen and (max-width: 768px) {
	.recruit-header_sub_left {
    overflow-y: hidden;
  }
  .js-menu-close{
  	float: right;
  	margin-top: 10px;
  }
}
@media screen and (max-width: 375px) {
	.recruit_index .top .top-note .top-note-engineering-link{
		margin-top: 35px;
	}
}


/* 20240215追加 */
.recruit-header_sub_left .nav-list{
  display: flex;
  width: 100%;
}
.recruit-header_sub_left .nav-list_item{
  width: 30%;
  margin-right: 5%;
}
.recruit-header_sub_left .nav-list_item:last-child{
  margin-right: 0;
}
@media screen and (max-width: 768px) {
  .recruit-header_sub_left .nav-list{
    display: block;
  }
  .recruit-header_sub_left .nav-list_item{
    width: 100%;
  }
}

/* 20250630 コンテンツ削除に伴い追加 */

.recruit-contents {
  background: none !important;
}

.recruit-contents h1 {
    font-size: 50px;
    line-height: 60px;
    color: #333;
    text-align: center;
    margin: 70px 0 0 0;
    display: block;
}

@media screen and (max-width: 768px) {
    .recruit-contents h1 {
        font-size: 32px;
    }
}

@media screen and (min-width: 769px) {
     #recruit {
        background-image: url(/content/dam/nttcom/hq/jp/business/dx/smart/img/top/bg_4.svg);
        background-repeat: no-repeat;
        background-size: 599px 274px;
        background-position: calc(100% + 599px - 402px) 30px;
    }
}

@media screen and (max-width: 768px) {
    #recruit {
        background-image: url(/content/dam/nttcom/hq/jp/business/dx/smart/img/top/bg_4.svg);
        background-repeat: no-repeat;
        background-size: 239px auto;
        background-position: calc(100% + 96px) 50px;
    }
}