@charset "UTF-8";

body{
	background-color: #F5F8FA;
    min-width:1698px;
    margin:0px;
    padding:0px;
    font-family:"ⅯS ゴシック",sans-serif;
	color: #FFF;
}

#header {
    padding-top:0px;
    margin-bottom:10px;
    zoom:1;
}

h1,h2,h3,h4,h5,h6,br,dl,dt,dd,p,div,ul,li,img,form{
    margin:0px;
    padding:0px;
    font-family:"ⅯS ゴシック",sans-serif;
}

h1{
	color: #000;
}

#header #system-ttl{
    padding:10px 0px 10px 10px !important;
}

div#wrapper{
    margin:0px 0px 0px 10px;
    padding:15px 5px 0;
}

div#cont_area h1{
    /*width:945px;*/
	width:1120px;
    margin-bottom: 20px;
    font-size:160%;
    padding:0px 0px 8px 15px;
    border-bottom: 1px solid #00667F;
    position:relative;
}

div#cont_area h2{
    width:945px;
    margin-bottom: 20px;
    padding:0px 0px 8px 15px;
    border-bottom: 1px solid #00667F;
    position:relative;
}

.login{
    width:680px;
    padding:30px 0px 20px 83px !important;
    background-color: #F5F5F5;
    border: 1px solid #CCC;
    margin:30px 0px 0px 100px;
}

.login table.design_nomal{
    width: 590px !important;
}

.design_nomal{
    border-top: 1px solid #CCCCCC;
    border-left: 1px solid #CCCCCC;
    color: #5F5958;
    font-size:12pt;
    line-height: 150%;
    border-collapse: collapse;
}

.design_nomal th{
	background-color:#443590;
    color: #FFF;
    text-align: left;
}

.design_nomal th{
    border-right: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
    padding: 8px;
}

.design_nomal td{
    border-right: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
    padding: 8px;
    margin-bottom: 2.6875rem;
    color: #2D3E50;
    border-radius: 3px;
    background-color: #fff;
    flex: 0 auto;
}

.login table.design_nomal td{
    margin-bottom: 2.6875rem;
    color: #2D3E50;
    border-radius: 3px;
    background-color: #fff;
    flex: 0 auto;
}

.mgn_10 {
    margin-bottom: 10px;
}

.mgn_20 {
    margin-bottom: 20px;
}

.mgn_30 {
    margin-bottom: 30px;
}

.input{
    box-sizing: border-box;
    width: 60%;
    height: 34px;
    padding: 20px 15px;
    border: 2px solid #d0d0d0;
    border-radius: 5px;
    background: #fff;
    line-height: normal;
}

.input2{
    box-sizing: border-box;
    padding: 15px 15px;
    border-radius: 5px;
    background: #fff;
    line-height: normal;
}

.input3{
    box-sizing: border-box;
    width: 100%;
    height: 34px;
    padding: 20px 15px;
    border: 2px solid #d0d0d0;
    border-radius: 5px;
    background: #fff;
    line-height: normal;
	text-align: right;
}

.input4{
	color: #5F5958;
	border:none;
	outline:none;
	text-align: right;
}

.input5 {
    box-sizing: border-box;
    width: 70px;
	height: 34px;
    padding: 20px 15px;
    border: 2px solid #d0d0d0;
    border-radius: 5px;
    background: #fff;
    line-height: normal;
	text-align: center;
}

.input6 {
    box-sizing: border-box;
    width: 55px;
	height: 34px;
    padding: 20px 15px;
    border: 2px solid #d0d0d0;
    border-radius: 5px;
    background: #fff;
    line-height: normal;
	text-align: center;
}

.input7 {
    box-sizing: border-box;
    width: 90%;
    height: 13px;
    padding: 13px 5px;
    border: 2px solid #d0d0d0;
    border-radius: 5px;
    background: #fff;
    line-height: normal;
}

.input8 {
    box-sizing: border-box;
    width: 70px;
	height: 13px;
    padding: 12px 10px;
    border: 2px solid #d0d0d0;
    border-radius: 5px;
    background: #fff;
    line-height: normal;
	text-align: center;
}

.input9 {
    box-sizing: border-box;
    width: 50px;
	height: 13px;
    padding: 13px 10px;
    border: 2px solid #d0d0d0;
    border-radius: 5px;
    background: #fff;
    line-height: normal;
    text-align: center;
}

