﻿#topVisual{
	position: relative;
}

#topVisualInner {
	max-width: 1920px;
	margin: 0 auto;
	position: relative;
	height: 780px;
	max-height: calc(100vh - 96px);
		background: url(/recruit/career/img/bg_mv_pc.jpg) no-repeat 70%;
		background-size: cover;
}

#topVisualInner .topVisualTitle{
	position: absolute;
	top: 40%;
	margin-top: -64.5px;
	left: 100px;
	z-index: 10;
}

#topVisualInner .topVisualInternBanner{
	position: absolute;
	top: 40%;
	margin-top: 100px;
	left: 100px;
	z-index: 10;
	width: 300px;
}

#topVisualInner .topVisualInternBanner .comming{

}

#topVisualInner .topVisualNav{
	position: absolute;
	z-index: 10;
	width: 100%;
	left: 0;
	bottom: 0;
}

#topVisualInner .topVisualNav ul{
	display: flex;
	justify-content: center;
}

#topVisualInner .topVisualNav ul li{
	width: 23%;
	margin: 0 2px;
	max-width: 250px;
}


#topVisualInner .topVisualNav ul li a{
	position: relative;
	bottom: -20px;
	display: block;
	background-color: #fff;
	text-align: center;
	height: 150px;
	padding: 24px;
	transition: all 1s cubic-bezier(0.19, 1, 0.22, 1)
}

#topVisualInner .topVisualNav ul li a:hover{
	bottom: 0;
}

#topVisualInner .topVisualNav ul li a .tvnLogo{
	display: block;
	margin-bottom: 10px;
	height: 38px;
}

#topVisualInner .topVisualNav ul li:nth-child(1) .tvnLogo,
#topVisualInner .topVisualNav ul li:nth-child(2) .tvnLogo,
#topVisualInner .topVisualNav ul li:nth-child(3) .tvnLogo,
#topVisualInner .topVisualNav ul li:nth-child(4) .tvnLogo{
	padding-top: 4px;
}


#topVisualInner .topVisualNav ul li a .tvnText{
	display: block;
	font-size: 1.2rem;
	line-height: 1.5;
	color: #0E66B5;
}

#topVisualInner .topVisualNav ul li a img{
	max-width: 100%;
	vertical-align: top;
}

.topGroupRecruitLink{
	margin: 80px 0;
	text-align :center;
}

.topGroupRecruitLink a{
	color: #0E66B5;
	border-bottom: 1px solid #0E66B5;;
	padding-bottom: 3px;
}

/* News
--------------------------------------*/
#topNews{
	margin-bottom: 50px;
}

#topNews .recruitInner .tnBlock{
	box-shadow: 0px 0px 6px #00000029;
	display: flex;
	padding: 50px;
}

#topNews .recruitInner .tnTitle{
	width: 174px;
	border-right: 8px solid #B6BEC4;
	padding-right: 54px;
}

#topNews .recruitInner .tnTitle .en{
	display: block;
	font-weight: bold;
	font-size: 4.6rem;
	line-height: 1;
	letter-spacing: 0px;
}

#topNews .recruitInner .tnTitle .jp{
	display: block;
	font-size: 2.4rem;
	line-height: 1.3;
}

#topNews .recruitInner .tnContent{
	flex: 1;
	padding-left: 54px;
	overflow-y: scroll;
	height: 106px;
	padding-right: 20px;
}

#topNews .recruitInner .tnContent::-webkit-scrollbar {
		width: 5px;
}
#topNews .recruitInner .tnContent::-webkit-scrollbar-track {
		background-color: #ccc;
}
#topNews .recruitInner .tnContent::-webkit-scrollbar-thumb {
		background-color: #0E66B5;
}
#topNews .recruitInner .tnContent dl{
	border-bottom: 1px solid #E0E0E0;
	padding-bottom: 1rem;
	margin-bottom: 1rem;
	display: flex;
}

#topNews .recruitInner .tnContent dl:last-child{
	border: none;
	margin-bottom: 0rem;
}

