@charset "UTF-8";

body{
	color:#4e4e4e;
}
a {
	color: #7186B3;
}
/*a:hover {
	opacity: 0.7;
	transition: 0.7s;
}*/
input,textarea {
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 14px;
	color: #4e4e4e;
}
.title{
background-color:#52B2A1;
height:200px;
}
.title h1{
margin: 0 auto;
padding-top: 75px;
max-width: 80%;
width: 80%;
color: #fff;
font-weight: 300;
font-size: 2.5em;
line-height: 0.8em;
}
.title h1 p{
display:inline;
font-weight: normal;
font-size: 1.2rem;
vertical-align:top;
}
.span_class_g{
color: #007D75;
font-weight: 300;
font-size: 0.4em;
}
.span_class_c{
color: #DC5A24;
font-weight: 300;
font-size: 0.4em;
}
.career{
	background-color:#E69B3B;
}
.title h1.entry img{max-width:405px;}

.sec_cts{
	max-width:1020px;
	margin: 75px auto 50px;/* 75px auto; */
	overflow:hidden;
	padding: 0 4%;
}
.index_ul1,.index_ul2{
	margin:10px;
	padding:5px;	
	line-height: 1.7;
}

.index_ul1 li::before{
	color: #8D95C9;
	content: '●';
    position: absolute;
    left: -0.8em;          /* Adjust this value so that it appears where you want. */
    font-size: 1.1em;      /* Adjust this value so that it appears what size you want. */
	margin-left: -0.3em;
}
.index_ul2 li::before{
	color: #E69B3B;
	content: '●';
    position: absolute;
    left: -0.8em;          /* Adjust this value so that it appears where you want. */
    font-size: 1.1em;      /* Adjust this value so that it appears what size you want. */
	margin-left: -0.3em;
}
.pk_gray::before{
	color: #91b8bb !important;
	content: '●';
    position: absolute;
    left: -0.8em;          /* Adjust this value so that it appears where you want. */
    font-size: 1.1em;      /* Adjust this value so that it appears what size you want. */
	margin-left: -0.3em;
}
.index_ul1 li ,.index_ul2 li {
    list-style-type: none;
    position: relative;    /* It's needed for setting position to absolute in the next rule. */
}
.entry_tbl{
	padding:30px;
	width:100%;
	height:auto;
	background-color: #ffffff;
}
.table_req_one{
	padding-left:10px;
	width:100%;
	height:30px;
	background-color: #E69B3B;
	color: #ffffff;
}
.table_req{
	padding-left:10px;
	width:100%;
	height:30px;
	background-color: #ffffff;
	margin-top:5px;
}
.confirm_left_div{	
	color:#7186B3;
	width:190px;
	float:left;
	padding-left:10px;
}
.confirm_left_divorange{	
	color:#E69B3B;
	width:190px;
	float:left;
	padding-left:10px;
}

.group_div1,.group_div2,.group_div3{
	background-color:#fff;
	width:100%;
	margin-bottom:5px;
}
.table_confirm {
	width:100%;
	border-collapse: collapse;
}
.title_confirm_up{
	width:100%;
	text-align:center;
	line-height:20px;
	padding:5px;
}
.table_confirm tr,.group_div1 tr,.group_div2 tr,.group_div3 tr{
	line-height:40px;
	background-color: #ffffff;
	margin-bottom:10px;
	border-bottom-style:solid;
	border-bottom-width:2px;
	border-bottom-color:#F5F5F5;
}
tr{
	line-height:40px;
}
.first_col{
	vertical-align:top;
	width:200px;
}

.second_col{	
	width:150px;
}
.req_td{	
	width:75px;
	color:#E69B3B;
}
.txt {
	width: 100%;
	margin-bottom: 5px;
	height:35px;
}
/* 20200106 */
.formarea input[type="radio"]{
	width:auto;
	height:auto;
	margin-bottom: 15px;
}
textarea {
	width: 100%;
}
label span {
	font-weight: normal;
	color: #B00032;
}

