@charset "utf-8";

/*-----------------------------------
+ css_parts
------------------------------------*/
/*
 font
 >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
.bld {
	font-weight: 700;
}

.fsize80 {
	font-size: 80%;
}

.fsize100 {
	font-size: 100%;
}

.fsize110 {
	font-size: 110%;
}

.fsize120 {
	font-size: 120%;
}

.fsize140 {
	font-size: 140%;
}

.fsize150 {
	font-size: 150%;
}

.fsize170 {
	font-size: 170%;
}

.fsize180 {
	font-size: 180%;
}

.fsize15pt {
	/*font-size:15pt;*/
}

.fsize_small {
	font-size: 80%;
}

.fsize_xsmall {
	font-size: 70%;
}

.fsize_large {
	font-size: 120%;
}

.fsize_bold {
	font-weight: bold;
}

.fcolor_red {
	color: #ff0000;
}

.fcolor_blue {
	color: #0000FF;
}

.fcolor_white {
	color: #FFFFFF;
}

.fcolor_gray {
	color: #999999;
}


/*
 line-height
 >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
.line_height100 {
	line-height: 100%;
}

.line_height150 {
	line-height: 150%;
}

.line_height180 {
	line-height: 180%;
}

.line_height200 {
	line-height: 200%;
}

.line_height250 {
	line-height: 250%;
}

.line_height300 {
	line-height: 300%;
}


/*
 margin
 >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
.mall10 {
	margin: 10px;
}

.mall15 {
	margin: 15px;
}

.mall20 {
	margin: 20px;
}

.mall30 {
	margin: 30px;
}

.mtop10 {
	margin-top: 10px;
}

.mtop20 {
	margin-top: 20px;
}

.mtop30 {
	margin-top: 30px;
}

.mleft10 {
	margin-left: 10px;
}

.mleft20 {
	margin-left: 20px;
}

.mleft30 {
	margin-left: 30px;
}

.mright10 {
	margin-right: 10px;
}

.mright20 {
	margin-right: 20px;
}

.mright30 {
	margin-right: 30px;
}

.mbottom10 {
	margin-bottom: 10px;
}

.mbottom20 {
	margin-bottom: 20px;
}

.mbottom30 {
	margin-bottom: 30px;
}


/*
 padding
 >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
.pall10 {
	padding: 10px;
}

.pall15 {
	padding: 15px;
}

.pall20 {
	padding: 20px;
}

.pall30 {
	padding: 30px;
}

.ptop10 {
	padding-top: 10px;
}

.ptop20 {
	padding-top: 20px;
}

.ptop30 {
	padding-top: 30px;
}

.pleft10 {
	padding-left: 10px;
}

.pleft20 {
	padding-left: 20px;
}

.pleft30 {
	padding-left: 30px;
}

.pright10 {
	padding-right: 10px;
}

.pright20 {
	padding-right: 20px;
}

.pright30 {
	padding-right: 30px;
}

.pbottom10 {
	padding-bottom: 10px;
}

.pbottom20 {
	padding-bottom: 20px;
}

.pbottom30 {
	padding-bottom: 30px;
}




/*
 width
 >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
.width15 {
	width: 15px;
}

.width20 {
	width: 20px;
}

.width25 {
	width: 25px;
}

.width30 {
	width: 30px;
}

.width35 {
	width: 35px;
}

.width40 {
	width: 40px;
}

.width50 {
	width: 50px;
}

.width55 {
	width: 55px;
}

.width56 {
	width: 56px;
}

.width60 {
	width: 60px;
}

.width70 {
	width: 70px;
}

.width80 {
	width: 80px;
}

.width90 {
	width: 90px;
}

.width100 {
	width: 100px;
}

.width110 {
	width: 110px;
}

.width120 {
	width: 120px;
}

.width140 {
	width: 140px;
}

.width145 {
	width: 145px;
}

.width150 {
	width: 150px;
}

.width155 {
	width: 155px;
}

.width160 {
	width: 160px;
}

.width165 {
	width: 165px;
}

.width170 {
	width: 170px;
}

.width175 {
	width: 175px;
}

.width180 {
	width: 180px;
}

.width190 {
	width: 190px;
}

.width200 {
	width: 200px;
}

.width210 {
	width: 210px;
}

.width205 {
	width: 205px;
}

.width220 {
	width: 220px;
}

.width230 {
	width: 230px;
}

.width240 {
	width: 240px;
}

.width250 {
	width: 250px;
}

.width260 {
	width: 260px;
}

.width280 {
	width: 280px;
}

.width300 {
	width: 300px;
}

.width330 {
	width: 330px;
}

.width340 {
	width: 340px;
}

.width350 {
	width: 350px;
}

.width370 {
	width: 370px;
}

.width380 {
	width: 380px;
}

.width390 {
	width: 390px;
}

.width400 {
	width: 400px;
}

.width420 {
	width: 420px;
}


.width440 {
	width: 440px;
}

.width450 {
	width: 450px;
}

.width460 {
	width: 460px;
}

.width500 {
	width: 500px;
}

.width510 {
	width: 510px;
}

.width530 {
	width: 530px;
}

.width550 {
	width: 550px;
}

.width560 {
	width: 560px;
}

.width570 {
	width: 570px;
}

.width580 {
	width: 580px;
}

.width590 {
	width: 590px;
}

.width600 {
	width: 600px;
}

.width630 {
	width: 630px;
}

.width650 {
	width: 650px;
}

.width684 {
	width: 684px;
}

.width690 {
	width: 690px;
}

.width700 {
	width: 700px;
}

.width800 {
	width: 800px;
}

.width875 {
	width: 875px;
}

.width890 {
	width: 890px;
}

.width900 {
	width: 900px;
}

.width903 {
	width: 903px;
}

.width920 {
	width: 920px;
}

.width1000 {
	width: 1000px;
}

.width1100 {
	width: 1100px;
}

.width1020 {
	width: 1020px;
}

.width1170 {
	width: 1170px;
}

.width1320 {
	width: 1320px;
}

.width1500 {
	width: 1500px;
}

.width1620 {
	width: 1620px;
}

.width1700 {
	width: 1700px;
}

.width1900 {
	width: 1900px;
}

.width2020 {
	width: 2020px;
}

.width2400 {
	width: 2400px;
}

.width2500 {
	width: 2500px;
}

.width3000 {
	width: 3000px;
}

.width3120 {
	width: 3120px;
}

.width3150 {
	width: 3150px;
}

.width3300 {
	width: 3300px;
}

.width3400 {
	width: 3400px;
}

.width3450 {
	width: 3450px;
}

.width3520 {
	width: 3520px;
}

/*
 height
 >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
.height25 {
	height: 25px;
}

.height30 {
	height: 30px;
}

.height400 {
	height: 400px;
}

/*
 display
 >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
.disp_none {
	display: none;
}

.disp_block {
	display: block;
}

.disp_iblock {
	display: inline-block;
}

.disp_table {
	display: table;
}

.disp_tcell {
	display: table-cell;
}


/*
 text-align
 >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
.talign_r {
	text-align: right;
}

.talign_l {
	text-align: left;
}

.talign_c {
	text-align: center;
}

/*
 vertical
 >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
.vertical_top {
	vertical-align: top;
}

.vertical_middle {
	vertical-align: middle;
}

.vertical_bottom {
	vertical-align: bottom;
}

/*
 float
 >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
.float_r {
	float: right;
}

.float_l {
	float: left;
}

.float_n {
	float: none;
}

.clrfix:after {
	content: "";
	clear: both;
}

/*
 letter-spacing
 >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
.ltr_sp_m1 {
	letter-spacing: -1px;
}

/*
 errer
 >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
.input_err {
	width: 100%;
	padding: 5px 0;
	border: 1px solid #fe787e;
	background-color: #ffebec;
	box-shadow: 2px 2px 2px #ffd9d9 inset;
}

/*
 textbox
 >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
.keyword_input {
	padding: 3px;
	box-sizing: border-box;
	vertical-align: middle;
}

.hissu {
	color: #ff0000;
	/*margin:0px 3px;*/
}

