@charset "UTF-8";
#Contents {
  padding-bottom: 0;
}

figure{
	margin: 0;
}

[data-dir="company"] .ngr-p-pageHeader:before {
  background-image: url("/recruit/newgraduates/shared/images/company/mv_01.png");
}

@media screen and (max-width: 768px) {
  [data-dir="company"] .ngr-p-pageHeader:before {
    background-image: url("/recruit/newgraduates/shared/images/company/mv_01-sp.png");
  }
}

.ngr-bg-contents{
	background: #efefef url("/recruit/newgraduates/shared/images/company/bg.png") no-repeat 0 bottom;
	background-size: cover;
	padding: 90px 0;
	color: #595757;
	margin-top: 100px;
}

.ngr-contents-inner {
  width: calc(970/1100 * 100%);
  margin: 0 auto;
}


@media screen and (max-width: 768px) {
	.ngr-bg-contents{
		background: #efefef url("/recruit/newgraduates/shared/images/company/bg-sp.png") no-repeat 0 bottom;
		background-size: cover;
		padding: 50px 0;
		margin-top: 50px;
	}
	
	.ngr-contents-inner{
		width: 90%;
		margin: 0 auto;
	}
}


.ngr-company-area{
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
}

.ngr-company-area a{
	color: #595757;
}

.ngr-company-area .full-wide{
	width: 100%;
}

.ngr-company-area .half-wide{
	width: 49%;
}


.ngr-company-area [class^="ngr-company-menu"]{
 position: relative;
}

.ngr-company-area .ngr-company-menu-title{
	font-size: 34px;
	line-height: 1.6;
	margin-bottom: 20px;
	font-weight: bold;
}

.ngr-company-area .ngr-company-menu-text{
	font-size: 18px;
	line-height: 1.6;
	display: inline-block;
  text-align: left;
	padding-left: 32px;
}

.ngr-company-area .ngr-company-text{
	font-size: 14px;
	line-height: 1.6;
}

.ngr-company-area .ngr-company-menu-subtitle{
	font-size: 30px;
	line-height: 1.4;
	font-weight: bold;
	padding-top: 95px;
}

.ngr-company-area .ngr-company-btnarea .ngr-company-text{
	position: relative;
}

.ngr-company-area .ngr-company-btnarea{
  position: absolute;
	bottom: 20px;
}

.ngr-company-area .ngr-btn-box{
	position: relative;
	text-align: center;
	padding: 7px 0;
}

.ngr-company-btnarea .ngr-btn-box:before{
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 12px;
    margin: auto;
    width: 10px;
    height: 1px;
    background: #E6141E;
    transition: .3s;
}

.ngr-company-btnarea .ngr-btn-box:after{
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 12px;
    margin: auto;
    width: 8px;
    height: 8px;
    border-left: 1px solid #E6141E;
    border-bottom: 1px solid #E6141E;
    transform: rotate(-135deg);
    transition: .3s;
}

.ngr-company-area a:hover .ngr-company-btnarea .ngr-btn-box:before{
    right: 9px;
    width: 14px;
}

.ngr-company-area a:hover .ngr-company-btnarea .ngr-btn-box:after{
    right: 9px;
}

.ngr-company-area .ngr-company-menu01 .ngr-company-btnarea{
	background : rgba(255, 255, 255, .9);
}

.ngr-company-area .ngr-company-menu02 .ngr-company-menuarea,
.ngr-company-area .ngr-company-menu02 .ngr-company-btnarea{
  background : -webkit-linear-gradient(0deg, rgba(180, 217, 254, 1) 0%, rgba(120, 175, 230, 1) 100%);
  background : -webkit-gradient(linear,0% 50% ,100% 50% ,color-stop(0,rgba(180, 217, 254, 1) ),color-stop(1,rgba(120, 175, 230, 1) ));
  background : linear-gradient(90deg, rgba(180, 217, 254, 1) 0%, rgba(120, 175, 230, 1) 100%);
}

