@charset "UTF-8";

/*result*/
.layout01_result_table,
.layout02_result_table {
	margin: 0;
	padding: 0;
	border-collapse: collapse;
	width: 100%;
	margin-bottom: 20px;
}

.layout01_result_table tr{
	border-bottom: 1px solid #E5E5E5;
}

.layout01_result_table tr:first-child {
	border-top: 1px solid #E5E5E5;
}
.layout02_result_table td {
	font-size: 12px;
	padding: 5px;
	border-bottom: 1px solid #c1c8d5;
}

.layout01_result_table td {
	padding: 2px 5px;
	/* border-style: solid; */
	/* border-width: 1px; */
	/* border-color: #E5E5E5; */
}


.layout02_result_table td:first-child {
	font-weight: bold;
	font-size: 15px;
	width: 30%;
}

.layout02_result_tablein {
	border-collapse: collapse;
}

.layout02_result_tablein th,
.layout02_result_tablein td {
	border: none;
}

/*font-color*/
.fc_white {
	color: white;
}

.fc_green {
	color: green;
}

.fc_blue {
	color: blue;
}

.fc_red {
	color: red;
}

.fc_orange {
	color: orange;
}

.fc_sky {
	color: #36C7D4;
}

/*width*/
.w05per {
	width: 05%;
}

.w10per {
	width: 10%;
}

.w15per {
	width: 15%;
}

.w20per {
	width: 20%;
}

.w25per {
	width: 25%;
}

.w30per {
	width: 30%;
}

.w35per {
	width: 35%;
}

.w40per {
	width: 40%;
}

.w45per {
	width: 45%;
}

.w50per {
	width: 50%;
}

.w55per {
	width: 55%;
}

.w60per {
	width: 60%;
}

.w65per {
	width: 65%;
}

.w70per {
	width: 70%;
}

.w75per {
	width: 75%;
}

.w80per {
	width: 80%;
}

.w85per {
	width: 85%;
}

.w90per {
	width: 90%;
}

.w95per {
	width: 95%;
}

.w100per {
	width: 100%;
}

/*pixel*/
.w05px {
	width: 05px;
}

.w10px {
	width: 10px;
}

.w15px {
	width: 15px;
}

.w20px {
	width: 20px;
}

.w25px {
	width: 25px;
}

.w30px {
	width: 30px;
}

.w35px {
	width: 35px;
}

.w40px {
	width: 40px;
}

.w45px {
	width: 45px;
}

.w50px {
	width: 50px;
}

.w55px {
	width: 55px;
}

.w60px {
	width: 60px;
}

.w65px {
	width: 65px;
}

.w70px {
	width: 70px;
}

.w75px {
	width: 75px;
}

.w80px {
	width: 80px;
}

.w85px {
	width: 85px;
}

.w90px {
	width: 90px;
}

.w95px {
	width: 95px;
}

.w100px {
	width: 100px;
}

.w150px {
	width: 150px;
}

.w200px {
	width: 200px;
}

.w250px {
	width: 250px;
}

.w300px {
	width: 300px;
}

.w350px {
	width: 350px;
}

.w400px {
	width: 400px;
}

.w450px {
	width: 450px;
}

.w500px {
	width: 500px;
}

/*word-break*/
.break_all {
	word-break: break-all;
}

/*bgcolor*/
.bg_glay01 {
	background: #849992;
}

.bg_glay02 {
	background: #F2F2F2;
}

.bg_yellow01 {
	background: #FFE793;
}


/*ancher button*/
.a_button_pd10 {
	display: block;
	text-align: center;
	padding: 10px 0;
	background: #36D4C7;
	color: white;
	font-size: 90%;
}

.a_button_pd20 {
	display: block;
	text-align: center;
	padding: 20px 0;
	background: #36D4C7;
	color: white;
	font-size: 90%;
}

.a_button_pd30 {
	text-align:center;
	display: inline-block;
	min-width: 220px;
	height:30px;
	line-height: 30px;
	border: 1px solid #009275;
	color: #fff;
	background: #009275;
	border-radius: 30px;
	cursor: pointer;
	text-decoration: none;
	margin: 15px 0px;
}

.a_button_pd10:hover,
.a_button_pd20:hover,
.a_button_pd30:hover {
	color: #009275;
	background: #fff;
	border: 1px solid #009275;
	text-decoration: none;
}

.a_button_pd30_orange{
	text-align:center;
	display: inline-block;
	min-width: 220px;
	height:30px;
	line-height: 30px;
	color: #fff;
	background: #e8a94e;
	border: 1px solid #e8a94e;
	border-radius: 30px;
	cursor: pointer;
	text-decoration: none;
	margin: 15px 0px;
}

.a_button_pd30_orange:hover{
	background: #fff;
	color: #e8a94e;
	border: 1px solid #e8a94e;
	text-decoration: none;
}

ul.button_list_1col li {
	width: 98%;
	float: left;
	padding: 1%;
}