.input10{
    box-sizing: border-box;
    width: 200px;
    height: 34px;
    padding: 20px 15px;
    border: 2px solid #d0d0d0;
    border-radius: 5px;
    background: #fff;
    line-height: normal;
}

.input11{
    box-sizing: border-box;
    width: 90px;
    height: 34px;
    padding: 20px 15px;
    border: 2px solid #d0d0d0;
    border-radius: 5px;
    background: #fff;
    line-height: normal;
	text-align: right;
}

.input12{
    box-sizing: border-box;
    width: 80px;
    height: 34px;
    padding: 20px 15px;
    border: 2px solid #d0d0d0;
    border-radius: 5px;
    background: #fff;
    line-height: normal;
	text-align: right;
}

.input13{
    box-sizing: border-box;
    width: 170px;
    height: 34px;
    padding: 20px 15px;
    border: 2px solid #d0d0d0;
    border-radius: 5px;
    background: #fff;
    line-height: normal;
	text-align: right;
}

.input14{
    box-sizing: border-box;
    width: 100%;
    height: 34px;
    padding: 20px 15px;
    border: 2px solid #d0d0d0;
    border-radius: 5px;
    background: #fff;
    line-height: normal;
	font-size: 10pt;
}

.input15 {
    box-sizing: border-box;
    width: 70px;
	height: 13px;
    padding: 12px 10px;
    border: 2px solid #d0d0d0;
    border-radius: 5px;
    background: #fff;
    line-height: normal;
	text-align: right;
}

.input16 {
    box-sizing: border-box;
    width: 300px;
    height: 34px;
    padding: 20px 15px;
    border: 2px solid #d0d0d0;
    border-radius: 5px;
    background: #fff;
    line-height: normal;
}

.input17 {
    box-sizing: border-box;
    width: 80px;
	height: 34px;
    padding: 20px 15px;
    border: 2px solid #d0d0d0;
    border-radius: 5px;
    background: #fff;
    line-height: normal;
	text-align: center;
}

.input18 {
    box-sizing: border-box;
    width: 100px;
	height: 34px;
    padding: 20px 15px;
    border: 2px solid #d0d0d0;
    border-radius: 5px;
    background: #fff;
    line-height: normal;
	text-align: center;
}

textarea {
	box-sizing: border-box;
	padding: 5px 5px;
	border-radius: 5px;
	background: #fff;
	line-height: 150%;
	resize: none;
	color: #5F5958;
}

.input.error {
	border-color: #e25358;
	background: #ffe0e1;
}

.input3.error {
	border-color: #e25358;
	background: #ffe0e1;
}

.input5.error {
	border-color: #e25358;
	background: #ffe0e1;
}

.input6.error {
	border-color: #e25358;
	background: #ffe0e1;
}

.input7.error {
	border-color: #e25358;
	background: #ffe0e1;
}

.input8.error {
	border-color: #e25358;
	background: #ffe0e1;
}

.input9.error {
	border-color: #e25358;
	background: #ffe0e1;
}

.input10.error {
	border-color: #e25358;
	background: #ffe0e1;
}

.input11.error {
	border-color: #e25358;
	background: #ffe0e1;
}

.input12.error {
	border-color: #e25358;
	background: #ffe0e1;
}

.input13.error {
	border-color: #e25358;
	background: #ffe0e1;
}

.input14.error {
	border-color: #e25358;
	background: #ffe0e1;
}

.input15.error {
	border-color: #e25358;
	background: #ffe0e1;
}

.input16.error {
	border-color: #e25358;
	background: #ffe0e1;
}

.input17.error {
	border-color: #e25358;
	background: #ffe0e1;
}

.input18.error {
	border-color: #e25358;
	background: #ffe0e1;
}

.form-ime-mode-active {
	ime-mode: active;
}

.form-error-list {
	color: #e25358;
	font-weight: bold;
}

.form-error-list__item {
	text-align: left;
}

.form-error-list:last-child {
	margin-bottom: 0;
}

div#cont_area p{
    font-size: 12pt;
}

a:link, a:visited{
    color: #003A91;
    text-decoration: underline;
}