#topNews .recruitInner .tnContent dl dt{
	width: 125px;
}

#topNews .recruitInner .tnContent dl dd{
	flex: 1;
}

/* content
--------------------------------------*/
.topLead{
	margin-bottom: 70px;
}

/* topproject
--------------------------------------*/

#topproject .projectList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
  justify-content: space-between;
}
#topproject .projectList a {
  position: relative;
  margin-bottom: 32px;
  width: 48%;
  height: 320px;
}
@media screen and (max-width: 768px) {
  #topproject .projectList a {
    width: 100%;
    height: 300px;
  }
}
#topproject .projectList a .textWrap dt,
#topproject .projectList a .textWrap dd {
  position: absolute;
  right: 0;
  padding: 8px 16px;
  color: #fff;
  text-align: right;
}
#topproject .projectList a:hover .textWrap dt,
#topproject .projectList a:hover .textWrap dd {
  -webkit-transition: .4s;
          transition: .4s;
}

#topproject .projectList a .textWrap dt {
  bottom: 30%;
}
#topproject .projectList a .textWrap dd {
  bottom: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row-reverse;
      flex-direction: row-reverse;
  -ms-flex-align: center;
  height: 80px;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
}

/* 個別設定---- */
/* item01 */
#topproject .projectList a.item01 {
  border: 1px solid #0e66b5;
  background: url(/recruit/career/img/top_pro_bk01.jpg) no-repeat top;
  background-size: cover;
}
#topproject .projectList a.item01 .textWrap dt,
#topproject .projectList a.item01 .textWrap dd {
  border-top: 1px solid #0e66b5;
  background: #0e66b5;
}
#topproject .projectList a.item01 .textWrap dt{
	border-left: 1px solid #0e66b5;
	border-bottom: 1px solid #0e66b5;
}
#topproject .projectList a.item01:hover .textWrap dt,
#topproject .projectList a.item01:hover .textWrap dd {
   background: rgba(255,255,255,0.9);
  color: #0e66b5;
}
/* item02 */
#topproject .projectList a.item02 {
  border: 1px solid #dd6c00;
  background: url(/recruit/career/img/top_pro_bk02.jpg) no-repeat top;
  background-size: cover;
}
#topproject .projectList a.item02 .textWrap dt,
#topproject .projectList a.item02 .textWrap dd {
  border-top: 1px solid #dd6c00;
  background: #dd6c00;
}
#topproject .projectList a.item02 .textWrap dt{
	border-left: 1px solid #dd6c00;
	border-bottom: 1px solid #dd6c00;
}
#topproject .projectList a.item02:hover .textWrap dt,
#topproject .projectList a.item02:hover .textWrap dd {
   background: rgba(255,255,255,0.9);
  color: #dd6c00;
}
/* item03 */
#topproject .projectList a.item03 {
  border: 1px solid #BEAA01;
  background: url(/recruit/career/img/top_pro_bk03.jpg) no-repeat top;
  background-size: cover;
}
#topproject .projectList a.item03 .textWrap dt,
#topproject .projectList a.item03 .textWrap dd {
  border-top: 1px solid #BEAA01;
  background: #BEAA01;
}
#topproject .projectList a.item03 .textWrap dt{
	border-left: 1px solid #BEAA01;
	border-bottom: 1px solid #BEAA01;
}
#topproject .projectList a.item03:hover .textWrap dt,
#topproject .projectList a.item03:hover .textWrap dd {
   background: rgba(255,255,255,0.9);
  color: #BEAA01;
}
/* item04 */
#topproject .projectList a.item04 {
  border: 1px solid #259d45;
  background: url(/recruit/career/img/top_pro_bk04.jpg) no-repeat top;
  background-size: cover;
}
#topproject .projectList a.item04 .textWrap dt,
#topproject .projectList a.item04 .textWrap dd {
  border-top: 1px solid #259d45;
  background: #259d45;
}
#topproject .projectList a.item04 .textWrap dt{
	border-left: 1px solid #259d45;
	border-bottom: 1px solid #259d45;
}
#topproject .projectList a.item04:hover .textWrap dt,
#topproject .projectList a.item04:hover .textWrap dd {
   background: rgba(255,255,255,0.9);
  color: #259d45;
}
/* item05 */
#topproject .projectList a.item05 {
  border: 1px solid #2999b8;
  background: url(/recruit/career/img/top_pro_bk05.jpg) no-repeat top;
  background-size: cover;
}
#topproject .projectList a.item05 .textWrap dt,
#topproject .projectList a.item05 .textWrap dd {
  border-top: 1px solid #2999b8;
  background: #2999b8;
}
#topproject .projectList a.item05 .textWrap dt{
  border-left: 1px solid #2999b8;
  border-bottom: 1px solid #2999b8;
}
#topproject .projectList a.item05:hover .textWrap dt,
#topproject .projectList a.item05:hover .textWrap dd {
   background: rgba(255,255,255,0.9);
  color: #2999b8;
}


