@charset "UTF-8";

div.newspapeWapper:active{
 opacity: 0.8;/*要素の透明度を指定*/
 filter: alpha(opacity=80); /*ie6、7の透明度指定*/
}

div.newspapeWapper:hover{
 opacity: 0.8;/*要素の透明度を指定*/
 filter: alpha(opacity=80); /*ie6、7の透明度指定*/
}

.flex {
	display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
}

.flex_mirror {
	display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
}

@media screen and ( max-width:650px )/* ( max-width:375px )*/
{
	
body.interview_head_bg {
	background-image: linear-gradient(90deg, #528AD5 0%, #528AD5 25%, #D4ECF3 100%),linear-gradient(90deg, #FFF 0%, #FFF 100%);
    background-size: 100% 240px,cover;
    background-position: top,top;
    background-repeat: no-repeat,no-repeat;
}
	
body.info_g {
	background-image: linear-gradient(90deg, #528AD5 0%, #528AD5 25%, #D4ECF3 100%),linear-gradient(90deg, #fff 0%, #fff 100%); 
    background-size: 100% 480px,cover;
    background-position: top,top;
    background-repeat: no-repeat,no-repeat;
}

body.info_c {
	background-image: linear-gradient(90deg, #528AD5 0%, #528AD5 15%, #5FD192 100%),linear-gradient(90deg, #fff 0%, #fff 100%); 
    background-size: 100% 480px,cover;
    background-position: top,top;
    background-repeat: no-repeat,no-repeat;
}

body.info_o {
	background-image: linear-gradient(90deg, #F6FAFC 0%, #F6FAFC 15%, #D4ECF3 100%),linear-gradient(90deg, #fff 0%, #fff 100%); 
    background-size: 100% 480px,cover;
    background-position: top,top;
    background-repeat: no-repeat,no-repeat;
}
	
div.newspapeWapper:active{
 opacity: 0.8;/*要素の透明度を指定*/
 filter: alpha(opacity=80); /*ie6、7の透明度指定*/
}

div.newspapeWapper:hover{
 opacity: 0.8;/*要素の透明度を指定*/
 filter: alpha(opacity=80); /*ie6、7の透明度指定*/
}

.flex {
	display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
}

.flex_mirror {
	display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
}

.wrap_jobs span img {
	  width: 100%!important;
	  height: auto;
	  margin: 0 0 16px;
	  padding: 0;
  }

	
.wrap_jobs span img {
	  width: 100%!important;
	  height: auto;
	  margin: 0 0 16px;
	  padding: 0;
  }
	
.inner ul.flow {
		width: 100%;
		height: auto;
		margin: 0 auto;
		padding: 0;
	}
	
.inner ul.flow li{
	font-size: 0.88em;
	text-align: justify;
	}
	
.qabox {
		width: 100%;
		height: auto;
		margin: 0 auto;
		padding: 0;
	}


.recruit_info {
	width: 100%;
	margin:0 auto;
	padding: 64px 0 40px;

	justify-content: center;
	flex-wrap: wrap;
}
	
.recruit_info h1 {
	margin: 0;
	padding: 0;
	
	color: #FFFFFF;
	text-align: center;
	font-size: 2em;
	letter-spacing: 0.25em;
	line-height: 1;
}

.recruit_info h3{
	
	
	font-size: 1.6em;
	letter-spacing: 0.24em;
	text-align: center;
	
	
	
	display: flex;
	align-items: center;
	justify-content: center;
}

.recruit_info h3 a{
	width: 100%;
	height: 160px;
	margin: 0 auto;
	padding: 0;
	border: solid 2px #fff;
    border-radius: 0;
	line-height: 1.6;
	
	display: flex;
	justify-content: center;
	align-items: center;
}

.recruit_info h3 a span {
	margin: 0 auto;
	padding: 0;
	color: #fff;
	border: none;
}
	
.recruit_info h3 a span:hover {
	margin: 0 auto;
	padding: 0;
	color: #FFFFFF;
	border: none;
	background: none;
}
	
.recruit_info h3 a span:active {
	margin: 0 auto;
	padding: 0;
	color: #FFFFFF;
	border: none;
	background: none;
}

.recruit_type {
	width: 100%;
	height: auto;
	margin: 24px 0 40px;
	padding: 0;
	
	display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
	align-items: stretch;
	
	border-top: solid 1px rgba(255, 255, 255, 0.65);
	border-right: none;
	border-bottom: solid 1px rgba(255, 255, 255, 0.65);
	border-left: none;
	}

.type_list {
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0 0 24px;
	
	display: block;
}

.type_list .list_box {
	width: auto;
	height: auto;
	margin: 24px 0 0;
	padding: 0;
	
	display: flex;
	flex-direction: column;
}

.right_line {
	border-right: none;
	border-bottom: solid 1px rgba(255, 255, 255, 0.65);
}

.type_list h1{
	margin: 0 auto 16px;
    padding: 0;
	
    font-size: 1.6em;
    letter-spacing: 0.1em;
    text-align: center;
}

.type_list p {
	margin: 0 auto;
	padding: 0;
	color:#fff;
	font-size: 0.88em;
	text-align: justify;
}

.type_list p.target {
	margin: 8px 0 24px;
	color:#D4ECF3;
}

.type_list h2 {
	margin: 0;
	padding: 0;
	
	font-size: 1.4em;
	letter-spacing: 0.24em;
	text-align: center;
	font-weight: normal;
}

/*.type_list h2 span{
	width: 88%;
	padding: 0.5em 2em 0.5em 2.36em;
	
	color: #fff;
	
	border: solid 2px #fff;
	border-radius: 8px;
}*/

/*.type_list h2 span:hover{
	width: 88%;
	padding: 0.5em 2em 0.5em 2.36em;
	
	color: #0E4098;
	
	border: solid 2px #fff;
	border-radius: 8px;
	background-color: #fff;
}	*/

.type_list a {
	display: block;
	margin: auto auto 0;
}
	
.menu_items_first{
  width: 90%;
}
.menu_items{
  width: 90%;
  margin:0 20px;
}
.menu_items_first img{
  align-items: center;
  justify-content: center;
}
.menu_items img{
  align-items: center;
  justify-content: center;
}

.btnArea{
  display: flex;
  flex-wrap: wrap;
  margin: 10px 0;
  padding: 0;
  text-align: -webkit-center;
}
.btn_items{
  width: 44%;
  justify-content: center;
 }
 img.btn{
  display: block;
  max-width: 150px;
  margin: 5px;
}

#movie li {
	width: 100%;
	margin: 0 auto 32px;
	padding: 0;
	
	text-align: center!important;
	line-height: 120%;
	
	}

div.movie_episode01_wrapp {
    
	width:100%;
	height: auto;
    margin: 0 auto; 
    padding-bottom:56.25%;
    
	position:relative; 
    overflow:hidden;
}
	
#movie li.movie_episode01 {
	width: 60%;
	max-width:760px;
	height:0; 
	margin: 0 auto 32px; 
	padding-bottom:45.25%;
	
	position:relative;
    overflow:hidden;
}

#movie li {
	width: 100%;
	max-width: 560px;
	padding: 0;
	
	text-align: center!important;
	line-height: 120%;
	
	}
	
body {
 width:100%;
}

div.box {
 position:relative;
 top:50px;
 height: 600px;
}
	

/*interview*/

.interview_menu {
	width: 48%;
	height: auto;
	margin: 0 0 32px;
	padding: 0;
	
	overflow: hidden;
	
	position: relative;
	display: block;
}
	
.interview_menu:last-child {
	width: 48%;
	height: auto;
	margin: 0 0 0;
	padding: 0;
	
	overflow: hidden;
	
	position: relative;
	display: block;
}

.interview_menu_thumb{
	width: 100%;
	height: auto;
	margin: 0 0 12px;
	padding: 0;
	
	display: block;
	position: relative;
}

.interview_menu img{
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	
	display: block;
}

.interview_menu_thumb .job {
	margin: 0;
    padding: 4px 6px;
    display: inline-block;
    color: #fff;
    font-size: 0.72rem;
    line-height: 1;
    background: transparent linear-gradient(90deg, #4182CC 0%, #0E4098 100%);
	
	position: absolute;
	left: 0;
	bottom: 0;
}
	
/*.interview_menu div {
	width: auto;
    height: 160px;
    margin: 0;
    padding: 16px 16px 24px;
	
    text-align: justify;
    background-color: #fff;
}*/
	
.interview_menu div.shinsotsu::before {
	
	margin: 0;
	padding: 4px 6px;
	
	content: "新卒";
	font-size: 10px;
	color:#fff;
	font-weight: bold;
	background-color: #45B035;
	letter-spacing: 0.5em;
	text-indent: 0.5em;
	
	position: absolute;
	left:0;
	top: -28px;
}

.interview_menu div h1{
	margin: 0 0 8px;
    padding: 0;

	font-size: 0.96em;
    color: #0E4098;
    font-weight: bold;
	line-height: 1.24;
}

.interview_menu div h2{
	margin: 0;
    padding: 0;
	
    font-size: 0.72em;
    color: #333;
    font-weight: bold;
    line-height: 1.4;
}

.interview_menu div p{
	margin: 0;
    padding: 0;
    font-size: 0.64em;
    color: #333;
    line-height: 1.6;
}

.iwahashi {
	
}

.nitadera {
	
}

.kunihiro {
	
}

.okazawa_jr {
	
}

/*.okano {
	margin: 0!important;
}*/

.yoshimoto {
	
}

/*.toppada {
	margin: 0!important;
}*/

.okubo {
	
}

.yamasaki {
	
}

.nishimura {
	/*background-image: url("../images/interview10_portrait.png"), linear-gradient( to right, rgba(212,236,246,1), rgba(255,255,255,0.25) ), url("../images/interview10_menu_spbg.png");
	background-position: center top, center, center top;
    background-repeat: no-repeat;
    background-size: auto 55%, cover, 100% auto;*/
}
	
.interview_mv {
	width: 100%;
	height: 72vh;
	margin: 0 auto 32px;
	padding: 52px 0 0;
	
	overflow: hidden;
	position: relative;
}

.interview_mv img{
	width: 100%;
	height: auto;
	margin: 0 auto 0;
    padding: 52px 0 0;
	
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}
	
.mv_inner {
	width: 100%;
	height: 100%;
	margin: 0 auto;
	padding: 0;
	
	display: block;
	
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;	
}

.name {
	width: 100%;
	height: 120px;
	margin: 0;
	padding: 0;
	
	display: flex;
	position: absolute;
	left: 0;
	bottom: 0;
	
	background-color: rgba(0,63,152,0.8);
}

.name div{
	margin: auto;
	padding: 0;
}

.name h2{
	margin: 0 auto 4px;
	padding: 0;
	
	display: block;
	color: #fff;
	font-size: 0.88em;
	line-height: 1;
	letter-spacing: 0.075em;
}
	
.name h2.kenmu {
	margin: 0 auto 4px;
	padding: 0;
	
	display: block;
	color: #fff;
	font-size: 0.88em;
	line-height: 1.6;
	letter-spacing: 0.075em;
}

.name h1{
	margin: 0 auto 4px;
	padding: 0;
	
	display: block;
	color: #fff;
	font-size: 1.8em;
	line-height: 1;
	letter-spacing: 0.15em;
}
	
.name p{
	margin: 0 auto;
	padding: 0;
	
	display: block;
	color: #fff;
	font-size: 0.72em;
	line-height: 1;
	letter-spacing: 0.25em;
}

.interview_bg {
	margin: 0;
	padding: 32px 0 0;
	background-color: #f6fafc;
}
	
.interview_container {
	width: auto;
    height: auto;
    margin: 0 24px;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.interview_inner {
	width: 100%;
	height: auto;
	margin: 0 auto 64px;
	padding: 0;
	
	display: block;
	background: none;
}
	
.main_photo {
	width: calc(100vw - 24px);
    height: auto;
    margin: 24px 24px 24px 0;
    padding: 0;
    
	display: block;
	
    position: relative;
    top: 0;
	left: 0;
}
	
.interview_profile {
	width: auto;
	height: auto;
    margin: 0 24px 24px;
	padding: 0;
}

.interview_profile .label {
	margin: 0 0 12px;
	padding: 8px 16px;
	
	display: inline-block;
	
	color: #fff;
	font-size: 0.72rem;
	line-height: 1;
	background: transparent linear-gradient(90deg, #4182CC 0%, #0E4098 100%);
}

.interview_profile .interview_maincopy {
	margin: 0 0 8px;
    padding: 0;
    text-align: left;
    color: #212121;
    font-size: 1.6rem;
    line-height: 1.4;
}

.interview_profile .interviewee p{
	display: inline-block;
}

.interview_profile .interviewee p.shimei{
	margin: 0 16px 0 0;
	padding: 0;
	
	display: block;
	
	color: #0E4098;
	font-size: 1.24rem;
	text-align: justify;
	line-height: 1;
	letter-spacing: 0.025em;
	font-weight: bold;
}

.interview_profile .interviewee p.affiliation{
	margin: 0 8px 0 0;
	padding: 0;
	
	color: #212121;
	font-size: 0.8rem;
	text-align: justify;
	line-height: 1;
	letter-spacing: 0.025em;
	font-weight: bold;
}

.interview_profile .interviewee p.join{
	margin: 0 8px 0 0;
	padding: 0;
	
	color: #212121;
	font-size: 0.8rem;
	text-align: justify;
	line-height: 1;
	letter-spacing: 0.025em;
	font-weight: bold;
}

.interview_profile .interviewee p.asterisk{
	margin: 0 8px 0 0;
	padding: 0;
	
	color: #212121;
	font-size: 0.72rem;
	text-align: justify;
	line-height: 1;
	letter-spacing: 0.025em;
	font-weight: normal;
	display: inline-block;
}

.career_summary{
	width: auto;
    height: auto;
    margin: 0 24px 48px;
    padding: 48px 20px 32px;
    border-radius: 24px;
    background-image: url(.././images/bg_career_summary.png),linear-gradient(0deg, #F6F6F6 0%, #F6F6F6 100%);
    background-size: auto 52px,cover;
    background-position: -3px -3px,top;
    background-repeat: no-repeat,no-repeat;
}

.career_summary dl{
	width: 100%;
    height: auto;
    margin: 0;
    padding: 16px 0;
	
    border-bottom: 1px dotted #DDDFE1;
    line-height: 1.8;
    font-size: 0.88rem;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    flex-wrap: wrap;
	justify-content: space-between;
    align-items: stretch;
}

.career_summary dt{
	width: 64px;
    margin: 0 0 0 4px;
    text-align: left;
    font-weight: 700;
    color: #0E4098;
}

.career_summary dd{
	width: calc(100% - 84px);
	margin: 0;
    text-align: left;
    font-weight: 500;
}

.career_summary dd span.event {
	margin: 0 4px 0 0;
	font-weight: bold;
}

.interview_outline {
	width: 100%;
	height: auto;
	margin: 0 auto;
	padding: 52px 0 0;
	
	/*background-image: linear-gradient(90deg, #528AD5 0%, #528AD5 25%, #D4ECF3 100%),linear-gradient(90deg, #FBFBFB 0%, #FBFBFB 100%);
    background-size: 100% 400px,cover;
    background-position: top,top;
    background-repeat: no-repeat,no-repeat;*/
}

.interview_message_container {
	width: 100%;
	height: auto;
	margin: 0 0 0;
	padding: 0;
	
	display: block;
	position: relative;
}

.interview_message_container h1{
	width: auto;
	height: 40px;
	margin: 0;
	padding: 12px 18px;
	
	display: block;
	background-color: #d4ecf3;
	font-size: 20px;
	line-height: 40px;
	text-align: center;
	letter-spacing: 0.25em;
	
	position: absolute;
	top: 0;
	left: 0;
}

.interview_paragraph {
	width: auto;
    height: auto;
    margin: 0 24px 48px;
    padding: 0;
}


.interview_paragraph h2{
	margin: 0 0 12px;
	padding: 0 0 0 24px;
	
	color: #0E4098;
	font-size: 1.24rem;
	line-height: 1.6;
	font-weight: bold;
	
	position: relative;
}
.interview_paragraph h2::before{
	content: '';
    width: 1.24rem;
    height: 2rem;
    display: inline-block;
    background: url(../images/footer_list_blue.png) left center no-repeat;
    background-size: 8px 8px;
    position: absolute;
    top: 0;
	left: 0;
}

.interview_paragraph p{
	margin: 0 0 0 24px;
	padding: 0;
	
	color: #212121;
	font-size: 1rem;
	line-height: 2;
	text-align: justify;
}

.interview_topic {
	width: 100%;
    height: auto;
    margin: 0 0 48px;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    position: relative;
}

.interview_topic .interview_topic_text {
	width: 100%;
    height: auto;
    margin: 0 0 -96px;
    padding: 0;
	
    background: none;
    border-radius: 0;
}
	
.interview_topic_lead {
	width: auto;
    height: auto;
    margin: 0 96px 0 0;
    padding: 40px 40px 80px 48px;
	
    background-color: #F6FAFC;
    border-radius: 0 24px 24px 0;
}

.interview_topic_lead p{
	margin: 0 0 20px;
	padding: 0;
	
	line-height: 1;
	font-weight: bold;
}

.interview_topic_lead h2 {
	margin: 0;
    padding: 0;
    color: #0E4098;
    font-size: 1.24rem;
    line-height: 1.6;
    font-weight: bold;
    /*text-align: justify;*/
}

img.interview_topic_image {
	width: calc(100% - 96px);
    height: auto;
    margin: 0 auto;
    padding: 0;
	
    position: relative;
    top: -48px;
    right: 0;
	
	filter: drop-shadow(8px 8px 20px rgb(14,64,152,0.12));
	
	z-index: 2;
}
	
.interview_topic_detail {
	width: auto;
    height: auto;
    margin: 0 0 0 72px;
    padding: 88px 48px 40px 40px;
	
    background-color: #F6FAFC;
    border-radius: 24px 0 0 24px;
    
	position: relative;
    top: -96px;
}

.interview_topic_detail p{
	margin: 0;
	padding: 0;
	text-align: justify;
}

.interview_message {
	width: auto;
    height: auto;
    margin: 0 48px 0 0;
    padding: 88px 40px 40px 48px;
    
	display: block;
    
	background-color: #F6FAFC;
    border-radius: 0 24px 24px 0;
    position: relative;
    top: -48px;
}

.interview_message p.message_question {
	margin: 0 0 20px;
	padding: 0;
	
	font-weight: bold;
	line-height: 1.6;
}

.interview_message h2 {
	margin: 0 0 12px;
    padding: 0;
	
	color: #0E4098;
    font-size: 1.36rem;
    line-height: 1.4;
    font-weight: bold;
    text-align: justify;
}

.interview_message_photo {
    width: calc(100% - 48px);
    height: auto;
    margin: 0 0 0 48px;
    padding: 0;
    
	display: block;
    
	position: relative;
    top: 0;
    right: 0;
	
    z-index: 2;
}

.interview_message p {
	margin: 0;
	padding: 0;
}


.interview_bg p span{
	font-weight: bold;
	text-align: justify;
}

div.interview_inner hr{
	width: 100%;
    height: 1px;
    margin: 0 auto 48px;
    padding: 0;
	
	background-color: #f2f2f2;
    border: none;
}

div.interview_navi_container {
	width: auto;
	height: auto;
	margin: 0 24px 40px;
	padding: 0;
	
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.interview_navi {
	width: 48%;
	height: auto;
	margin: 0;
	padding: 0;
	
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;
}

.interview_navi_image{
	width: 100%;
	height: auto;
	margin: 0 0 16px;
	padding: 0;
	
	display: block;
}
	
.interview_navi_image img {
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	
	display: block;
}

.interview_navi_text {
	width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
}

.interview_navi_text h3 {
	margin: 0 0 12px;
    padding: 0;
    font-size: 0.88rem;
    color: #212121;
    font-weight: bold;
    line-height: 1.4;
    letter-spacing: 0.02rem;
}

.interview_navi_text .shimei {
	margin: 0 0 4px;
    padding: 0;
    font-size: 0.8rem;
    font-weight: bold;
    color: #0E4098;
    line-height: 1;
}

.interview_navi_text .affiliation {
	margin: 0 0 4px;
    padding: 0;
    font-size: 0.72rem;
    color: #212121;
    line-height: 1.4;
}

.interview_navi_text .join {
	margin: 0;
    padding: 0;
    font-size: 0.72rem;
    color: #212121;
    line-height: 1.4;
}

	
#movie li.movie_episode03 {
  vertical-align: top;
}
div.header_staff_img h1 {
  font-size: 28px;
  font-weight: bold;
  line-height:1.3em;
  color: #000;
  height: 100px;
  text-align: left;
  margin: 0
}

#startentry{
	
	padding: 14px;
	border-radius: 28px;
	
	position: fixed;
	bottom: 46px;
    right: 120px;
	
	box-shadow: 4px 8px 16px rgba(0,0,0,0.08);
	background-color: #fff;
	
	color:#0E4098;
	font-size: 20px;
	text-indent: 2px;
	text-align: center;
	font-weight: bold;
	line-height: 1;
	
	z-index: 99;
}


.js #menu {
	display:none;
}
	
.js .slicknav_menu {
	background-color: #fafafa;
	display:block;
	position: fixed;
	width: 100%;
	box-shadow: 4px 8px 32px rgba(0,0,0,0.08);
	z-index: 999;
}


div#header_nav {
 width:100%;
 height:0 !important;
 overflow:hidden;
	z-index: 999;
}

.nav_wrap {
	width: 100%;
    height: 100%;
    margin: 0 auto;
    padding: 0;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
}
	

div.top_people_list{
  max-width: 1300px;
}

.pankuzu {
 margin-left:-10px;
 font-size:12px;
}
	
.section-conts {
	position: relative;
	top:64%;
	left: 0;
	display: block;
}
	
div.top_main_contents {
	width:100%;
	padding: 0;
}
	
div.main_bg{
	padding-top: 32px;
	background-color: #ECF6F9;
}
	
.bgline {
	margin: 0 auto;
	padding: 40px 0;
}
 
.bg-white {
	width: auto;
    height: auto;
	margin: 0 auto;
    padding: 0;
    display: block;
}

.bg-white h2{
    margin: 0 32px;
    padding: 0;
	
	font-size: 1.75em;
    line-height: 1.5;
    letter-spacing: 0.05em;
	text-indent:0;
}

.bg-white p{
	margin: 8px 0 0;
	padding: 0;
	font-size: 0.88em;
	line-height: 1;
	letter-spacing: 0.05em;
	font-weight: bold;
}

div.title {
 position:absolute;
 top:100px !important;
 height:500px !important;
 right:4%;
}

div.title02 {
 position:absolute;
 top:100px;
 right:4%;
 width:150px !important;
 height:450px;
}

h4 {
	margin-top:50px;
	margin-left:20px;
	padding:0;
	font-size:22px;
	line-height:1.3em;
	color:#333;
}

div.header_3rd {
	width: 100%;
	height: 160px;
	margin: 0;
	padding: 80px 0 40px;
	
	background-color: #f6fafc;
	/*position: relative;*/
}

/*div.header_3rd:after {
	content: '';
	
	width: 1px;
	height: 40px;
	margin: auto;
	
	position: absolute;
	bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
	
	background-color: #0E4098;
}*/

div.header_3rd_contents {
    width: auto;
    height: 100%;
    margin: auto 32px;
	padding: 0;
	
	position: relative;
  }

div.header_3rd_contents div{
	width: 100%;
	height: auto;
    margin: 0;
	padding: 0;
	
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
  }

div.header_3rd_contents div h1{
    margin: 0 0 0;
	padding: 0;
	
	color: #0E4098;
	text-align: center;
	font-size: 1.8em;
	font-weight: bold;
	letter-spacing: 0.2em;
	text-indent: -0.1em;
	line-height: 1.24;
  }

div.header_3rd_contents div p{
    margin: 16px 0 0;
	padding: 0;
	
	color: #333;
	text-align: center;
	font-size: 0.72em;
	font-weight: bold;
	letter-spacing: 0.1em;
	text-indent: 0.1em;
	line-height: 1.8;
  }
	
.inner ul.anchor {
	width: auto;
	height: auto;
	margin: 0 24px;
	padding: 24px 0;
	
	display: flex;
	flex-wrap: wrap;
	
	border-top: solid 1px #F2F2F2;
	border-bottom: solid 1px #F2F2F2;
	
	list-style: none;
}

.inner ul.anchor li {
	width: 100%;
	height: auto;
	margin: 0 0 20px;
	padding: 0;
	display: block;
	
	text-align: center;
	
	list-style: none;
}
	
.inner ul.anchor li:last-child {
	margin: 0;
}

.inner ul.anchor li a {
	margin: 0;
	padding: 0 32px 0 0;
	
	text-decoration: none;
	
	position: relative;
}

.inner ul.anchor li a::before {
	content: '';
    width: 12px;
    height: 24px;
    display: inline-block;
    background: url(../images/anchor_blue.png) 0 9px no-repeat;
    background-size: 12px;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}

ul.business_anchor {
	width: 100%;
	height: auto;
	margin: 24px 0 48px;
	padding: 24px 0;
	
	display: flex;
	flex-wrap: wrap;
	
	border-top: solid 1px #F2F2F2;
	border-bottom: solid 1px #F2F2F2;
	
	list-style: none;
}

ul.business_anchor li {
	width: 100%;
	height: auto;
	margin: 0 0 20px;
	padding: 0;
	
	text-align: center;
	
	list-style: none;
}
	
ul.business_anchor li:last-child {
	margin: 0;
}

ul.business_anchor li a {
	margin: 0;
	padding: 0 32px 0 0;
	
	text-decoration: none;
	
	position: relative;
}

ul.business_anchor a::before {
	content: '';
    width: 12px;
    height: 24px;
    display: inline-block;
    background: url(../images/anchor_blue.png) 0 9px no-repeat;
    background-size: 12px;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}

.inner ul.works_anchor {
	width: 100%;
	height: auto;
	margin: 24px 0;
	padding: 24px 0;
	
	display: flex;
	
	border-top: solid 1px #F2F2F2;
	border-bottom: solid 1px #F2F2F2;
	
	list-style: none;
}

.inner ul.works_anchor li {
	width: 50%;
	height: auto;
	margin: 0;
	padding: 0;
	
	text-align: center;
	
	list-style: none;
}

.inner ul.works_anchor li a {
	margin: 0;
	padding: 0 32px 0 0;
	
	text-decoration: none;
	
	position: relative;
}

.inner ul.works_anchor a::before {
	content: '';
    width: 12px;
    height: 24px;
    display: inline-block;
    background: url(../images/anchor_blue.png) 0 9px no-repeat;
    background-size: 12px;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}
	
div.header_index_bg {
	width: auto;
    height: 280px;
    margin: 0;
    padding: 52px 24px 0;
	display: flex;
	
    background-repeat: no-repeat;
    overflow: hidden;
    
	position: relative;
    z-index: 0;
}
	
.company_bg {
	background: url(../images/index_bg_sp_01.png),linear-gradient(0deg, #fcfcfc 0%, #fcfcfc 100%);
    background-position: right -120px center, center;
    background-size: auto 336px,cover;
}

.works_bg {
	background: url(../images/index_bg_sp_02.png),linear-gradient(0deg, #fcfcfc 0%, #fcfcfc 100%);
    background-position: right -120px center, center;
    background-size: auto 336px,cover;
}

.topics_bg {
	background: url(../images/index_bg_sp_03.png),linear-gradient(0deg, #fcfcfc 0%, #fcfcfc 100%);
    background-position: right -120px center, center;
    background-size: auto 336px,cover;
}

.requirements_bg {
	background: url(../images/index_bg_sp_04.png),linear-gradient(0deg, #fcfcfc 0%, #fcfcfc 100%);
    background-position: right -120px center, center;
    background-size: auto 336px,cover;
}
	
div.header_index_title {
	width: 100%;
    height: auto;
    margin: auto 0;
    padding: 0;
	
    display: block;
}
	
/*interview*/

a.interview_menu {
	width: 48%;
	height: auto;
	margin: 0 0 48px;
	padding: 0;
	
	overflow: hidden;
	
	/*position: relative;*/
	display: block;
	text-decoration: none;
	
}

a.interview_menu:nth-last-child(-n+3){
	margin: 0 0 48px;
}
	
a.interview_menu:last-child{
	margin: 0;
}

.interview_menu img{
	width: 100%;
	height: auto;
	margin: 0 0 16px;
	padding: 0;
	
	display: block;
}

.inner .interview_menu h2{
	margin: 0 0 12px;
    padding: 0;
	
    font-size: 0.88rem;
    color: #212121;
    font-weight: bold;
    line-height: 1.4;
	letter-spacing: 0.02rem;
	text-align: left;
}

.interview_menu p.shimei{
	margin: 0 0 4px;
    padding: 0;
	
    font-size: 0.8rem;
	font-weight: bold;
    color: #0E4098;
    line-height: 1;
}

.interview_menu p.affiliation{
	margin: 0 0 4px;
    padding: 0;
	
    font-size: 0.72rem;
    color: #212121;
    line-height: 1.4;
}

.interview_menu p.join{
	margin: 0;
    padding: 0;
	
    font-size: 0.72rem;
    color: #212121;
    line-height: 1.4;
}
	
/*div.header_img {
	width: 100%;
    height: 100%;
    margin: 0;
    padding: 52px 0 0;
    background: linear-gradient(to bottom, rgba(0, 63, 152, 0.35), rgba(0, 63, 152, 0.35) 75%),url(../images/PC_company_01.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
    position: relative;
    z-index: 0;
}
	
div.header_img:before{
	content: '';
    background: inherit;
    -webkit-filter: blur(5px);
    -moz-filter: blur(5px);
    -o-filter: blur(5px);
    -ms-filter: blur(5px);
    filter: blur(4px);
    position: absolute;
    top: -4px;
    left: -4px;
    right: -4px;
    bottom: -4px;
    z-index: -1;
}*/

div.header_img h1 {
	margin:0;
	padding: 0;
	
	font-size: 2em;
	letter-spacing: 0.35em;
	text-indent: 0.35em;
	font-weight: bold;
	line-height:1;
	color: #0E4098;
}
	
div.text_over {
	width: auto;
    height: auto;
    margin: 32px auto;
    padding: 0 32px;
    
	text-align: center;
}

div.text_over a:hover,a:active {
    opacity: 1;
}

div.outline_text .text_over p{
    margin: 0 auto 12px;
    padding: 0;
	
    text-align: center;
    font-size: 0.88em;
    font-weight: bold;
    color: #fff;
    letter-spacing: 0.1em;
    line-height: 1.6;
}

div.outline_inner_gra {
	width:100%;
	height: auto;
	margin: 0 0 48px;
	padding: 0;
	
	display: flex;
    justify-content: space-between;
    flex-flow: wrap-reverse;
	
	background-image: url("../images/SP_requirements_gra.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

div.outline_inner_car {
	width:100%;
	height: auto;
	margin: 0 0 48px;
	padding: 0;
	
	display: flex;
    justify-content: space-between;
    flex-flow: wrap;
	
	background-image: url("../images/SP_requirements_car.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

div.outline_inner_int {
	width:100%;
	height: auto;
	margin: 0 0 48px;
	padding: 0;
	
	display: flex;
    justify-content: space-between;
    flex-flow: wrap-reverse;
	
	background-image: url("../images/SP_requirements_int.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}
	
h1.outline_gc{
	margin: 0 0 8px;
	padding: 0;
	
	display: block;
	font-size: 2em;
	line-height: 1;
	text-indent: 0.25em;
    letter-spacing: 0.25em;
	color: #fff;
	font-weight: bold;
	
	text-shadow: 2px 2px 0 rgba(50,50,50,0.9);
}

h1.outline_i{
	/*margin: 0 0 8px;*/
	margin: 0 0 0;
	padding: 0;
	
	display: block;
	font-size: 2em;
	line-height: 1;
	text-indent: 0.25em;
    letter-spacing: 0.25em;
	color: #fff;
	font-weight: bold;
	
	text-shadow: 2px 2px 0 rgba(50,50,50,0.9);
}
	
div.gra_bg {
	background: rgba(0,63,152,0.78);
	/*background:linear-gradient(0deg,rgba(0,63,152,1) 0%,rgba(0,63,152,1) 94%,rgba(18,46,104,0.6) 94%,rgba(18,46,104,0.6) 100%);*/
}

div.car_bg {
	background: rgba(0,63,152,0.78);
	/*background:linear-gradient(0deg,rgba(0,63,152,1) 0%,rgba(0,63,152,1) 94%,rgba(18,46,104,0.6) 94%,rgba(18,46,104,0.6) 100%);*/
}
	
.contents_detail_outline.image_graduate::before {
	content: "";
	width: calc(100vw - 48px);
	height: 200px;
	display: block;
	
	background-image:url("../images/detail_graduate_sp.jpg");
	background-size: cover;
	background-position: center;
	
	position: absolute;
	top: -100px;
	left: 24px;
}

.contents_detail_outline.image_career::before {
	content: "";
	width: calc(100vw - 48px);
	height: 200px;
	display: block;
	
	background-image:url("../images/detail_career_sp.jpg");
	background-size: cover;
	background-position: center;
	
	position: absolute;
	top: -100px;
	left: 24px;
}
	
	
div.outline_inner {
	width:100%;
	height: auto;
	margin:0 0 48px;
	padding: 0;
	
	display: flex;
	justify-content: space-between;
    flex-flow: wrap;
}
	
div.outline_inner.last {
	width:100%;
	height: auto;
	margin:0;
	padding: 0;
	
	display: flex;
	justify-content: space-between;
    flex-flow: wrap;
}
	
div.outline_mirror {
	width:100%;
	height: auto;
	margin:0 0 48px;
	padding: 0;
	
	display: flex;
	justify-content: space-between;
    flex-flow: wrap-reverse;
}
	
div.outline_mirror.last {
	width:100%;
	height: auto;
	margin:0;
	padding: 0;
	
	display: flex;
	justify-content: space-between;
    flex-flow: wrap-reverse;
}

div.outline_image {
	width:100%;
	height: auto;
	margin:0 0 24px;
	padding: 0;
	
	display: block;
	overflow: hidden;
}
	
div.outline_image img{
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	
	display: block;
}

div.outline_image img.pconly {
	display: none;
}
	
div.outline_image img.sponly{
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	
	display: block;
}

div.outline_text {
	width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 0;
    display: flex;
}

div.outline_text h2{
	margin: 0;
    padding: 0;
	
	text-align: center;
    color: #0E4098;
    font-size: 1.24em;
    font-weight: bold;
    line-height: 1;
    letter-spacing: 0.08em;
}

div.outline_text p{
	margin: 0 0 16px;
    padding: 0;
	
	text-align: justify;
    color: #333;
    font-size: 0.88em;
    line-height: 2;
}

div.outline_text hr {
	width: 24px;
    height: 8px;
    margin: 16px auto 12px;
    padding: 0;
    background-color: #d4ecf3;
    border: none;
}

div.outline_text div.text_right{
	width: 100%;
    height: auto;
    margin: auto 0;
    padding: 0;
}

div.outline_text div.text_left{
	width: 100%;
    height: auto;
    margin: auto 0;
    padding: 0;
}
	
div.main_contents {
	width: auto;
	margin:0;
	padding: 0;
}

div.main_contents_inner {
	width: 100%;
	margin:0 auto;
	padding: 0;
}
	
div.contents_index_outline {
	width: auto;
    height: auto;
    margin: 0;
    padding: 48px 0;
    display: block;
    background-color: #fff;
}
	
div.company_index_container {
	width:auto;
	height:auto;
	margin:0 24px;
	padding:0;
	
	display: flex;
    flex-wrap: wrap;
	justify-content: space-between;
    align-items: flex-start;	
}
	
div.contents_index_container {
	width:auto;
	height:auto;
	margin:0 24px;
	padding:0;
	
	display: flex;
    flex-wrap: wrap;
	justify-content: space-between;
    align-items: flex-start;	
}
	
a.contents_index_list {
	width: 48%;
	height: auto;
	margin: 0 0 48px;
	padding: 0;
	
	display: block;
}

a.contents_index_list img{
	width: 100%;
	height: auto;
	margin: 0 0 16px;
	padding: 0;
	
	display: block;
}

a.contents_index_list h2{
	margin: 0 0 8px;
	padding: 0;
	
	font-size: 1rem;
	font-weight: bold;
	line-height: 1;
	color: #0E4098;
}

a.contents_index_list span.another {
	padding: 0 1.6rem 0 0;
    position: relative;
}

a.contents_index_list span.another::after {
	content: '';
    width: 1rem;
    height: 1rem;
    margin: 0;
    padding: 0;
    display: inline-block;
    background-image: url(../images/another.svg);
    background-size: 1rem 1rem;
    position: absolute;
    top: 50%;
    right: 0%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}

a.contents_index_list p{
	margin: 0;
	padding: 0;
	
	font-size: 0.72rem;
	line-height: 1.8;
	color: #212121;
}

div.contents_index_list.blank {
	content: "";
	width: 344px;
	height: auto;
	margin: 0;
	padding: 0;
	
	display: block;
}

a.contents_index_list:nth-last-child(-n+3) {
	margin: 0;
}
	
/*detail page common*/

div.header_detail_bg {
	width: 100%;
	height: auto;
	margin: 0;
	padding: 80px 0 0;
	
	background-color: #f6fafc;
	position: relative;
}

div.header_detail_title {
    width: 100%;
    height: 100px;
    margin: auto;
	padding: 0;
	
	position: relative;
  }

div.header_detail_title div{
	width: 100%;
    margin: 0;
	padding: 0;
	
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
  }

div.header_detail_title h1{
    margin: 0 0 0;
	padding: 0;
	
	color: #0E4098;
	text-align: center;
	font-size: 1.6rem;
	font-weight: bold;
	letter-spacing: 0.1em;
	text-indent: -0.05em;
	line-height: 1;
  }

div.header_detail_title p{
    margin: 16px 24px 0;
	padding: 0;
	
	color: #333;
	text-align: center;
	font-size: 0.72em;
	font-weight: bold;
	letter-spacing: 0.1em;
	text-indent: 0.1em;
	line-height: 1.8;
  }

div.contents_detail_outline {
	width: 100%;
    height: auto;
    margin: 124px auto 0;
    padding: 148px 0 64px;
    display: block;
    background-color: #fff;
	
	position: relative;
}

div.contents_detail_container {
    width: auto;
    height: auto;
    margin: 0 24px;
    padding: 0;
	
    display: block;
}

div.inner.small{
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	
	display: block;
}
	
.inner.middle{
	width: 100%;
	height: auto;
	margin: 0 auto;
	padding: 0;
}

.inner.large{
	width: 100%;
	height: auto;
	margin: 0 auto;
	padding: 0;
}

.inner h1{
	margin: 0 0 24px;
	padding: 0;
	
	text-align: center;
	font-size: 1.6rem;
	line-height: 1;
	letter-spacing: 0.15em;
	color: #0E4098;
}

a.btn {
	width: auto;
	height: 64px;
    margin: 0 40px 0;
    padding: 0;
    display: flex;
    position: relative;
	border: 1px solid #0E4098;
}

a.btn p {
	margin: auto;
    padding: 0;
    color: #0E4098;
    line-height: 64px;
    text-align: center;
    text-decoration: none;
    font-size: 0.88rem;
    font-weight: bold;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
	
}


/*about*/

.contents_detail_outline.image_about::before {
	content: "";
	width: calc(100vw - 48px);
	height: 200px;
	display: block;
	
	background-image:url("../images/detail_about_sp.jpg");
	
	position: absolute;
	background-size: cover;
	background-position: center;
	top: -100px;
	left: 24px;
}

.company_profile {
	margin: 0;
	padding: 0;
	
	display: block;
	font-size: 1em;
	color: #333;
}

.company_profile dl {
	width: 100%;
    height: auto;
    margin: 0;
    padding: 16px 0;
	
    display: flex;
	display: -webkit-flex;
    display: -moz-flex;
    flex-wrap: wrap;
    align-items: stretch;
	
	border-bottom: 1px dotted #DDDFE1;
    line-height: 1.8;
    font-size: 0.96rem;
}

.company_profile dt {
	width: 100px;
    margin: 0 0 0 8px;
	
    text-align: left;
    font-weight: bold;
    color: #0E4098;
}

.company_profile dd {
	width: calc(100% - 140px);
	text-align: left;
	margin: 0 8px 0 24px;
}

.philosophy {
	width: fit-content;
	margin: 0 auto;
}

.philosophy ul {
	margin: 0 auto;
	padding: 0;
}

.philosophy li {
	margin: 0 0 24px 2em;
	padding: 0;
	color: #333;
	font-size: 1rem;
	line-height: 1;
	font-weight: bold;
}
	
/*.philosophy li:last-child {
	margin: 0 0 0 2em;
}*/

/*business*/

.contents_detail_outline.image_business::before {
	content: "";
    width: calc(100vw - 48px);
    height: 200px;
    display: block;
    background-image: url(../images/detail_business_sp.jpg);
    position: absolute;
    background-size: cover;
    background-position: center;
    top: -100px;
    left: 24px;
}

.inner.large .business_list {
	width: 100%;
	height: auto;
	
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.business_list_detail {
	width: 100%;
	height: auto;
	margin: 0 0 48px;
	padding: 0;
}

.business_list_detail:last-child {
	margin: 0;
}

.business_list_detail img{
	width: 100%;
	height: auto;
	margin: 0 0 12px;
	padding: 0;
}

.business_list_detail p.lead{
	margin: 0 0 16px;
	font-weight: bold;
	line-height: 1;
}

.inner .business_list_detail h2 {
	margin: 0 0 16px;
	font-size: 1.24rem;
	letter-spacing: 0.04rem;
	text-align: left;
}

.business_list_detail p.summary{
	margin: 0 0 8px;
	line-height: 1.6;
}

.business_list_detail ul {
	margin: 0;
    padding: 0;
	list-style: none;
}

.business_list_detail ul li{
	margin: 0!important;
    padding: 0 0 0 1.5rem;
    color: #212121;
    position: relative;
    line-height: 2;
    vertical-align: middle;
}

.business_list_detail ul li.list_blue::before {
    content: '';
    width: 1.5rem;
    height: 2rem;
    display: inline-block;
    background: url(../images/footer_list_blue.png) 4px center no-repeat;
    background-size: 6px 6px;
    position: absolute;
    top: 0;
    left: 0;
}

.business_list_detail ul li.list_gray::before {
    content: '';
    width: 1.5rem;
    height: 2rem;
    display: inline-block;
    background: url(../images/footer_list_gray.png) 4px center no-repeat;
    background-size: 6px 6px;
    position: absolute;
    top: 0;
    left: 0;
}

.business_list_detail ul li a {
	text-decoration: none;
}

.business_list_detail ul li a span.another {
	padding: 0 28px 0 0;
    position: relative;
}

.business_list_detail ul li a span.another::after {
    content: '';
    width: 20px;
    height: 20px;
    margin: 0;
    padding: 0;
    display: inline-block;
    background: url(../images/another.svg) 4px 2px no-repeat;
    background-size: 16px 16px;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}

/*monotan*/

.contents_detail_outline.image_monotan::before {
	content: "";
	width: calc(100vw - 48px);
	height: 200px;
	display: block;
	
	background-image:url("../images/detail_monotan_pc.png");
	background-size: cover;
	background-position: center;
	
	position: absolute;
	top: -100px;
	left: 24px;
}

.monotan_profile {
	margin: 0 0 24px;
	padding: 0;
	
	display: block;
	font-size: 1em;
	color: #333;
}

.monotan_profile dl {
	width: 100%;
    height: auto;
    margin: 0;
    padding: 16px 0;
	
    display: flex;
	display: -webkit-flex;
    display: -moz-flex;
    flex-wrap: wrap;
	justify-content: space-between;
    align-items: stretch;
	
	border-bottom: 1px dotted #DDDFE1;
    line-height: 1.8;
    font-size: 0.88rem;
}

.monotan_profile dt {
	width: 100px;
    margin: 0 0 0 8px;
	
    text-align: left;
    font-weight: bold;
    color: #0E4098;
}

.monotan_profile dd {
	width: calc(100% - 140px);
	text-align: left;
	margin: 0 8px 0 0;
}

.monotan_sns {
	display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
}

a.btn_twitter {
	height: 64px;
	margin: 0 24px 24px;
	padding: 0;
	
	display: flex;

	position: relative;
	border: solid 1px #1DA1F2;
}

a.btn_twitter img{
	width: auto;
	height: 40px;
	margin: auto 0 auto 16px;
	padding: 0;
	
	display: block;
}

a.btn_twitter p{
    margin: auto;
    padding: 0 0 0 40px;
	
	color: #1DA1F2;
    line-height: 64px;
	text-align: center;
	text-decoration: none;
	font-size: 0.88rem;
	font-weight: bold;
	
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

a.btn_instagram {
	height: 64px;
	margin: 0 24px;
	padding: 0;
	
	display: flex;

	position: relative;
	border: solid 1px #D93177;
	background-color: #fff;
}

a.btn_instagram img{
	width: auto;
	height: 40px;
	margin: auto 0 auto 16px;
	padding: 0;
	
	display: block;
}

a.btn_instagram p{
	margin: auto;
    padding: 0 0 0 40px;
	
	color: #D93177;
    line-height: 64px;
	text-align: center;
	text-decoration: none;
	font-size: 0.88rem;
	font-weight: bold;
	
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.stamp_series {
	width: 100%;
	height: auto;
	margin: 0 0 24px;
	padding: 0;
}

p.stamptitle{
	margin: 0 0 12px;
	
	font-size: 1.24em;
	line-height: 1;
	text-align: center;
	font-weight: bold;
}

img.monotan_linestickers{
	width: 100%;
	height: auto;
	margin: 0 auto;
	padding: 0;
	
	display: block;
}
	
/*data*/

div.contents_detail_outline.image_data {
	margin: 24px auto 0;
    padding: 32px 0 64px;
}
	
.contents_detail_outline.image_data::before {
	display: none;
}

.data_container {
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.data_container .data_tile_m{
	width: 100%;
	height: auto;
    margin: 0 0 24px;
    padding: 16px 0;
	
    display: block;
    
	border: solid 1px #E9F4F9;
    background-size: 25%, cover;
    background-repeat: no-repeat, no-repeat;
    background-position: top 24px right 24px, center;
}

.data_container .data_tile_l{
	width: 100%;
    height: auto;
    margin: 0 0 24px;
    padding: 24px 0 16px;
    
	display: block;
	
    background-size: auto 35%, cover;
    background-repeat: no-repeat, no-repeat;
    background-position: top 16px right 20px, center;
}

.data_container .data_tile_s{
	width: 100%;
    height: auto;
    margin: 0 0 24px;
    padding: 12px 0;
    
	display: block;
    
	border: solid 1px #E9F4F9;
    
	background-size: 25%, cover;
    background-repeat: no-repeat, no-repeat;
    background-position: top 12px right 12px, center;
}
	
.data_container .data_tile_s:last-child {
	margin: 0 0 0;
}

.data_container .data_label {
	width: auto;
	height: 56px;
	margin: 0;
	padding: 0;
}

.data_container .data_title {
	margin: 0 0 4px 16px;
    padding: 0;
    font-size: 0.8rem;
    line-height: 1.4;
    color: #212121;
    font-weight: bold;
}

.data_container .data_sub_title {
	margin: 0 0 0 16px;
    padding: 0;
	
    font-size: 0.64rem;
    line-height: 1;
    color: #0E4098;
    font-weight: bold;
}

.data_container .data_tile_l .data_label {
	width: auto;
	height: 88px;
	margin: 0;
	padding: 0;
}

.data_container .data_tile_l .data_title {
	margin: 0 0 4px 16px;
    padding: 0;
    font-size: 1rem;
    line-height: 1.4;
    color: #212121;
    font-weight: bold;
}

.data_container .data_tile_l .data_sub_title {
	margin: 0 0 0 16px;
	padding: 0;
	
	font-size: 0.64rem;
	line-height: 1;
	color: #0E4098;
	font-weight: bold;
}

.data_container .data_tile_m .data_contents {
	content: '';
	
	width: auto;
    height: 54px;
    margin: 0px 8px 8px;
    padding: 0;
    display: block;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.data_container .data_tile_l .data_contents {
	content: '';
	
	width: calc(100% - 24px);
    height: 84px;
    margin: 4px 12px 4px;
    padding: 0;
	
    display: block;
    background-size: contain;
    background-position: left -4px center;
    background-repeat: no-repeat;
}

.data_container .data_tile_s .data_contents {
	content: '';
	
	width: auto;
    height: 54px;
    margin: 12px 8px 12px;
	padding: 0;
	
	display: block;
	
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
}

.data_container .data_caption {
	width: auto;
    height: auto;
    margin: 0 16px 0;
    padding: 12px 0 0;
    display: flex;
    align-items: center;
    border-top: solid 1px #F2F2F2;
}

.data_container .data_tile_l .data_caption {
	margin: 0 16px 0;
    padding: 12px 0 0;;
}

.data_container .data_caption p{
	margin: 0 auto 0;
	padding: 0;
	
	font-size: 0.64rem;
	line-height: 1.6;
	color: #212121;
	font-weight: bold;
	text-align: center;
}

.data_container .data_tile_l .data_caption p{
	margin: 0 auto 0;
	padding: 0;
	
	font-size: 0.64rem;
	line-height: 1.6;
	color: #212121;
	font-weight: bold;
	text-align: center;
}
	
.data_container .data_caption p br.pconly{
	display: none;
}
	

/*works*/

.category_container {
	width: 100%;
	height: auto;
	margin: 0 0 48px;
	padding: 0;
	
	display: flex;
    justify-content: space-between;
    flex-flow: wrap;
}

.category_container img {
	width: 100%;
	height: auto;
	margin: 0 0 24px;
	padding: 0;
	
	display: block;
}

.category_container .category_text {
	width: 100%;
    height: auto;
    margin: auto 0;
    padding: 0;
	
    display: block;
}

.category_container .category_text h2{
	margin: 0 0 16px;
	padding: 0;
	
	font-size: 1.24rem;
	line-height: 1;
	color: #0E4098;
}

a.work_category {
	width: 48%;
	height: auto;
	margin: 0 0 24px;
	
	text-decoration: none;
}

a.work_category.blank {
	display: none;
}
	
.style_01 a.work_category{
	margin: 0 0 24px;
}

.style_01 a.work_category:nth-last-child(-n+2){
	margin: 0;
}
	
a.work_category img {
	width: 100%;
    height: auto;
    margin: 0 0 8px;
}
	
a.work_category h3 {
    margin: 0 0 8px;
	padding: 0;
	
	font-size: 1rem;
	font-weight: bold;
	line-height: 1;
	color: #0E4098;
}
	
a.work_category p {
    margin: 0;
	padding: 0;
	
	font-size: 0.72rem;
	line-height: 1.8;
	color: #212121;
}

.category_detail {
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	
	display: flex;
    justify-content: space-between;
    flex-flow: wrap;
}

.category_detail h3{
	margin: 0 0 8px;
	padding: 0;
	font-size: 1.12rem;
    line-height: 1;
}

.category_detail p{
	margin: 0;
	padding: 0;
	
	font-size: 0.8rem;
	line-height: 1.6;
}
	
	
/*-----requirements-----*/
	
.recruit_top {
	width: auto;
	height: auto;
	margin: 0 0 16px;
	padding: 0;
	
	display: flex;
    flex-wrap: wrap;
	flex-flow: wrap-reverse;
    justify-content: space-between;
	align-items: center;
	
	text-decoration: none!important;
}

.gra_image{
	flex-direction: row;
}

.car_image{
	flex-direction: row-reverse;
}

.recruit_top div {
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	
	display: block;
}

.recruit_top div h1{
	margin: 0 0 4px;
    padding: 0;
    color: #0E4098;
    line-height: 1.6;
    text-align: justify;
    font-size: 1.24rem;
}

.recruit_top div p{
	margin: 0;
	padding: 0;
	
	color: #212121;
	line-height: 2;
}

.recruit_top img {
	width: 100%;
	height: auto;
	margin: 0 0 16px;
	padding: 0;
	
	display: block;
}

.recruit_top_list {
	width: calc(100vw - 48px);
    height: 64px;
    margin: 0 0 16px!important;
    padding: 0;
    display: flex;
    border: solid 1px #0E4098;
    background-color: #fff;
    color: #0E4098;
    text-decoration: none!important;
}

.recruit_top_list:last-child{
	margin: 0 0 0!important;
}

.recruit_top_list:nth-last-child(-n+3){
	margin:inherit;
}

.recruit_top_list.blank {
	display: none;
}
	
.graduate_container {
	width: auto;
	height: auto;
	margin: 0 24px;
	padding: 0;
	}
	
.career_container {
	width: auto;
	height: auto;
	margin: 0 24px;
	padding: 0;
	}
	
.recruit_contents_container {
	width: auto;
	height: auto;
	margin: 0 24px;
	padding: 0;
	}
	
.recruit_contents {
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	
	display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.recruit_contents .gra_contents {
	width: 100%;
	height: auto;
	margin: 0 0 48px;
	padding: 0;
	
	display: block;
	text-decoration: none;
}
	
.recruit_contents .gra_contents:last-child {
	margin: 0 0 0;	
}

.recruit_contents .gra_contents img {
	width: 100%;
	height: auto;
	margin: 0 0 16px;
	padding: 0;
	
	display: block;
}

.recruit_contents .gra_contents h2 {
    margin: 0 0 8px;
    padding: 0;
    font-size: 1.12rem;
    font-weight: bold;
    line-height: 1;
    color: #0E4098;
	text-align: left;
	letter-spacing: 0.05rem;
}

.recruit_contents .gra_contents p {
    margin: 0;
    padding: 0;
    font-size: 0.72rem;
    line-height: 1.6;
    color: #212121;
}

.recruit_contents .sub_contents {
	width: 48%;
	height: auto;
	margin: 0 0 48px;
	padding: 0;
	
	display: block;
	text-decoration: none;
}
.recruit_contents .sub_contents:last-child {
	margin: 0;
}

.recruit_contents .sub_contents img {
	width: 100%;
	height: auto;
	margin: 0 0 16px;
	padding: 0;
	
	display: block;
}

.recruit_contents .sub_contents h2 {
    margin: 0 0 8px;
    padding: 0;
    font-size: 1rem;
    font-weight: bold;
    line-height: 1;
    color: #0E4098;
	text-align: left;
}

.recruit_contents .sub_contents p {
    margin: 0;
    padding: 0;
    font-size: 0.72rem;
    line-height: 1.6;
    color: #212121;
}


.recruit_menu_container {
	width: 100%;
	height: auto;
	margin: 80px 0 0;
	padding: 0;
	
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

a.recruit_menu {
	width: 536px;
	height: auto;
	margin: 0 0 48px;
	padding: 0;
	
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	text-decoration: none;
}

a.recruit_menu:nth-child(3), a.recruit_menu:nth-child(4){
	margin: 0;
}

.recruit_menu img {
	width: 200px;
	height: auto;
	margin: 0;
	padding: 0;
	
	display: block;
}

.recruit_menu div {
	width: calc(100% - 224px);
	height: auto;
	margin: 0;
	padding: 0;
	
	display: block;
}

.recruit_menu h2{
	margin: 0 0 12px;
}

.recruit_menu p {
	font-size: 0.88rem;
	line-height: 1.6;
}

.header_info_bg {
	width: 100%;
    height: 200px;
    margin: 0;
    padding: 52px 0 0;
}

.header_info_title {
	width: auto;
    height: 200px;
    margin: 0 24px;
    padding: 0;
	
    position: relative;
}

.header_info_title div{
	width: 100%;
	height: auto;
	margin: 0;
    padding: 0;
	
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}

.header_info_title h1{
	margin: 0 0 0;
    padding: 0;
	
    color: #fff;
    text-align: center;
    font-size: 1.44rem;
    font-weight: bold;
    letter-spacing: 0.05rem;
    text-indent: -0.05em;
    line-height: 1;
}

.header_info_title h1.deep{
	color: #0E4098;
}

.header_info_title p{
	margin: 16px 0 0;
    padding: 0;
	
    color: #fff;
    text-align: center;
    font-size: 0.8rem;
    font-weight: bold;
    letter-spacing: 0.1em;
    text-indent: 0.1em;
    line-height: 1.8;
}

.header_info_title p.deep {
	color: #262626;
}

.info_detail_outline {
	width: 100%;
    height: auto;
	margin: 0;
	padding: 40px 0;
	background-color: #fff;
}

.info_detail_container {
	width: auto;
	height: auto;
	margin: 0 24px;
	padding: 0;
}

.info_detail_container section.announce {
	margin: 0 0 48px;
}

.info_detail_container .inner.intro p {
	font-size: 0.96rem;
}

.info_detail_container h2 {
	margin: 0 0 32px;
	text-align: center;
}

.seminar {
	width: auto;
	height: auto;
	margin: 0 auto;
	padding: 40px 32px;
	
	background: linear-gradient(180deg, #528AD5 0%, #D4ECF3 100%);
	
	border-radius: 16px;
}

.seminar h3 {
	margin: 0 0 8px;
	padding: 0;
	
	font-size: 1.24rem;
	line-height: 1;
	text-align: center;
	color: #fff;
}

.inner .seminar p {
	margin: 0 0 16px;
	padding: 0;
	
	font-size: 0.88rem;
	text-align: center;
	color: #fff;
}
	
.seminar a.btn {
	width: 100%;
	height: 64px;
	margin: 0 auto;
	padding: 0;
	
	display: block;
	
	background-color: #fff;
	
	border: 1px solid #0E4098;
	border-radius: 4px;
	text-decoration: none;
	
	position: relative;
}

.seminar a.btn p {
	margin: auto;
    padding: 0;
	
	color: #0E4098;
	font-weight: bold;

	line-height: 64px;
    text-align: center;
    text-decoration: none;
    font-size: 0.88rem;
    
	display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
	
}

/*-----requirements-----*/

	
.fresh .attention img{
  display: block;
  margin: 0 auto;
}


.second div.top_people_list li a div.pp{
  width:200px;
  height:200px;
  border-radius: 300px;
  margin: 0 auto;

}


div.top_people_list {
padding-left:3%;
}

div.top_people_list ul {
}
	
div.top_people_list li {
    width: 25%;
    text-align: center;
    line-height: 150%;
}

div.top_people_list li img {
      width: 250px;
    clip-path: circle(80px at center);
    -webkit-clip-path: circle(80px at center);
    background-color: #efefef;
    margin: 0 auto;
}

.fresh div.top_people_list li {
    width: 25%;
    line-height: 150%;
    min-height: 220px;
}
	
.fresh div.top_people_list li.no4th{
}

.fresh .monotan_intro{
	margin-left: 4%;
	padding:0 16px;
	text-align: center;
}

.fresh .monotan_intro div{
  text-align: center;
  width: auto;
}
	
.fresh .monotan_intro p{
	font-size: 0.88em;
}
	
.fresh .monotan_intro img{
	width: 160px;
	height: auto;
	margin: 0 auto 24px;
	padding: 0;
	
	display: block;
}

.wrap_jobs {
	width: 100%;
	margin: 0 auto 32px;
}
	
.wrap_jobs h4 {
	margin: 0 0 24px;
	padding: 0 0 8px;
	color: #0E4098;
	font-size: 1.6em;
	border-bottom: solid 2px #0E4098;
}
	
.wrap_jobs span h5, .wrap_jobs h6 {
	margin: 0;
	padding: 0;
	font-size: 1.2em;
}

.wrap_jobs span{
  clear: borh;
  text-align: left;
}

.fresh .attention{
  padding: 20px;
  text-align: left;
}

.fresh .attention span {
	margin: 0 0 8px;
	text-align: center;
	
}

.wrap_jobs div.top_people_list li span {
    margin: 10px 0 0 15px;
}

/*募集要項*/

#graduate_outline section {
	margin: 0 0 40px;
	padding: 0;
}

.inner ul.recruit_list_container {
	color: #0E4098;
	list-style: none;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	width: 100%;
	height: auto;
	margin: -1em 0 48px;
	padding: 0;
}
.inner ul.recruit_list_container li:not(:nth-of-type(3n+1)){
	margin-left: inherit;
}
.inner ul.recruit_list_container li{
	color: inherit;
	font-size: 0.72em;
	text-align: center;
	line-height: 1em;
	display: block;
	width: 100%;
	height: auto;
	margin: 1.5em auto 0;
	padding: 0;
}
.inner ul.recruit_list_container a{
	text-decoration: none;
	display: block;
	width: 100%;
	box-sizing: border-box;
	padding: 2em 1em;
}
.inner ul.recruit_list_container li.gra_list{
	width: 100%;
	margin-top: 1em;
}
.car_type .inner ul.recruit_list_container li{
	width: 100%;
}
.car_type .inner ul.recruit_list_container li:not(:nth-of-type(2n+1)){
	margin-left: 0;
}
.inner ul.recruit_list_container a:hover,
.inner ul.recruit_list_container a:active {
	background-color: #0E4098;
	color: #fff;
	opacity: 1;
	transition: all 0.5s;
}


.inner .recruit_grainfo {
	width: 100%;
	height: 120px;
	margin: 16px auto 0;
	padding: 0;
	
	display: block;
	color: #0E4098;
	font-size: 1.12em;
	border: solid 1px #0E4098;
	text-decoration: none;
	text-align: center;
	font-weight: bold;
	line-height: 120px;
}

.inner .recruit_grainfo:hover,
.inner .recruit_grainfo:active {
	background-color: #0E4098;
	color: #fff;
	text-decoration: none;
	opacity: 1;
	transition: all 0.5s;
}

.gra_type {
	margin: 0 auto 24px;
	padding: 0;
}
	
.inner ul.recruit_list_container a.gra_list{
	width: calc(100vw - 48px);
	height: 64px;
	margin: 0 auto;
	padding: 0;
	
	display: flex;
	border: solid 1px #0E4098;
	background-color: #fff;
	color: #0E4098;
	text-decoration: none;
}

.inner ul.recruit_list_container a.gra_list:hover,
.inner ul.recruit_list_container a.gra_list:active{
	background-color: #0E4098;
	color: #fff;
	text-decoration: none;
	opacity: 1;
	transform: all 0.5s;
}

.gra_menu {
	margin: 0 0 48px;
}

.car_type {
	margin: 0 auto 24px;
	padding: 0;
}

.car_type:last-child {
	margin: 0;
	padding: 0;
}

section.car_type h3 {
	margin: 0 0 32px;
	line-height: 1;
	text-align: center;
}

.inner ul.recruit_list_container a.car_list{
	width: 100%;
	height: 64px;
	margin: 0 0 16px;
	padding: 0;
	
	display: flex;
	border: solid 1px #0E4098;
	background-color: #fff;
	color: #0E4098;
	text-decoration: none;
}

.inner ul.recruit_list_container a.car_list:hover,
.inner ul.recruit_list_container a.car_list:active{
	background-color: #0E4098;
	color: #fff;
	text-decoration: none;
	opacity: 1;
	transform: all 0.5s;
}

.inner ul.recruit_list_container a.car_list:last-child{
	margin: 0;
}
	
.car_container {
 width:100%;
 height:auto;
 margin:0;
 padding:0;

 display: flex;
 justify-content: flex-start;
 flex-wrap: wrap;
}
	
.inner ul.recruit_list_container a.intern_list{
	width: 100%;
	height: 64px;
	margin: 0 0 16px;
	padding: 0;
	
	display: flex;
	border: solid 1px #0E4098;
	background-color: #fff;
	color: #0E4098;
	text-decoration: none;
}

.inner ul.recruit_list_container a.intern_list:hover,
.inner ul.recruit_list_container a.intern_list:active{
	background-color: #0E4098;
	color: #fff;
	text-decoration: none;
	opacity: 1;
	transform: all 0.5s;
}
	
.inner ul.recruit_list_container a.intern_list:last-child{
	margin: 0;
}
	
.intern_term {
	width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.intern_term div {
	width: 48%;
	height: auto;
	margin: 0;
	padding: 0;
}

.intern_term div img {
	width: 100%;
	height: auto;
	margin: 0 0 8px;
	padding: 0;
}

.intern_term div h3 {
	margin: 0 0 4px;
	padding: 0;
	
	font-size: 1rem;
	line-height: 1.4;
	color: #0E4098;
}

.intern_term div p {
	font-size: 0.72rem;
	line-height: 1.8;
}
	
.gra a,
.gra2 a,
.car a,
.car2 a,
.car3 a,
.sche a {
 width:85% !important;
 height:auto;
 display:block;
 border-top:1px solid #ccc;
 border-left:1px solid #ccc;
 border-right:1px solid #ccc;
 border-bottom:3px solid #999;
 clear:both;
 margin:10px auto ;/*10px 30px 10px 50px !important;*/
 text-align:center;
 padding:20px 10px;
 border-radius: 3px;    /* CSS3草案 */
 -webkit-border-radius: 3px;  /* Safari,Google Chrome用 */
 -moz-border-radius: 3px; /* Firefox用 */
 text-decoration:none !important;
 font-weight:bold;
}

.car_container .car4 {
    width: 100%;
    margin: 0 0 16px;
	font-size: 0.8em;
}
	
	.car_container .car4:nth-last-child(-n+2) {
		margin: 0;
	}
	
.car_container .car4.blank {
    display: none;
}
	
.car_container .car4:hover,.car_container .car4:active {
    width: 100%;
    margin: 0 0 16px;
	font-size: 0.8em;
}

div.movie_list li .balloon1 {
	width: 100%/*95% !important*/;
	margin: 0 auto 16px;/*1.5em 20px 1.5em 0 !important;*/
	padding: 0;
	
	position: relative;
	display: block;
	font-size: 16px;
	text-align: center;
}
	
div.movie_list li .balloon1 p {
	margin: 0 auto;
    padding: 0.75em 1em 0.75em 1.25em;
    display: inline-block;
    font-size: 0.72em;
    font-weight: bold;
    line-height: 1.4;
    letter-spacing: 0.1em;
    position: relative;
    color: #0E4098;
}

div.movie_list li .balloon1 p:before, div.movie_list li .balloon1 p:after { 
  content:'';
  width: 8px;
  height: 8px;
  position: absolute;
  display: inline-block;
}

div.movie_list li .balloon1 p:before {
  border-left: solid 1px #0E4098;
  border-top: solid 1px #0E4098;
  top:0;
  left: 0;
}

div.movie_list li .balloon1 p:after {
  border-right: solid 1px #0E4098;
  border-bottom: solid 1px #0E4098;
  bottom:0;
  right: 0;
}

.pd20 {
 padding:22px 10px !important;
}

.second {
  float: none;
  width: 100%;
  margin: 0 auto ;
}
	
.fresh .monotan_intro {
	float: none;
	width: auto;
	margin: 0 auto 48px;
	padding: 32px;
}
	
div.movie_list li .balloon1 {
		width: 100%/*97% !important*/;
		margin: 0 auto 16px/*1.5em 20px 1.5em 0 !important*/;
		padding: 0;
		
		display: inline-block;
		position: relative;
		
		font-size: 16px;
        text-align: center;
}
	
#movie {
		width: 100%;
		height: auto;
		margin: 0 auto;
		padding: 0;
		justify-content: center;
	}

#movie li.movie_episode01 {
	width:100%; /*99% !important;*/
	max-width: 560px;
	height: 100%;
	margin: 0 auto 32px;
	/*padding-bottom: 38.25%;*/
	padding:0 !important;
	
	position: relative;
	line-height: 1.2;
	text-align: center!important;
	overflow:visible;
}

div.movie_list li {
	width:100%;/*99% !important;*/
	padding:0 /*16px !important*/;
	text-align: center!important;
	line-height: 120%;
	display: block;
}

.pd20 {
  padding:16px 10px !important;
}

div.box {
 width:100%;
 margin:0 auto;
 padding:50px 0 0;
 height:600px;
 /*background-position: left80%!important;*/
}

div.title_top {
 position:absolute;
 top:36%;
 width:100%;
 z-index:10;
}

.footer_recruit_info {
	width: calc(100vw - 96px);
	height: auto;
	margin: 0;
	padding: 32px 24px;
	
	display: flex;
	
	background: linear-gradient(0deg, #4182CC 0%, #4182CC 12%, #0E4098 100%);
	
	border-radius: 16px;
	
	position: relative;
	top: 0;
	left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
	/*top: -108px;
	left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);*/
}

.footer_recruit_info_container {
	width: 100%;
	height: auto;
	margin: auto 0;
	padding: 0;
	
	display: block;
}

.footer_recruit_info_container h2 {
	margin: 0 0 16px;
	padding: 0;
	
	font-size: 1.44rem;
	text-align: center;
	color: #fff;
	line-height: 1;
}

.footer_recruit_info_container p {
	margin: 0 12px 16px;
	padding: 0;
	
	font-size: 0.72rem;
	text-align: center;
	color: #fff;
	line-height: 2;
}

.footer_recruit_info_menu {
	width: 100%;
	height: auto;
	margin: 0 auto;
	padding: 0;
	
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.footer_recruit_info_menu a {
	width: calc(100vw - 96px);
	height: 64px;
	margin: 0 0 12px;
	padding: 0;
	
	display: block;
	
	position: relative;
	
    background-color: #fff;
    border: 1px solid #0E4098;
    border-radius: 4px;
    text-decoration: none;
 }
	
.footer_recruit_info_menu a:last-child {
	margin: 0;
 }

.footer_recruit_info_menu a p{
	margin: auto;
    padding: 0;
    color: #0E4098;
    font-weight: bold;
    line-height: 64px;
    text-align: center;
    text-decoration: none;
    font-size: 0.88rem;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

@media screen and ( max-width:320px )/* ( max-width:375px )*/{
.footer_recruit_info_menu a p{
    font-size: 0.72rem;
}
}

.footer_recruit_info_menu a:hover{
	border: solid 1px #fff;
	background: none;
	color: #fff;
}

.footer_recruit_info_menu a p:hover, .footer_recruit_info_menu a p:active {
	color: #fff;
}
	
	
.footer_pankuzu {
	background-color: #808080;
	color: #fff;
	display: none;
}

.footer_pankuzu .pankuzu2 {
	margin: 0;
	padding: 0;
}
	
.footer_pankuzu .pankuzu2 ul{
	margin: 0;
	padding: 0;
}

.footer_pankuzu .pankuzu2 ul li{
	color: #fff;
}

.footer_pankuzu .pankuzu2 a{
	color: #fff;
}
	
	
.pankuzu {
 margin-left:-30px;
 font-size:12px;
}

.pankuzu2 {
	margin: 0;
	padding:16px 0 0;
}
	
.pankuzu2 ul{
	margin: 0 32px;
	padding: 48px 0 16px;
	line-height: 1.6;
}

.pankuzu2  ul li {
	font-size: 10px !important;
	margin:0;
	padding:0;
}

div.title {
 position:static;
 margin:0 0 20px;
 padding:0;
 width:100%;
 height:auto !important;
 background:rgba(255,255,255,0.9);
 z-index:20;
 overflow:hidden;
}


div.title h3,
div.title02 h3 {
 color:#333;
 font-size:34px;
 line-height:1.4em;
 padding:0 10px 0 40px !important;
 font-family:'Noto Sans JP',"Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
  -webkit-writing-mode: horizontal-tb !important;
  -ms-writing-mode: lr-tb !important;
  writing-mode: horizontal-tb !important;
 overflow:hidden;
}

div.title02 {
 position:static;
 margin:0 0 20px;
 padding:0;
 width:100% !important;
 height:auto !important;
 background:rgba(255,255,255,0.9);
 z-index:20;
 overflow:hidden;
}

/*日刊工データ*/
div.daiji_20 {
 width: 10%;
}

.btm_cnts .line_bottom .line_qr img{
display: none;
}

.pankuzu {
 margin-left:-30px;
 font-size:12px;
}

div.title,
div.title02 {
 position:static;
 margin:0 0 20px;
 padding:0;
 width:100%;
 height:auto !important;
 background:rgba(255,255,255,0.9);
 z-index:20;
 overflow:hidden;
}

div.title h3,
div.title02 h3 {
 color:#333;
 font-size:34px;
 line-height:1.4em;
 padding:0 10px 0 40px !important;
 font-family:'Noto Sans JP',"Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
 overflow:hidden;
}

div.paragraph01_03 {
 height:750px;
 overflow:hidden;
}

.bg {
	margin: 0;
	padding: 112px 0 64px;
	background-color: #f6fafc;
}
	
.bg_common {
	margin: 0;
	padding: 0 0 64px;
	background-color: #f6fafc;
}
	
.container {
	width: auto;
	height: auto;
	margin: 0 32px;
	padding: 0;
}

.inner_movie {
	width: auto;
	height: auto;
	margin: 0 auto;
	padding: 24px 0 0;
	
	/*background-color: #fff;*/
}
	
.inner {
	width: auto;
	height: auto;
	margin: 0 auto;
	padding: 0;
	
	background-color: #fff;
}
	
.inner.intern {
	width: auto;
	height: auto;
	margin: 0 auto 48px;
	padding: 0;
	
	background-color: none;
}
	
.inner.intern p{
	text-align: center;
}

.inner section {
	margin: 0 0 48px;
	padding: 0;
}
	
.inner h1{
	margin: 0 0 24px;
    padding: 0;
	
    display: block;
    
	position: relative;
    text-align: center;
    font-size: 1.24em;
    line-height: 1;
    letter-spacing: 0.05rem;
    color: #0E4098;
}

.inner h2{
	margin: 0 0 20px;
	padding: 0;
	
	display: block;
	position: relative;
	
	text-align: center;
	font-size: 1.24em;
	line-height: 1.4;
	letter-spacing: 0.05rem;
	color: #0E4098;
}
	
.inner p {
	margin: 0;
	padding: 0;
	
	color: #333;
	font-size: 0.96rem;
	line-height: 2.0;
	text-align: justify;
}

.inner p span.stamptitle{
	margin: 0;
	padding: 0;
	font-size: 1em;
	display: block;
	text-align: center;
}
	
.inner p span.attention {
	color: #cc0000;
}

.inner ul {
	margin: 0 auto;
	padding: 0;
}

.inner li {
	margin: 0 0 0 1em;
	padding: 0;
	color: #333;
	font-size: 1em;
	font-weight: bold;
	line-height: 2.0;
}

.philosophy {
	width: fit-content;
	margin: 0 auto;
	font-size: 1em;
}

.inner table {
	width: 100%;
	margin: 0;
	padding: 0;
	
	display: block;
	font-size: 1em;
	color: #333;
}

.inner tbody {
	width: 100%;
	height: auto;
	margin: 0 auto;
	padding: 0;

	display: block;
}

.inner tr {
	margin: 0 0 1em;
	padding: 0;
	display: block;
}

.inner th {
	width: 100%;
	margin: 0;
	padding: 0;
	
	display: block;
	border-right: none;
	font-weight: bold;
	color: #0E4098;
	text-align: center;
	line-height: 2;
}

.inner td {
	width: 100%;
	margin: 0;
	padding: 0;
	
	display: block;
	text-align: center;
	line-height: 1.8;
}
	
.inner tr {
	margin: 0 0 16px;
	padding: 0;
}
	
p.release {
	margin: 32px 0 0;
	text-align: right;
}

.inner_topimage {
	width: 100%;
    height: auto;
    margin: 0 0 24px;
    padding: 0;
	
    display: block;
}
	
.tblwrap table.publication_data tr {
   /*width: 50%;*/
  }
	
.tblwrap table.publication_data th {
	width: auto;
    padding: 16px 8px;
  }
	
.tblwrap table.publication_data td {
    text-align: center;
  }
	
/*monotan*/

.inner img.monotan_top{
	width: 100%;
	height: auto;
	margin: 0 auto 32px;
	padding: 0;
	
	display: block;
}
	
.inner table.monotan_profile {
	margin: 0;
	padding: 0;
}

.inner table.monotan_profile tr{
    margin: 0;
    padding: 0 0 16px;
    display: block;
}
	
.inner img.monotan_linestickers{
	width: 100%;
	height: auto;
	margin: 0 auto;
	padding: 0;
	
	display: block;
}
/*
.inner a.btn_twitter {
	width: 96%;
    height: 48px;
    margin: 0 auto 24px;
    padding: 0;
	
    display: flex;
    position: relative;
    border-right: solid 2px #1DA1F2;
    border-bottom: solid 2px #1DA1F2;
    border-radius: 8px;
    background-color: #fff;
}

.inner a.btn_twitter img{
	width: auto;
    height: 72%;
    margin: auto 0 auto 12px;
    padding: 0;
	
    display: block;
}

.inner a.btn_twitter p{
    margin: auto;
    padding: 0 0 0 40px;
	
    color: #1DA1F2;
    line-height: 48px;
    text-align: center;
    text-decoration: none;
    font-size: 0.8em;
    font-weight: bold;
	
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.inner a.btn_instagram {
	width: 96%;
    height: 48px;
    margin: 0 auto;
    padding: 0;
	
    display: flex;
    position: relative;
    border-right: solid 2px #D93177;
    border-bottom: solid 2px #D93177;
    border-radius: 8px;
    background-color: #fff;
}

.inner a.btn_instagram img{
	width: auto;
    height: 72%;
    margin: auto 0 auto 12px;
    padding: 0;
	
    display: block;
}

.inner a.btn_instagram p{
	margin: auto;
    padding: 0 0 0 40px;
	
	color: #D93177;
    line-height: 48px;
    text-align: center;
    text-decoration: none;
    font-size: 0.8em;
    font-weight: bold;
	
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
	*/
	
/*monotan_end*/
	
.fadein {
    opacity : 0.1;
    transform : translate(0, 50px);
    transition : all 500ms;
    }

.fadein2 {
    opacity : 0.1;
    transform : translate(0, 50px);
    transition : all 750ms;
    }

.fadein3 {
    opacity : 0.1;
    transform : translate(0, 50px);
    transition : all 1s;
    }

.fadein4 {
    opacity : 0.1;
    transform : translate(0, 50px);
    transition : all 1.25s;
    }

.fadein5 {
    opacity : 0.1;
    transform : translate(0, 50px);
    transition : all 1.5s;
    }

.scrollin {
    opacity : 1;
    transform : translate(0, 0);
    }

.fadein.scrollin {
    opacity : 1;
    transform : translate(0, 0);
	}
	
.top_logo {
	
	width: 88%;
	height: auto;
	margin: 0;
	padding: 0;
	
	display: block;
	
	position: absolute;
	top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
	
	filter: drop-shadow(1rem 1rem 1.6rem rgb(0,0,0,0.12));
}

	
div.read_1915 {
	width: 100%;
	height: auto;
	margin: 0;
	padding: 64px 0 40px;
	line-height: 150%;
	
	background-image: url("../images/since_1915.png"), linear-gradient( to right, rgba(0,0,0,0.4), rgba(0,0,0,0.4) ),url("../images/bg_1915.jpg");
	background-size: 98% auto, cover, cover;
	background-repeat: no-repeat;
	background-position: top right, center, center;
	position: relative;
}
	
div.read_1915 .container_1915 {
	width: auto;
	height: auto;
	margin: 0 32px;
	padding: 0;
	
	display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
	
div.read_1915 .text_1915{
	width: 100%;
	height: fit-content;
	margin: 0 0 32px;
	padding: 0;
	
	display: block;
}

div.read_1915 .image_1915 {
	width: 100%;
	height: auto;
	min-height: 46vh;
	max-height: 64vh;
	margin: 0;
	padding: 0;
	
	display: block;
	position: relative;
}

div.read_1915 h1{
	margin: 0 0 8px;
	padding: 0;
	
	color: #FFF;
	font-size: 2.4em;
	line-height: 1.4;
	letter-spacing: 0.1em;
}

div.read_1915 p{
	width: auto;
	margin: 0;
	padding: 0;
	
	font-size: 1em;
	line-height: 2;
	letter-spacing: 0.035em;
}
	
div.read_2021 {
	width: 100%;
	height: auto;
	margin: 0;
	padding: 40px 0 64px;
	line-height: 150%;
	
	background-image: url("../images/2023.png"), linear-gradient( to right, rgba(0,63,152,0.72), rgba(0,63,152,0.72) ),url("../images/bg_2021.jpg");
	background-size: 95% auto, cover, cover;
	background-repeat: no-repeat;
	background-position: bottom left, center, center;
}
	
div.read_2021 .container_2021 {
	width: auto;
	height: auto;
	margin: 0 32px;
	padding: 0;
	
	display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
	flex-flow: column-reverse;
}

div.read_2021 .text_2021{
	width: 100%;
	height: auto;
	margin: 0 0 32px;
	padding: 0;
	
	display: block;
}

div.read_2021 .image_2021{
	width: 100%;
	height: auto;
	min-height: 46vh;
	max-height: 64vh;
	margin: 0;
	padding: 0;
	
	display: block;
	position: relative;
}
	
div.read_2021 h1{
	margin: 0 0 8px;
	padding: 0;
	
	color: #fff;
	font-size: 2.4em;
	line-height: 1.4;
	letter-spacing: 0.1em;
}

div.read_2021 p{
	width: auto;
	margin: 0;
	padding: 0;
	
	font-size: 1em;
	line-height: 2;
	letter-spacing: 0.035em;
}
	
.main_btn {
	width: 100%;
	height: 48px;
	margin: 0 auto;
	padding: 0;

	display: block;
	background-color: #fff;
	border: solid 1px #0E4098;
	
	color: #0E4098;
	font-size: 0.88em;
	font-weight: bold;
	text-align: center;
	line-height: 48px;
	letter-spacing: 0.5em;
	text-indent: 0.5em;
}
	
.main_btn:hover,.main_btn:active {
	border:solid 1px #fff;
	background-color: #0E4098;
	color: #fff;
	text-decoration: none;
	opacity: 1;
	transform: all 0.5s;
}
	
/*----- top page -----*/

.top_mv_contents {
	
}
	
.top_mv {
	content: '　';
	
	width: 100%;
	height: 100vh;
	margin: 0;
	padding: 0;
	
	display: block;
	
	position: relative;
	
	background-image: url(../images/mv_sp.jpg);
	background-size: cover;
	background-position: center;
}

div.news {
	width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    background-color: #fafafa;
    box-shadow:none;
	
	position: absolute;
	bottom: 0;
}

div.news h3{
	margin:0;
	padding:0 0 16px;
	
	font-size: 1.5em;
	color: #0E4098;
	line-height: 1;
}

div.news .bg_grey {
	background-color:#eee;
}

.news dl {
	width:auto;
	height: 48px;
	margin:0 24px;
	padding: 0;
	
	font-size: 10px;
	letter-spacing: 0.05em;
	line-height: 1;
	
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.news dl dt {
	width: 80px;
	height: 48px;
	margin: 0;
	padding:0;
	
	display: flex;
	align-items: center;
}

.news dl dd {
	width: calc(100% - 80px);
	height: 48px;
	margin: 0;
	padding:0;
	
	display: flex;
	align-items: center;
}

.news dl dd a{
	color: #0E4098;
	font-weight: bold;
}


/*----- recruit message -----*/

.recruit_message {
	width: 100%;
    height: auto;
    margin: 0;
    padding: 64px 0;
	
    background: url(../images/top_bg_message.svg),url(../images/message_bg.png),linear-gradient(0deg, #fff 0%, #fff 100%);
    background-position: -4px 40px, right 0 bottom 0, center;
    background-repeat: no-repeat;
    background-size: auto 64px, 100% auto, cover;
}

.recruit_message_container {
	width: auto;
	height: auto;
	margin: 0 24px;
	padding: 0;
}

.recruit_message_text {
	width: auto;
	height: auto;
	margin: 0 24px 32px;
	padding: 0;
	
	text-align: center;
}

.recruit_message_text h1 {
	margin: 0 0 16px;
	padding: 0;
	
	font-size: 1.6rem;
	line-height: 1.6;
	font-weight: bold;
	color: #0E4098;
}

.recruit_message_text p {
	margin: 0;
	padding: 0;
	
	font-size: 0.88rem;
	line-height: 2.4;
	font-weight: bold;
	color: #212121;
}

/*----- recruit message -----*/

/*----- business image -----*/

.business {
	width: 100%;
	height: auto;
	margin: 0;
	padding: 80px 0;
	
	background: url(../images/top_bg_business.svg),linear-gradient(0deg, #f6fafc 0%, #f6fafc 100%);
    background-position: right -4px top 40px, center;
    background-repeat: no-repeat;
    background-size: auto 64px, cover;
}

.business_container {
	width: 100%;
	height: auto;
	margin: 0 auto;
	padding: 0;
}

.business_text {
	width: auto;
	height: auto;
	margin: 0 24px 32px;
	padding: 0;
	
	text-align: center;
}

.business_text h1 {
	margin: 0 0 16px;
	padding: 0;
	
	font-size: 1.6rem;
	line-height: 1.6;
	font-weight: bold;
	color: #0E4098;
}

.business_text p {
	margin: 0;
	padding: 0;
	
	font-size: 0.88rem;
	line-height: 2.4;
	font-weight: bold;
	color: #212121;
}

.business_image {
	width: 100%;
	height: auto;
	margin: 0 auto 40px;
	padding: 0 0 32px;
	
	display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    overflow: scroll;
}

.business_image a {
	margin: 0 16px 0 0;
	padding: 0;
	
	display: block;
}

.business_image a:first-child {
	margin: 0 16px 0 24px;
	}
	
.business_image a:last-child {
	margin: 0 24px 0 0;
	}
	
.business_image a figure{
	width: 198px;
	height: auto;
	margin: 0;
	padding: 0;
	
	display: flex;
	align-items: center;
	
	overflow: hidden;
	position: relative;
	
	text-align: center;
}

.business_image a img {
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	
	display: block;
	
	transition: .4s;
}

.business_image a figure::after {
	content: '';
	width: 100%;
	height: 100%;
	margin: 0 auto;
	padding: 0;

	display: flex;
	align-items: center;
	
	background:rgba(0,0,0,.4);

	transition: .8s;
	
	position: absolute;
	top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
	
	opacity: 0;
}

.business_image a:hover figure::after {
  opacity: 1;
}

.business_image a:hover figure img {
    transform: scale(1.1);
}

.business_image a:hover {
  text-decoration: none;
}


/*----- business image -----*/

/*----- works -----*/

.works {
	width: 100%;
	height: auto;
	margin: 0;
	padding: 80px 0;
	
	background: url(../images/top_bg_works.svg),linear-gradient(0deg, #fff 0%, #fff 100%);
    background-position: -4px 40px, center;
    background-repeat: no-repeat;
    background-size: auto 64px, cover;
}

.works_container {
	width: auto;
	height: auto;
	margin: 0 24px;
	padding: 0;
}

.works_text {
	width: 100%;
	height: auto;
	margin: 0 auto 32px;
	padding: 0;
	
	text-align: center;
}

.works_text h1 {
	margin: 0 0 16px;
	padding: 0;
	
	font-size: 1.6rem;
	line-height: 1.6;
	font-weight: bold;
	color: #0E4098;
}

.works_text p {
	margin: 0;
	padding: 0;
	
	font-size: 0.88rem;
	line-height: 2.4;
	font-weight: bold;
	color: #212121;
}

.works_image_container {
	width: 100%;
	height: auto;
	margin: 0 auto 48px;
	padding: 0;
	
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.works_image_container a {
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	
	display: block;
}

	.works_image_container a:first-child {
		margin: 0 0 32px;
	}
	
.works_image_container a .works_thumbnail {
	width: 100%;
	height: auto;
	margin: 0 0 16px;
	padding: 0;
	
	display: block;
	
	position: relative;
}

.works_image_container a .works_thumbnail img {
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	
	display: block;
}

.works_image_container a .works_thumbnail .works_label {
	margin: 0;
	padding: 0;
	
	display: block;
	
	position: absolute;
	bottom: 0;
	left: 0;
}

.works_image_container a .works_thumbnail .works_label.editer {
	
}

.works_image_container a .works_thumbnail .works_label.marketer {
	
}

.works_image_container a .works_thumbnail .works_label .label_sub {
	width: 48px;
	height: auto;
	margin: 0 0 4px;
	padding: 8px 8px;
	
	display: block;
	
	line-height: 1;
	background-color: #0E4098;
	color: #fff;
	font-weight: bold;
	font-size: 0.72rem;
	text-align: center;
}

.works_image_container a .works_thumbnail .works_label .label_main {
	margin: 0;
	padding: 12px 12px;
	
	line-height: 1;
	background-color: #fff;
	color: #212121;
	font-weight: bold;
	font-size: 1.24rem;
}

.works_image_container a p{
	margin: 0;
	padding: 0;
	
	line-height: 1.6;
	font-size: 0.88rem;
	font-weight: bold;
	color: #212121;
	text-align: justify;
}

/*----- works -----*/

/*----- interview -----*/

.top_interview {
	width: 100%;
    height: auto;
    margin: 0;
    padding: 80px 0;
	
    background: url(../images/top_bg_interview.svg),linear-gradient(180deg, #ebf4f8 0%, #f6fafc 100%);
    background-position: right -4px top 40px, center;
    background-repeat: no-repeat;
    background-size: auto 56px, cover;
}

.top_interview_container {
	width: auto;
	height: auto;
	margin: 0 24px;
	padding: 0;
}

.top_interview_text {
	width: 100%;
	height: auto;
	margin: 0 auto 32px;
	padding: 0;
	
	text-align: center;
}

.top_interview_text h1 {
	margin: 0 0 16px;
	padding: 0;
	
	font-size: 1.6rem;
	line-height: 1.6;
	font-weight: bold;
	color: #0E4098;
}

.top_interview_text p {
	margin: 0;
	padding: 0;
	
	font-size: 0.88rem;
	line-height: 2.4;
	font-weight: bold;
	color: #212121;
}

.top_interview_image {
	width: 100%;
	height: auto;
	margin: 0 auto 40px;
	padding: 0;
	
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.top_interview_image a {
	width: 48%;
	height: auto;
	margin: 0 0 48px;
	padding: 0;
	
	display: block;
}
	
.top_interview_image a:nth-child(3),.top_interview_image a:nth-child(4) {
	width: 48%;
	height: auto;
	margin: 0 0 0;
	padding: 0;
	
	display: block;
}

.top_interview_image a .top_interview_thumbnail_photo{
	width: 100%;
	height: auto;
	margin: 0 0 12px;
	padding: 0;
	
	display: block;
	
	position: relative;
}

.top_interview_image a .top_interview_thumbnail_photo img {
	width: 100%;
	height: auto;
	margin: 0 0 12px;
	padding: 0;
	
	display: block;
}

.top_interview_image a .top_interview_thumbnail_photo .job{
	margin: 0;
	padding: 4px 8px;
	
	display: block;
    color: #fff;
    font-size: 0.72rem;
    line-height: 1;
    background: transparent linear-gradient(90deg, #4182CC 0%, #0E4098 100%);
	
	position: absolute;
	left: 0;
	bottom: 0;
}

.top_interview_image a h3 {
	margin: 0 0 8px;
	padding: 0;
	
	font-size: 1.04rem;
	line-height: 1.4;
	font-weight: bold;
	color: #212121;
}

.top_interview_image a p.shimei {
	margin: 0 0 8px;
	padding: 0;
	
	font-size: 0.88rem;
	line-height: 1;
	font-weight: bold;
	color: #0E4098;
}

.top_interview_image a p.affiliation {
	margin: 0 0 6px;
	padding: 0;
	
	font-size: 0.72rem;
	line-height: 1;
	color: #212121;
}

.top_interview_image a p.join {
	margin: 0 0 0;
	padding: 0;
	
	font-size: 0.72rem;
	line-height: 1;
	color: #212121;
}

/*----- interview -----*/

/*----- top page -----*/



div.paragraph01_09 {
 margin:-30px 0 0;
 width:100%;
 padding-top:533px !important;
 background:url(../people/images/p034.jpg) center bottom no-repeat;
 background-size:100%;
 height:1000px;
 overflow:hidden;
}

div.movie_list li .balloon1 {
	width: 100% !important;
	margin: 0 auto 16px/*1.5em 20px 1.5em 0 !important*/;
	padding: 0;
	
	display: inline-block;
	position: relative;
	
	font-size: 16px;
	text-align: center;
}

.second div.top_people_list li a div.pp {
      width: 130px;
      height: 130px;
      border-radius: 300px;
      margin: 0 auto;
  }
  .second div.top_people_list li div span {
    padding-top: 135px;
    margin-bottom: 5px;
    font-size: 90%
}
div.top_people_list li div{
  line-height: 140%;
}
.people div.top_people_list li{
 min-height: 270px;
}
.fresh div.top_people_list li div span {
  padding: 0px;
  margin-bottom: 5px;
  font-size: 90%
}

body {
 width:100%;
 -webkit-text-size-adjust: 100%;
}

div.box {
 width:100%;
 margin:0 auto;
 padding:50px 0 0;
 height:550px;
/* background-position: center;*/
}

div.title_top {
 position:absolute;
 top:0;
 width:100%;
 z-index:10;
 padding: 0;
}

div.title_top h1 {
 color:#fff;
 text-align:center;
 font-size:35px;
 font-family:"Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
 z-index:10;
 padding: 0;
 margin: 60% 0 0;
 line-height: 140%;
}
div.title_top h1 span{
  font-size: 80%;
  margin-top: 0px;
}

div.info_top a {
 position:absolute;
 top:5%;
 left:5%;
 padding:40px 10px 10px !important;
 width:146px;
 height:110px;
 z-index:10;
 color:#fff;
 font-size:16px;
 line-height:1.5em;
 font-weight:bold;
 background:#C33;
 border-bottom:4px solid #900;
 text-align:center;
 border-radius: 50%;        /* CSS3草案 */
 -webkit-border-radius:  50%;    /* Safari,Google Chrome用 */
 -moz-border-radius:  50%;   /* Firefox用 */
}

.pankuzu {
 margin-top:-28px;
 margin-bottom:10px;
 font-size:11px;
}

#slider {
    width: 100%;
    /*height: 100vh;*//*スライダー全体の縦幅を画面の高さいっぱい（100vh）にする*/
	height: calc(100vh - 53px)!important;
    margin: 53px 0 0;
}

.wrapper{
  position: relative;
}

.wrapper #slider img.top_logo {
	
	width: 92%;
	height: auto;
	margin: 29px auto 0;
	
	position: absolute;
	top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}
	
main > section {
    width: 100vw;
    height: 72vh;
    position: relative;
}
	
.bgImg {
	position   : absolute;
  top        : 52px;
  left       : 0;
  bottom     : 0;
  right      : 0;
  opacity    : 0;
  animation  : bgAnime 20s infinite;
	overflow: hidden;
}
	
#bg-01 {
	width: 100%;
	height: 80vh;
	background-image: url("../images/bg-01-sp.jpg");
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
}
 
#bg-02 {
	width: 100%;
	height: 80vh;
	background-image: url("../images/bg-02-sp.jpg");
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
	animation-delay  : 5s;
}

#bg-03 {
	width: 100%;
	height: 80vh;
	background-image: url("../images/bg-03-sp.jpg");
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
	animation-delay  : 10s;
}

#bg-04 {
	width: 100%;
	height: 80vh;
	background-image: url("../images/bg-04-sp.jpg");
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
	animation-delay  : 15s;
}
	
.flex {
	display: flex;
    justify-content: space-between;
	flex-flow: wrap;
    align-items: center;
}
	
.flex_mirror {
	display: flex;
    justify-content: space-between;
	flex-flow: column-reverse;
    align-items: center;
}

.pconly {
	display: none;
}

.sponly {
	display: inherit;
}

.main_works {
	width: 100%;
	height: auto;
	margin: 0 auto;
	padding: 8vh 0;
	
	background-color:#D4ECF3;
}
	
.main_works h1 {
	margin: 0 auto 0 32px;
    padding: 0;
	
	color: #0E4098;
	font-size: 2.4em;
    text-align: left;
    line-height: 1;
    letter-spacing: 0.16em;
}

.main_works h2 {
	margin: 16px 0 8px;
    padding: 0;
	
	font-size: 1.2em;
    text-align: left;
    line-height: 1.4;
    letter-spacing: 0.1em;
}

.main_works p {
	margin: 0 0 16px;
    padding: 0;
	
	font-size: 0.88em;
	text-align: justify;
    line-height: 1.8;
    letter-spacing: 0.15em;
}
	
	
div.main_works .text {
	width: auto;
	height: auto;
	margin: 0 32px;
	padding: 0;
	
	display: block;
}

div.main_works .image {
	width: auto;
	height: auto;
	margin: 16px 32px 0 0;
	padding: 0;
	
	display: block;
}

div.main_works .image img{
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	
	display: block;
}

.main_topics {
	width: 100%;
	height: auto;
	margin: 0 auto;
	padding: 8vh 0;
	
	background-color:#fafafa;
}
	
.main_topics h1 {
	margin: 0 auto 0 32px;
    padding: 0;
	
	color: #0E4098;
	font-size: 2.4em;
    text-align: left;
    line-height: 1;
    letter-spacing: 0.16em;
}
	
.main_topics h2 {
	margin: 16px 0 8px;
    padding: 0;
	
	font-size: 1.2em;
    text-align: left;
    line-height: 1.4;
    letter-spacing: 0.1em;
}

.main_topics p {
	margin: 0 0 16px;
    padding: 0;
	
	font-size: 0.88em;
	text-align: justify;
    line-height: 1.8;
    letter-spacing: 0.15em;
}

div.main_topics .text {
	width: auto;
	height: auto;
	margin: 0 32px;
	padding: 0;
	
	display: block;
}

div.main_topics .image {
	width: auto;
	height: auto;
	margin: 16px 32px 0 0;
	padding: 0;
	
	display: block;
}

div.main_topics .image img{
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	
	display: block;
}
	
/*modal*/
	
.remodal-wrapper {
	padding: 32px 16px;
}
	
.remodal {
    width: 100%;
    height: auto;
    margin: 0;
	padding: 0;
	
	display: block;
    overflow:visible;
  }
	
/* arrow */
.remodal a.next {
	position: absolute;
	top: auto;
	bottom: -80px;
	right: 0;
	transform: translateY(0%);
    -webkit-transform: translateY(0%);
    -ms-transform: translateY(0%);
	
	display: block;
	width: 64px;
	height: 80px;
	
	content: '';
	background: url("../images/right-arrow.svg") no-repeat center;
	background-size: 20px;
	text-align: center;
	color: #fff;
}

.remodal a.prev {
	position: absolute;
	top: auto;
	bottom: -80px;
	left: 0;
	transform: translateY(0%);
    -webkit-transform: translateY(0%);
    -ms-transform: translateY(0%);
	
	display: block;
	width: 64px;
	height: 80px;
	
	content: '';
	background: url("../images/left-arrow.svg") no-repeat center;
	background-size: 20px;
	text-align: center;
	color: #fff;
}
	
.remodal-close {
	width: 80px;
	height: 80px;
	margin: 0;
	padding: 0;
	
	display: block;
	overflow: visible;
	
	position: absolute;
	bottom: -80px;
	left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);

	cursor: pointer;
	-webkit-transition: color 0.2s;
	transition: color 0.2s;
	text-decoration: none;
	
	color: #95979c;
	border: 0;
	outline: 0;
	background: transparent;
}

.remodal-close:hover,
.remodal-close:focus {
  color: #2b2e38;
}

.remodal-close:before {
	content: "\00d7 close";
	width: 80px;

    display: block;
	
	position: absolute;
    top: 0;
    left: 0;
    
    font-family: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif !important;
    text-align: center;
	font-size: 0.88rem;
    line-height: 80px;
}



.remodal .job_container {
	width: auto;
	height: auto;
	margin: 0 auto;
	padding: 0 24px 40px;
	
	display: block;
}

.remodal h1 {
	margin: 0 0 20px;
    padding: 0;
    
	display: block;
    position: relative;
    
	text-align: center;
    font-size: 1.6em;
    line-height: 1;
    letter-spacing: 0.05rem;
    color: #0E4098;
}
	
.remodal h2 {
	margin: 0 0 16px;
    padding: 0;
    
	display: block;
    position: relative;
    
	text-align: center;
    font-size: 1.24rem;
    line-height: 1;
    letter-spacing: 0.05rem;
    color: #0E4098;
}

.remodal p {
	margin: 0;
	padding: 0;
	
	font-size: 1rem;
	line-height: 2;
	text-align: justify;
}

.remodal ul {
	width: 100%;
	height: auto;
	margin: 0 auto;
	padding: 0;
	
	display: block;
	list-style: none;
}

.remodal ul li{
	margin: 0;
	padding: 0 0 0 1.5rem;
	
	display: block;
	line-height: 2;
	font-size: 1em;
	color: #212121;
	text-align: justify;
	
	position: relative;
}

.remodal ul li a{
	margin: 0;
	padding: 0;
	
	line-height: 2;
	font-size: 1em;
	color: #0E4098;
	text-align: justify;
	font-weight: bold;
	text-decoration: none;
}

.remodal ul li:before{
	content: '';
    width: 1.5rem;
    height: 2rem;
    display: inline-block;
    background: url(../images/footer_list_blue.png) left 2px center no-repeat;
    background-size: 6px 6px;
    position: absolute;
    top: 0;
    left: 0;
}

.remodal img.jobimage_main {
	width: 100%;
	height: auto;
	margin: 0 0 32px;
	padding: 0;
	
	display: block;
}

.remodal .job_container .modal_interview {
	width: 100%;
	height: auto;
	margin: 0 0 24px;
	padding: 0;
	
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.remodal .job_container .modal_interview_photo{
	width: 32%;
	height: auto;
	margin: 0 0 auto;
	padding: 0;
	
	display: block;
}

.remodal .job_container .modal_interview_photo img{
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	
	display: block;
}

.remodal .job_container .modal_interview_text {
	width: 64%;
	height: auto;
	margin: auto 0;
	padding: 0;
}

.remodal .job_container .modal_interview_text h3{
	margin: 0 0 8px;
	padding: 0;
	
	text-align: left;
	line-height: 1.6;
	font-size: 0.88rem;
	font-weight: bold;
	color: #0E4098;
}

.remodal .job_container .modal_interview_text p.affiliation{
	margin: 0 0 8px;
	padding: 0;
	
	font-weight: bold;
	font-size: 0.72em;
	color: #333;
	line-height: 1;
}

.remodal .job_container .modal_interview_text .shimei{
	margin: 0 0 8px;
	padding: 0;
	
	font-weight: bold;
	font-size: 0.8rem;
	color: #333;
	line-height: 1;
}

.remodal .job_container .modal_interview_text .modal_caption {
	margin: 0;
	padding: 0;
	
	font-size: 0.72em;
	line-height: 1;
	color: #212121;
}

.remodal .job_container .modal_interview_text .affiliation{
	margin: 0 0 8px;
	display: block;
}	
	
.remodal .job_container .modal_interview_text .join{
	margin: 0;
	padding: 0;
	
	font-weight: normal;
	font-size: 0.72rem;
	color: #333;
	line-height: 1;
}
	

/*.remodal-wrapper:after {
	content: "閉じる";
	
	width: 100%;
	height: 48px;
	margin:0 auto;
	padding: 0;
	display: block;
	
	line-height: 48px;
	text-align: center;
	vertical-align: middle;
	color: #fefefe;
	border: solid 1px #fefefe;
	
}*/
	
div.main_contents_inner {
	width: 100%;
	margin:0 auto;
	padding: 0 ;
}

.about,
.recruitmentinfo {
 width:90%;
 float:left;
 margin-left:0 !important;
 margin-right:10px !important;
 padding:0;
 overflow:hidden;
}
.about h2 {
 font-size:18px;
 width:100%;
 margin:0 auto;
 padding:0;
 text-align:center;
 border-bottom:1px solid #000;
 overflow:hidden;
}

.about img,
.recruitmentinfo img {
 width:100%;
 padding:0;
 overflow:hidden;
}

.recruitmentinfo h2 {
 font-size:18px;
 width:100%;
 margin:0 auto;
 padding:0;
 text-align:center;
 border-bottom:1px solid #000;
}


.monotan_intro {
width:89%;
margin-left:0;
padding:0 10px;
text-align: center;
}
.monotan_intro div{
  float: none;
  text-align: center;
  width: auto;
}
.monotan_intro p{
  font-size: 90%;
}
.monotan_intro img{
	width: 160px;
	height: auto;
	margin: 0 auto 24px;
	padding: 0;
	
	display: block;
}
	
.line_bottom {
	width:87%;
	margin-top: 20px;
	padding: 42px 15px;
}

.second div.top_people_list{
  width: 100%;
  padding: 0;
  margin: 0;
}
div.top_people_list li {
margin: 0 10px 0 0;
}
.people div.top_people_list li{
  min-height: 250px;
  line-height: 130%;
}
.second div.top_people_list li a div.pp {
    width: 130px;
    height: 130px;
    border-radius: 300px;
    margin: 0 auto;
}
.people div.top_people_list li div span {
    padding-top: 135px;
}


.fresh div.top_people_list li a div.pp {
    width: 100px;
    height: 100px;
    border-radius: 300px;
    margin: 0 auto;
    font-size: 95%;
}
.fresh .info {
    margin: 0;
}

.fresh div.h3wrap .point0401 {
width:80%;
margin: 15px;
}

img.monotan {
    width: 190px;
    margin-top: 0;
    margin-left: 1em;
  }


/*社員紹介*/

.top_people_pickup h2 {
 font-size:24px;
 width:12em;
 margin:0 auto;
 padding:20px 0 0;
 text-align:center;
}

div.top_people_list li a div.p01{
  width:100px;
  height:100px;
  border-radius: 300px;
}

div.top_people_list {
 max-width:600px;
 margin: 0 auto;
}

div.top_people_list li .balloon1 {
    color: #FFF;
    text-align: center;
}
div.top_people_list li span {
    display: block;
    font-size: 100%;
    color: #044781;
    font-weight: bold;
}
.fresh .second {
  float: none;
  width: 90%;
  margin: 0 auto;
  padding: 15px;
}
	
.fresh .monotan_intro {
	width: auto;
	margin: 0 auto 48px;
	padding: 16px;
}

.second .line_bottom{
  margin-top: 10px;
}

.second a .line_bottom a {
  text-decoration: none;
}
.more {
 width:200px;
 margin:0 auto;
}

.more a {
 width:200px;
 height:auto;
 display:block;
 border-top:1px solid #ccc;
 border-left:1px solid #ccc;
 border-right:1px solid #ccc;
 border-bottom:3px solid #999;
 margin:30px 0 50px;
 text-align:center;
 padding:10px;
 border-radius: 3px;    /* CSS3草案 */
 -webkit-border-radius: 3px;  /* Safari,Google Chrome用 */
 -moz-border-radius: 3px; /* Firefox用 */
 text-decoration:none !important;
 font-weight:bold;
 background:#fff;
}


div.people_list ul {
 margin:10px 0 10px 10px;
 padding:0;
}

div.people_list li {
 position:relative;
 list-style:none;
 background:#efefef;
 width:47%;
 height:250px;
 float:left;
 margin:5px 10px 5px 0;
 padding:8px 0 0;
}

div.people_list li a {
 width:100%;
 height:250px;
 display:block;
 text-decoration:none;
 color:#333;
 font-weight:bold;
}

span.name {
 margin:0;
 padding:0;
 width:99%;
 color:#c33;
 font-size:18px;
 font-family:'Noto Sans JP',arial black,Meiryo,"Hiragino Kaku Gothic ProN", sans-serif;
 position:absolute;
 left:1px;
 bottom:10px;
 background:rgba(255,255,255,0.8);
 text-align:center;
}

div.header_staff_img h1 {
  font-size: 18px;
  font-weight: bold;
  line-height:1.3em;
  color: #000;
  height: 50px;
  text-align: left;
}


div.title,
div.title02  {
 position:static;
 margin:0 0 10px 10px;
 padding:0;
 width:95%;
 height:auto !important;
 background:rgba(255,255,255,0.5);
 z-index:20;
 overflow:hidden;
}

div.title h3,
div.title02 h3  {
 color:#333;
 font-size:25px;
 line-height:1.4em;
 padding:0 10px 0 30px !important;
 font-family:'Noto Sans JP',"Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
 overflow:hidden;
}

div.paragraph01_02 {
 margin:-30px 0 0;
 width:100%;
 padding-top:533px !important;
 background:url(../people/images/p006.jpg) center bottom no-repeat;
 background-size:100%;
 height:680px;
 overflow:hidden;
}

div.paragraph01_03 {
 margin:-30px 0 0;
 width:100%;
 padding-top:533px !important;
 background:url(../people/images/p010.jpg) center bottom no-repeat;
 background-size:100%;
 height:620px;
 overflow:hidden;
}

div.paragraph01_04 {
 margin:-30px 0 0;
 width:100%;
 padding-top:533px !important;
 background:url(../people/images/p014.jpg) center bottom no-repeat;
 background-size:100%;
 height:920px;
 overflow:hidden;
}

div.paragraph01_05 {
 margin:-30px 0 0;
 width:100%;
 padding-top:533px !important;
 background:url(../people/images/p018.jpg) center bottom no-repeat;
 background-size:100%;
 height:920px;
 overflow:hidden;
}

div.paragraph01_06 {
 margin:-30px 0 0;
 width:100%;
 padding-top:533px !important;
 background:url(../people/images/p022.jpg) center bottom no-repeat;
 background-size:100%;
 height:920px;
 overflow:hidden;
}

div.paragraph01_07 {
 margin:-30px 0 0;
 width:100%;
 padding-top:533px !important;
 background:url(../people/images/p026.jpg) center bottom no-repeat;
 background-size:100%;
 height:920px;
 overflow:hidden;
}

div.paragraph01_08 {
 margin:-30px 0 0;
 width:100%;
 padding-top:533px !important;
 background:url(../people/images/p030.jpg) center bottom no-repeat;
 background-size:100%;
 height:1200px;
 overflow:hidden;
}

div.paragraph01_09 {
 margin:-30px 0 0;
 width:100%;
 padding-top:533px !important;
 background:url(../people/images/p034.jpg) center bottom no-repeat;
 background-size:100%;
 height:1120px;
 overflow:hidden;
}

div.paragraph01_10 {
 margin:-30px 0 0;
 width:100%;
 padding-top:533px !important;
 background:url(../people/images/p038.jpg) center bottom no-repeat;
 background-size:100%;
 height:1120px;
 overflow:hidden;
}

div.paragraph01_11 {
 margin:-30px 0 0;
 width:100%;
 padding-top:533px !important;
 background:url(../people/images/p042.jpg) center bottom no-repeat;
 background-size:100%;
 height:1200px;
 overflow:hidden;
}

div.paragraph01_p {
 position:relative;
 width:75%;
 margin:-533px 10px 10px 0;
 padding:10px 50px 10px 30px;
 background:#fff;
 overflow:hidden;
}

div.paragraph02_p {
 width:75%;
 margin:0;
 padding:20px 30px;
 background:transparent !important;
 overflow:hidden;
}

div.paragraph03_p {
 margin:10px 10px 10px 0;
 padding:10px 50px 10px 30px;
 background:#fff;
 overflow:hidden;
}

.report {
	
	width: 100%;
	height: auto;
	margin: 0 auto;
	padding:0;
	
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	-webkit-align-items: flex-start;  /* Safari etc. */
  -ms-align-items    : flex-start;  /* IE10        */
  align-items        : flex-start;
}

.report img{
	
	width: 100%;
	height: auto;
	margin: 0;
	padding:0;
	
	display: block;
	
}

.report div{
	
	width: 100%;
	height: auto;
	margin: 24px 0 auto;
	padding:0;
	
	display: block;
}

.report div h2{
	
	margin: 0 0 8px;
    padding: 0;
    display: block;
    text-align: justify;
    font-size: 1.24em;
    line-height: 1;
    letter-spacing: 0.15em;
    color: #0E4098;
}

.report div h2:after{
	
	display: none;
}

.report ul.review{
	
	margin: 16px 0 0;
	padding: 24px;
	
	background-color: #ECF6F9;
	font-weight: normal;
	
	display: block;
}

.report ul.review li{
	
	font-weight: normal;
}
	
#pagetop{
  bottom: 12px;
  position: fixed;
  right: 12px;
  z-index: 1000;
}
#pagetop a {
  display: block;
  height: 40px;
  width: 40px;
}
#pagetop a img {
  width: 40px;
  height: 40px;
  z-index: 888;
}

.qabox ul {
    overflow: hidden;
    width: 100%;
    margin: 0 auto ;
    padding: 0;
}
	
.qabox div ul {
    overflow: hidden;
    width: 100%;
    margin: 0 auto 24px;
    padding: 0;
}

.qabox div li.question {
	margin: 0;
	padding: 0 0 0 48px;
	background: url(https://corp.nikkan.co.jp/images/recruit-question.png) 0 0 no-repeat;
    background-size: 30px 30px;
    font-size: 0.96em;
	line-height: 1.8;
}
	
.qabox div li.answer {
	margin: 0 0 24px;
	padding: 0 0 0 48px;
    background: url(https://corp.nikkan.co.jp/images/recruit-answer.png) 0 0 no-repeat;
    background-size: 30px 30px;
    font-size: 0.88em;
    line-height: 1.6;
}
	
/*説明会*/

.read {
	margin: 0 0 40px;
	padding: 0;
}

.read p {
	margin: 0 0 16px;
	padding: 0;
	
	color: #333;
	font-size: 0.88em;
	line-height: 2;
}
	
/*募集要項*/
	
.gra a,
.gra2 a,
.car a,
.car2 a,
.car3 a,
.sche a {
 width:80% !important;
 height:auto;
 display:block;
 border-top:1px solid #ccc;
 border-left:1px solid #ccc;
 border-right:1px solid #ccc;
 border-bottom:3px solid #999;
 clear:both;
 margin: 20px auto;
 text-align:center;
 padding:20px 10px 20px 10px;
 border-radius: 3px;    /* CSS3草案 */
 -webkit-border-radius: 3px;  /* Safari,Google Chrome用 */
 -moz-border-radius: 3px; /* Firefox用 */
 text-decoration:none !important;
 font-weight:bold;
}

div.main_contents_inner {
	width: 100%;
	margin:0 auto;
	padding: 0 ;
}

  .tblwrap table th {
    background: #efefef;
    border: 1px solid #999;
    border-collapse: collapse;
    padding: 16px;
    width: 15%;
    white-space: nowrap;
  }
	
  .tblwrap table td {
    border: 1px solid #999;
    border-collapse: collapse;
    padding: 16px;
	  text-align: justify;
	  font-size: 0.88em;
	  outline-width: 1.6;
  }
	
.tblwrap table th {
  display: block;
  width: auto;
}
	
.tblwrap table td {
  display: block;
  width: auto;
  border-top: none;
}
	
.tblwrap table tr:first-child th {
	border-top: 1px solid #999;
	line-height: 1.25;
}
.tblwrap table td.tel{
  width: 100%;
}
	
dl.group{
	width: 100%;
	margin: 0;
	font-size: 16px;
	border-collapse: collapse;
}

dl.theme{
	width: 100%;
	margin: 0;
	font-size: 16px;
	border-collapse: collapse;
}

dt.term{
	margin: 0;
	font-size: 16px;
	
	background: #efefef;
	border-collapse: collapse;
}

dd.percentage{
	margin: 0;
	font-size: 16px;
	
	border-collapse: collapse;
}

div.daiji_20 {
 width: 10%;
}

.inner .contact_wrap tr {
	padding: 0;
	display: block;
	}
	
.publication_data_container{
	width: 100%;
	height: auto;
	margin: 0 0;
	padding: 0;
	
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.publication_data_container dl {
	width: calc(100% / 3 + 1px);
	margin: 0 0 0 -1px;
	padding: 0;
	
	 border-collapse: collapse;
    white-space: nowrap;
	font-size: 0.88rem;
}

.publication_data_container dt {
	margin: 0;
	padding: 24px 16px;
    background: #F6FAFC;
    border: 1px solid #eee;
    border-collapse: collapse;
    white-space: nowrap;
    text-align: center;
    color: #0E4098;
	font-weight: bold;
}

.publication_data_container dd {
	margin: -1px 0 0;
	padding: 24px 16px;
	background: #fff;
    border: 1px solid #eee;
    border-collapse: collapse;
	white-space: nowrap;
    text-align: center;
}
	
/*採用まで流れ*/

.inner ul.flow {
    margin: 0 0 48px;
    padding: 0;

  }
	
.inner ul.flow li {
  font-size: 15px;
  margin-bottom: 10px;
}
.inner ul.flow li.entry {
  background: url(https://corp.nikkan.co.jp/images/recruit-flow01sp.png) center top no-repeat,
  url(https://corp.nikkan.co.jp/images/recruit-flow-arr.png) center bottom no-repeat;
  background-size: 450px 57px, 59px 24px;
  padding: 65px 0 30px;
  height: auto;
}
.inner ul.flow li.lecture {
  background: url(https://corp.nikkan.co.jp/images/recruit-flow01-2sp.png) center top no-repeat,
  url(https://corp.nikkan.co.jp/images/recruit-flow-arr.png) center bottom no-repeat;
  background-size: 450px 57px, 59px 24px;
  padding: 65px 0 30px;
  height: auto;
}
.inner ul.flow li.paperwork {
  background: url(https://corp.nikkan.co.jp/images/recruit-flow02sp.png) center top no-repeat,
  url(https://corp.nikkan.co.jp/images/recruit-flow-arr.png) center bottom no-repeat;
  background-size: 450px 57px, 59px 24px;
  padding: 65px 0 30px;
  height: auto;
}
.inner ul.flow li.written {
  background: url(https://corp.nikkan.co.jp/images/recruit-flow03sp.png) center top no-repeat,
  url(https://corp.nikkan.co.jp/images/recruit-flow-arr.png) center bottom no-repeat;
  background-size: 450px 57px, 59px 24px;
  padding: 65px 0 30px;
  height: auto;
}
.inner ul.flow li.interview {
  background: url(https://corp.nikkan.co.jp/images/recruit-flow04sp.png) center top no-repeat,
  url(https://corp.nikkan.co.jp/images/recruit-flow-arr.png) center bottom no-repeat;
  background-size: 450px 57px, 59px 24px;
  padding: 65px 0 30px;
  height: auto;
}
.inner ul.flow li.interview_admn {
  background: url(https://corp.nikkan.co.jp/images/recruit-flow05sp.png) center top no-repeat,
  url(https://corp.nikkan.co.jp/images/recruit-flow-arr.png) center bottom no-repeat;
  background-size: 450px 57px, 59px 24px;
  padding: 65px 0 30px;
  height: auto;
}
.inner ul.flow li.offer {
  background: url(https://corp.nikkan.co.jp/images/recruit-flow06sp.png) center top no-repeat,
  url(https://corp.nikkan.co.jp/images/recruit-flow-arr.png) center bottom no-repeat;
  background-size: 450px 57px, 59px 24px;
  padding: 65px 0 30px;
  height: auto;
}
.inner ul.flow li.join {
	background: url(https://corp.nikkan.co.jp/images/recruit-flow07sp.png) center top no-repeat;
	background-size: 450px 57px;
	padding: 65px 0 10px;
	margin-bottom: 0;
	height: auto;
}

/*採用Ｑ＆Ａ*/
.qabox div:first-child,
.qabox div:last-child {
  width: 100%;
  float: none;
}

.footer_link {
	width: auto;
	margin: 48px 48px 16px;
	padding:0;
}

/*.footer_link ul::before {
	content: "日刊工業新聞社 採用情報2024";
	
    margin: 0 0 24px;
    padding: 0;
    
	display: block;
    color: #212121;
    font-size: 0.88rem;
    font-weight: bold;
    letter-spacing: 0.1em;
    line-height: 1;
    text-align: center;
}*/
	
.footer_link ul {
	width: 100%;
	margin: 0 auto;
	padding:0;
	
	border: none;
	display: flex;
	flex-wrap: wrap;
}
	
.footer_link ul a{
	width: fit-content;
	margin: 0;
    padding: 0 0 0 18px;
	border: none !important;
	display:block;
	color: #212121;
	text-align: left;
}
	
.footer_link ul a[target="_blank"] {
    background: url(../images/link.png) no-repeat 52px center;
}

.footer_link ul a:hover{
    cursor:pointer;
}
	
.footer_link ul a li{
	font-size: 0.88em;
	list-style:none;
	line-height : 2.4;
	text-align: left;
}

.footer_link ul li {
	font-size:0.88em;
	list-style:none;
	line-height: 1;
}

.footer_link ul li:nth-child(1) {
	width: 100%;
	margin: 0 0 40px;
}

.footer_link ul li:nth-child(2) {
	width: 48%;
	margin: 0 0 40px;
}
	
.footer_link ul li:nth-child(3) {
	width: 48%;
	margin: 0 0 40px;
}
	
.footer_link ul li:nth-child(4) {
	width: 48%;
	margin: 0 0 32px;
}
	
.footer_link ul li:nth-child(5) {
	width: 48%;
	margin: 0 0 32px;
}

.footer_link ul li a.bold {
	font-size:1em;
	list-style:none;
	font-weight: bold;
	color: #0E4098;
}

.borderright {
  border-right:none !important;
}

/*日刊工データ*/

.leftbox {
 width:75%;
}

div.daiji_20 {
 width: 10%;
}

div.main_contents_inner a {
	float: none;
    padding: 16px;
    margin: 16px auto;
    text-decoration: none;
    width: auto!important;
	font-size: 0.96em;
}

div.main_contents_inner h2 {
	margin: 0 auto 16px ;
	padding: 0;
	clear:both;
	text-align:center;
	font-size: 1.25em;
	line-height: 1.6;
}
	
div.main_contents_inner #gra{
 padding:32px 0 0;
}
	
div.main_contents_inner #intern{
 padding:32px 0 0;
}
	
div.main_contents_inner #car{
 padding:32px 0 0;
}
	
.wrap_jobs span img, .wrap_jobs .accbox img.ph3 {
      width: 100%;
      margin: 0;
	  padding: 0;
	  text-align: center;
   }

.wrap_jobs .accbox dl dt {
    width: 50px;
    font-size: 14px;
}
.wrap_jobs .accbox dl dd {
    width: 70%;
}
.wrap_jobs h6{
  text-align: center;
}

.wrap_jobs span div img {
	  width: 100%;
	  height: auto;
	  margin: 0 0 16px;
	  padding: 0;
  }

.wrap_jobs span div ul{
	margin: 0 0 16px;
    padding: 0;
    list-style: none;
  }
	
.wrap_jobs span div .jobs_text {
	width: 100%;
	margin: 0 auto;
	padding: 0;
	text-align: justify;
}

.jobs_text li {
	margin: 0 auto;
	padding: 0;
	
	font-size: 0.88em;
	text-align: justify;
}

.wrap_jobs .accbox label {
	margin: 0;
    padding: 8px 24px;
    display: block;
    font-size: 0.8em;
    color: #0E4098;
    font-weight: bold;
    background: #fff;
    cursor: pointer;
    transition: all 0.5s;
    border-radius: 4px;
    border: #0E4098 solid 1px;
    box-shadow: 2px 2px #0E4098;
    text-align: center;
}

.accshow p {
	text-align: justify;
    font-size: 0.88em;
}

  div.top_people_list{
    width: 100%;
  }
  .second div.top_people_list li{
    width: 30%;
    line-height: 140%;
  }

#startentry {
	font-size: 0.75em;
}

div.info_top a {
 position:absolute;
 top:3%;
 left:3%;
 padding:30px 15px 10px !important;
 width:110px;
 height:95px;
 z-index:10;
 color:#fff;
 font-size:14px;
 line-height:1.5em;
 font-weight:bold;
 background:#C33;
 border-bottom:5px solid #900;
 text-align:center;
 border-radius: 50%;        /* CSS3草案 */
 -webkit-border-radius:  50%;    /* Safari,Google Chrome用 */
 -moz-border-radius:  50%;   /* Firefox用 */
}

div.paragraph01_03 {
 height:750px !important;
 overflow:hidden;
}

div.paragraph01_04 {
 margin:-30px 0 0;
 width:100%;
 padding-top:533px !important;
 background:url(../people/images/p014.jpg) center bottom no-repeat;
 background-size:120%;
 height:1000px;
 overflow:hidden;
}

div.paragraph01_06 {
 margin:-30px 0 0;
 width:100%;
 padding-top:533px !important;
 background:url(../people/images/p022.jpg) center bottom no-repeat;
 background-size:100%;
 height:1000px;
 overflow:hidden;
}

div.paragraph01_07 {
 margin:-30px 0 0;
 width:100%;
 padding-top:533px !important;
 background:url(../people/images/p026.jpg) center bottom no-repeat;
 background-size:100%;
 height:1000px;
 overflow:hidden;
}

div.paragraph01_08 {
 margin:-30px 0 0;
 width:100%;
 padding-top:533px !important;
 background:url(../people/images/p030.jpg) center bottom no-repeat;
 background-size:100%;
 height:1100px;
 overflow:hidden;
}

div.paragraph01_09 {
 margin:-30px 0 0;
 width:100%;
 padding-top:533px !important;
 background:url(../people/images/p034.jpg) center bottom no-repeat;
 background-size:100%;
 height:1000px;
 overflow:hidden;
}

div.paragraph01_10 {
 margin:-30px 0 0;
 width:100%;
 padding-top:533px !important;
 background:url(../people/images/p038.jpg) center bottom no-repeat;
 background-size:100%;
 height:1000px;
 overflow:hidden;
}

div.paragraph01_11 {
 margin:-30px 0 0;
 width:100%;
 padding-top:533px !important;
 background:url(../people/images/p042.jpg) center bottom no-repeat;
 background-size:100%;
 height:1400px;
 overflow:hidden;
}

div.paragraph03_05 {
 margin:0 50px 10px 0;
 width:100%;
 padding:400px 0 0;
 background:url(../people/images/p020.jpg) center top no-repeat;
 background-size:200%;
 height:auto;
 overflow:hidden;
}

/*募集要項*/

.car_container {
 width:100%;
 height:auto;
 margin:0;
 padding:0;

 display: flex;
 justify-content: flex-start;
 flex-wrap: wrap;
}
	
.gra a,
.gra2 a,
.car a,
.car2 a,
.car3 a,
.sche a {
 width:75%;
 height:auto;
 display:block;
 border-top:1px solid #ccc;
 border-left:1px solid #ccc;
 border-right:1px solid #ccc;
 border-bottom:3px solid #999;
 clear:both;
 margin:10px auto;/*10px 50px 10px 30px !important;*/
 text-align:center;
 padding:20px 10px;
 border-radius: 3px;    /* CSS3草案 */
 -webkit-border-radius: 3px;  /* Safari,Google Chrome用 */
 -moz-border-radius: 3px; /* Firefox用 */
 text-decoration:none !important;
 font-weight:bold;
}

/*日刊工データ*/

/*会社説明会*/
body.info .read{
  padding: 0 10px;
  text-align: left;
}

div.movie_list li .balloon1 {
	width: 100%/*95% !important*/;
}

.pankuzu {
 margin-top:-35px;
 margin-bottom:0;
 font-size:11px;
}
	
.daiji {
	width: 80%;
	height: 53px;
    margin: 0;
    padding: 0 0 0 16px;
    position: fixed;
    top: 0;
    left: 0;
	}
	
.daiji a{
	width: 100%;
	height: 100%;
    margin: 0;
    padding: 0;
	
	position: relative;
	}

.daiji a img {
	width: 100%;
	height: auto;
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
	
	/*width:100%;
	height: auto;
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);*/
}

a img#line_top {
    width: 33px;
    margin: 3px 0 0 3px;
}
div.title_top h1 {
 font-size:35px;
 padding: 0;
 margin: 80% 0 0;
}
div.header_staff_img_contentsbox001 {
 width:100%;
 margin:0 auto;
 padding:30px 0 40px;
 background:url(../people/images/p001.png) center bottom no-repeat;
 background-size: cover;
 height:auto !important;
 overflow:hidden;
}

div.header_staff_img_contentsbox001 h2 {
 color:#f15a24;
 font-size:30px;
 font-family:'Noto Sans JP',arial black,Meiryo,"Hiragino Kaku Gothic ProN", sans-serif;
 line-height:1em;
 margin:270px 0 0;
 padding:0 0 10px 20px !important;
 /*text-shadow: #fff 1px 1px 1px, #fff -1px 1px 1px, #fff 1px -1px 1px, #fff -1px -1px 1px;*/
 background:rgba(255,255,255,0.7);
 overflow:hidden;
}

div.header_staff_img_contentsbox002 {
 width:100%;
 margin:0 auto;
 padding:30px 0 40px;
 background:url(../people/images/p005.png) center bottom no-repeat;
 background-size: cover;
 height:auto !important;
 overflow:hidden;
}

div.header_staff_img_contentsbox002 h2,
div.header_staff_img_contentsbox003 h2,
div.header_staff_img_contentsbox004 h2,
div.header_staff_img_contentsbox005 h2,
div.header_staff_img_contentsbox006 h2,
div.header_staff_img_contentsbox007 h2,
div.header_staff_img_contentsbox008 h2,
div.header_staff_img_contentsbox009 h2,
div.header_staff_img_contentsbox010 h2,
div.header_staff_img_contentsbox011 h2 {
 color:#c33;
 font-size:30px;
 font-family:'Noto Sans JP',arial black,Meiryo,"Hiragino Kaku Gothic ProN", sans-serif;
 line-height:1em;
 margin:270px 0 0;
 padding:0 0 10px 20px !important;
 /*text-shadow: #fff 1px 1px 1px, #fff -1px 1px 1px, #fff 1px -1px 1px, #fff -1px -1px 1px;*/
 background:rgba(255,255,255,0.7);
 overflow:hidden;
}

div.header_staff_img_contentsbox003 {
 width:100%;
 margin:0 auto;
 padding:30px 0 40px;
 background:url(../people/images/p009.png) center bottom no-repeat;
 background-size: cover;
 height:auto !important;
 overflow:hidden;
}

div.header_staff_img_contentsbox004 {
 width:100%;
 margin:0 auto;
 padding:30px 0 40px;
 background:url(../people/images/p013.png) center bottom no-repeat;
 background-size: cover;
 height:auto !important;
 overflow:hidden;
}

div.header_staff_img_contentsbox005 {
 width:100%;
 margin:0 auto;
 padding:30px 0 40px;
 background:url(../people/images/p017.png) center bottom no-repeat;
 background-size: cover;
 height:auto !important;
 overflow:hidden;
}

div.header_staff_img_contentsbox006 {
 width:100%;
 margin:0 auto;
 padding:30px 0 40px;
 background:url(../people/images/p021.png) center bottom no-repeat;
 background-size: cover;
 height:auto !important;
 overflow:hidden;
}

div.header_staff_img_contentsbox007 {
 width:100%;
 margin:0 auto;
 padding:30px 0 40px;
 background:url(../people/images/p025.png) center bottom no-repeat;
 background-size: cover;
 height:auto !important;
 overflow:hidden;
}



div.header_staff_img_contentsbox008 {
 width:100%;
 margin:0 auto;
 padding:30px 0 40px;
 background:url(../people/images/p029.png) center bottom no-repeat;
 background-size: cover;
 height:auto !important;
 overflow:hidden;
}

div.header_staff_img_contentsbox009 {
 width:100%;
 margin:0 auto;
 padding:30px 0 40px;
 background:url(../people/images/p033.png) center bottom no-repeat;
 background-size: cover;
 height:auto !important;
 overflow:hidden;
}

div.header_staff_img_contentsbox010 {
 width:100%;
 margin:0 auto;
 padding:30px 0 40px;
 background:url(../people/images/p037.png) center bottom no-repeat;
 background-size: cover;
 height:auto !important;
 overflow:hidden;
}

div.header_staff_img_contentsbox011 {
 width:100%;
 margin:0 auto;
 padding:30px 0 40px;
 background:url(../people/images/p041.png) center bottom no-repeat;
 background-size: cover;
 height:auto !important;
 overflow:hidden;
}

div.title,
div.title02 {
 position:static;
 margin:0 0 10px 0;
 padding:0 0 10px 10px;
 width:96%;
 height:auto !important;
 background:rgba(255,255,255,0.7);
 z-index:20;
 overflow:hidden;
}

div.title h3,
div.title02 h3  {
 color:#333;
 font-size:25px;
 line-height:1.4em;
 padding:20px 0 0 10px !important;
 font-family:'Noto Sans JP',"Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
 overflow:hidden;
}

div.title02 h3 {
 font-weight:bold;
}

div.paragraph01 {
 margin:-30px 0 0;
 width:100%;
 padding-top:533px !important;
 background:url(../people/images/p002.jpg) center bottom no-repeat;
 background-size:auto;
 height:1500px !important;
 overflow:hidden;
}

div.paragraph01_02 {
 margin:-30px 0 0;
 width:100%;
 padding-top:533px !important;
 background:url(../people/images/p006.jpg) center bottom no-repeat;
 background-size:120%;
 height:950px;
 overflow:hidden;
}

div.paragraph01_03 {
 margin:-30px 0 0;
 width:100%;
 padding-top:533px !important;
 background:url(../people/images/p010.jpg) center bottom no-repeat;
 background-size:120%;
 height:850px;
 overflow:hidden;
}

div.paragraph01_04 {
 margin:-30px 0 0;
 width:100%;
 padding-top:533px !important;
 background:url(../people/images/p014.jpg) center bottom no-repeat;
 background-size:120%;
 height:1060px;
 overflow:hidden;
}

div.paragraph01_05 {
 margin:-30px 0 0;
 width:100%;
 padding-top:533px !important;
 background:url(../people/images/p018.jpg) center bottom no-repeat;
 background-size:120%;
 height:1060px;
 overflow:hidden;
}

div.paragraph01_06 {
 margin:-30px 0 0;
 width:100%;
 padding-top:533px !important;
 background:url(../people/images/p022.jpg) center bottom no-repeat;
 background-size:120%;
 height:1160px;
 overflow:hidden;
}

div.paragraph01_07 {
 margin:-30px 0 0;
 width:100%;
 padding-top:533px !important;
 background:url(../people/images/p026.jpg) center bottom no-repeat;
 background-size:120%;
 height:1160px;
 overflow:hidden;
}

div.paragraph01_08 {
 margin:-30px 0 0;
 width:100%;
 padding-top:533px !important;
 background:url(../people/images/p030.jpg) center bottom no-repeat;
 background-size:120%;
 height:1160px;
 overflow:hidden;
}

div.paragraph01_09 {
 margin:-30px 0 0;
 width:100%;
 padding-top:533px !important;
 background:url(../people/images/p034.jpg) center bottom no-repeat;
 background-size:120%;
 height:1300px;
 overflow:hidden;
}

div.paragraph01_10 {
 margin:-30px 0 0;
 width:100%;
 padding-top:533px !important;
 background:url(../people/images/p038.jpg) center bottom no-repeat;
 background-size:120%;
 height:1300px;
 overflow:hidden;
}

div.paragraph01_11 {
 margin:-30px 0 0;
 width:100%;
 padding-top:533px !important;
 background:url(../people/images/p042.jpg) center bottom no-repeat;
 background-size:120%;
 height:1500px;
 overflow:hidden;
}

div.paragraph01_p {
 position:relative;
 width:90%;
 margin:-533px 10px 10px 0;
 padding:10px;
 background:#fff;
 overflow:hidden;
}

div.paragraph02 {
 width:100% !important;
 padding:0;
 background:#fff !important;
 background-size:auto;
 height:auto;
 overflow:hidden;
}

div.paragraph02_p {
 width:90%;
 margin:0;
 padding:10px;
 background:transparent !important;
 overflow:hidden;
}

.p02_01 {
 width:100%;
 background:transparent !important;
 overflow:hidden;
}

.p02_02 {
 width:100%;
 padding:450px 0 0 0;
 background:url(../people/images/p003.jpg) no-repeat;
 background-position:50% 20px;
 overflow:hidden;
}

div.paragraph03_p {
 width:90%;
 margin:10px 10px 10px 0;
 padding:10px;
 background:#fff;
 overflow:hidden;
}

.entry_btn ul {
 width:100%;
 height:100px;
 margin:0 auto;
 padding:0;
}

.entry_btn ul li {
 list-style:none;
 clear:both;
 margin-bottom:10px;
 width:97%;
 text-align:center;
}

.entry_btn ul li a {
 font-size:18px;
}

#footer {
	width: 100%;
	padding: 64px 0 144px;
	background: #f2f2f2;
}
	
#footer .companylogo {
	width: auto;
	margin: 0 auto 32px;
	text-align:center;
}

#footer .companylogo img{
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
}

#footer .rights p {
	margin: 48px 0 0;
	padding: 0;
	font-size: 0.72rem;
	text-align:center;
	color: #0E4098;
	line-height: 1;
}

#footer a:hover{
 opacity:1;
}
	
#footer .fix_entry {
    position: fixed;
	right: 24px;
    bottom: 24px;
	
    color: #FFF;
    text-align: center;

	border-radius: 50%;
	z-index: 1000;
}
	
#footer .fix_entry p {
	width: 80px;
	height: 80px;
	margin: 0;
	padding: 0;
	
	display: block;
	border-radius: 50%;
	
	line-height: 80px;
	font-size:1em;
	text-align: center;
    background-color: #45B035;
}
	
#footer .fix_entry p img{
  vertical-align:text-top;
}

#footer .sp_block {
	width: 48%;
}
	
div.top_people_list {
    width: 100%;
  }
	
.second div.top_people_list li{
    width: 35%;
    line-height: 140%;
    padding-left: 1%;
}

.fresh div.top_people_list li:nth-child(odd) {
margin:0 22px 0 0
}
.fresh div.top_people_list li:nth-child(even) {
margin:0;
padding: 0;
}
.people div.top_people_list li{
  width: 35%;
  min-height: 270px;
  font-size: 90%;
  margin: 0;
  padding: 0;
}
.people div.top_people_list li:nth-child(odd) {
margin: 0 20px 0 -20px;
}
.people div.top_people_list li:nth-child(even) {
margin: 0 0 0 30px;
}

div.box {
 width:100%;
 margin:0 auto;
 padding:50px 0 0;
 height:300px;
}

div.title_top {
 position:absolute;
 top:3%;
 width:100%;
 z-index:10;
}

div.title_top h1 {
 color:#fff;
 font-size:20px;
 font-family:'Noto Sans JP',"Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
 margin:180px auto 0 auto;
 z-index:10;
 padding: 0;
}

div.paragraph01_04 {
 height:1100px;
 overflow:hidden;
}


/*募集要項*/


.gra a,
.gra2 a,
.car a,
.car2 a,
.car3 a {
 width:73%;
 height:auto;
 display:block;
 border-top:1px solid #ccc;
 border-left:1px solid #ccc;
 border-right:1px solid #ccc;
 border-bottom:3px solid #999;
 clear:both;
 margin:10px auto; /*10px 50px 10px 30px !important;*/
 text-align:center;
 padding:20px 10px;
 border-radius: 3px;    /* CSS3草案 */
 -webkit-border-radius: 3px;  /* Safari,Google Chrome用 */
 -moz-border-radius: 3px; /* Firefox用 */
 text-decoration:none !important;
 font-weight:bold;
}


.sche a {
 width:73%;
 height:auto;
 display:block;
 border-top:1px solid #ccc;
 border-left:1px solid #ccc;
 border-right:1px solid #ccc;
 border-bottom:3px solid #999;
 clear:both;
 margin:0 50px 20px 30px;
 text-align:center;
 padding:20px 10px 20px;
 border-radius: 3px;    /* CSS3草案 */
 -webkit-border-radius: 3px;  /* Safari,Google Chrome用 */
 -moz-border-radius: 3px; /* Firefox用 */
 text-decoration:none !important;
 font-weight:bold;
}
	
/*採用までの流れ*/

.flow {
    margin: 0;
    padding: 0;
  }

.inner section.flow_container {
	margin: 0 0 48px;
}

	
.flow_evnet {
	width: 100%;
	min-height: 56px;
	margin: 0 0 32px;
    padding: 0 0 16px;
	
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	
    font-size: 1rem;
    line-height: 1.8;
	
	position: relative;
    }

.flow_evnet::before {
	content: '';
    width: 28px;
    height: 16px;
    margin: 0;
    padding: 0;
    position: absolute;
    display: block;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    background-image: url("../images/flow_gray.png");
    background-size: 28px auto;
    background-repeat: no-repeat;
}

.flow_evnet:last-child {
	margin: 0;
	padding: 0;
}

.flow_evnet:last-child::before {
	display: none;
}

.flow_caption {
	width: calc(100vw - 148px);
	margin: 0 0 32px;
}

.flow_evnet:last-child .flow_caption{
	margin: 0;
}

.flow_caption h3 {
	margin: 4px 0 8px;
    padding: 0;
    line-height: 1;
    font-size: 1.24rem;
    color: #0E4098;
}

.number {
	content: '';
    width: 100px;
    height: 56px;
}

.number.entry {
	background: url(../images/flow_01.png) 0 0 no-repeat;
	background-size: auto 56px;
    }

.flow div.lecture {
	background: url(../images/flow_02.png) 0 0 no-repeat;
	background-size: auto 56px;
      }

.flow div.paperwork {
	background: url(../images/flow_03.png) 0 0 no-repeat;
	background-size: auto 56px;
    }

.flow div.written {
	background: url(../images/flow_04.png) 0 0 no-repeat;
	background-size: auto 56px;
    }

.flow div.interview {
	background: url(../images/flow_05.png) 0 0 no-repeat;
	background-size: auto 56px;
    }

.flow div.interview_admn {
	background: url(../images/flow_06.png) 0 0 no-repeat;
	background-size: auto 56px;
    }

.flow div.offer {
	background: url(../images/flow_07.png) 0 0 no-repeat;
	background-size: auto 56px;
    }

.flow div.join {
	background: url(../images/flow_08.png) 0 0 no-repeat;
	background-size: auto 56px;
    }


/*採用Ｑ＆Ａ*/

 .qabox {
    overflow: hidden;
    margin: 0;
    padding: 0;
  }

.qabox ul {
    margin:0 0 40px;
	border-bottom: solid 1px #F2F2F2;
}

.qabox ul:last-child {
	margin:0;
}

.qabox li.question {
    margin: 0 0 8px;
	padding: 0;
	
	display: flex;
	
    font-size: 1rem;
	line-height: 1.8;
	color: #0E4098;
	
	list-style:none;
	font-weight: bold;
	
	/*background: url(https://corp.nikkan.co.jp/images/recruit-question.png) 0 0 no-repeat;
    background-size: 30px 30px;
    padding: 45px;*/
}

.qabox li.question::before {
	content: 'Q.';
    color: #0E4098;
    font-size: 20px;
    margin: 2px 24px 0 0;
    vertical-align: text-top;
    line-height: 1;
}

.qabox li.answer {
	margin: 0 0 40px;
	padding: 0;
	
	display: flex;
	
	font-size: 1rem;
	line-height: 1.8;
	color: #212121;
	
	list-style:none;
	font-weight: normal;
	
	/*background: url(https://corp.nikkan.co.jp/images/recruit-answer.png) 0 0 no-repeat;
	background-size: 30px 30px;
	padding-left: 45px;*/
    }

.qabox li.answer::before {
	content: 'A.';
	color: #212121;
	font-size: 20px;
	margin: 4px 24px 0 0;
	font-weight: bold;
	vertical-align: text-top;
    line-height: 1;
}

/*説明会*/

.read {
	margin: 0 0 32px;
	padding: 0;
}

.read p {
	margin: 0 0 16px;
	padding: 0;
	
	color: #333;
	font-size: 0.88em;
	line-height: 2;
}

/*説明会ここまで*/

/*日刊工データ*/
div.daiji_20 {
 width: 10%;
}

.btm_cnts .monotan_intro{
  width: 87%
}
.btm_cnts .line_bottom{
  width: 83%
}
div.header_staff_img h1 {
  font-size: 16px;
  font-weight: bold;
  line-height:1.3em;
  color: #000;
  height: 30px;
  text-align: left;
  padding-left: 35px;
  margin-left:10px;
}

div.header_staff_img_contentsbox001 {
 width:100%;
 margin:0 auto;
 padding:30px 0 40px 0;
 background:url(../people/images/p001.png) center bottom no-repeat;
 background-size: cover;
 height:auto !important;
 overflow:hidden;
}

div.header_staff_img_contentsbox002 {
 width:100%;
 margin:0 auto;
 padding:30px 0 40px 0;
 background:url(../people/images/p005.png) center bottom no-repeat;
 background-size: cover;
 height:auto !important;
 overflow:hidden;
}

div.header_staff_img_contentsbox003 {
 width:100%;
 margin:0 auto;
 padding:30px 0 40px 0;
 background:url(../people/images/p009.png) center bottom no-repeat;
 background-size: cover;
 height:auto !important;
 overflow:hidden;
}

div.header_staff_img_contentsbox004 {
 width:100%;
 margin:0 auto;
 padding:30px 0 40px 0;
 background:url(../people/images/p013.png) center bottom no-repeat;
 background-size: cover;
 height:auto !important;
 overflow:hidden;
}

div.header_staff_img_contentsbox005 {
 width:100%;
 margin:0 auto;
 padding:30px 0 40px 0;
 background:url(../people/images/p017.png) center bottom no-repeat;
 background-size: cover;
 height:auto !important;
 overflow:hidden;
}

div.header_staff_img_contentsbox006 {
 width:100%;
 margin:0 auto;
 padding:30px 0 40px 0;
 background:url(../people/images/p021.png) center bottom no-repeat;
 background-size: cover;
 height:auto !important;
 overflow:hidden;
}

div.header_staff_img_contentsbox007 {
 width:100%;
 margin:0 auto;
 padding:30px 0 40px 0;
 background:url(../people/images/p025.png) center bottom no-repeat;
 background-size: cover;
 height:auto !important;
 overflow:hidden;
}

div.header_staff_img_contentsbox008 {
 width:100%;
 margin:0 auto;
 padding:30px 0 40px 0;
 background:url(../people/images/p029.png) center bottom no-repeat;
 background-size: cover;
 height:auto !important;
 overflow:hidden;
}

div.header_staff_img_contentsbox009 {
 width:100%;
 margin:0 auto;
 padding:30px 0 40px 0;
 background:url(../people/images/p033.png) center bottom no-repeat;
 background-size: cover;
 height:auto !important;
 overflow:hidden;
}

div.header_staff_img_contentsbox010 {
 width:100%;
 margin:0 auto;
 padding:30px 0 40px 0;
 background:url(../people/images/p037.png) center bottom no-repeat;
 background-size: cover;
 height:auto !important;
 overflow:hidden;
}

div.header_staff_img_contentsbox011 {
 width:100%;
 margin:0 auto;
 padding:30px 0 40px 0;
 background:url(../people/images/p041.png) center bottom no-repeat;
 background-size: cover;
 height:auto !important;
 overflow:hidden;
}

div.header_staff_img_contentsbox001 h2 span,
div.header_staff_img_contentsbox002 h2 span,
div.header_staff_img_contentsbox003 h2 span,
div.header_staff_img_contentsbox004 h2 span,
div.header_staff_img_contentsbox005 h2 span,
div.header_staff_img_contentsbox006 h2 span,
div.header_staff_img_contentsbox007 h2 span,
div.header_staff_img_contentsbox008 h2 span,
div.header_staff_img_contentsbox009 h2 span,
div.header_staff_img_contentsbox010 h2 span,
div.header_staff_img_contentsbox011 h2 span {
 font-size:16px;
 color:#000;
}

div.header_staff_img_contentsbox001 h2,
div.header_staff_img_contentsbox002 h2,
div.header_staff_img_contentsbox003 h2,
div.header_staff_img_contentsbox004 h2,
div.header_staff_img_contentsbox005 h2,
div.header_staff_img_contentsbox006 h2,
div.header_staff_img_contentsbox007 h2,
div.header_staff_img_contentsbox008 h2,
div.header_staff_img_contentsbox009 h2,
div.header_staff_img_contentsbox010 h2,
div.header_staff_img_contentsbox011 h2 {

 font-size:30px;
 font-family:'Noto Sans JP',arial black, Meiryo, "Hiragino Kaku Gothic ProN", sans-serif;
 line-height:1em;
 margin:270px 0 0;
 padding:0 0 10px 20px !important;
 background:rgba(255,255,255,0.7);
 overflow:hidden;
}

div.title {
 position:static;
 margin:0 0 10px 0;
 padding:0 0 10px 10px;
 width:96%;
 height:auto !important;
 background:rgba(255,255,255,0.7);
 z-index:20;
 overflow:hidden;
}

div.title h3,
div.title02 h3 {
 color:#333;
 font-size:25px;
 line-height:1.4em;
 padding:20px 0 0 10px !important;
 font-family:'Noto Sans JP',"Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
 overflow:hidden;
 font-weight:bold;
}

div.title02 {
 position:static;
 margin:0 0 10px 0;
 padding:0 0 10px 10px;
 width:96%;
 height:auto !important;
 background:rgba(255,255,255,0.7);
 z-index:20;
 overflow:hidden;
}

div.paragraph01 {
 margin:-30px 0 0;
 width:100%;
 padding-top:533px !important;
 background:url(../people/images/p002.jpg) center bottom no-repeat;
 background-size:auto;
 height:1000px!important;
 overflow:hidden;
}

div.paragraph01_03 {
 height:950px !important;
 overflow:hidden;
}

div.paragraph01_04,
div.paragraph01_05 {
 height:1280px;
 overflow:hidden;
}

div.paragraph01_06,
div.paragraph01_07 {
 height:1380px;
 overflow:hidden;
}

div.paragraph01_08,
div.paragraph01_11 {
 height:1700px;
 overflow:hidden;
}

div.paragraph01_09,
div.paragraph01_10 {
 height:1500px;
 overflow:hidden;
}
div.paragraph02_04 .p02_02 {
 width:100%;
 padding:300px 0 0;
 background:url(../people/images/p015.jpg) no-repeat;
 background-size:100%;
 background-position:50% 20px;
 overflow:hidden;
}

div.paragraph02 {
 width:100% !important;
 padding:0;
 background:#fff !important;
 background-size:auto;
 height:auto;
 overflow:hidden;
}

.p02_01 {
 width:100%;
 background:transparent !important;
 overflow:hidden;
}

.p02_02 {
 width:100%;
 padding:450px 0 0;
 background:url(../people/images/p003.jpg) no-repeat;
 background-position:50% 20px;
 overflow:hidden;
}

div.paragraph01_p {
 position:relative;
 width:85%;
 margin:-533px 10px 10px 0;
 padding:10px;
 background:#fff;
 overflow:hidden;
}

div.paragraph02_p {
 width:90%;
 margin:0;
 padding:10px;
 background:transparent !important;
 overflow:hidden;
}

div.paragraph03_p {
 width:85%;
 margin:10px 10px 0;
 padding:10px;
 background:#fff;
 overflow:hidden;
}

.info h2 {
 width:98% !important;
}

div.top_people_list li {
    margin: 0 50px 0 0;
    width: 33%;
}
}

@media screen and (max-width: 600px){
#c-modal {
    position: fixed;
    bottom: 0;
    width: 100%;
    box-sizing: border-box;
    z-index: 99999999999999999999 !important;
    padding: 20px;
    text-align: left;
    background: #000;
    color: #fff;
    flex-wrap:wrap;
    line-height: 1.7;
}
  #c-modal p {
    font-size:80%;
    padding: 5px;
    box-sizing: border-box;
    width: 100%;
  }
  #c-modal a {
    color: #fff;
    text-decoration: underline;
  }
  #c-modal a:hover {
    text-decoration: none;
  }
#c-modal_close {
    cursor: pointer;
    background: #fff;
    padding: 10px 30px;
    width: 100px;
    text-align: center;
    color: #000;
    margin: auto;
}
  #c-modal_close a {
    color: #000;
    text-align: none;
  }
}