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

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

img {
	width: 100%;
}



p{
  color: #000;
}
.second_keyvisual {
  margin: 0 0 0 5vw;
  clear: both;
  background: no-repeat url("../images/recruiting_info/kv_we.jpg");
  background-size: contain;
  width: 100vw;
  height: 24.5vw;
}
.second_keyvisual_catch {
	display: flex;
  justify-content: center;
  align-items: center;
	text-align: center;
}
.work_environment_catch {
	position: absolute;
	top: 30%;
}
.work_environment_catch_tag{
  font-size: 1.5vw;
  display: inline-block;
  color: #fff;
  border:none;
  padding: 0 10px;
  margin-bottom: 1vw;
}
.work_environment_catch h1{
  font-size: 3.8vw;
  color: #fff;
  border:none;
  padding: 0.1vw 0.2vw;
  display: inline-block;
  margin-bottom: 0.5vw;
}



@media screen and (max-width: 767px) {
  .second_keyvisual {
    margin: 10vw 0 -5vw 10vw;
    clear: both;
		background: no-repeat url("../images/recruiting_info/kv_we_sp.jpg");
    background-size: cover;
    width: 100vw;
    height: 107vw;
		padding: 0;
  }
  .second_keyvisual_catch {
		position: relative;
		top: 43%;
		left: -4.5%;
		font-size: max(4.2vw, 15px);
  }
	.work_environment_catch_tag{
    padding: 0.3vw 0.5vw;
    line-height: 1;
    font-size: max(2.8vw, 14px);
  }
	.work_environment_catch h1{
    font-size: max(4.8vw, 20px);
  }

}

.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;
}

.work_environment_box_wrap{
	display: flex;
	justify-content: space-around;
	margin-top: 3vw;
	margin-bottom: 50px;
}

.work_environment_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: 20vw;
}
.work_environment_box:hover{
	opacity: .5;
}
.work_environment_box h2{
	font-size: 1.8vw;
	font-size: max(1.8vw, 24px);
	line-height: 1.3;
	margin-bottom: 0;
}
.work_environment_box h2 span{
	font-size: 1.1vw;
	font-size: max(1.1vw, 14px);
	display: block;
	padding-top: 0.7vw;
}
.work_environment_box .arrow {
	margin-bottom: 0.4vw;
}
.work_environment_box .arrow img{
	width: 1.2vw;
}


@media screen and (max-width: 767px) {
	.work_environment_box_wrap{
		display: block;
		margin-top: 9vw;
		margin-bottom: 0;
		position: relative;
		right: -6vw;
	}
	.work_environment_box{
		width: 90vw;
		display: block;
		padding: 10px 5px;
		border-bottom: none;
		margin: 0 0 0 -10vw;
	}
	.work_environment_box.last{
		border-bottom: 1px solid #000;
	}
	.work_environment_box h2{
		font-size: 15px;
		line-height: 1.3;
		margin-bottom: 0;
		text-align: left;
	}
	.work_environment_box h2 span{
		font-size: 10px;
		display: inline;
		padding-top: 0.7vw;
		position: relative;
		bottom:2px;
	}
	.work_environment_box .arrow {
		margin-bottom: 0.4vw;
		position: absolute;
		right: 8vw;
		bottom: 4px;
	}
	.work_environment_box .arrow img{
		width: 2vw;
	}

}



#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;
}
.work_environment_cat{
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 0;
}
.work_environment_cat .ttl_1{
	font-size: max(3.4vw, 46px);
	line-height: 1.5;
	margin: 50px 0 0 0;
}
.work_environment_cat .ttl_1 span{
	font-size: max(1.55vw, 20px);
	display: block;
}
@media screen and (max-width: 767px) {
	.work_environment_cat .ttl_1{
		font-size: 30px;
		margin: 50px 0 0 0;
	}
	.work_environment_cat .ttl_1 span{
		font-size: 12px;
		display: block;
	}
}
.work_environment_cat .text_cat {
	font-size: 16px;
	line-height: 1.77;
	text-align: center;
	letter-spacing: 0.05em;
	margin: 35px auto 85px;
}
.work_environment_cat .text_cat .brS {
	display: none;
}
.work_environment_main{
display: block;
text-align: left;
padding: 0;
}
.work_environment_main .txt_wrap{
	margin-right: 14vw;
	margin-top: 30px;
}
.work_environment_main .txt_hero_ttl{
	font-size: 18px;
	margin-top: 100px;
}
.work_environment_main .txt_hero_annotation{
	font-size: 11px;
	margin-top: 10px;
	margin-bottom: 75px;
}
.work_environment_main .txt_hero_h{
	font-size: 28px;
	margin-top: 125px;
}
.work_environment_main .txt_hero_dsc{
	font-size: 14px;
	line-height: 2;
	letter-spacing: 0.05em;
	margin-top: 15px;
}
.work_environment_main .txt_hero_dsc sup {
	font-size: 75%;
	line-height: 0;
	top: -0.5em;
	position: relative;
	vertical-align: baseline;
}
.work_environment_main .txt_hero_note{
	font-size: 12px;
	line-height: 2;
	letter-spacing: 0.05em;
	margin-top: 15px;
	margin-bottom: 90px;
}
.work_environment_main .hero_img04{
	margin-bottom: 75px;
}