/*
 GridView
 >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
.btn_grid {
	width: 45px;
	height: 25px;
}

/*
 BackGround Color
 >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
.bg_pink {
	background: #FFC0CB;
}

/*
 button setup
 >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/

.large_btn_2 {
	width: 200px;
}

.large_btn {
	width: 170px;
}

.middle_btn {
	width: 100px;
}

.small_btn {
	width: 70px;
}

.blue_btn {
	background-color: #4682B4;
	color: white;
	border: 1px solid gray;
	border-radius: 4px;
}

.light_blue_btn {
	background-color: #007BFF;
	color: white;
	border: 1px solid gray;
	border-radius: 8px;
}

.green_btn {
	background-color: #28A745;
	color: white;
	border: 1px solid gray;
	border-radius: 4px;
}

.blue_green_btn {
	background-color: #17A2B8;
	/* background-color: #38b48b; */
	/* background-color: #31a363; */
	color: white;
	border: 1px solid gray;
	border-radius: 4px;
}

.darkgreen_btn {
	background-color: #259756;
	color: white;
	border: 1px solid gray;
	border-radius: 4px;
}

.orange_btn {
	background-color: orange;
	color: white;
	border: 1px solid gray;
	border-radius: 4px;
}

.red_btn {
	background-color: #EE0000;
	color: white;
	border: 1px solid gray;
	border-radius: 8px;
}