.Btn_box_c{
    width: 960px;
    margin: 28px 0px 40px 0px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.Btn_box_l{
	width: 960px;
    margin: 28px 0px 40px 0px;
	display: flex;
	flex-direction: column;
	align-items: left;
	justify-content: center;
}

.Btn_box_r{
	width: 400px;
    margin: 0px 0px 0px 50px;
	display: flex;
	align-items: flex-end;
	justify-content: center;
}

.Btn_box_r2{
	width: 500px;
    margin: 0px 0px 0px 0px;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	justify-content: center;
}

.Btn_box_r3{
	width: 340px;
    margin: 0px 0px 0px 50px;
	display: flex;
	align-items: flex-end;
	justify-content: center;
}

.Btn_box_c2{
    width: 380px;
    margin: 28px 0px 30px 0px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.Btn_box_big{
	width: 960px;
	text-align: center;
	margin: 28px 0px 40px;
}

.bg_01 {
	background: url(../img/g_navi_bg.jpg) repeat-x bottom left !important;
}

.bg_02 {
	background: url(../img/footer_bg.jpg) repeat-x bottom left !important;
}

div#footer{
	width: 100%;
	margin: 0px;
	padding: 0px 0px 30px;
}

div#footer #toiawase{
	padding: 20px 15px 0px;
	background-color: #F5F8FA;
}

.main__inner2 {
    width: 960px;
    margin: 0 auto;
    margin-top: 10px;
}

.button {
	display: flex;
	box-sizing: border-box;
	align-items: center;
	justify-content: center;
	position: relative;
	width: 595px;
	height: 63px;
	transition: .2s linear;
	border: 2px solid #6bb6ff;
	border-radius: 10px;
	background: #443590;
	color: #fff;
	font-size: 20px;
	font-weight: bold;
	line-height: 1;
}

.button2 {
	display: flex;
	box-sizing: border-box;
	align-items: center;
	justify-content: center;
	position: relative;
	width: 595px;
	height: 63px;
	transition: .2s linear;
	border: 2px solid #bcbcbc;
	border-radius: 10px;
	background: #808080;
	color: #fff;
	font-size: 20px;
	font-weight: bold;
	line-height: 1;
}

.button3 {
	display: flex;
	box-sizing: border-box;
	align-items: center;
	justify-content: center;
	position: relative;
	width: 595px;
	height: 63px;
	transition: .2s linear;
	border: 2px solid #6bb6ff;
	border-radius: 10px;
	background: #443590;
	color: #fff;
	font-size: 20px;
	font-weight: bold;
	line-height: 1;
	height: 64px;
}

.button4 {
	/*display: flex;*/
	box-sizing: border-box;
	align-items: center;
	justify-content: center;
	position: relative;
	width: 80px;
	height: 34px;
	transition: .2s linear;
	border: 2px solid #6bb6ff;
	border-radius: 10px;
	background: #443590;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	line-height: 1;
}

.button5 {
	display: flex;
	box-sizing: border-box;
	align-items: center;
	justify-content: center;
	position: relative;
	width: 144px;
	height: 38px;
	transition: .2s linear;
	border: 2px solid #bcbcbc;
	border-radius: 10px;
	background: #808080;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	line-height: 1;
}


.button6 {
	display: flex;
	box-sizing: border-box;
	align-items: center;
	justify-content: center;
	position: relative;
	width: 144px;
	height: 38px;
	transition: .2s linear;
	border: 2px solid #5fbd8a;
	border-radius: 10px;
	background: #5fbd8a;
	color: #fff;
	font-size: 20px;
	font-weight: bold;
	line-height: 1;
}

.button7 {
	display: flex;
	box-sizing: border-box;
	align-items: center;
	justify-content: center;
	position: relative;
	width: 144px;
	height: 38px;
	transition: .2s linear;
	border: 2px solid #6bb6ff;
	border-radius: 10px;
	background: #443590;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	line-height: 1;
}

.button8 {
	display: flex;
	box-sizing: border-box;
	align-items: center;
	justify-content: center;
	position: relative;
	width: 350px;
	height: 56px;
	transition: .2s linear;
	border: 2px solid #6bb6ff;
	border-radius: 10px;
	background: #443590;
	color: #fff;
	font-size: 20px;
	font-weight: bold;
	line-height: 1;
}

