@charset "UTF-8";
/* Lists (enumeration) */
/* ============================================ */
ul,
ol {
	margin: 0;
	padding: 0;
	list-style: none;
}

/*--------------------------------------------------------------
# Variable
--------------------------------------------------------------*/
/* color */

img {
	width: 100%;
}



p{
  color: #000;
}

.recruiting_info_full{
  padding: 0!important;
}

@media screen and (max-width: 767px) {
	.recruiting_info_lead_full{
		text-align: left;
	}
}


#wismettac-newgraduate-content-section_1{
	margin-bottom: 7vw;
}
#wismettac-newgraduate-content-section_1::after {
  content: '';
  display: block;
  clear: both;
}
@media screen and (max-width: 767px) {
	#wismettac-newgraduate-content-section_1{
		margin: 30vw 0 0 0;
		padding: 0;
	}
}


.container.midsize{
  width: 72vw;
}

.newgraduate_hero{
	height: 22vw;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 0;
}
.newgraduate_hero .ttl_1{
	font-size: 3.4vw;
	font-size: max(3.4vw, 28px)!important;
	line-height: 1.5;
}
.newgraduate_hero .ttl_1 span{
	font-size: 1.55vw;
	font-size: max(1.55vw, 18px)!important;
	display: block;
}


.newgraduate_left_box{
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	position: relative;
	width: 34vw;
	margin-right: 2vw;
}
.newgraduate_left_box:hover{
	opacity: .5;
}
.newgraduate_left_box h2{
	font-size: 1.8vw;
	font-size: max(1.8vw, 17.5px)!important;
	line-height: 1.3;
	margin-bottom: 0;
}
.newgraduate_left_box h2 span{
	font-size: 1.1vw;
	font-size: max(1.1vw, 14px)!important;
	display: block;
	padding-top: 0.7vw;
}
.newgraduate_left_box .arrow {
	margin-bottom: 0.4vw;
}
.newgraduate_left_box .arrow img{
	width: 1.2vw;
}
.newgraduate_right_box{
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	position: relative;
	width: 34vw;
	margin-left: 2vw;
}
.newgraduate_right_box:hover{
	opacity: .5;
}
.newgraduate_right_box h2{
	font-size: 1.8vw;
	font-size: max(1.8vw, 17.5px)!important;
	line-height: 1.3;
	margin-bottom: 0;
}
.newgraduate_right_box h2 span{
	font-size: 1.1vw;
	font-size: max(1.1vw, 14px)!important;
	display: block;
	padding-top: 0.7vw;
}
.newgraduate_right_box .arrow {
	margin-bottom: 0.4vw;
}
.newgraduate_right_box .arrow img{
	width: 1.2vw;
}


@media screen and (max-width: 767px) {
	.newgraduate_hero{
		margin:0;
}

	.newgraduate_left_box{
		width: 90vw;
		display: block;
		padding: 2vw 0 0 0;
		border-bottom: none;
		margin: 0 0 0 -10vw;

	}
	.newgraduate_right_box{
		width: 90vw;
		display: block;
		padding: 2vw 0 0 0;
		border-bottom: none;
		margin: 0 0 0 -10vw;
	}
.newgraduate_left_box .arrow img,
.newgraduate_right_box .arrow img{
	width: 3vw;
}

}



#wismettac-newgraduate-content-section_2{
	margin-bottom: 7vw;
}

#wismettac-newgraduate-content-section_2::after {
  content: '';
  display: block;
  clear: both;
}
@media screen and (max-width: 767px) {
	#wismettac-newgraduate-content-section_2{
	}
}

.container.bigsize{
	padding: 0;
  width: 86vw;
	margin-left: 14vw;
}
.newgraduate_message{
display: block;
text-align: left;
padding: 0;
}
.newgraduate_message .txt_wrap{
	margin-right: 14vw;
	margin-top: 40px;
}
.newgraduate_message h2{
	font-size: 2.8vw;
	font-size: max(2.8vw, 20px)!important;
	line-height: 1.3;
	margin-bottom: 0;
	border-top: 1px solid #000;
	margin: 2vw 0;
}
.newgraduate_message h2 span{
	font-size: 1.4vw;
	font-size: max(1.4vw, 16px)!important;
	display: block;
	padding-top: 2vw;
}
.newgraduate_message h3{
	font-size: 1.8vw;
	font-size: max(1.8vw, 20px)!important;
	padding-top: 4vw;
}
.newgraduate_message .txt_message{
	font-size: 1vw;
	font-size: max(1.1vw, 14px)!important;
}
.newgraduate_message .txt_signature{
	font-size: 1.3vw;
	font-size: max(1.2vw, 16px)!important;
	text-align: right;
	padding-top: 2vw;
}


#wismettac-newgraduate-content-section_3{
	margin-bottom: 7vw;
}

#wismettac-newgraduate-content-section_3::after {
  content: '';
  display: block;
  clear: both;
}

@media screen and (max-width: 767px) {
	#wismettac-newgraduate-content-section_3{
		margin-bottom: 52vw;
	}
}


.newgraduate_requirements{
	display: block;
	text-align: left;
	padding: 0;
}
.newgraduate_requirements h2{
	font-size: 2.8vw;
	font-size: max(2.8vw, 20px)!important;
	line-height: 1.3;
	margin-bottom: 0;
	border-top: 1px solid #000;
	margin: 2vw 0;
}
.newgraduate_requirements h2 span{
	font-size: 1.4vw;
	font-size: max(1.4vw, 16px)!important;
	display: block;
	padding-top: 2vw;
}