/******灰色ボタン*********/
/*選択ボタン*/
.gray_btn {
	background-color: #9fa09e;
	color: white;
	border: 1px solid gray;
	border-radius: 8px;
	padding: 10px 20px;
	cursor: pointer;
}

/*戻るボタン（小さめ）*/
.gray_btn_02 {
	padding: 14px 30px;
	cursor: pointer;
	background-color: dimgray;
	color: white;
	font-weight: bold;
	border: none;
	border-radius: 8px;
}

.gray_btn_03 {
	background-color: #9fa09e;
	color: white;
	border-radius: 8px;
	padding: 15px;
	margin: 0 5px;
	font-size: 15px;
	cursor: pointer;
	color: white;
	font-weight: bold;
	border: none;
	text-align: center;
	width: 200px;
}
/*ファイル選択・削除*/
.gray_btn_04 {
	background-color: #9fa09e;
	padding: 6px 20px;
	color: white;
	font-weight: bold;
	border-radius: 4px;
	border: 1px solid gray;
	display: block;
	transition: .3s;
}


/******緑ボタン*********/
/*ファイルダウンロード*/
.green_btn_01 {
	padding: 10px 30px;
	font-size: 14px;
	cursor: pointer;
	background-color: #8DBF21;
	color: white;
	font-weight: bold;
	border: none;
	border-radius: 8px;
}

/*Excelダウンロード*/
.green_btn_02 {
	padding: 10px 20px;
	font-size: 14px;
	cursor: pointer;
	background-color: #038C33;
	color: white;
	font-weight: bold;
	border: none;
	border-radius: 8px;
}

.excel_area {
	padding: 5px 20px;
	text-align: right;
}


/******水色ボタン*********/
/*検索*/
.lightblue_btn_01 {
	padding: 10px 20px;
	font-size: 14px;
	cursor: pointer;
	background-color: #27acd9;
	color: white;
	font-weight: bold;
	border: none;
	border-radius: 8px;
	/*width: 100px;*/
}

/*検索(小)*/
.lightblue_btn_02 {
	padding: 4px 20px;
	font-size: 14px;
	cursor: pointer;
	background-color: #27acd9;
	color: white;
	font-weight: bold;
	border: none;
	border-radius: 8px;
	/*width: 100px;*/
}

/*住所検索*/
.lightblue_btn_03 {
	border: none;
	background-color: #27acd9;
	color: white;
	padding: 4px 8px;
	position: relative;
	top: 1px;
	display: inline-block;
	box-sizing: border-box;
	vertical-align: middle;
	border-radius: 4px;
}

.address_margin {
	margin-left: 6px;
}

/*ファイル選択・ダウンロード*/
.lightblue_btn_04 {
	background-color: #ffffff;
	padding: 6px 20px;
	color: #007BFF;
	font-weight: bold;
	border-radius: 4px;
	border: 1px solid gray;
	display: block;
	transition: .3s;
}

.lightblue_btn_05 {
	background-color: #007BFF;
	color: white;
	border-radius: 8px;
	padding: 15px;
	margin: 0 5px;
	font-size: 15px;
	cursor: pointer;
	color: white;
	font-weight: bold;
	border: none;
	text-align: center;
	width: 200px;
}


