@charset "UTF-8";

.body_area{
	min-height: 100vh;
	margin: 0;
	padding: 0;
	font-size: 16px;
	overflow-x: hidden;
}
.body_area_innner{
	margin: 0;
	padding: 0;
	font-size: 16px;
	overflow: hidden;
}
/* Table */
.table{
  border-collapse: collapse;
  border-spacing: 0;
}
/*List*/
.ul{
  margin: 0;
  padding: 0;
  list-style: none;
}
.li{
	list-style: none;
}
/*aタグ*/
.a_cmn{
	text-decoration: none;
}
/*ボタン*/
.button{
	margin: 0 5px;
	padding: 15px 25px;
	color: #4b4b4b;
	background-color: #fff;
	border: 1px solid #999;
	border-bottom: 5px solid #CDCDCD;
	border-radius: 10px;
	font-size: 18px;
	letter-spacing: 10px;
	cursor: pointer;
	display: flex;
	align-items: center;
}
.button:hover {
	opacity: .8;
}
.btn_icon_img{
	max-width: 25px;
	width: auto;
	height: 25px;
	margin: auto 0;
	margin-right: 10px;
	display: block;
}

/*input関連*/
.label{
	margin-right: 5px;
	display: inline-flex;
	align-items: center;
}
.radio_btn{
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	width: 20px;
	height: 20px;
	background-color: #fff;
	border: 3px solid #3a0066;
	border-radius: 50%;
	outline: none;
	cursor: pointer;
	margin-right: 3px;
	position: relative;
	margin: 0 3px;
	padding: 0;
}
.radio_btn:checked::before {
	content: "";
	display: block;
	width: 10px;
	height: 10px;
	background: #3a0066;
	border-radius: 50%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
}
.event_check{
	display: none;
}
.check_label {
	box-sizing: border-box;
	cursor: pointer;
	display: inline-block;
	padding: 5px 30px;
	position: relative;
	width: auto;
}
.check_label::before {
	background: #fff;
	border: 3px solid #3a0066;
	border-radius: 3px;
	content: '';
	display: block;
	height: 16px;
	left: 5px;
	margin-top: -8px;
	position: absolute;
	top: 50%;
	width: 16px;
}
.check_label::after {
	border-right: 5px solid #3a0066;
	border-bottom: 5px solid #3a0066;
	content: '';
	display: block;
	height: 20px;
	left: 10px;
	margin-top: -13px;
	opacity: 0;
	position: absolute;
	top: 50%;
	transform: rotate(45deg);
	width: 9px;
}
input[type=checkbox]:checked + .check_label::before {
	border-color: #5A4C66;
}
input[type=checkbox]:checked + .check_label::after {
	opacity: 1;
}
.text_input{
	margin: 0 3px;
	font-size: inherit;
	font-weight: normal !important;
	border: 2px solid #CCCCCC;
	border-radius: 3px;
}
.member_text{
	cursor:default;
}
.date_input{
	margin: 0 3px;
	font-size: inherit;
	font-weight: bold;
	border: 2px solid #CCCCCC;
	border-radius: 3px;
}
.time_input{
	margin: 0 3px;
	font-size: inherit;
	font-weight: bold;
	border: 2px solid #CCCCCC;
	border-radius: 3px;
}
.number{
	margin: 0 3px;
	font-size: inherit;
	font-weight: bold;
	border: 2px solid #CCCCCC;
	border-radius: 3px;
}
.select_box{
	margin: 0 3px;
	font-size: inherit;
	font-weight: bold;
	border: 2px solid #CCCCCC;
	border-radius: 3px;
}
.textarea{
	width: -webkit-fill-available;
	margin: 0 3px;
	font-size: inherit;
	font-weight: bold;
	border: 2px solid #CCCCCC;
	border-radius: 3px;
}
.file_label{
	width: fit-content;
	margin: 0 5px;
	padding: 10px 15px;
	color: #4b4b4b;
	background-color: #cccccc;
	border: 0;
	font-size: 18px;
	letter-spacing: 5px;
	cursor: pointer;
	display: flex;
	align-items: center;
}
.file{
	display: none;
}
.contents{
	overflow: hidden;
}
/*ヘッダー*/
.header_area{
	padding: 5px;
	background-color: #fff;
	display: flex;
}
.header_img_area{
	width: 20%;
	margin: auto 5px auto 0;
}
.header_img{
	width: 100%;
}
.header_name{
	width: 80%;
	margin: auto 0;
}
.header_name_p{
	width: fit-content;
	padding: 5px 20px;
	font-family: "Arial Black";
	color: #fff;
	background-color: #000;
}
/*大枠のボタン*/
.top_btn{
	padding: 0 5px;
	background-color: #fff;
}
.top_btn_ul{
	padding: 3px 0;
	border-top: 3px solid #1A51C3;
	border-bottom: 3px solid #849FDC;
	display: flex;
	align-items: center;
	justify-content: center;
}
.top_btn_li{
	width: 16%;
	margin: auto;
	background: linear-gradient(to bottom, #fff 0%, #DDE4F3 100%);
	border-bottom: 3px solid #1A51C3;
	position: relative;
	overflow: hidden;
}
.top_btn_li:before{
	position: absolute;
	top: 0;
	right: 0;
	content: '';
	border-top: 15px solid #063197;
	border-right: 15px solid #063197;
	border-bottom: 15px solid transparent;
	border-left: 15px solid transparent;
}
.top_btn_li:after{
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	content: '\f0da';
	font-size: 15px;
	color: #ffffff;
	position: absolute;
	top: 2%;
	right: 2%;
	text-align: center;
}
.top_btn_a{
	width: 80%;
	margin: 0 auto;
	padding: 10px 0;
	color: #444;
	text-align: center;
	display: flex;
}
.top_btn_span{
	margin: auto;
	font-weight: bold;
}
.home_btn{
	background: linear-gradient(to bottom, #3666E2 0%, #173EA4 100%) !important;
}
.home_btn_a{
	color: #fff !important;
}
.home_btn_img_area{
	width: 40%;
	margin: auto;
}
.home_btn_img{
	width: 35%;
	margin: auto 5px auto auto;
	display: block;
}
.home_btn_span_area{
	width: 60%;
	margin: auto;
	text-align: left;
}
/**/
.module_topick_path{
	width: 95%;
	/*width: 80%;*/
	margin: 0 auto;
}
.module_topick_path_ul{
	margin: 10px 0;
	padding: 0;
	display: flex;
}
.module_topick_path_li{
	margin-right: 5px;
	padding: 5px 10px;
	color: #999;
	background-color: #fff;
	border: 2px solid #999;
	text-align: center;
}
.module_topick_path_a{
	color: #999;
}
.module_topick_path_li:first-child{
	background-color: #999;
}
.module_topick_path_li:first-child a{
	color: #fff;
}
.arrow_area{
	margin: auto 5px auto 0;
	padding: 0 !important;
	border: 0 !important;
	background-color: transparent !important;
}
/*メインエリア*/
.main{
	width: 95%;
	margin: 0 auto;
	display: block;
}
.main_sec{
	margin-bottom: 40px;
}
/*やじるし*/
.heckler_img{
	max-width: 25px;
	width: auto;
	height: 25px;
	margin: auto 0 auto auto;
	display: block;
}
/*sec_search内の要素*/
.sec_search{
	border-top: 50px solid #83ccd2;
}
.search_area{
	margin: 15px 0;
	padding: 0;
	background-color: #fff;
	display: flex;
	align-items: center;
}
/*sec_search内一番上のボタン*/
.search_area_button{
	margin: 0 5px;
	padding: 10px 15px;
	color: #4b4b4b;
	background-color: #cccccc;
	border: 0;
	font-size: 18px;
	letter-spacing: 5px;
	cursor: pointer;
	display: flex;
	align-items: center;
}
/*媒体選択欄*/
.sec_search_mining_choice_logo{
	width: 180px;
	padding: 5px 0;
	border: 1px solid #cccccc;
	display: flex;
	justify-content: center;
	align-items: center;
}
.sec_search_mining_medium_img{
	max-width: 150px;
	margin: 5px;
}
/*一覧ボタン押下、カレンダーホバーなどで出現するリスト*/
.tooltip_area.active{
	position: relative;
}
.tooltip_area{
	display: inline-block;
}
.tooltip{
	background-color: #fff;
	box-shadow: 2px 2px 5px 1px #adadad;
	position: absolute;
	z-index: 1000;
}
/*一覧押下後に表示される検索欄*/
.tooltip_search_area{
	max-width: 600px;
	padding: 15px;
	border-top: 30px solid #c0e2e2;
}
/*日付*/
.tooltip_date{
	margin-bottom: 15px;
	display: flex;
	align-items: center;
}
/*見出し*/
.tooltip_search_midashi{
	margin-bottom: 15px;
	border-bottom: 1px solid #000;
}
/*媒体選択*/
.li.tooltip_search_medium_li {
    margin: 5px;
}
.tooltip_search_choice{
	margin-bottom: 15px;
	display: flex;
	align-items: center;
}
.tooltip_search_choice_img_area{
	width: 150px;
	height: 50px;
	border: 1px solid #cccccc;
	display: flex;
}
.tooltip_search_choice_medium{
	width: 150px;
	padding: 5px;
	border: 1px solid #cccccc;
	display: flex;
	justify-content: center;
	align-items: center;
}
.tooltip_search_choice_medium_img{
	width: 100%;
}
.choice_p{
	margin-left: 5px;
}
.tooltip_search_ul{
	display: flex;
	flex-wrap: wrap;
	margin: 0;
	padding: 0;
}
.tooltip_search_li{
	margin: auto 0;
}
.tooltip_search_medium_img{
	max-width: 130px;
	margin: 5px;
}
/*オプション*/
.tooltip_search_choice_option{
	width: 64px;
	height: 64px;
	padding: 5px;
	border: 1px solid #cccccc;
	display: flex;
	justify-content: center;
	align-items: center;
}
.tooltip_search_choice_option_img{
	width: 80px;
	margin: auto;
}
.tooltip_search_option_ul{
	background-color: #f2f2f2;
	display: flex;
	flex-wrap: wrap;
}
.tooltip_search_option_li{
	margin: auto 5px;
	text-align: center;
}
.tooltip_search_option_img{
	max-width: 64px;
	margin: 5px;
}
.tooltip_search_option_p{
	margin: 0;
	font-size: 11px;
}
.tooltip_button{
	margin: 0 5px;
	padding: 5px;
	color: #4b4b4b;
	background-color: #fff;
	border: 1px solid #999;
	font-size: 15px;
	letter-spacing: 5px;
	cursor: pointer;
	display: flex;
	align-items: center;
}
/*頭文字検索欄*/
.tooltip_initial_search_area{
	padding: 15px;
}
.tooltip_initial_search{
	padding: 25px 30px;
	background-color: #f2f2f2;
	display: flex;
	align-items: center;
}
.tooltip_initial_search_p{
	margin: 0 10px;
}
.initial_text{
	width: 50px;
	height: 30px;
}
/*一覧押下後のtable*/
.tooltip_search_table{
	width: 100%;
	min-width: 150px;
	margin: 0;
	padding: 0;
}
.target_tr_first{
	background-color: #9396F3;
}
.target_tr:nth-child(2n){
	background-color: #F2F2F2;
}
.target_tr:last-child{
	border-bottom: 2px solid #F2F2F2;
}
.target_th{
	padding: 5px 10px;
	text-align: left;
}
.target_td{
	padding: 10px;
}
.target_td_check{
	display: flex;
	align-items: center;
}
/*tooltip内ボタン*/
.tooltip_button_area{
	margin: 10px 0;
	text-align: center;
	display: flex;
	justify-content: flex-end;
}
/*応募者一覧ボタン押下後に出現する検索欄*/
.tooltip_close_area{
	display: flex;
	justify-content: flex-end;
}
.tooltip_close{
	background-color: transparent;
	border: 0;
}
.tooltip_close_button,
.js_trigger_recruit_member_tooltip_close{
	background-color: transparent;
	justify-content: flex-end;
	border: 0;
}
.school_search_tooltip_close{
	background-color: transparent;
	border: 0;
}
.interviewer_intelligence_search_tooltip_close{
	background-color: transparent;
		border: 0;
}
.applicant_information_details_tooltip_close{
	background-color: transparent;
			border: 0;
}
.js_trigger_sales_member_tooltip_close{
	background-color: transparent;
			border: 0;
}
.js_trigger_select_appointer_tooltip_close{
	background-color: transparent;
				border: 0;
}
.js_trigger_select_manager_tooltip_close{
	background-color: transparent;
					border: 0;
}
.tooltip_data_mining_area{
	min-width: 350px;
	padding: 15px;
	border-top: 30px solid #f9c3c7;
}
.mining_choice_logo{
	width: 150px;
	padding: 5px 0;
	border: 1px solid #cccccc;
	display: flex;
	justify-content: center;
	align-items: center;
}
.tooltip_mining_medium_ul{
	display: flex;
	flex-wrap: wrap;
}
.tooltip_mining_medium_li{
	margin: auto 0;
}
.mining_medium_img{
	max-width: 100px;
	margin: 5px;
}
.mining_choice_icon{
	width: 64px;
	height: 64px;
	padding: 5px;
	border: 1px solid #cccccc;
	border-radius: 5px;
}
.tooltip_icon_btn{
	background-color: transparent;
	border: 0;
}
/*インターン・合説画面tooltip*/
.tooltip_flex{
	display: flex;
	align-items: center;
}
.tooltip_yellow_p{
	padding: 5px;
	background-color: #fffacd;
}
/*スケジュール画面スケジュールテーブルtooltip*/
.tooltip_information_area{
	max-width: 600px;
	padding: 15px;
	border-top: 30px solid #a4d1ff;
}
.tooltip_information_img_area{
	width: 120px;
	height: 120px;
	margin-bottom: 20px;
	padding: 5px;
	border: 1px solid #cccccc;
	border-radius: 5px;
}
.tooltip_information_img{
	width: 100%;
}
.tooltip_information_tr:nth-child(2n+1){
	background-color: #fdf4ff;
}
.tooltip_information_th{
	padding: 5px 10px;
	text-align: left;
}
.tooltip_information_td{
	padding: 5px 10px;
}
.tooltip_information_icon{
	width: 30px;
	margin: 0;
	display: block;
}
/*年間活動表画面ツールチップ*/
.tooltip_search_icon{
	max-width: 35px;
	margin: 5px;
}
.more_btn{
	margin: 5px;
	background-color: #fff;
	border: 2px solid #cccccc;
	border-radius: 5px;
}

/*sec_search_table*/
.sec_search_table{
	width: 100%;
	border-radius: 3px;
	background-color: #fff;
	box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
}
.sec_search_tr{
	border-top: 1px solid #CCCCCC;
}
.sec_search_tr:last-child{
	border-bottom: 1px solid #CCCCCC;
}
.sec_search_tr_rowspan{
	border-top: 0 !important;
}
.sec_search_th{
	padding: 5px 10px;
	font-weight: normal;
	text-align: center;
}
.sec_search_td{
	padding: 10px 15px;
	vertical-align: middle;
}
.sec_search_td_div{
	display: flex;
	align-items: center;
}
/*sec_search_table内の媒体ロゴ*/
.sec_search_td_logo{
	max-width: 150px;
}
/*sec_search_table内のアイコン*/
.icon_img{
	max-width: 40px;
	width: auto;
	height: 40px;
	margin: auto 10px;
	display: block;
	cursor:pointer;
}
/*点数、満点、100点などの文字*/
.score_text{
	margin: 0 5px;
}
/*点数*/
.score_number{
	width: 50px;
	margin: 0 3px;
	font-size: inherit;
	font-weight: bold;
	border: 2px solid #CCCCCC;
	border-radius: 3px;
}
/*search_areaの一番上のtr*/
.face_vaccination_area{
	max-width: 100px;
	margin: 10px auto;
	padding: 5px 20px;
	border: 1px solid #cccccc;
}
.face_vaccination_p{
	margin: 0;
	text-align: center;
}
.face_vaccination_icon{
	width: 100%;
}
.face_vaccination_td_p{
	margin: 5px 0;
}
.face_vaccination_div{
	margin: 5px 0;
}
.face_vaccination_medium_choice_area{
	margin: 5px 0;
	display: flex;
	align-items: center;
}
.face_vaccination_medium_choice{
	width: 120px;
	padding: 5px;
	border: 1px solid #cccccc;
	display: flex;
	justify-content: center;
	align-items: center;
}
.face_vaccination_medium_choice_img{
	width: 100%;
}
.sec_search_medium_ul{
	display: flex;
	flex-wrap: wrap;
}
.sec_search_medium_li{
	margin: auto 0;
}
.sec_search_medium_area{
	display: flex;
}
.sec_search_medium_rogo{
	width: 100px;
	margin: auto 5px;
}
.sec_search_medium_icon{
	width: 40px;
	margin: auto 5px;
}
.sec_search_medium_img{
	max-width: 100px;
	margin: 5px;
}
.application_source_text{
	margin: 0 13px 0 3px;
	font-size: inherit;
	font-weight: normal !important;
	border: 2px solid #CCCCCC;
	border-radius: 3px;
}
.sec_search_medium_other{
	margin: 0 5px;
	padding: 10px 15px;
	color: #4b4b4b;
	background-color: #cccccc;
	border: 0;
	font-size: 18px;
	letter-spacing: 5px;
	cursor: pointer;
	display: flex;
	align-items: center;
}
/*sec_search_table内選択リスト*/
.publish_list{
	height: 60px;
	overflow-x: hidden;
	overflow-y: scroll;
	background-color: #E8F2FF !important;
	border: 2px solid #1A51C3 !important;
}
.publish_list::-webkit-scrollbar{
	background-color: #E8E8E8;
	width: 10px;
	height: 10px;
	border-radius: 20px;
}
.publish_list::-webkit-scrollbar-thumb{
	background-color: #849FDC;
	border-radius: 20px;
}
.publish_list_li{
	padding: 2px !important;
}
.publish_label{
	width: 100%;
}
.publish_list .selected{
	margin: 0;
	background-color: #99C5FF;
}
/*右側の面接対象者アイコン*/
.table_right_icon_area{
	max-width: 100px;
	margin: 10px auto;
	padding: 5px 20px;
}
.table_right_icon{
	padding: 5px;
	border: 1px solid #cccccc;
}
.table_right_img{
	width: 100%;
	display: block;
}
.table_right_p{
	margin: 0;
	text-align: center;
}
/*インターン・合説画面参加者入力欄表示ボタン*/
.people_num_btn{
	margin: 5px;
	background-color: #fff;
	border: 1px solid #000;
	border-radius: 50%;
}
.participant_input_btn{
	margin: 0 10px;
	padding: 5px;
	color: #4b4b4b;
	background-color: #cccccc;
	border: 0;
	font-size: 13px;
	letter-spacing: 5px;
	cursor: pointer;
	display: flex;
	align-items: center;
}
/*インターン・合説画面追加ボタン*/
.add_btn{
	margin: 20px 0;
	padding: 10px 15px;
	color: #4b4b4b;
	background-color: #fff;
	border: 1px solid #cccccc;
	font-size: 18px;
	letter-spacing: 5px;
	cursor: pointer;
	display: flex;
	align-items: center;
}
/*インターン・合説画面ひらがな一覧*/
.kana_flex{
	margin-bottom: 20px;
	display: flex;
}
.kana_table{
	margin-right: 5px;
}
/*アイコンボタン*/
.icon_btn{
	background-color: transparent;
	border: 0;
}
/*sec_search_table下のボタン*/
.sec_search_button_area{
	margin-top: 20px;
	text-align: center;
	display: flex;
	justify-content: flex-end;
}
/*ファイル取り込みセクション*/
.sec_file_import{
	margin-bottom: 40px;
}
.sec_file_flex{
	display: flex;
	align-items: center;
}
.select-image{
	margin-left: 10px;
}
/*詳細セクション*/
.sec_detail{
	padding-top: 10px;
	background-color: #fffacd;
}
.js-summary{
	width: fit-content;
	margin: 0 auto 10px;
	padding: 10px 25px;
	border: 1px solid #cccccc;
	background-color: #fff;
	letter-spacing: 5px;
	text-align: center;
	display: flex;
	cursor: pointer;
}
.js-summary_p{
	margin: 0;
}

/* --------アコーディオンの中身のスタイル-------- */
.content{
	overflow: hidden;
	box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
	/* details直下のタグにpaddingを設定すると挙動がおかしくなるので、ここには指定しない */
}
.sec_detail_table{
	width: 100%;
	border-radius: 3px;
	background-color: #fff;
	border-collapse: collapse;
	border-spacing: 0;
}
.sec_detail_tr{
	border-top: 1px solid #CCCCCC;
}
.sec_detail_tr:last-child{
	border-bottom: 1px solid #CCCCCC;
}
.sec_detail_th{
	padding: 5px 20px;
	font-weight: normal;
	text-align: center;
}
.sec_detail_td{
	padding: 10px 15px;
	vertical-align: middle;
}
.sec_detail_td_div{
	display: flex;
	align-items: center;
}
/*登録確認セクション*/
.sec_result{
	padding-top: 10px;
	background-color: #fffacd;
}
.sec_result_table{
	width: 100%;
	border-radius: 3px;
	background-color: #fff;
	border-collapse: collapse;
	border-spacing: 0;
}
.sec_result_tr_first{
	background-color: #9396F3;
}
.sec_result_tr:nth-child(2n){
	background-color: #F2F2F2;
}
.sec_result_tr:last-child{
	border-bottom: 2px solid #F2F2F2;
}
.sec_result_th{
	padding: 5px 10px;
	font-weight: normal;
	text-align: left;
}
.sec_result_td{
	padding: 10px;
	text-align: left;
}
.sec_result_button_area{
	padding-top: 20px;
	background-color: #fff;
	text-align: center;
	display: flex;
	justify-content: flex-end;
}
/*インターン成果入力*/
.results_input_btn{
	padding: 5px;
	background-color: #fff;
	border: 1px solid #cccccc;
	border-radius: 5px;
	display: flex;
	align-items: center;
}

/*スケジュール切り替えボタン*/
.schedule_switching_area{
	margin-bottom: 5px;
	padding: 10px;
	background-color: #a4d1ff;
	cursor: default;
}
.schedule_switching_btn{
	background-color: #ffffb0;
	border: 0;
	border-radius: 5px;
	cursor: pointer;
}
.schedule_switching_btn.unselected {
	background-color: #dddddd;
	opacity: 0.7;
}

/*スケジュール月変更ボタン*/
.calendar-nav, .calendar-nav-day{
	display: flex;
	justify-content: space-between;
}
.switch_date_btn{
	background-color: #fff;
	border: 2px solid #cccccc;
	border-radius: 5px;
	cursor: pointer;
}


/*増減表スケジュール*/
.increase_decrease_table{
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
	text-align: center;
}
.increase_decrease_tr_first{
	background-color: #999999;
}
.increase_decrease_tr{
	border-bottom: 2px solid #edebe8;
}
.increase_decrease_tr_details{
	vertical-align: top;
}
.increase_decrease_th_month{
	width: 375px;
}
.increase_decrease_th_p{
	margin: 10px 5px;
	padding: 5px;
	background-color: #fff;
	border-radius: 5px;
	font-weight: normal;
}
.increase_decrease_td_div{
	display: flex;
	align-items: center;
}
.increase_decrease_td_name{
	width: -webkit-fill-available;
	margin: 0;
	margin-left: 5px;
	padding: 10px;
	border: 2px solid #edebe8;
	text-align: left;
}
.increase_decrease_td_div_recruit_name{
	background-color: #ffddc6;
}
.increase_decrease_td_icon{
	max-width: 40px;
	width: auto;
	height: 40px;
	margin: 5px;
	padding: 2px;
	border: 2px solid #edebe8;
	display: block;
}
.decline{
	width: fit-content;
	margin: 5px auto;
	padding: 10px;
	display: flex;
	align-items: center;
	background-color: #ffddc6;
}
.increase_decrease_td_hired{
	margin: 5px 5px 5px 0;
	padding: 5px;
	background-color: #d5ffff;
}
.increase_decrease_td_vacancy{
	margin: 5px 5px 5px 0;
	padding: 5px;
	color: #fff;
	background-color: #ff7f7f;
}
.increase_decrease_td_people_number{
	margin: 5px 0;
	text-align: right;
}
.increase_decrease_td_first{
	margin-left: auto;
}

/*内々定・入社手続き画面*/
.img_radio{
	display: none;
}
.sec_choice_img_icon{
	width: 120px;
	height: 120px;
	margin-right: 10px;
	padding: 10px;
	background-color: #fff;
	border: 2px solid #cccccc;
	border-radius: 20px;
}
.img_radio:checked + .img_radio_label .sec_choice_img_icon{
	background-color: #83ccd2;
}
.affiliated_company_btn{
	background-color: transparent;
	border: 0;
}

/*フッター*/
footer{
	text-align: center;
	font-size: 15px;
	margin: 0 auto;
	padding: 50px 0 20px;
}

/*-------------------------------------------------------------------------------------------------------------------
 * 追加
 * ------------------------------------------------------------------------------------------------------------------*/

.select {
	margin: 0 3px;
	font-size: inherit;
	 font-weight: normal !important;
	border: 2px solid #CCCCCC;
	border-radius: 3px;
}
.text_input,
.number_input,
.date_input,
.time_input,
.select {
	height: 30px;
}

.date_input {
	width: 140px;
	text-align: center;
}
.time_input {
	width: 90px;
	text-align: center;
}


.sec_search_table {
	font-size: 18px;
	table-layout: fixed;
}
.sec_search_th{
	padding: 5px 10px;
	font-weight: normal;
	text-align: left;
	width: 180px;
}
.participant_form{
	width: 170px;
}

/*モーダル*/
/*モーダル影*/
.modal_shadow{
	width: 100%;
	height: 100%;
	background-color: rgb(0 0 0 / 60%);
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1001;
	display: none;
	align-items: center;
	justify-content: center;
}
/*モーダルが入るdiv*/
.modal_content{
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 1002;
	transform: translate(-50%, -50%);
}
/*上の線が青のポップアップ*/
.modal_blue{
	background-color: #fff;
	border: 1px solid #cccccc;
	border-top: 20px solid #a4d1ff;
}
/*上の線がピンクのポップアップ*/
.modal_pink{
	background-color: #fff;
	border: 1px solid #cccccc;
	border-top: 20px solid #f9c3c7;
}
/*上の線が紫のポップアップ*/
.modal_purple{
	background-color: #fff;
	border: 1px solid #cccccc;
	border-top: 20px solid #b6c0e4;
}
/*上の線が黄色のポップアップ*/
.modal_yellow{
	background-color: #fff;
	border: 1px solid #cccccc;
	border-top: 20px solid #ffffb0;
}
/*上の線が橙色のポップアップ*/
.modal_orange{
  background-color: #fff;       
  border: 1px solid #cccccc;    
  border-top: 20px solid #ffa07a;
  padding: 40px;
}
/*×ボタン*/
.modal_close_area{
	display: flex;
	justify-content: flex-end;
}
.modal_close{
	background-color: transparent;
	border: 0;
}
/*modal_inner*/
.modal_inner{
	padding: 10px;
}
/*担当者顔写真ラジオボタン*/
.manager_radio_img{
	display: inline-block;
}
/*学校検索*/
.school_search_btn {
	width: 125px;
}
.input_school_readonly {
	border: none !important;
	width: calc(100% - 125px);
}
input.text_input.input_school_readonly:focus-visible {
	outline: none;
}

button.detail_btn {
	height: 38px;
	width: 85px;
	text-align: center;
	margin-left: 25px;
	padding: 5px 5px 5px 15px;
	background-color: #fff;
	border: 1px solid #cccccc;
	border-radius: 5px;
	display: flex;
	align-items: center;
}
button.detail_btn::before {
	content: "";
	background-image: url('../../img/icon/detail.png');
	background-size: 100% auto;
	background-repeat: no-repeat;
	width: 20px;
	height: 20px;
	margin: auto 0;
	margin-right: 10px;
	display: block;
}
.error_messages_area {
	margin: 10px;
}
.error_messages_area p {
	color: red!important;
	font-size: 15px;
	margin-bottom: 5px;
}
.error_messages_area p:before{
	content: '\f071';
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	margin-right:5px
}
.success_messages_area {
	margin: 10px;
}

.success_messages_area p{
	color: #57A8FF!important;
	font-size: 15px;
	margin-bottom: 5px;
	border-radius: 3px;
}
.success_messages_area p:before{
	content: '\f058';
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	margin-right:5px
}
.boothModalTip{
	background-color: #fff;
	box-shadow: 2px 2px 5px 1px #adadad;
	z-index: 1;
}
.visitDateModalTip{
	background-color: #fff;
		box-shadow: 2px 2px 5px 1px #adadad;
		z-index: 1;
}

/*-------------------------------------------------------------------------------------------------------------------
 * フォームバリデーション
 * ------------------------------------------------------------------------------------------------------------------*/
 
.form_validation_error_tooltip {
	position: absolute;
	background-color: #ff6257;
	color: white;
	border-radius: 3px;
	font-size: 12px;
	display: none;
	z-index: 99;
	text-align: center;
}
.form_validation_error_input {
	border-color: #ff6257;
}
.form_validation_error_tooltip span {
	display: block;
	height: 28px;
	width: 80px;
	position: relative;
	text-align: center;
	line-height: 28px;
	padding-left: 5px;
	box-sizing: border-box;
}
.form_validation_error_tooltip span::after {
	content: '';
	position: relative;
	top: -28px; /* 吹き出しの位置 */
	left: -70px;
	/* transform: translateX(-50%); */
	border-width: 5px;
	border-style: solid;
	border-color: transparent transparent #f44336 transparent;
}

/*見出し*/
.heading{
	background-color: #44c4cdbf;
	padding: 10px 30px 10px 15px;
	margin-bottom: 10px;
	color: #fdffff;
	font-weight: bold;
	width: fit-content;
	border-radius: 0 15px 15px 0;
	font-size: 18px;
	border-left-style: double;
	border-left-width: 7px;
	border-left-color: #fffeff;
	text-shadow: -2px 2px 4px #67b2b8cc;
}
/*スクロールトップボタン*/
.scroll-buttons {
	position: fixed;
	bottom: 20px;
	right: 20px;
	z-index: 1000;
}
.scroll-button {
	background-color: #82c0ffa3;
	color: white;
	border: none;
	padding: 10px 15px;
	border-radius: 5px;
	cursor: pointer;
	margin-bottom: 10px;
}