.button9 {
	display: flex;
	box-sizing: border-box;
	align-items: center;
	justify-content: center;
	position: relative;
	width: 144px;
	height: 38px;
	transition: .2s linear;
	border: 2px solid #bcbcbc;
	border-radius: 10px;
	background: #808080;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	line-height: 1;
}

.button10 {
	display: flex;
	box-sizing: border-box;
	align-items: center;
	justify-content: center;
	position: relative;
	width: 144px;
	height: 38px;
	transition: .2s linear;
	border: 2px solid #6bb6ff;
	border-radius: 10px;
	background: #443590;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	line-height: 1;
}

.button11 {
	box-sizing: border-box;
	align-items: center;
	justify-content: center;
	position: relative;
	width: 80px;
	height: 34px;
	transition: .2s linear;
	border: 2px solid #bcbcbc;
	border-radius: 10px;
	background: #808080;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	line-height: 1;
}

.button12 {
	box-sizing: border-box;
	align-items: center;
	justify-content: center;
	position: relative;
	width: 80px;
	height: 34px;
	transition: .2s linear;
	border: 2px solid #6bb6ff;
	border-radius: 10px;
	background: #443590;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	line-height: 1;
}

.button13 {
	box-sizing: border-box;
	align-items: center;
	justify-content: center;
	position: relative;
	width: 100px;
	height: 34px;
	transition: .2s linear;
	border: 2px solid #6bb6ff;
	border-radius: 10px;
	background: #443590;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	line-height: 1;
}

.button:active {
	background: #fff;
	color: #6bb6ff;
}

.button2:active {
	background: #fff;
	color: #bcbcbc;
}

.button3:active {
	background: #fff;
	color: #6bb6ff;
}

.button4:active {
	background: #fff;
	color: #6bb6ff;
}

.button5:active {
	background: #fff;
	color: #bcbcbc;
}

.button6:active {
	background: #fff;
	color: #5fbd8a;
}

.button7:active {
	background: #fff;
	color: #5fbd8a;
}

.button8:active {
	background: #fff;
	color: #6bb6ff;
}

.button9:active {
	background: #fff;
	color: #bcbcbc;
}

.button10:active {
	background: #fff;
	color: #6bb6ff;
}

.button11:active {
	background: #fff;
	color: #bcbcbc;
}

.button12:active {
	background: #fff;
	color: #6bb6ff;
}

.button13:active {
	background: #fff;
	color: #6bb6ff;
}

.form-list__data {
	margin-top: 5px;
}




botton, input, select, textarea {
	font-size: 12pt;
	margin: 0;
	vertical-align: baseline;
}

.select {
	position: relative;
	box-sizing: border-box;
    width: 60%;
    height: 54px;
	overflow: hidden;
	border: 2px solid #d0d0d0;
	border-radius: 5px;
}

.select.entered {
	border-color: #3399cc;
}


.select.entered::before {
	border-color: #3399cc;
}

.select.entered::after {
	border-color: #3399cc;
}

.select.error {
	border-color: #e25358;
	background: #ffe0e1;
}

.select.error::before {
	border-color: #e25358;
}

.select.error::after {
	border-color: #e25358;
}

.select select {
	box-sizing: border-box;
    width: 100%;
    height: 54px;
	padding: 0 25px 0 15px;
	border: 0;
	border-radius: 5px;
	outline: none;
	background: none;
	text-indent: 0;
	cursor: pointer;
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
}

.select select::-ms-expand {
	display: none;
}

.select::before {
	content: "";
	position: absolute;
	top: 0;
	right: 34px;
	bottom: 0;
	width: 2px;
	border-left: 2px solid #d0d0d0;
}

.select::after {
	content: "";
	position: absolute;
	top: 50%;
	right: 15px;
	width: 12px;
	height: 12px;
	margin-top: -6px;
	transform: rotate(45deg) translateY(-50%);
	border: 0;
	border-right: solid 2px #d0d0d0;
	border-bottom: solid 2px #d0d0d0;
}

.select:not(is-multiple):after {
	pointer-events: none;
}


.select2 {
	position: relative;
	box-sizing: border-box;
    width: 90%;
    height: 44px;
	overflow: hidden;
	border: 2px solid #d0d0d0;
	border-radius: 5px;
}


.select2.entered {
	border-color: #3399cc;
}


.select2.entered::before {
	border-color: #3399cc;
}

.select2.entered::after {
	border-color: #3399cc;
}