/******黒ボタン*******/

/*選択*/
.black_btn_01 {
	background-color: #333333;
	color: white;
	padding: 2px 10px;
	border: 1px solid #333333;
	text-align: center;
	border-radius: 4px;
	display: block;
	margin: 0 auto;
	cursor: pointer;
}

/*選択 (大きめ) */
.black_btn_02 {
	background-color: #333333;
	color: white;
	border: 1px solid #333333;
	border-radius: 8px;
	padding: 10px 20px;
}




.delete_margin,
.choice_margin {
	display: block;
	margin: 4px auto;
}

/*登録ボタン*/
.red_btn_01 {
	padding: 15px 100px;
	margin: 0 5px;
	font-size: 15px;
	cursor: pointer;
	background-color: #EE0000;
	color: white;
	font-weight: bold;
	border: none;
	border-radius: 8px;
}

.red_btn_02 {
	background-color: #EE0000;
	color: white;
	border-radius: 8px;
	padding: 15px;
	margin: 0 5px;
	font-size: 15px;
	cursor: pointer;
	color: white;
	font-weight: bold;
	border: none;
	text-align: center;
	width: 200px;
}

.gray_btn_01 {
	display: block;
	margin: 4px auto;
	padding: 2px 10px;
	border: 1px solid #ccc;
	text-align: center;
	border-radius: 5px;
}

/******黄色ボタン*******/

/*履歴*/
.yellow_btn {
	background-color: #D2B04C;
	color: black;
	padding: 2px 10px;
	border: 1px solid #333333;
	text-align: center;
	border-radius: 4px;
	display: block;
	margin-right: 10px;
}


/*
 Err Color
 >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
.comp_mess {
	display: block;
	color: #ff1493;
	font-size: 1rem;
	font-weight: bold;
	text-align: center;
	/*幅変更*/
	margin-top: 24px;
	margin-bottom: 16px;
	width: 100%;
}

/*
 headline
 >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/

.menu_area h1 {
	/*width: 1077px;*/
	width: calc(100% - 23px);
	height: 28px;
	background: url(../images/bg_title_notext.png) no-repeat left top;
	font-weight: bold;
	font-size: 120%;
	padding: 9px 0 0 23px;
	border-bottom: 5px solid #bda;
}

	.menu_area h1 span {
		font-size: 0.8rem;
	}


.menu_area h3 {
	/*width: 1077px;*/
	width: calc(100% - 23px);
	height: 28px;
	background: url(../images/bg_title_notext.png) no-repeat left top;
	font-weight: bold;
	font-size: 120%;
	padding: 9px 0 0 23px;
	border-bottom: 5px solid #bda;
}

.menu_area input:hover {
	background-color: #bbb;
	transition: 0.2s;
}

/*
 Table parts
 >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
.top_main_center {
	width: 100%;
	margin: 0 auto;
}

.groupinfotbl {
	width: 100%;
}

	.groupinfotbl th {
		border: 1px solid #028ed5;
		background-color: #dfc;
		padding: 14px 10px;
		width: 25%;
		vertical-align: middle;
	}

	.groupinfotbl td {
		width: 75%;
		border: 1px solid #028ed5;
		padding: 10px 10px 10px 10px;
		vertical-align: middle;
	}

input {
	border: 1px solid #aaa;
	/*background: #fff;*/
	padding: 3px;
}

.input-xxl {
	width: 550px;
}

.input-xl {
	width: 420px;
}

.input-lg {
	width: 250px;
}

.input-md {
	width: 160px;
}

.input-sm {
	width: 130px;
}

.input-xs {
	width: 80px;
}

.input-xxs {
	width: 50px;
}

textarea {
	border: 1px solid #aaa;
	height: 150px;
}

select {
	border: 1px solid #aaa;
	padding: 3px;
}