.ngr-company-area .ngr-company-menu03 .ngr-company-menuarea,
.ngr-company-area .ngr-company-menu03 .ngr-company-btnarea{
  background : -webkit-linear-gradient(0deg, rgba(120, 175, 230, 1) 0%, rgba(255, 170, 215, 1) 100%);
  background : -webkit-gradient(linear,0% 50% ,100% 50% ,color-stop(0,rgba(120, 175, 230, 1) ),color-stop(1,rgba(255, 170, 215, 1) ));
  background : linear-gradient(90deg, rgba(120, 175, 230, 1) 0%, rgba(255, 170, 215, 1) 100%);
}

.ngr-company-area .ngr-company-menu04 .ngr-company-menuarea,
.ngr-company-area .ngr-company-menu04 .ngr-company-btnarea{
  background : -webkit-linear-gradient(0deg, rgba(255, 172, 161, 1) 0%, rgba(255, 214, 236, 1) 100%);
  background : -webkit-gradient(linear,0% 50% ,100% 50% ,color-stop(0,rgba(255, 172, 161, 1) ),color-stop(1,rgba(255, 214, 236, 1) ));
  background : linear-gradient(90deg, rgba(255, 172, 161, 1) 0%, rgba(255, 214, 236, 1) 100%);
}

.ngr-company-area .ngr-company-menu05 .ngr-company-menuarea,
.ngr-company-area .ngr-company-menu05 .ngr-company-btnarea{
  background : -webkit-linear-gradient(0deg, rgba(204, 225, 246, 1) 0%, rgba(229, 213, 182, 1) 100%);
  background : -webkit-gradient(linear,0% 50% ,100% 50% ,color-stop(0,rgba(204, 225, 246, 1) ),color-stop(1,rgba(229, 213, 182, 1) ));
  background : linear-gradient(90deg, rgba(204, 225, 246, 1) 0%, rgba(229, 213, 182, 1) 100%);
}

.ngr-company-area .half-wide a{
	display: block;
	height: 22vh;
}

.ngr-company-area .ngr-company-menuarea{
	padding: 2px;
	text-align: center;
}

.ngr-company-area .ngr-company-menu01{
	display: flex;
	flex-flow: row wrap;
}

.ngr-company-area .ngr-company-menu01 .ngr-company-btnarea{
	width: 70%;
}

.ngr-company-area .ngr-company-menu01 .ngr-company-text-box{
	position: relative;
	width: 40%;
	display: flex;
	flex-flow: column;
	align-items: center;
	padding-top:40px;
  background : -webkit-linear-gradient(0deg, rgba(190, 235, 174, 1) 0%, rgba(180, 217, 254, 1) 100%);
  background : -webkit-gradient(linear,0% 50% ,100% 50% ,color-stop(0,rgba(190, 235, 174, 1) ),color-stop(1,rgba(180, 217, 254, 1) ));
  background : linear-gradient(90deg, rgba(190, 235, 174, 1) 0%, rgba(180, 217, 254, 1) 100%);
}


.ngr-company-area .ngr-company-menu01 figure{
	width: 60%;
}

.ngr-company-area [class^="ngr-company-menu"].half-wide{
	margin-top: 30px;
}

.ngr-company-area [class^="ngr-company-menu"] .ngr-company-menuarea{
	margin-bottom: 10px;
	height: 290px;
}

.ngr-company-area [class^="ngr-company-menu"].half-wide a{
	display: flex;
	flex-flow: column;
	align-items: center;
	height: 286px;
}

.ngr-company-area [class^="ngr-company-menu"].half-wide .ngr-company-btnarea{
	width: 90%;
}

.ngr-company-area .ngr-company-menu02 a{
  background: #fff url("/recruit/newgraduates/shared/images/company/menu_01.png")no-repeat center top 45px;
	background-size: 35%;
}

.ngr-company-area .ngr-company-menu03 a{
  background: #fff url("/recruit/newgraduates/shared/images/company/menu_02.png")no-repeat center top 45px;
	background-size: 35%;
}

.ngr-company-area .ngr-company-menu04 a{
  background: #fff url("/recruit/newgraduates/shared/images/company/menu_03.png")no-repeat center top 45px;
	background-size: 35%;
}