/*---------４色共通--------*/
.hr_list_wrap{
	margin-bottom: 60px;
}
.work_environment_main .hr_list_l.noborder{
	border-bottom: none!important;
}
.work_environment_main .hr_list_r.noborder{
	border-bottom: none!important;
}
.work_environment_main .hr_list_r.middle{
	display: flex;
  align-items: center;
}
/*---------オレンジ---------*/
.work_environment_main .hr_list_orange{
	display: flex;
	width: 72vw;
}
.work_environment_main .hr_list_orange::after{
	content: "";
	clear: both;
	display: block;
}
.work_environment_main .hr_list_orange .hr_list_l{
	padding: 25px 0 50px 0;
	border-bottom: 1px solid #e9963e;
	width: 26vw;
}
.work_environment_main .hr_list_orange .hr_list_l.small{
	padding-bottom:25px;
}
.work_environment_main .hr_list_orange .hr_list_l_box{
	border: 1px solid  #e9963e;
	text-align: center;
}
.work_environment_main .hr_list_orange .hr_list_l_box p{
	font-size: 20px!important;
	padding: 25px 10px!important;
}
.work_environment_main .hr_list_orange .hr_list_l_box span{
	display: block!important;
	color: #fff!important;
	background-color: #e9963e!important;
	font-size: 14px!important;
	padding: 0 10px!important;
}
.work_environment_main .hr_list_orange .hr_list_l p{
	padding: 0;
	margin: 0;
	font-size: 18px;
}
.work_environment_main .hr_list_orange .hr_list_l p span{
	font-size: 14px;
}
.work_environment_main .hr_list_orange .hr_list_r{
	padding: 25px 0 25px 50px;
	border-bottom: 1px solid #ddd;
	width: 46vw;
}
.work_environment_main .hr_list_orange .hr_list_r p{
	padding: 0;
	margin: 0;
	font-size: 14px;
}
/*---------赤--------*/
.work_environment_main .hr_list_red{
	display: flex;
	width: 72vw;
}
.work_environment_main .hr_list_red::after{
	content: "";
	clear: both;
	display: block;
}
.work_environment_main .hr_list_red .hr_list_l{
	padding: 25px 0 35px 0;
	border-bottom: 1px solid #b2322c;
	width: 26vw;
}
.work_environment_main .hr_list_red .hr_list_l_box{
	border: 1px solid  #b2322c;
	text-align: center;
}
.work_environment_main .hr_list_red .hr_list_l_box p{
	font-size: 20px!important;
	padding: 25px 10px!important;
}
.work_environment_main .hr_list_red .hr_list_l_box span{
	display: block!important;
	color: #fff!important;
	background-color: #b2322c!important;
	font-size: 14px!important;
	padding: 0 10px!important;
}
.work_environment_main .hr_list_red .hr_list_l p{
	padding: 0;
	margin: 0;
	font-size: 18px;
}
.work_environment_main .hr_list_red .hr_list_l p span{
	font-size: 14px;
}
.work_environment_main .hr_list_red .hr_list_r{
	padding: 25px 0 25px 50px;
	border-bottom: 1px solid #ddd;
	width: 46vw;
}
.work_environment_main .hr_list_red .hr_list_r p{
	padding: 0;
	margin: 0;
	font-size: 14px;
}
/*---------緑--------*/
.work_environment_main .hr_list_green{
	display: flex;
	width: 72vw;
}
.work_environment_main .hr_list_green::after{
	content: "";
	clear: both;
	display: block;
}
.work_environment_main .hr_list_green .hr_list_l{
	padding: 25px 0 35px 0;
	border-bottom: 1px solid #35632a;
	width: 26vw;
}
.work_environment_main .hr_list_green .hr_list_l_box{
	border: 1px solid  #35632a;
	text-align: center;
}
.work_environment_main .hr_list_green .hr_list_l_box p{
	font-size: 20px!important;
	padding: 25px 10px!important;
}
.work_environment_main .hr_list_green .hr_list_l_box span{
	display: block!important;
	color: #fff!important;
	background-color: #35632a!important;
	font-size: 14px!important;
	padding: 0 10px!important;
}
.work_environment_main .hr_list_green .hr_list_l p{
	padding: 0;
	margin: 0;
	font-size: 18px;
}
.work_environment_main .hr_list_green .hr_list_l p span{
	font-size: 14px;
}
.work_environment_main .hr_list_green .hr_list_r{
	padding: 25px 0 25px 50px;
	border-bottom: 1px solid #ddd;
	width: 46vw;
}
.work_environment_main .hr_list_green .hr_list_r p{
	padding: 0;
	margin: 0;
	font-size: 14px;
}
/*---------青--------*/
.work_environment_main .hr_list_blue{
	display: flex;
	width: 72vw;
}
.work_environment_main .hr_list_blue::after{
	content: "";
	clear: both;
	display: block;
}
.work_environment_main .hr_list_blue .hr_list_l{
	padding: 25px 0 35px 0;
	border-bottom: 1px solid #0071bc;
	width: 26vw;
}
.work_environment_main .hr_list_blue .hr_list_l_box{
	border: 1px solid  #0071bc;
	text-align: center;
}
.work_environment_main .hr_list_blue .hr_list_l_box p{
	font-size: 20px!important;
	padding: 25px 10px!important;
}
.work_environment_main .hr_list_blue .hr_list_l_box span{
	display: block!important;
	color: #fff!important;
	background-color: #0071bc!important;
	font-size: 14px!important;
	padding: 0 10px!important;
}
.work_environment_main .hr_list_blue .hr_list_l p{
	padding: 0;
	margin: 0;
	font-size: 18px;
}
.work_environment_main .hr_list_blue .hr_list_l p span{
	font-size: 14px;
}
.work_environment_main .hr_list_blue .hr_list_r{
	padding: 25px 0 25px 50px;
	border-bottom: 1px solid #ddd;
	width: 46vw;
}
.work_environment_main .hr_list_blue .hr_list_r p{
	padding: 0;
	margin: 0;
	font-size: 14px;
}