/*
 Table parts02(ページネーション有)
 >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/

.grid_table {
	border-collapse: collapse;
	color: #333333;
	padding: 4px;
	margin: auto;
	margin-top: 20px;
	width: 100%;
}

.grid_header {
	padding: 10px;
	color: White;
	background-color: #0F195D;
	font-weight: bold;
}

	.grid_header th {
		border-top: solid 1px #000;
		border-right: solid 1px #000;
		border-bottom: double 3px #000;
		border-left: solid 1px #000;
		padding: 10px 5px;
		text-align: center;
		vertical-align: middle;
	}

.data_area td {
	border-top: solid 1px #999;
	border-right: solid 1px #000;
	border-bottom: solid 1px #999;
	border-left: solid 1px #000;
	padding: 2px 5px;
	word-break: break-all;
	vertical-align: middle;
}

table.grid_table tr.data_area td .selection_btn {
	display: block;
	margin: 4px auto;
	background-color: #27acd9;
	color: white;
	padding: 2px 10px;
	border: 1px solid #ccc;
	text-align: center;
	border-radius: 5px;
}

table.grid_table tr.data_area td .delete_btn,
.update_btn {
	display: block;
	margin: 4px auto;
	padding: 2px 10px;
	border: 1px solid #ccc;
	text-align: center;
	border-radius: 5px;
}

.grid_header_btn {
	width: 50px;
}

/*table内　文字揃え*/
.rank {
	text-align: center;
}

.fees,
.sort {
	text-align: right;
}

/* 行の背景色（交互） */
tr.data_area:nth-child(even) {
	background-color: #E0EFF9;
}

tr.data_area:nth-child(odd) {
	background-color: #FFFFFF;
}


/*
 search box
 >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
.search_area,
.search_box {
	width: 100%;
	margin: 10px 0px 20px 0px;
	background-color: #FAFAFA;
	border: 1px solid #CCCCCC;
	padding: 20px;
	box-sizing: border-box;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

/*新規・検索・ファイルダウンロード*/
.stay_area {
	width: 80%;
	align-items: center;
	display: flex;
}

/*テキストボックス　*/
.form-group {
	display: flex;
	flex-wrap: wrap;
	width: 80%;
	/*align-items: center;*/
	height: fit-content;
	gap: 15px;
}

.form-row input,
.form-row select {
	vertical-align: middle;
}

.label_area {
	margin-right: 10px;
	width: 55px;
	display: inline-block;
	vertical-align: middle;
}

.label_area_sm {
	margin-right: 10px;
	width: 30px;
	display: inline-block;
}

.label_area_lg {
	margin-right: 10px;
	width: 80px;
	display: inline-block;
	vertical-align: middle;
}

.form-row,
.form-row-sm,
.form-row-md,
.form-row-lg,
.form-row-xxl {
	display: flex;
	align-items: center;
}

.form-row {
	width: 290px;
}

.form-row-sm {
	width: 210px;
}

.form-row-md {
	width: 330px;
}

.form-row-lg {
	width: 400px;
}

.form-row-xxl {
	width: 630px;
}

.formtbl {
	display: flex;
	flex-wrap: wrap;
	gap: 15px;
}

/*疑似要素 隙間削除*/
.search_box::after,
.area::after,
.btn_box::after,
.form-group::after {
	content: "";
	display: none;
}

/*検索ボタンエリア*/
.btn_box {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	justify-content: space-between;
	width: 210px;
	height: 50%;
}

/*新規追加ボタン*/
.new_btn {
	/*margin-left: 370px;*/
	padding: 10px 20px;
	font-size: 14px;
	cursor: pointer;
	background-color: #EE0000;
	color: white;
	font-weight: bold;
	border: none;
	border-radius: 8px;
	width: 100px;
	/*margin-bottom: 10px;*/
}

/*検索ボタン*/
.search_btn {
	/*margin-left: 10px;*/
	padding: 10px 20px;
	font-size: 14px;
	cursor: pointer;
	background-color: #27acd9;
	color: white;
	font-weight: bold;
	border: none;
	border-radius: 8px;
	width: 100px;
	/*margin-bottom: 10px;*/
}

/*条件検索エリア（入力欄1つ）*/
.search-single {
	width: 70%;
	display: flex;
	align-items: center;
	justify-content: flex-start;
}

/*条件検索エリア（入力欄2つ）*/
.area {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 10px;
	width: 70%;
}

/*検索エリア　疑似要素削除*/
.search_area::after,
.stay_area::after {
	content: "";
	display: none;
}

