@charset "UTF-8";


.modules_board .proc_list .list	{}
.modules_board .proc_list .list ul	{ border-top: 2px solid var(--site-color); }
.modules_board .proc_list .list ul li	{ border-bottom: 1px solid #ddd; }
.modules_board .proc_list .list ul li dl	{}
.modules_board .proc_list .list ul li dl dt	{}
.modules_board .proc_list .list ul li dl dt button	{ position: relative; display: flex; align-items: center; width: 100%; min-height: 80px; line-height: 1.5; padding: 10px 70px 10px 25px; margin: 0; border: 0 none; background-color: transparent; text-align: left; font-size: 22px; font-weight: var(--font-sami-bold); }
.modules_board .proc_list .list ul li dl.active dt button	{ color: var(--site-color); font-weight: var(--font-bold); }
.modules_board .proc_list .list ul li dl dt button:after	{ position: absolute; right: 24px; top: 50%; width: 28px; height: 28px; margin-top: -14px; background: url(../image/ico_arrow.svg) no-repeat center center; content: ""; transition: all 1s ease; transform: rotate(180deg); }
.modules_board .proc_list .list ul li dl.active dt button:after	{ transform: rotate(0); }
.modules_board .proc_list .list ul li dl dd	{ display: none; }
.modules_board .proc_list .list ul li dl.active dd	{ display: block; padding: 35px 25px; border-top: 1px solid #ddd; background-color: #f8f9fb; }
.modules_board .proc_list .list ul li dl dd .read_content	{ display: block; }
.modules_board .proc_list .list ul li dl dd .read_content:after	{ display: block; clear: both; content: ""; }
.modules_board .proc_list .list ul li dl dd .read_file	{ margin-top: 40px; }
.modules_board .proc_list .list ul li dl dd .read_file ol	{}
.modules_board .proc_list .list ul li dl dd .read_file ol li	{ display: flex; align-items: center; border-bottom: 0 none; }
.modules_board .proc_list .list ul li dl dd .read_file ol li:before	{ display: block; width: 4px; height: 4px; margin-right: 10px; background-color: #666; content: ""; }
.modules_board .proc_list .list ul li dl dd .read_file ol li + li	{ margin-top: 5px; }
.modules_board .proc_list .list ul li dl dd .read_file ol li img	{ width: 25px; height: 25px; }
.modules_board .proc_list .list ul li dl dd .read_file ol li strong	{ margin-left: 10px; font-weight: normal; }
.modules_board .proc_list .list ul li dl dd .read_file ol li .file_info	{ margin-left: 10px; }
.modules_board .proc_list .list ul li dl dd .read_file ol li .button	{ margin-left: 10px; }
.modules_board .proc_list .list ul li dl dd .in_order	{ margin-top: 40px; }



@media all and ( max-width: 768px )
{
	.modules_board .proc_list .list ul li dl dt button	{ min-height: 60px; font-size: 16px; }
}



.modules_board .proc_read .read_header h3	{ display: flex; align-items: center; gap: 15px; line-height: 1.2; padding: 30px 25px; border-top: 2px solid var(--black); }
.modules_board .proc_read .read_header h3 strong	{ line-height: 34px; padding: 0 25px; border: 1px solid var(--black); font-size: 17px; font-weight: var(--font-sami-bold); }
.modules_board .proc_read .read_header dl	{ display: flex; flex-wrap: wrap; height: 55px; border-left: 1px solid #ddd; border-bottom: 1px solid #ddd; }
.modules_board .proc_read .read_header dl dt	{ flex: 0 0 10%; display: flex; align-items: center; justify-content: center; border-top: 1px solid #ddd; border-right: 1px solid #ddd; background-color: #fafafa; font-weight: var(--font-sami-bold); }
.modules_board .proc_read .read_header dl dd	{ flex: 0 0 23.33%; display: flex; align-items: center; justify-content: center; border-top: 1px solid #ddd; border-right: 1px solid #ddd; background-color: #fff; }

.modules_board .proc_read .read_content	{ margin: 40px 0; }
.modules_board .proc_read .read_content:after	{ display: block; clear: both; content: ""; }

.modules_board .proc_read .read_file	{ padding: 15px 25px; margin: 40px 0; background-color: #f8f8f8; }
.modules_board .proc_read .read_file ol	{}
.modules_board .proc_read .read_file ol li	{ display: flex; align-items: center; }
.modules_board .proc_read .read_file ol li + li	{ padding-top: 10px; margin-top: 10px; border-top: 1px dashed #ddd; }
.modules_board .proc_read .read_file ol li:before	{ display: block; width: 3px; height: 3px; margin-right: 10px; background-color: #333; content: ""; }
.modules_board .proc_read .read_file ol li strong	{ font-weight: var(--font-sami-bold); }
.modules_board .proc_read .read_file ol li .file_info	{ display: inline-block; margin: 0 20px; font-size: 0.9em; opacity: 0.75; }
.modules_board .proc_read table tbody tr td	{ text-align: left; }