.formarea input {
	width: 100%;
	margin-bottom: 10px;
	height:35px;
	background-color:#F5F5F5;
	text-indent: 15px;
	border: 1px solid #DDD;
}
.formarea textarea {
	width: 100%;
	margin-bottom:10px;
	background-color:#F5F5F5;
	overflow:hidden;
	/* text-indent: 15px; */
	border: 1px solid #DDD;
	/* padding: 10px 10px 10px 0; */
	padding : 0.5em 1em 0 1em;
}
.formarea label span {
	/*font-weight: bold;*/
	background-color: #FD4C50;
	color:#ffffff;
	font-size:12px;
	padding:2px 6px;
}
.formarea select {
	color:#4e4e4e;
	height:28px;
	margin-bottom:10px;
	background-color:#F5F5F5;
	width:100px;
	padding-left: 10px;
	border: 1px solid #DDD;
}
.formarea input[type="checkbox"]{
	height:auto;
	width:30px;
}
.marbo0 {
	margin-bottom: 0px;
}
.row{
	padding:10px;	
}
.row1{	
	background-color: #ffffff;
	margin:5px;
	padding:5px 10px;
}
.group_div2,.group_div4 ,.group_div5,.title_row,.group_div6 ,.group_div7,.group_div8{	
	clear:both;
	background-color: #ffffff;
	padding:10px;
	margin-bottom: 5px;
}
.entry_confirm_output{
	clear:both;
	
	padding:10px;
	margin-bottom: 5px;
}
.btn_newgraduate, .btn_career, .btn_internship, .btn_company_info_session{
	width:300px;
	height:44px;
	cursor:pointer;
}
.btn_newgraduate{
	background-image: url('../img/entry_btn2.jpg');
	border:0px;
	background-size:100%;
}
.btn_career{
	background-image: url('../img/entry_submit_btn3.jpg');
	border:0px;
	background-size:100%;
}
.btn_internship, .btn_company_info_session{
	color: #fff;
text-decoration: none;
width: 100%;
height: 100%;
display: block;
padding: 15px;
text-align: center;
max-width: 390px;
background-color: #8c94c8;
font-size: 15px;
color: #fff;
text-decoration: none;
display: block;
padding: 15px 50px;
border-style: none;
margin-left: auto;
margin-right: auto;
}
.btn_internship, .btn_company_info_session:hover {
	opacity: 0.7;
	transition: 0.7s;
}
#job_type,#newg_kiboubi{
	width:286px;
}
.title_NG{
	max-width: 100%;
	font-size: 20px;
	border-left: 5px solid #8D95C9;
}
.title_NG h4,.title_Career h4 {
	font-weight: normal;
}
.title_Career{
	max-width: 100%;
	font-size: 20px;
	border-left: 5px solid #E69B3B;
}
.btn_entry{
	width:150px;
	height:50px;
}
.G3_title{
	background-color:#ffe6e6;
	color:#FD4C50;
	!padding:5px 10px;
	margin-bottom:10px;
	/*text-align:center;*/
}

.G3_cap{
	background-color:#ffe6e6;
	color:#ff6666;
	padding:5px 10px;
	margin-bottom:10px;
	text-align:left;
}

.G3_cap a{
	color:#ff6666;
	text-decoration:none;
}
.G3_cap a:hover{
	text-decoration:underline;
}