/* at first
--------------------------------------*/
#topAtFirst .afNetwork{
	position: relative;
	background: url(/recruit/group/image/atfirst-bg.jpg) no-repeat center bottom 80px;
	background-size: cover;
	padding: 90px 0 0;
	margin-bottom: 100px;
}

#topAtFirst .afNetwork{
}

#topAtFirst .afNetwork h4{
	font-size: 2.8rem;
	color: #fff;
	margin-bottom: 60px;
	padding-left: 20px;
	border-left:5px solid #fff;
	line-height: 1.4;
}

#topAtFirst .afNetwork .afnBlock1{
	display: flex;
	justify-content: space-between;
}

#topAtFirst .afNetwork .afnBlock1 .afnBlockCol{
	position: relative;
	width: 32.333%;
}

#topAtFirst .afNetwork .afnBlock1 .afnBlockCol .afnTitle{
	color: #fff;
	font-size: 3.8rem;
	text-align: center;
}

#topAtFirst .afNetwork .afnBlock1 .afnBlockCol .afnBlockColBox{
	position: relative;
	background-color: #fff;
	padding: 50px 40px;
	margin-bottom: 10px;
	height: 320px;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
#topAtFirst .afNetwork .afnBlock1 .afnBlockCol a.afnBlockColBox:hover{
	opacity: .8;
}


#topAtFirst .afNetwork .afnBlock1 .afnBlockCol a.afnBlockColBox .afnBlockLogo,
#topAtFirst .afNetwork .afnBlock1 .afnBlockCol a.afnBlockColBox p,
#topAtFirst .afNetwork .afnBlock1 .afnBlockCol a.afnBlockColBox .afnBlockIcon{
	transition: 0.3s;
}

#topAtFirst .afNetwork .afnBlock1 .afnBlockCol a.afnBlockColBox:hover .afnBlockLogo,
#topAtFirst .afNetwork .afnBlock1 .afnBlockCol a.afnBlockColBox:hover p,
#topAtFirst .afNetwork .afnBlock1 .afnBlockCol a.afnBlockColBox:hover .afnBlockIcon{
	opacity: .7;
}

#topAtFirst .afNetwork .afnBlock1 .afnBlockCol .afnBlockColBoxLong{
	height: 650px;
}

#topAtFirst .afNetwork .afnBlock1 .afnBlockCol .afnBlockColNull{
	background-color: #E8E8E8;
	text-align: center;
}

#topAtFirst .afNetwork .afnBlock1 .afnBlockCol .afnBlockColNull p{
	font-size: 2rem;
	color: #5D5D5D;
}

#topAtFirst .afNetwork .afnBlock1 .afnBlockCol .afnBlockLogo{
	text-align: center;
	margin-bottom: 16px;
	line-height: 1;
}

#topAtFirst .afNetwork .afnBlock1 .afnBlockCol .afnBlockLogo img{
	max-width: 100%;
}

#topAtFirst .afNetwork .afnBlock1 .afnBlockCol p{
	line-height: 1.5;
	font-size: 1.4rem;
}