@media screen and (max-width: 767px) {
	.container.midsize.midsize_cat {
		  width: auto;
	}
	.work_environment_cat .text_cat {
		font-size: 15px;
		letter-spacing: 0;
		margin: 26px auto 26px;
	}
	.work_environment_cat .text_cat .brS {
		display: block;
	}
	.container.bigsize{
		padding: 0;
		margin: 0 auto;
		width: 82vw;
	}
	.work_environment_main .txt_wrap{
		margin: 0;
		margin-top: 30px;
	}
	.work_environment_main .txt_hero_ttl{
		font-size: 15px;
		margin-top: 26px;
		text-align: center;
	}
	.work_environment_main .txt_hero_h{
		font-size: 16px;
		text-align: center;
		margin: 60px 5% 0;
	}
	.work_environment_main .txt_hero_dsc{
		font-size: 12px;
		line-height: 2;
		margin: 15px 5% 0;
	}
	.work_environment_main .txt_hero_note{
		font-size: 10px;
		line-height: 2.5;
		margin: 15px 5% 28px;
	}
	.work_environment_main .hero_img02{
		margin: 0 -2px;
	}
	.work_environment_main .hero_img04{
		margin-bottom: 10px;
	}

	/*---------4色共通--------*/
	.hr_list_wrap{
		margin-bottom: 30px;
	}
	.work_environment_main .hr_list_r p{
		font-size: 12px!important;
	}
	.work_environment_main .hr_list_l.sp_noborder{
		border-bottom: none!important;
	}
	/*---------オレンジ--------*/
	.work_environment_main .hr_list_orange .hr_list_l_box p{
		font-size: 14px!important;
		padding: 7px!important;
	}
	.work_environment_main .hr_list_orange .hr_list_l_box span{
		font-size: 13px!important;
		padding: 7px!important;
	}
	.work_environment_main .hr_list_orange{
		display: block;
		width: 100%;
	}
	.work_environment_main .hr_list_orange .hr_list_l{
		padding: 25px 0 0 0;
		border-bottom: 1px solid #e9963e;
		width: 100%;
	}

	.work_environment_main .hr_list_orange .hr_list_r{
		padding: 10px 0 0;
		border-bottom: none;
		width: 100%;
	}
	/*---------赤--------*/
	.work_environment_main .hr_list_red .hr_list_l_box p{
		font-size: 14px!important;
		padding: 7px!important;
	}
	.work_environment_main .hr_list_red .hr_list_l_box span{
		font-size: 13px!important;
		padding: 7px!important;
	}
	.work_environment_main .hr_list_red{
		display: block;
		width: 100%;
	}
	.work_environment_main .hr_list_red .hr_list_l{
		padding: 25px 0 0 0;
		border-bottom: 1px solid #b2322c;
		width: 100%;
	}

	.work_environment_main .hr_list_red .hr_list_r{
		padding: 10px 0 0;
		border-bottom: none;
		width: 100%;
	}
	/*---------緑--------*/
	.work_environment_main .hr_list_green .hr_list_l_box p{
		font-size: 14px!important;
		padding: 7px!important;
	}
	.work_environment_main .hr_list_green .hr_list_l_box span{
		font-size: 13px!important;
		padding: 7px!important;
	}
	.work_environment_main .hr_list_green{
		display: block;
		width: 100%;
	}
	.work_environment_main .hr_list_green .hr_list_l{
		padding: 25px 0 0 0;
		border-bottom: 1px solid #35632a;
		width: 100%;
	}
	.work_environment_main .hr_list_green .hr_list_r{
		padding: 10px 0 0;
		border-bottom: none;
		width: 100%;
	}
	/*---------青--------*/
	.work_environment_main .hr_list_blue .hr_list_l_box p{
		font-size: 14px!important;
		padding: 7px!important;
	}
	.work_environment_main .hr_list_blue .hr_list_l_box span{
		font-size: 13px!important;
		padding: 7px!important;
	}
	.work_environment_main .hr_list_blue{
		display: block;
		width: 100%;
	}
	.work_environment_main .hr_list_blue .hr_list_l{
		padding: 25px 0 0 0;
		border-bottom: 1px solid #0071bc;
		width: 100%;
	}
	.work_environment_main .hr_list_blue .hr_list_r{
		padding: 10px 0 0;
		border-bottom: none;
		width: 100%;
	}
	.work_environment_main .txt_hero_annotation{
		margin-bottom: 0;
 }


}