table.newgraduate {
  width: 100%;
  border-collapse: collapse;
  border-width: 1px;
  border-color: #dddddb;
  border-style: solid;
  color: #000;
	font-size: max(1vw, 14px)!important;
	line-height: 1.5;
}
table.newgraduate td, table.newgraduate th {
  border-width: 1px;
	border-color: #dddddb;
  border-style: solid;
  padding: 20px 40px;
}
table.newgraduate td:first-of-type {
	background-color: #000;
	color: #fff;
	width: 13.5%;
	text-align: center;
}
table.newgraduate th:first-of-type {
	background-color: #000;
	color: #fff;
	width: 13.5%;
}
table.newgraduate p{
	font-size: 1vw;
	font-size: max(1vw, 14px)!important;
	margin-bottom: 0;
}
table.newgraduate .xsmall{
	font-size: 0.8vw;
	font-size: max(0.8vw, 12px)!important;
}
table.newgraduate img{
	width: 22.5vw;
}
table.newgraduate a img:hover{
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;

}
table.newgraduate .indent{
	text-indent: -1em;
	padding-left: 1em;
}
table.newgraduate .leftmargin{
		margin-left: 1em;
}
table.newgraduate a{
		color: #0071bc;
		text-decoration: underline;
}
table.newgraduate a:hover{
		color: #000;
		text-decoration: none;
}
table.newgraduate .file_icon{
		width: 1vw;
		margin-left: 0.5vw;
		margin-bottom: 0.5vw;
}

@media screen and (max-width: 767px) {
	.newgraduate_requirements h2{
		margin-top: 3vw;
	}
	table.newgraduate {
		font-size: max(1vw, 14px)!important;
		line-height: 1.5;
	}
	table.newgraduate td, table.newgraduate th {
	  padding: 10px;
	}
	table.newgraduate td:first-of-type {
		width: 30%;
	}
	table.newgraduate th:first-of-type {
		width: 30%;
	}
	table.newgraduate td:last-of-type {
		padding: 10px 40px 10px 10px;
	}
	table.newgraduate th:last-of-type {
		padding: 10px 40px 10px 10px;
	}
	table.newgraduate img{
		width: 55vw;
	}
	table.newgraduate .file_icon{
			width: 2.5vw;
			margin-left: 2vw;
			margin-bottom: 0.5vw;
	}

}



#wismettac-newgraduate-content-section_4{
	margin-bottom: 7vw;
}

#wismettac-newgraduate-content-section_4::after {
  content: '';
  display: block;
  clear: both;
}

.newgraduate_screening{
	display: block;
	text-align: left;
	padding: 0 12vw 0 0;
}
.newgraduate_screening_ttl {
	font-size: 1.4vw;
	font-size: max(1.4vw, 18px)!important;
	font-family: 'Noto Sans JP', sans-serif;
}
.newgraduate_screening .left_bar{
	float: left;
	width: 15.5%;
	border-top: 1px solid #000;
	padding: 15px 0 0 0;
}
.newgraduate_screening .right_bar{
	margin-left: 18%;
	border-top: 1px solid #000;

}
.newgraduate_screening .right_bar .flow_wrap{
	padding: 15px;
	border-bottom: 1px solid #000;
	display: flex;
  align-items: center;
	text-align: left;
}
.newgraduate_screening .right_bar .flow_wrap .number_area{
	display: flex;
  justify-content: center;
  align-items: center;
	flex-direction: column;
	font-size: 2.4vw;
	font-size: max(2.4vw, 20px)!important;
	padding-right: 30px;
	text-align: center;
	width: 12vw;
}
.newgraduate_screening .right_bar .flow_wrap .number_area span{
	font-size: max(1.1vw, 15px)!important;
	display: flex;
  justify-content: center;
  align-items: center;
	flex-direction: column;
}
.newgraduate_screening .right_bar .flow_wrap .text_area{
	display: flex;
	flex-direction: column;
	font-size: 1vw;
	font-size: max(1vw, 14px)!important;
}
.newgraduate_screening .right_bar .flow_wrap .text_area span{
	font-size: 0.8vw;
	font-size: max(0.8vw, 12px)!important;
}
@media screen and (max-width: 767px) {
	#wismettac-newgraduate-content-section_4{
		margin-bottom: 55vw;
	}
	.newgraduate_screening .left_bar{
		float: none;
		width: 90vw;
		border-top: none;
		padding: 15px 0 0 0;
	}
	.newgraduate_screening .right_bar{
		margin-left: 0;
		width: 90vw;
		border-top: none;
	}
	.newgraduate_screening .right_bar .flow_wrap{
		margin-right: 10vw;
		padding: 15px 0;
	}
	.newgraduate_screening .right_bar .flow_wrap:first-of-type{
		border-top: 1px solid #000;
	}

	.newgraduate_screening .right_bar .flow_wrap .number_area{
		font-size: 2vw;
		font-size: max(2vw, 22px)!important;
		padding-right: 20px;
		text-align: center;
		width: 30vw;
	}
	.newgraduate_screening .right_bar .flow_wrap .number_area span{
		font-size: max(0.7vw, 11px)!important;
		padding: 0;
		margin: 0;
	}
	.newgraduate_screening .right_bar .flow_wrap .text_area{
		width: 50vw;
	}
}




@media screen and (max-width: 767px) {
	.newgraduate_left_box h2{
		font-size: 1.6vw;
		font-size: max(1.6vw, 20px)!important;
	}
	.newgraduate_right_box h2{
		font-size: 1.6vw;
		font-size: max(1.6vw, 20px)!important;
	}
	.newgraduate_message h2 span{
		font-size: 1.1vw;
		font-size: max(1.1vw, 14px)!important;
	}
	.newgraduate_requirements h2 span{
		font-size: 1.1vw;
		font-size: max(1.1vw, 14px)!important;
	}



  #footer {
		margin-top:-40vw;
  }
}