#topAtFirst .afNetwork .afnBlock1 .afnBlockCol .afnBlockLayout{
}

#topAtFirst .afNetwork .afnBlock1 .afnBlockCol .afnBlockLabel{
	display: block;
	padding: 8px;
	text-align: center;
	line-height: 1;
	font-size: 2.4rem;
	margin-top: 40px;
}

#topAtFirst .afNetwork .afnBlock1 .afnBlockCol .afnBlockLabel.label1{
	color: #fff;
	background-color: #0E66B5;
}
#topAtFirst .afNetwork .afnBlock1 .afnBlockCol .afnBlockLabel.label2{
	background-color: #F7B403;
}

#topAtFirst .afNetwork .afnBlock1 .afnBlockCol .afnBlockIcon{
	text-align: center;
	padding: 20px 0;
	flex: 1;
	display: flex;
	align-items: flex-end;
	justify-content: center;
}

#topAtFirst .afNetwork .afnBlock1 .afnBlockCol .afnArrow{
	position: absolute;
	top: 50%;
	margin-top: -10px;
	left: -47px;
	z-index: 10;
}

#topAtFirst .afNetwork .afnBlock1 .afnBlockCol .afnArrow2{
}

#topAtFirst .afNetwork .afnBlock1 .afnBlockCol .afnArrow4{
	top: auto;
	bottom: 50%;
	margin-bottom: -45px;
	left: -40px;
}

#topAtFirst .afNetwork .afnBlock2 .afnTitle{
	text-align: center;
	font-size: 3.8rem;
	color: #fff;
}

#topAtFirst .afNetwork .afnBlock2 .afnBlock2Row{
	display: block;
	background-color: #0E66B5;
	color: #fff;
	text-align: center;
	margin: 20px 0;
	padding: 25px;
	transition: 0.3s;
}
#topAtFirst .afNetwork .afnBlock2 .afnBlock2Row:hover{
	background-color: #167bd6;
}

#topAtFirst .afNetwork .afnBlock2 .afnBlock2Row .afnBlockLogo{
	margin-bottom: 5px;
}

#topAtFirst .afNetwork .afnBlock2 .afnBlock2Row p{
}

#topAtFirst .afNetwork .afnBlock2 .afnBlock2Link{
	text-align: center;
	margin-bottom: 60px;
}

/* Culture
--------------------------------------*/
#topCulture .recruitInnerWide{
	max-width: 1520px;
	padding: 0 20px;
	margin: 0 auto 100px;
}

#topCulture .tcBlock1{
	display: flex;
	margin-bottom: 140px;
}
#topCulture .tcBlock2{
	display: flex;
	flex-direction: row-reverse;
	margin-bottom: 140px;
}

#topCulture .tcBlockImage{
	position: relative;
	width: 50% !important;
}

#topCulture .tcBlockImage img{
	position: relative;
	display: block;
	width: 100%;
	z-index: 1;
}

#topCulture .tcBlockImage span{
	position: relative;
		display: block;
}

#topCulture .tcBlockImage span::after{
	content: "";
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: #F7B403;
	left: 20px;
	top: 20px;
}

#topCulture .tcBlock2 .tcBlockImage span::after{
	background-color: #E04C0F;
	left: -20px;
}

#topCulture .tcBlockText{
	flex: 1;
	padding: 5%;
}

#topCulture .tcBlockText h4{
}

#topCulture .tcBlockText h4 .en{
	color: #0E66B5;
	font-size: 1.6rem;
	display: block;
}

#topCulture .tcBlockText h4 .jp{
	font-size: 3.6rem;
	display: block;
	margin-bottom: 30px;
}

#topCulture .tcBlockText p{
	margin-bottom: 50px;
}

#topCulture .tcBlock3{
	display: flex;
	align-items: center;
}
/* add */
#topCulture .tcBlock3{
	justify-content: center;
}

#topCulture .imageBnr#cultureLink1{
	width: 50%;
}

#topCulture .imageBnr#cultureLink2{
	width: 50%;
	position: relative;