.select2.error {
	border-color: #e25358;
	background: #ffe0e1;
}

.select2.error::before {
	border-color: #e25358;
}

.select2.error::after {
	border-color: #e25358;
}

.select2 select {
	box-sizing: border-box;
    width: 100%;
    height: 44px;
	padding: 0 25px 0 15px;
	border: 0;
	border-radius: 5px;
	outline: none;
	background: none;
	text-indent: 0;
	cursor: pointer;
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
}

.select2 select::-ms-expand {
	display: none;
}

.select2::before {
	content: "";
	position: absolute;
	top: 0;
	right: 34px;
	bottom: 0;
	width: 2px;
	border-left: 2px solid #d0d0d0;
}

.select2::after {
	content: "";
	position: absolute;
	top: 50%;
	right: 15px;
	width: 12px;
	height: 12px;
	margin-top: -6px;
	transform: rotate(45deg) translateY(-50%);
	border: 0;
	border-right: solid 2px #d0d0d0;
	border-bottom: solid 2px #d0d0d0;
}

.select2:not(is-multiple):after {
	pointer-events: none;
}

input[type='file'] {
	color: rgb(31, 41, 55);
	cursor: pointer;
	border-radius: 0.375rem;
	padding-right: 0.5rem;
	width: 24rem;
  }
  
  ::file-selector-button,
  ::-webkit-file-upload-button {
	background-color: rgb(209, 213, 219);
	color: rgb(31, 41, 55);
	border: none;
	cursor: pointer;
	border-right: 1px solid rgb(191, 194, 199);
	padding: 0.25rem 1rem;
	margin-right: 1rem;
  }

  .form-message3{
	font-size: 18px;
	text-align: left;
}

ul {
	padding: 0;
}

ul {
	margin: 0;
	list-style: none;
	list-style-image: none;
}


.design_nomal_page_b{
	color: #5F5958;
	font-size: 12pt;
	line-height: 150%;
	border-collapse: collapse;
}


.design_nomal_page_b th{
    border-top: 1px solid #CCCCCC;
	color: #FFF;
}

.design_nomal_page_b th{
    border-right: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
	padding: 8px;
	text-align: center;
	white-space: nowrap;
}

.design_nomal_page_b td{
    border-right: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
	padding: 8px;
	text-align: center;
	white-space: nowrap;
    margin-bottom: 2.6875rem;
    color: #2D3E50;
    border-radius: 3px;
    background-color: #fff;
    flex: 0 auto;
}

.design_nomal_page_b td.heading{
	border-right: 1px solid #CCCCCC;
}


.design_nomal_page_c{
	color: #5F5958;
	font-size: 12pt;
	line-height: 100%;
	border-collapse: collapse;
	table-layout: fixed;
}


.design_nomal_page_c th{
    border-top: 1px solid #CCCCCC;
	color: #FFF;
}

.design_nomal_page_c th{
    border-right: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
	padding: 8px;
	text-align: center;
	white-space: nowrap;
}

.design_nomal_page_c td{
    border-right: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
	padding: 8px;
	text-align: center;
	white-space: nowrap;
    margin-bottom: 2.6875rem;
    color: #2D3E50;
    border-radius: 3px;
    background-color: #fff;
    flex: 0 auto;
}

.design_nomal_page_c td.heading{
	border-right: 1px solid #CCCCCC;
}


.t-right{
	text-align: right !important;
}

.t-left{
	text-align: left !important;
}

.t_center{
	text-align: center !important;
}

.Btn_box_foot{
	margin: 10px 0px 10px;
	width: 980px;
}

.Btn_box_foot .l2_btn{
	width: 550px;
	float: left;
}

.Btn_box_foot .r2_btn{
	width: 410px;
	float: right;
}

.Btn_box_foot::after{
	content: "";
	clear: both;
	height: 0;
	display: block;
	visibility: hidden;
}

.Btn_box_foot2{
	margin: 10px 0px 10px;
	width: 1120px;
}

.Btn_box_foot2 .l2_btn{
	width: 690px;
	float: left;
}

.Btn_box_foot2 .r2_btn{
	width: 410px;
	float: right;
}

.Btn_box_foot2::after{
	content: "";
	clear: both;
	height: 0;
	display: block;
	visibility: hidden;
}


