@charset "utf-8";
/* CSS Document */



/*************************************************

2023.09 IT導入補助金 subsidy

*************************************************/
table.table-subsidy__1 {
	width: 100%;
	border: none;
}
table.table-subsidy__2 {
	width: 100%;
}
table.table-subsidy__1 th,
table.table-subsidy__1 td, 
table.table-subsidy__2 th,
table.table-subsidy__2 td {
	font-size: 15px !important;
	font-weight: 700;
	line-height: 1.5;
	padding: 8px 15px;
	vertical-align: middle;
}

table.table-subsidy__1 th {
	color: #fff;
	background: #18416d;	
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
}
table.table-subsidy__1 td {
	width: 32%;
	font-weight: normal;
	background: #f1f1f1;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
}
table.table-subsidy__1 th:first-child,
table.table-subsidy__1 td:first-child {
	width: 36%;
	border-left: none;
}

table.table-subsidy__2 th {
	font-size: 100%;
	color: #fff;
	background: #18416d;	
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
}
table.table-subsidy__2 td {
	width: 40%;
	font-weight: normal;
	background: #f1f1f1;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
}
table.table-subsidy__2 td:nth-child(2){		
	background: #eaeaea;
}
table.table-subsidy__2 th:first-child,
table.table-subsidy__2 td:first-child {
	width: 20%;
	border-left: none;
}
div.box-subsidy {
	width: 100%;
	margin: auto auto 25px;
	padding: 30px 30px 20px;
	background: #f5f5f5;
}
div.box-subsidy ul {
	margin-bottom: 0;
}
div.box-subsidy ul li {
	margin-left: 15px;
}
.accordion-table {
	margin-bottom: 40px;
}	
.accordion_box {
	max-width: 100%;
	margin: 0 auto;
}

.accordion_box .accordion_header {
	position: relative;
	background-color: #3e8fd1;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	padding: 10px 20px 6px;
	text-align: left;
	z-index: +1;
	cursor: pointer;
	transition-duration: 0.2s;
	border-top: 1px solid #72b2e9;
}
.accordion_box .accordion_header::after {
  border-right: solid 2px #fff;
  border-top: solid 2px #fff;
  content: "";
  display: block;
  height: 8px;
  position: absolute;
  right: 25px;
  top: 38%;
  transform: rotate(-45deg);
  transition: transform .3s ease-in-out, top .3s ease-in-out;
  width: 8px;
}
.accordion_box .accordion_header.open::after {
  top: 40%;
  transform: rotate(135deg);
}	
.accordion_box .accordion_header:hover {
  opacity: .8;
}
.accordion_box .accordion_inner {
	display: none;
	box-sizing: border-box;
}
.accordion_box .accordion_inner.stay {
	display: block;
}
.accordion_box .accordion_inner .box_one .list {
	width: 100%;
    display: flex;
    flex-direction: row;
    border-right: 1px solid #3e8fd1;
    border-bottom: 1px dotted #3e8fd1;
    border-left: 1px solid #3e8fd1;
	font-size: 14px;
	text-align: left;
}
.accordion_box .accordion_inner .box_one .list:last-child {		
    border-bottom: 1px solid #3a8fd9;
}
.accordion_box .accordion_inner .box_one .list .cate {
	width: 180px;
	padding: 10px 20px;
	background: #e3f2ff;
}
.accordion_box .accordion_inner .box_one .list .comment {
	padding: 10px 20px;
}	
.accordion-table__closed {
	margin-bottom: 90px;
}
.accordion-table__closed .accordion_box__closed .accordion_header {		
	background-color: #aaa !important;
	border-top: 1px solid #ccc;
}
.accordion-table__closed .accordion_box__closed .list {
    border-right: 1px solid #aaa !important;
    border-bottom: 1px dotted #aaa !important;
    border-left: 1px solid #aaa !important;
}
.accordion-table__closed .accordion_box__closed .list:last-child {		
    border-bottom: 1px solid #aaa !important;
}
.accordion-table__closed .accordion_box__closed .cate {
	background: #eee !important;
}

.accordion-table__closed .accordion_header::after {
  transform: rotate(135deg);
  transition: transform .3s ease-in-out, top .3s ease-in-out;
}
.accordion-table__closed .accordion_header.open::after {
  transform: rotate(-45deg);
}

@media (min-width:768px) {
	ol.numlist_04 {
	    margin-left: 2em;
	}
}
@media screen and (max-width: 1024px) {
  .accordion_box .accordion_header {
    font-size: 18px;
  }
  .accordion_box .accordion_header .i_box {
    width: 30px;
    height: 30px;
    margin-top: -15px;
  }
}
@media screen and (max-width: 767px) {
	.accordion_box .accordion_header {
		font-size: 16px;
		text-align: left;
		padding: 15px 60px 15px 15px;
	}
	.accordion_box .accordion_inner .box_one .list .cate,
	.accordion_box .accordion_inner .box_one .list .comment {
		display: flex;
		justify-content: flex-start;
		align-items: center;
		line-height: 1.5;
		padding: 10px 13px;
	}
	.accordion_box .accordion_inner .box_one .list .cate {
		max-width: 135px;
	}	
}