/* add */
/*  top: 80px; */
}

/* Diversity
--------------------------------------*/
#topDiversity{
	margin: 0 auto 100px;
}

/* Recruit
--------------------------------------*/
#topRecruitInfo{
	margin: 0 auto 100px;
}

#topRecruitInfo .trBlock{
	display: flex;
}
/* add */
#topRecruitInfo .trBlock{
	justify-content: center;
}

#topRecruitInfo .trBlock span.comming,
#topRecruitInfo .trBlock a{
	display: block;
	width: 50%;
	border: 1px solid #BCBCBC;
	color: #0E66B5;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 130px;
	transition: 0.3s;
}

#topRecruitInfo .trBlock span.comming{
	color: #999;
}

#topRecruitInfo .trBlock a:hover{
	background-color: #0E66B5;
	color: #fff;
}

#topRecruitInfo .trBlock a:hover::after{
	border-color: #fff;
}

#topGroupLink .topGroupRecruitLink{
	margin-bottom: 0;
}

@media screen and (max-width: 1024px) {
#topCulture .tcBlockText h4 .jp{
	font-size: 3rem;
	line-height: 1.4;
}
.imageBnr span{
	font-size: 2.6rem;
	bottom: 20px;
}

#topAtFirst .afNetwork .afnBlock1 .afnBlockCol .afnTitle{
	font-size: 2.8rem
}

}

@media screen and (max-width: 768px) {

#topVisualInner{
	height: auto;
	max-height: none;
		background: none;
}
.topVisualTitleWrap{
		display: block;
		background: url(/recruit/career/img/bg_mv_sp.jpg) no-repeat bottom;
		background-size: cover;
		width: 100%;
		height: 70vh;
}
#topVisualInner .topVisualTitle{
	top: 15%;
	margin: 0 auto;
	text-align: center;
	width: 100%;
	left: 0;
}

#topVisualInner .topVisualInternBanner{
	top: 45%;
	margin: 100px auto;
	text-align: center;
	width: 100%;
	left: 0;
	padding: 0 15%;
}

#topVisualInner .topVisualTitle img{
	width: 65%;
}

#topVisualInner .topVisualNav{
	position: static;
}

#topVisualInner .topVisualNav ul{
	flex-wrap: wrap;
}

#topVisualInner .topVisualNav ul li:first-child{
	width: 100%;
	}

#topVisualInner .topVisualNav ul li{
  width: 49%;
	margin: 0;
	border-right: 1px dotted #E8E8E8;
}

#topVisualInner .topVisualNav ul li:nth-child(4),
#topVisualInner .topVisualNav ul li:nth-child(5){
	width: 50%;
}

#topVisualInner .topVisualNav ul li a{
	padding: 15px 5px;
	position: static;
	height: auto;
}

#topVisualInner .topVisualNav ul li:nth-child(1) .tvnLogo,
#topVisualInner .topVisualNav ul li:nth-child(2) .tvnLogo,
#topVisualInner .topVisualNav ul li:nth-child(3) .tvnLogo,
#topVisualInner .topVisualNav ul li:nth-child(4) .tvnLogo{
	padding-top: 0;
}

#topVisualInner .topVisualNav ul li a img{
	width: 90%;
}
#topVisualInner  .topVisualNav ul li:nth-child(1) .tvnLogo img{
  width: 80%;
  max-width: 126px;
}
#topVisualInner  .topVisualNav ul li:nth-child(4) .tvnLogo img{
  max-width: 146px;
}
#topVisualInner  .topVisualNav ul li:nth-child(5) .tvnLogo img{
  width: 80%;
  max-width: 126px;
}
/*
#topVisualInner .topVisualNav ul li:nth-child(4) .tvnLogo img{
	max-width: 115px;
}
#topVisualInner .topVisualNav ul li:nth-child(5) .tvnLogo img{
	max-width: 113px;
}
*/

#topVisualInner .topVisualNav ul li a .tvnText{
	font-size: 1rem;
}

.topGroupRecruitLink{
	margin: 20px 0;
}