/*
 button parts
 >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/


/*住所検索ボタン*/
.address_btn {
	border: none;
	background-color: #27acd9;
	color: white;
	padding: 4px 8px;
	position: relative;
	top: 1px;
	display: inline-block;
	box-sizing: border-box;
	vertical-align: middle;
	margin-left: 6px;
	border-radius: 4px;
}

/*登録ボタン*/
.submit_btn {
	padding: 15px 100px;
	margin: 0 5px;
	font-size: 15px;
	cursor: pointer;
	background-color: #EE0000;
	color: white;
	font-weight: bold;
	border: none;
	border-radius: 8px;
}

/*戻るボタン*/
.back_btn {
	padding: 15px 100px;
	margin: 0 5px;
	font-size: 15px;
	cursor: pointer;
	background-color: dimgray;
	color: white;
	font-weight: bold;
	border: none;
	border-radius: 8px;
}

/*ファイルを選択ボタン*/
.btn_file {
	background-color: #007BFF;
	color: white;
	padding: 12px 20px 8px 20px;
	border-radius: 4px;
	cursor: pointer;
	display: inline-block;
	border: 1px solid gray;
}

#file_nm {
	display: inline-block;
	width: 220px;
	/* 必要に応じて調整 */
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	vertical-align: middle;
	text-align: left;
	margin-left: 4px;
	padding-top: 2px;
}

#file_upload {
	display: none;
}

/*画面下ボタンエリア（中央揃え）*/
.to_top_center {
	text-align: center;
	margin-top: 20px;
}

	.to_top_center a {
		display: inline-block;
	}

	/*画面下ボタンエリア（ボタン3つ）*/
	.to_top_center.three {
		display: flex;
		justify-content: center;
		gap: 30px;
		align-items: baseline;
	}



/*
 accordion
 >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/

.accordion-toggle {
	background-color: #007BFF;
	color: white;
	border: none;
	border-radius: 20px;
	padding: 8px 20px;
	cursor: pointer;
	display: inline-flex;
	align-items: center;
	gap: 8px;
	font-size: 16px;
}

.accordion-panel {
	display: none;
	margin-top: 10px;
	padding: 15px;
	border: 1px solid #ccc;
	background-color: #f9f9f9;
	border-radius: 4px;
}


.file_upload_btn {
	display: block;
	margin: 0 auto;
	padding: 10px 30px;
	font-size: 14px;
	cursor: pointer;
	background-color: #17A2B8;
	color: white;
	font-weight: bold;
	border: none;
	border-radius: 6px;
}

.accordion-wrapper {
	margin-bottom: 30px;
	padding: 10px 0;
	width: 100%;
}



.btn_area.action_btn {
	/* padding-bottom: 30px; */
	display: flex;
	align-items: center;
}

.btn_area input:hover,
.excel_area input:hover {
	background-color: #bbb;
	transition: 0.3s;
	/* ホバー時の色変更 */
}

.file_area {
	display: flex;
	align-items: center;
	padding: 20px 40px;
	justify-content: space-between;
	width: 640px;
	align-items: baseline;
	margin: 0 auto;
}

/*
 back to top
 >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/

html {
	scroll-behavior: smooth;
}

#pagetop {
	position: fixed;
	right: 40px;
	bottom: 10%;
	z-index: 100;
	display: block;
	width: 42px;
	height: 42px;
	cursor: pointer;
	background: #00913A;
	border: 1px solid #ffffff;
	border-radius: 4px;
	opacity: 0;
	transition: .5s;
}

	#pagetop:hover {
		opacity: 0.7;
		background-color: #00b548;
	}

	#pagetop.visible {
		opacity: 1;
		pointer-events: auto;
	}

	#pagetop span {
		position: absolute;
		top: 16px;
		left: 11px;
		display: block;
		width: 16px;
		height: 16px;
		content: "";
		border-top: 3px solid #ffffff;
		border-right: 3px solid #ffffff;
		-webkit-transform: rotate(315deg);
		transform: rotate(315deg);
	}

/*
 radio button
 >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/

.radio-group {
	display: flex;
	gap: 15px;
}


	.radio-group label,
	.radio-date-group {
		display: flex;
		align-items: center;
		gap: 5px;
	}


/*
h1 text
 >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/

.description {
	padding: 15px 0;
}