ul.button_list_2col li {
	width: 48%;
	float: left;
	padding: 1%;
}

ul.button_list_3col li {
	width: 31%;
	float: left;
	padding: 1%;
}

/*button*/
.menu_button_title {
	font-weight: bold;
	/* font-size: 120%; */
}

.attention_msg {
	color: #D74500;
}

.update_input_button {
	display:inline-block;
	width:100%;
	height:25px;
	line-height:25px;
	background: #009275;
	border: 1px solid #009275;
	color: white;
	cursor: pointer;
	text-decoration: none;
	border-radius: 30px;
}

.update_input_button:hover {
	color: #009275;
	background: #fff;
	border: 1px solid #009275;
	text-decoration: none;
}

.update_output_button {
	display:inline-block;
	width:100%;
	height:25px;
	line-height:25px;
	background: #009275;
	border: 1px solid #009275;
	color: white;
	cursor: pointer;
	text-decoration: none;
	border-radius: 30px;
}

.update_output_button:hover {
	background: #fff;
	color: #009275;
	border: 1px solid #009275;
	text-decoration: none;
}

.update_output_button.disabled,
.update_output_button[disabled] {
	display:inline-block;
	width:100%;
	height:25px;
	line-height:25px;
	background: #D5DCE3;
	border: 1px solid #D5DCE3;
	color: white;
	cursor: default;
	text-decoration: none;
	border-radius: 30px;
}

.update_output_button.disabled:hover,
.update_output_button[disabled]:hover {
	background: #D5DCE3;
	border: 1px solid #D5DCE3;
	text-decoration: none;
}

.delete_input_button {
	display: inline-block;
	width: 100%;
	min-width: 50px;
	height: 25px;
	line-height: 25px;
	background: #e89215;
	border: 1px solid #e89215;
	color: white;
	cursor: pointer;
	text-decoration: none;
	border-radius: 30px;
}

.delete_input_button:hover {
	background: #fff;
	color: #e89215;
	border: 1px solid #e89215;
	text-decoration: none;
}

.delete_input_button_disabled{
	display: inline-block;
	width: 100%;
	min-width: 50px;
	height: 25px;
	line-height: 25px;
	background: #d5dce3;
	border: 1px solid #d5dce3;
	color: white;
	cursor: default;
	text-decoration: none;
	border-radius: 30px;
}

.update_input_button_fixedsize {
    display: inline-block;
    padding-inline: 10px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    background: #009275;
    border: 1px solid #009275;
    color: white;
    cursor: pointer;
    text-decoration: none;
    border-radius: 30px;
}

.update_input_button_fixedsize:hover {
	background: #fff;
	color: #009275;
	border: 1px solid #009275;
	text-decoration: none;
}

/*td_grayout*/
.td_grayout {
	color: #14395b;
	background: #f9f9f9;
}

.td_choce_yellow {
	background: #FEF4B6;
}

/* form */
.form_compstr_custchg_area {
	border-color: #D8D8D8;
	border-style: solid;
	border-width: 1px;
	padding: 20px;
	background: #FEF4B6;
	font-size: 80%;
}

/* 注意事項エリア */
.exclamation {
	position: relative;
	padding-left: 27px; /* マーカーの分だけ左に余白を作る */
	background-repeat: no-repeat;
	background-size: contain;
	background-size: 21px;
	background-image: url(../img/exclamation.png);
}

.guide_inner {
	margin-bottom: 12px;
}
.guide_inner:last-child {
	margin-bottom: 0px;
}
.guide_title {
	font-weight: bold;
	line-height: 32px;
	position: relative;
	padding-left: 36px; /* マーカーの分だけ左に余白を作る */
	background-repeat: no-repeat;
	background-size: contain;
	background-size: 28px;
}
.guide_title_normal {
	font-weight: normal;
	line-height: 32px;
	position: relative;
	padding-left: 36px; /* マーカーの分だけ左に余白を作る */
	margin-bottom: 6px;
	background-repeat: no-repeat;
	background-size: contain;
	background-size: 28px;
}
.fileupload {
	background-image: url(../img/fileupload.svg);
}
.tenockock {
	background-image: url(../img/tenoclock.svg);
}
.multiaccount {
	background-image: url(../img/multiaccount.svg);
}
.img_user {
	background-image: url(../img/sgp_user.svg);
}
.img_warning {
	background-image: url(../img/sgp_warning.svg);
}
.img_calender {
	background-image: url(../img/sgp_calender.svg);
}
.info {
	background-image: url(../img/sgp_info.svg);
}
.guide_title_description {
	padding-left: 36px;
}
.guide_attention ul {
	padding-left: 16px;
  }
.guide_attention li {
	position: relative;
	padding-left: 27px; /* マーカーの分だけ左に余白を作る */
	margin-bottom: 8px;
	background-image: url(../img/exclamation.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-size: 21px;
}
ul.guide_info {
	display: flex;
	flex-direction: column;
	gap: 8px;
	line-height: 22px;
}
.guide_info li {
	padding-left: 32px;
}