/* News
-------------------------*/
#topNews{
	margin-bottom: 0;
}

#topNews .recruitInner{
	padding: 0;
}

#topNews .recruitInner .tnBlock{
	display: block;
	padding: 20px;
	box-shadow: none;
	border-top: 1px solid #EDEDED;
}

#topNews .recruitInner .tnTitle{
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	width: 100%;
	border-right: none;
	padding-right: 0;
	border-bottom: 5px solid #F4F4F4;
	padding-bottom: 15px;
	margin-bottom: 30px;
}

#topNews .recruitInner .tnTitle .en{
	font-size: 3rem;
}
#topNews .recruitInner .tnTitle .jp{
	font-size: 1.3rem;
}

#topNews .recruitInner .tnContent{
	padding: 0;
	overflow-y: scroll;
	height: 200px;
}
#topNews .recruitInner .tnContent dl{
	display: block;
	padding-right: 10px;
}
#topNews .recruitInner .tnContent dl dt{
	width: 100%;
	font-size: 1.3rem;
}
#topNews .recruitInner .tnContent dl dd{
	font-size: 1.3rem;
	line-height: 1.8;
}

/* Contents
-------------------------*/
.topLead{
	font-size: 1.3rem;
}

.imageBnr span{
	font-size: 4.4vw;
	width: calc(100% - 40px);
	left: 20px;
	bottom: 20px;
	padding-right: 30px;
}

/* At first
-------------------------*/

#topAtFirst .afNetwork{
	padding-top: 50px;
	margin-bottom: 40px;
}

#topAtFirst .afNetwork h4{
	font-size: 1.6rem;
	margin-bottom: 20px;
	padding-left: 10px;
	border-left: 3px solid #fff;
}

#topAtFirst .afNetwork .afnBlock1{
	flex-wrap: wrap;
}

#topAtFirst .afNetwork .afnBlock1 .afnBlockCol{
	width: 49%;
}
#topAtFirst .afNetwork .afnBlock1 .afnBlockCol{
	width: 100%;
}

#topAtFirst .afNetwork .afnBlock1 .afnBlockCol .afnTitle{
	font-size: 2rem;
	padding-top: 15px;
}

#topAtFirst .afNetwork .afnBlock1 .afnBlockCol .afnBlockLayout{
	display: flex;
	justify-content: space-between;
}

#topAtFirst .afNetwork .afnBlock1 .afnBlockCol .afnBlockLayout .afnBlockBox{
	width: 49%;
}

#topAtFirst .afNetwork .afnBlock1 .afnBlockCol .afnBlockColBox{
	padding: 40px 20px 0;
	height: auto;
}

#topAtFirst .afNetwork .afnBlock1 .afnBlockCol .afnBlockColBoxLong .afnBlockLogo img{
	max-width: 164px;

}

#topAtFirst .afNetwork .afnBlock1 .afnBlockCol .afnBlockLabel{
	font-size: 1.3rem;
	margin-top: 20px;
}

#topAtFirst .afNetwork .afnBlock1 .afnBlockCol .afnBlockIcon{
	padding: 20px 10px;
}

#topAtFirst .afNetwork .afnBlock1 .afnBlockCol .afnBlockIcon img{
	max-width: 100%;
}

#topAtFirst .afNetwork .afnBlock1 .afnBlockCol .afnBlockIcon4 img{
	max-width: 42px;
}

#topAtFirst .afNetwork .afnBlock1 .afnBlockCol .afnBlockIcon5 img{
	max-width: 57px;
}

#topAtFirst .afNetwork .afnBlock1 .afnBlockCol .afnBlockIcon6 img{
	max-width: 60px;
}

#topAtFirst .afNetwork .afnBlock1 .afnBlockCol .afnSpLayout{
	display: flex;
	justify-content: space-between;
}

#topAtFirst .afNetwork .afnBlock1 .afnBlockCol .afnSpLayout .afnBlockColBox{
	width: 49%;
}