.time{
	width:400px;
	font-size:12pt;
	line-height:120%;
	text-align:right;
	font-weight:normal;
	position:absolute;
	right:0px;
	bottom:0px;
}

div#pagenation {
   position: relative;
   overflow: hidden;
}
div#pagenation ul {
    position:relative;
    left:50%;
    float:left;
    list-style: none;
}
div#pagenation li {
    position:relative;
    left:-50%;
    float:left;
}
div#pagenation li a {
    border:1px solid #CECECE;
    margin: 0 3px;
    padding:3px 7px;
    display: block;
    text-decoration:none;
    color: #666666;
    background: #fff;
}
div#pagenation li.active a,
div#pagenation li a:hover{
    border:solid 1px #666666;
    color: #FFFFFF;
    background: #443590;
}

.host_messages{
	width:938px;
	border: 1px solid #CCC;
	margin: 10px 0px 10px;
	padding: 10px;
	color: #666;
}

#modal {
	display: none;
	position: fixed;
	z-index: 2;
	left: 0;
	top: 0;
	width: 100vw;
	height: 100%;
	overflow: auto;
	background-color: rgba(0, 0, 0, 0.5);
  }

  #modal .modal-content {
	background-color: #fefefe;
	margin: 15% auto;
	padding: 20px;
	border: 1px solid #888;
	width: 80%;
	max-width: 340px;
	color: #000000;
  }

  #modal.is-hidden {
	display: none;
  }

  #modal.is-shown {
	display: block;
  }

  #modal2 {
	display: none;
	position: fixed;
	z-index: 2;
	left: 0;
	top: 0;
	width: 100vw;
	height: 100%;
	overflow: auto;
	background-color: rgba(0, 0, 0, 0.5);
  }

  #modal2 .modal-content2 {
	background-color: #fefefe;
	margin: 15% auto;
	padding: 20px;
	border: 1px solid #888;
	width: 80%;
	max-width: 310px;
	color: #000000;
  }

  #modal2.is-hidden2 {
	display: none;
  }

  #modal2.is-shown2 {
	display: block;
  }


  #modal3 {
	display: none;
	position: fixed;
	z-index: 2;
	left: 0;
	top: 0;
	width: 100vw;
	height: 100%;
	overflow: auto;
	background-color: rgba(0, 0, 0, 0.5);
  }

  #modal3 .modal-content3 {
	background-color: #fefefe;
	margin: 15% auto;
	padding: 20px;
	border: 1px solid #888;
	width: 80%;
	max-width: 380px;
	color: #000000;
  }

  #modal3.is-hidden3 {
	display: none;
  }

  #modal3.is-shown3 {
	display: block;
  }

  /* modal*/
#modal-content {
	width: 30% ;
	margin: 0 ;
	padding: 10px 20px ;
	border: 2px solid #aaa ;
	background: #fff ;
	position: fixed ;
	display: none ;
	z-index: 2 ;
}
  
#modal-overlay {
	z-index: 1 ;
	display: none ;
	position: fixed ;
	top: 0 ;
	left: 0 ;
	width: 100% ;
	height: 120% ;
	background-color: rgba( 0,0,0, 0.75 ) ;
}

.button-link {
	color: #00f ;
	text-decoration: underline ;
}
 
.button-link:hover {
	cursor: pointer ;
	color: #f00 ;
}
.pdf_button {
	display: flex;
}
.pdf_button .button1{
	margin-right: 20px;
}

.radio-003 {
    border: none;
}

.radio-003 label {
    display: inline-flex;
    align-items: center;
    gap: 0 .5em;
    position: relative;
    max-width: 200px;
    margin-bottom: .4em;
    padding: .5em .7em;
    border-radius: 3px;
    cursor: pointer;
	border: 2px solid #d0d0d0;
    border-radius: 5px;
}

.radio-003 label:has(:checked) {
    background-color: #2589d026;
}

input,textarea:focus {
	outline: none;
 }

 .radio-004 label {
    display: inline-flex;
    align-items: center;
    gap: 0 .5em;
    position: relative;
    max-width: 200px;
    margin-bottom: .4em;
    padding: .5em .7em;
    border-radius: 3px;
	border-color: #e25358;
    background: #ffe0e1;
    cursor: pointer;
    border: 2px solid #e25358;
    border-radius: 5px;
}