.ngr-company-area .ngr-company-menu05 a{
  background: #fff url("/recruit/newgraduates/shared/images/company/menu_04.png")no-repeat center top 45px;
	background-size: 35%;
}

@media screen and (max-width: 1100px) {
	.ngr-company-area .ngr-company-menu-title{
		font-size: calc(36/1100 * 100vw);
		margin-bottom: 0px;
	}
	.ngr-company-area .ngr-company-menu-text {
		font-size: calc(16/1100 * 100vw);
	}
	
	.ngr-company-area .ngr-company-menu-subtitle {
		font-size: calc(32/1100 * 100vw);
		padding-top: 70px;
	}
	
	.ngr-company-area [class^="ngr-company-menu"] .ngr-company-menuarea {
		height: 240px;
	}

	.ngr-company-area [class^="ngr-company-menu"].half-wide a{
		height: 236px;
	}
}

@media screen and (max-width: 768px) {
	.ngr-company-area .ngr-company-menu-title{
		font-size: 17px;
		line-height: 1.6;
		margin-bottom: 5px;
	}

	.ngr-company-area .ngr-company-menu-text{
		font-size: 10px;
		line-height: 1.6;
		text-align: center;
		padding-left: 0;
	}

	.ngr-company-area .ngr-company-text{
		font-size: 10px;
		line-height: 1.6;
	}

	.ngr-company-area .ngr-company-menu-subtitle{
		font-size: 14px;
		padding-top: 15px;
	}
	
	.ngr-company-menu02 .ngr-company-menu-subtitle{
		padding-top: 30px;
	}

	.ngr-company-area .ngr-company-btnarea{
		bottom: 20px;
	}
	
	.ngr-company-area .half-wide .ngr-company-btnarea{
		bottom: 0;
	}

	.ngr-company-area .ngr-btn-box{
		padding: 5px 0;
	}

	.ngr-company-area .half-wide a{
		display: block;
		height: 15vh;
	}

	.ngr-company-area .ngr-company-menuarea{
		padding: 2px;
		text-align: center;
	}

	.ngr-company-area .ngr-company-menu01{
		display: flex;
		flex-flow: column;
	}

	.ngr-company-area .ngr-company-menu01 .ngr-company-btnarea{
		width: 50%;
	}

	.ngr-company-area .ngr-company-menu01 .ngr-company-text-box{
		width: 100%;
		display: flex;
		flex-flow: column;
		align-items: center;
		text-align: center;
		padding-top:20px;
		padding-bottom: 55px;
  }

	.ngr-company-area .ngr-company-menu01 figure{
		width: 100%;
	}

	.ngr-company-area [class^="ngr-company-menu"].half-wide{
		margin-top: 25px;
	}

	.ngr-company-area [class^="ngr-company-menu"] .ngr-company-menuarea{
		margin-bottom: 10px;
		height: auto;
	}

	.ngr-company-area [class^="ngr-company-menu"].half-wide a{
		padding-top: 15px;
		height: 120px;
	}

	.ngr-company-area [class^="ngr-company-menu"].half-wide .ngr-company-btnarea{
		width: 100%;
	}

	.ngr-company-area .ngr-company-menu02 a{
		background: #fff url("/recruit/newgraduates/shared/images/company/menu_01.png")no-repeat center top 20px;
		background-size: 45%;
	}

	.ngr-company-area .ngr-company-menu03 a{
		background: #fff url("/recruit/newgraduates/shared/images/company/menu_02.png")no-repeat center top 20px;
		background-size: 45%;
	}

	.ngr-company-area .ngr-company-menu04 a{
		background: #fff url("/recruit/newgraduates/shared/images/company/menu_03.png")no-repeat center top 20px;
		background-size: 45%;
	}

	.ngr-company-area .ngr-company-menu05 a{
		background: #fff url("/recruit/newgraduates/shared/images/company/menu_04.png")no-repeat center top 20px;
		background-size: 45%;
	}

}