#topAtFirst .afNetwork .afnBlock1 .afnBlockCol .afnBlockColNull p{
	font-size: 1.3rem;
	text-align: left;
}
#topAtFirst .afNetwork .afnBlock1 .afnBlockCol .afnBlockColNull p br{
	display: none;
}

#topAtFirst .afNetwork .afnBlock1 .afnBlockCol .afnArrow{
	top: 0;
	margin-top: -83px;
	left: 50%;
	margin-left: -20px;
}

#topAtFirst .afNetwork .afnBlock1 .afnBlockCol .afnArrow2{
	width: 100%;
	left: 0;
	margin-left: 0;
	margin-top: -25px;
	text-align: center;
}

#topAtFirst .afNetwork .afnBlock1 .afnBlockCol .afnArrow2 img{
	width: 100%;
	max-width: 340px;
}

#topAtFirst .afNetwork .afnBlock1 .afnBlockCol .afnArrow4{
	left: -55%;
	margin-left: 0;
}

#topAtFirst .afNetwork .afnBlock1 .afnBlockCol .afnBlockColBox3 .afnBlockLogo,
#topAtFirst .afNetwork .afnBlock1 .afnBlockCol .afnBlockColBox4 .afnBlockLogo{
	height: 39px;
}
#topAtFirst .afNetwork .afnBlock1 .afnBlockCol .afnBlockColBox4 .afnBlockLogo img{
	width: 120px;
}

#topAtFirst .afNetwork .afnBlock2 .afnBlock2Row .afnBlockLogo{
	margin-bottom: 1rem;
	line-height: 1;
}

#topAtFirst .afNetwork .afnBlock2 .afnBlock2Row .afnBlockLogo img{
	width: 120px;
}


#topAtFirst .afNetwork .afnBlock2 .afnBlock2Row p{
	line-height: 1.3;
	font-size: 1.4rem;
}


/* Culture
-------------------------*/

#topCulture .recruitInnerWide{
	padding: 0;
	margin-bottom: 50px;
}

#topCulture .tcBlock1,
#topCulture .tcBlock2{
	display: block;
	margin-bottom: 30px;
}

#topCulture .tcBlockImage{
	width: 100% !important;
	padding-right: 10px;
}
#topCulture .tcBlock2 .tcBlockImage{
	padding: 0 0 0 10px;
}

#topCulture .tcBlockImage span::after{
	top: 10px;
	left: 10px;
}

#topCulture .tcBlock2 .tcBlockImage span::after{
	left: -10px;
}

#topCulture .tcBlockText{
	width: 100%;
}

#topCulture .tcBlockText h4{
	margin: 20px 0 0;
}

#topCulture .tcBlockText h4 .en{
	font-size: 1.6rem;
	font-weight: bold;
	line-height: 1;
}

#topCulture .tcBlockText h4 .jp{
	font-size: 2.4rem;
	margin-bottom: 10px;
}

#topCulture .tcBlockText p{
	margin-bottom: 10px;
}

#topCulture .roundLink{
	display: block;
	margin: 0 auto;
}

#topCulture .tcBlock3{
	display: block;
}

#topCulture .imageBnr#cultureLink1{
	width: 100%;
	margin: 0;
}

#topCulture .imageBnr#cultureLink2{
	width: 100%;
	top: 0;
}

/* Diversity
-------------------------*/
#topDiversity{
	margin-bottom: 50px;
}

#topDiversity .recruitInnerSpnone{
	padding: 0;
}

/* Recruit
-------------------------*/
#topRecruitInfo{
	margin-bottom: 50px;
}

#topRecruitInfo .trBlock{
	display: block;
}

#topRecruitInfo .trBlock span.comming,
#topRecruitInfo .trBlock a{
	width: 100%;
	border-radius: 39px;
	text-align: center;
	transition: 0.2s;
	height: auto;
	padding: 26px;
	border: 1px solid #B8BEC3;
	margin-bottom: 10px;
}

#topRecruitInfo .trBlock .text2line{
	padding: 23px 26px !important;
	line-height: 1.2;
}

}