#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;
	}
}


.work_environment_main .txt_table_ttl{
	font-size: 18px;
	margin: 30px 0 20px 0;
}

table.work_environment {
  width: 100%;
  border-collapse: collapse;
  border-width: 1px;
  border-color: #dddddb;
  border-style: solid;
  color: #000;
	line-height: 1.8;
}
table.work_environment td, table.work_environment th {
  padding: 20px 40px;
	border-top: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
}
table.work_environment td:first-of-type {
	background-color: #e6e6e6;
	color: #000;
	width: 20vw;
	font-size: max(1.2vw, 18px);
}
table.work_environment td:last-of-type {
	font-size: max(1vw, 14px);
	padding-right: 16vw;
}

@media screen and (max-width: 767px) {
	table.work_environment {
	  border: none;
		margin: 0 -5vw;
	}
	table.work_environment th,
	table.work_environment td{
	  width:100%;
	  display:block;
	}
	table.work_environment td, table.work_environment th {
		padding: 10px 30px;
		border-top: 1px solid #ccc;
		border-bottom: none;
	}
	table.work_environment td:first-of-type {
		width: 110vw;
		font-size: 16px;
	}
	table.work_environment td:last-of-type {
		width: 110vw;
		font-size: 12px;
		padding-right: 15vw;
	}
}

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

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

.work_environment_main .txt_icon_ttl{
	font-size: 18px;
	margin: 30px 0 20px 0;
}