.g5_data{
	text-align:center;
}
.radio_label{
	margin:5px;
}
.p_data{
	margin:20px 0 ;
	font-size: 14px;
	line-height: 1.7;
}
.entry_title{
	width:100%;
	text-align:center;
	margin-bottom:50px;
}
.entry_complete{
	width:300px;
	height:50px;
	cursor:pointer;
}
.center{
	text-align:center;
}
.req_font{
	font-size:30px;
	color:#E69B3B;
}
.btn_div{
	width:100%;
	text-align:center;
	margin-bottom:50px;
	font-size:30px;
	margin-top:20px;"
}
.confirm_title{
	width:100%;
	text-align:center;
	line-height:30px;
}
.errm{
	width:100%;
	text-align:center;
}
.modoru_btn{
	max-width: 361px;
	cursor:pointer;
}
.entry_confirm_submit{
	width:270px;
	height:48px;
	margin-top:5px;
	cursor:pointer;
}
.red_col{
	color:red;
}
.section_div{
	margin-bottom:100px;
}
.col-sm-1{
	width:800px;	
}
.col-sm-2{
	padding-left:10px ; 
	width:800px;
}
.col-sm-3{
	padding-left:10px ; 	
	width:267px;/* #20200306 267*/
	text-align:left;
}
.col-sm-4{
	padding-left:20px ; 
	width:800px;	
}
.col-sm-5{
	width:267px;
	text-align:left;
}
.col-sm-7{
	width:510px;
}
.col-sm-9{
	padding-left:10px ; 
	width:800px;
	padding-right:10px ; 
}
.col-sm-10{
	width:770px;
	!padding-left:10px ;	
}
#top-left{
	padding-top:30px;
}
.col-tr-1{ /* col-sm-3 */
	padding-left:10px ; 	
	width:26%;/* #20200306 267*/
	text-align:left;
}
.col-tr-2{ /* col-sm-9 */
	!padding-left:10px ; 
	width:74%;
	padding-right:10px ; 
}
.col-tr-3{ /* col-sm-2 */
	!padding-left:10px ; 
	width:77%;
}
.col-tr-4{  /* col-sm-5 */
	width:28%;
	text-align:left;
}
.col-tr-5{ /* col-sm-7 */
	width:75%;
}
.col-tr-6{ /* col-sm-1 */
	width:77%;	
}
	
.Link{	
	color:#ff6666 !important;
	text-decoration: none;
}
.link_title{
	background-color:#ffe6e6;
	padding:5px;
	margin-bottom:10px;
}

.accordion {
	background-color: #F5F5F5;
	cursor: pointer;
	padding-left: 10px;
	width: 100%;
	border: none;
	text-align: left;
	outline: none;
	margin-bottom:15px;
	/* transition: 0.4s; */
}
 .hide_show_btn,.hide_show_btn2{
	float:right;
	margin-top:8px;
	line-height:16px;
	width:20px;
	height:20px;
	color:#8D95C9;
	border:1px solid;
	font-size:20px;
	text-align:center;
	color: #6E6E6E;
}
/* {
	!line-height:16px;
	width:20px !important;
	height:20px !important;
	color:#8D95C9 !important;
	border:1px solid !important;
	!font-size:20px;
	!text-align:center;
	color: #6E6E6E !important;
} */
.panel, .panel2{
	display: none;
	background-color: #fff;
	overflow: hidden;
}
.rireki_upload_file,.work_upload_file, .entrysheet_upload_file, .shashin_upload{ /* #20200306 */
	width:auto;
	height:auto !important;	
	margin-bottom: 0px;	
	background-color:#fff !important;
	text-indent: 0px !important;
	border:0px !important;	
}
.plus_btn{
	background-color:#F5F5F5;
	padding:10px;
	margin-bottom:20px;
}
.fileupload_frame, .fileupload_frame_work,.fileupload_frame_entrysheet,.fileupload_frame_shashin{ /* #20200306 */
	border-style:groove;
	border-width:1px;
	width:100%;
	border: 1px solid #E4E4E4;
	margin-bottom:15px;
	required: true;
}
.show_file_data1{
	!float:right;
	
}
.span_class{
	margin:15px;
}
.confirm_right_div{	
	width:300px;
	padding-left:10px;
	word-break:break-all;
	!float:left;
}
/* 20200309 */
.div_ptag{
	background-color:#ffe6e6;
	padding:5px;
	margin-bottom:10px;
	padding:10px;
}
.tr_ptag{
	color: #ff6666 !important;
	margin:0;
	line-height:18px;"
}
.tr_ptag_eg {
	font-weight: bold;
}
.div_5_txt{
	text-align:center;
	
}
.link_dec{
	text-decoration: underline; 
	color: #f66;
	font-weight: 700;
}
.mar_bot{
	margin-bottom: 0;
}
.download_title{
	margin-bottom: 20px;
}
.download_title p{
	line-height: 1.7;
    font-size: 12px;
}

/* 20200508 */
.entry_news{
	background-color:#fff;
	padding: 20px 40px;
	margin: 20px auto;
	border: 1px solid #eee;
}

.entry_news_date {
    text-align: right;
    margin: 5px auto 0;
}

.entry_news_title{
	text-align: center;
    font-size: 1.1em;
    font-weight: 700;
    margin: 0 auto 20px;
}

.entry_news.mt20{
	margin-top: 20px;
}