.work_environment_main .workplace_icon_area{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.work_environment_main .workplace_icon_wrap{
	display: flex;
  justify-content: center;
  align-items: center;
	flex-direction: column;
	min-height: 200px;
	margin: 0 0 25px 0;
	border: 1px solid #aaa;
	width: calc((100% - 75px)/4);
}
.work_environment_main .workplace_icon_wrap p{
	text-align: center;
	font-size: 17px;
	font-size: max(1.15vw, 11px);
}
.work_environment_main .workplace_icon_wrap img{
	width: auto;
}
.work_environment_main .workplace_icon_wrap p{
	text-align: center;
	margin: 0;
	display: flex;
	justify-content: center;
	flex-direction: column;
	position: relative;
	top: -25px;
	padding: 0 5px;
}
.work_environment_main .workplace_icon_wrap img{
	height: 32px;
	position: absolute;
	bottom: 25px;
}



.work_environment_main .workplace_recognition_area{
	border: 1px solid #aaa;
	padding: 20px 50px;
}

.work_environment_main .workplace_recognition_wrap{
	display: flex;
}
.work_environment_main .workplace_recognition_ttl{
	border-bottom:  1px solid #aaa;
	margin: 0 -50px;
}
.work_environment_main .workplace_recognition_ttl p{
	font-size: 18px;
	padding: 0 50px;
}
.work_environment_main .workplace_recognition_txt{
	width: 60%;
	font-size: 14px;
	padding: 30px 0 0 0;
}
.work_environment_main .workplace_recognition_txt span{
	font-size: 22px;
}

.work_environment_main .workplace_recognition_img{
	width: 40%;
}

.work_environment_main .workplace_movie_area{
	margin-top: 120px;
}
.work_environment_main .workplace_movie_ttl{
	margin-bottom: 0;
	position: relative;
}
.work_environment_main .workplace_movie_ttl::before{
	content: "";
  display: inline-block;
  position: absolute;
	background-color: #aaa;
	width: 12vw;
	height: 1px;
	left: -14vw;
	top: 33%;
}
.work_environment_main .workplace_movie_ttl p{
	font-size: 36px;
}
.work_environment_main .workplace_movie_ttl span{
	font-size: 20px;
	display: block;
}

.work_environment_main .workplace_movie_wrap {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
    margin-bottom: 2rem;
}
.work_environment_main .workplace_movie_wrap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


@media screen and (max-width: 767px) {
	#wismettac-work_environment-content-section_4{
		margin-bottom: 55vw;
	}
	#wismettac-work_environment-content-section_4 .container.midsize{
		width: 90vw;
	}
	.work_environment_main .workplace_icon_wrap{
		display: flex;
	  justify-content: center;
	  align-items: center;
		flex-direction: column;
		height: auto;
		margin: 0 0 25px 0;
		width: calc((100% - 30px)/2);
		padding: 5px 0;
		min-height: 123px;
	}
	.work_environment_main .workplace_icon_wrap p{
		text-align: center;
		font-size: 12px;
		margin: 0;
		display: flex;
	  justify-content: center;
		flex-direction: column;
		position: relative;
		top: -15px;
	}
	.work_environment_main .workplace_icon_wrap img{
		height: 5vw;
		position: absolute;
		bottom: 15px
	}



	.work_environment_main .workplace_recognition_area{
		padding: 5px 20px;
	}
	.work_environment_main .workplace_recognition_ttl{
		margin: 0 -20px;
	}
	.work_environment_main .workplace_recognition_ttl p{
		font-size: 12px;
		padding: 0 20px;
		margin: 0 0 5px;
	}
	.work_environment_main .workplace_recognition_txt{
		width: 100%;
		font-size: 12px;
		padding: 15px 0 0 0;
		margin: 0;
	}
	.work_environment_main .workplace_recognition_txt span{
		font-size: 16px;
	}

	.work_environment_main .workplace_recognition_img{
		width: 100%;
	}
	.work_environment_main .workplace_recognition_wrap{
		display: block;
	}


	.work_environment_main .workplace_movie_area{
		margin-top: 45px;
	}
	.work_environment_main .workplace_movie_ttl::before{
		content: "";
	  display: inline-block;
	  position: absolute;
		background-color: #aaa;
		width: 12vw;
		height: 1px;
		left: -14vw;
		top: 33%;
	}
	.work_environment_main .workplace_movie_ttl p{
		font-size: 18px;
	}
	.work_environment_main .workplace_movie_ttl span{
		font-size: 11px;
		display: block;
	}


}




@media screen and (max-width: 767px) {
	work_environment_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;
	}
	.work_environment_main 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;
  }
}