/* ENTRYグレーアウト表示 */
span.disabled{
	pointer-events: none;
    opacity: 0.2;
}


@media (min-width: 1000px) {
	.rireki_upload_file,.work_upload_file, .entrysheet_upload_file, .shashin_upload{
		width:300px !important;
	}
	#tr_ptitle{ /* #20200311 */
		/*margin-left:8px;
		margin-right:10px;*/
	}
	
	#Postcode{
		width:50%
	}
	.row{
		padding:20px;		
	}
	.row2{
		padding:20px;		
	}
	/* .group_div3{
		height:288px;
	} */
	.group_div4{
		height:190px;
	}
	.group_div5{
		height:166px;
	}
	.group_div6{
		height:240px;
	}
	.group_div7{
		height:330px;
	}
	.group_div8{
		height:450px;
	}
	.btn_newgraduate, .btn_career, .entry_confirm_submit,.entry_complete, .btn_internship, .btn_company_info_session{
		 width:363px;
		 height:54px;
		 
	}
	.req_td{	
		width:100px;
		color:#E69B3B;
	}

	.row1{
		height:32px;	
	}
	.txt_group1{
		margin-bottom:10px;
		height:200px;
	}
	.txt_group2{
		margin-bottom:10px;
		height:300px;
	}
	.confirm_right_div{	
		width:800px;		
	}
	#top-right{
		padding-top:30px;
	}
	.col-sm-10{
		width:770px;
		padding-left:10px ;	
	}
} 
@media (max-width: 42em) {
	.entry_news{
    padding: 15px 25px;
}
}
@media (max-width: 36em) {
	.div_5_txt{ /* 20200309 */
		text-align:left;
		padding-left:4px;
	}
}
/* 20200106 */
@media (max-width: 64em) {
	
	.title{
	background-color:#52B2A1;
	height:100px;
	}
	.career{
	background-color:#E69B3B;
	}
	.title h1{
	padding-top: 30px;
	max-width: 90%;
	width: 90%;
	color: #fff;
	font-weight: 100;
	font-size: 2em;
	line-height: 0.8em;
	}

	.title h1 p{
	font-size: 1.0rem;
	}
	.title h1 span{
	font-size: 0.5em;
	}
	
	.sec_cts{
		max-width:1000px;
		margin: 40px auto;
		overflow:hidden;
		padding: 0 5%;
	}
	
}


.entryform_note {
	font-size: 14px;
	line-height: 1.7;
}
.add_file,.add_file_work,.add_file_entrysheet,.delete ,.delete_work,.delete_entrysheet{
	text-indent:0 !important;
	width:45px !important;
	height:25px !important;	
	cursor:pointer;
}
#filesContainer, #filesContainer_work,#filesContainer_entrysheet{
	margin-bottom:10px;
}
#Telephone , #Postcode{
	ime-mode: disabled;
}
@media screen and (max-width: 700px) {
	
	.last td:last-child {
		border-bottom: solid 1px #ccc;
		width: 100%;
	}
	.table_confirm ,.group_div1,.group_div2,.group_div3{
		width: 100%;
	}
	.table_confirm th,.table_confirm td ,.group_div1 th,.group_div1 td,.group_div2 th,.group_div2 td,.group_div3 th,.group_div3 td{
	　	border-bottom: none;
		display: block;
		width: 100%;
	}

}
/*@media screen and (max-width: 812px) {
	.add_file,.add_file_work,.add_file_entrysheet,.delete ,.delete_work,.delete_entrysheet{
		float:left;
	}
}*/
/*最下部の修正0212*/
@media screen and (max-width: 1024px) {
	.p_data {
		padding-bottom: 30px;
		margin-bottom: 0;
	}
	
}
@media screen and (max-width: 500px) {
	.p_data {
		font-size: 11px;
		line-height: 1.4;
	}
	
}

/*微修正0305*/
.form_notes {
	clear:both;
	line-height: 1.7;
	font-size: 12px;
}
.intern_select{ padding-top: 0!important; padding: 0; width: 40%; line-height: 1.5;}
@media screen and (max-width: 1230px) {.intern_select{ width: 45%;} }
@media screen and (max-width: 1100px) {.intern_select{ width: 50%;} }
@media screen and (max-width: 800px) {.intern_select{ width: 55%;} }
@media screen and (max-width: 640px) {
.intern_select{ width: 100%; display: block;}
.intern_select2{ width: 100%; display: block;}
}
.group_div0{
	width:100%;/*20200508*/
	border-spacing: 0;
}
.title_span0{
	white-space: nowrap;
}
.intern_select2{
	padding:0 !important;
}
.kiboubi_css{
	background-color: #fff !important;
}
.ptag_margin{
	margin: 5px 0 15px;
}
.div1_pad{
	padding-top: 5px;
}
.pad_left{
	padding-left: 0;
}
/*complete画面修正*/
.entry_complete_text_wrap .career {
	max-width: 100%;
    font-size: 20px;
    border-left: 5px solid #E69B3B;
    padding-left: 10px;
    background-color: #f5f5f5;
}
.entry_complete_text_wrap .entry {
	max-width: 100%;
    font-size: 20px;
    border-left: 5px solid #52b2a1;
    padding-left: 10px;
    background-color: #f5f5f5;
}
.entry_complete_text {
	background-color: #fff;
	padding: 20px;
	margin: 30px 0;
}
.entry_complete_text p:nth-of-type(1),.entry_complete_text p:nth-of-type(3){
	margin-bottom: 25px;
}
.entry_complete_text p:nth-of-type(2),.entry_complete_text p:nth-of-type(3){
	font-size: 12px;
	margin-top: 0;
}
.entry_complete_text p:nth-of-type(2){
	margin-bottom: 10px;
	}
.entry_complete_text p:nth-of-type(3) .career{
	color: #E69B3B;
	font-size: 12px;
	border-left: none;
	padding-left: 0;
	background-color: #fff;
	}
.entry_complete_text p:nth-of-type(3) .entry{
	color: #52b2a1;
	font-size: 12px;
	border-left: none;
	padding-left: 0;
	background-color: #fff;
	}
.entry_complete_button {
	text-align: center;
}
.btnlink{
    position: relative;
    margin: 20px auto;
    text-align: center;
    max-width: 390px;
    background: #52B2A1;
    font-size: 15px;
}

.btnlink button {
    color: #fff;
    text-decoration: none;
    width: 100%;
    height: 100%;
    display: block;
    padding: 15px;
    text-align: center;
    max-width: 390px;
    font-size: 15px;
    color: #fff;
    text-decoration: none;
    display: block;
    border-style: none;
}
.btnlink .career {
	border-left: none;
	font-size: 15px;
    padding: 15px 50px;
    background-color: #e69b3b;
}
.btnlink .entry {
	border-left: none;
	font-size: 15px;
    padding: 15px 50px;
    background-color: #52b2a1;
}
.btnlink button:hover {
	cursor: pointer;
}
.btnlink:hover{
	opacity: 0.7;
	transition: 0.3s;
}
#con_btn_ico {
    fill: #fff;
    width: 17px;
    height: 17px;
    position: absolute;
    right: 0;
    bottom: 0;
}


/*PK採用リンク追加*/
.ng_btn:hover{
	opacity: 0.7;
	transition: 0.3s;
}
.ng_btn{
	position: relative;
	margin: 0 auto;
	text-align: center;
	width: 390px;
	/*border: solid 1px #6e6e6e;*/
	font-size: 15px;
}
.ng_btn a{
	color: #6e6e6e;
	text-decoration: none;
	width: 100%;
    height: 100%;
    display: block;
    padding: 15px;
    display: flex;
 	justify-content: center;
  	align-items: center;
}
.ng_btn p{
	margin: 0;
	line-height: 1.7;
}
#ng_btn_ico{
	fill:#6e6e6e; 
	width: 17px; 
	height:17px;
	position: absolute;
	right: 0;
    bottom: 0;
}

@media (max-width: 42em) {
.ng_btn {
	width: 90%;
	margin: 0 auto 20px;
}
}

/*エントリーリンク修正*/
.link_icon {
	position: relative;
	padding-right: 5px;
}
.link_icon::after {
	content: '';
	display: inline-block;
	width: 15px;
	height: 15px;
	background-image: url(../img/link_icon_ng.png);
	background-size: cover;
	top: 2px;
	position: absolute;

}