@charset "UTF-8";

a[id*="flow"]+div .inner_item{
	position: relative;
	background: #fff;
	padding: 30px 20px 20px;
	border-radius: 15px;
	border: 2px solid var(--i_sub_color);
	box-shadow: 3px 3px 0 rgba(0,0,0,0.13);
}
a[id*="flow"]+div.composite_box01 .wrapper_item{
	overflow: visible;
}
#flow1+div.composite_box01 .wrapper_item{
	overflow: visible;
	padding-right: 20px;
}
a[id*="flow"]+div.dec3_9.composite_box01.block_images_1 .inner_item::before{
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	top: -25px;
	font-weight: 600;
	letter-spacing: 0.4rem;
	background: var(--i_sub_color);
	content: counter(number);
	padding-left: 4px;
	box-sizing: border-box;
	padding-bottom: 4px;
}
a[id*="flow"]+div.dec3_9.composite_box01.block_images_1 .inner_item:nth-of-type(5)::before{
	background: var(--i_main_color);
	border: 2px solid #fff;
}
a[id*="flow"]+div .inner_item::after{
	display: block;
	content: "";
	width: 40px;
	aspect-ratio: 1 / 1;
	background: var(--i_sub_color);
	mask: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_x32_%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20441.66%22%3E%20%3Cdefs%3E%20%3Cstyle%3E%20.cls-1%20%7B%20fill%3A%20%234b4b4b%3B%20%7D%20%3C%2Fstyle%3E%20%3C%2Fdefs%3E%20%3Cpath%20class%3D%22cls-1%22%20d%3D%22M501.66%2C200.6L228.76%2C3.6c-7.69-4.97-17.62-4.78-25.11.5-7.48%2C5.28-11.02%2C14.55-8.93%2C23.47l22.53%2C96.47H32.44C14.54%2C124.02%2C0%2C138.54%2C0%2C156.46v128.74c0%2C17.92%2C14.53%2C32.44%2C32.43%2C32.44h184.82l-22.55%2C96.46c-2.08%2C8.91%2C1.45%2C18.2%2C8.94%2C23.46s17.42%2C5.47%2C25.11.51l272.9-197.01c6.49-4.69%2C10.34-12.22%2C10.34-20.23s-3.85-15.54-10.34-20.22Z%22%2F%3E%3C%2Fsvg%3E') no-repeat center / contain;
	position:absolute;
	top: 50%;
	right: 0;
	z-index:1;
	pointer-events: none;
	transform: translateY(-50%) translateX(80%);
}
a[id*="flow"]+div .inner_item_txt > p{
	font-weight: 500;
	font-size: 1.8rem;
}
a[id*="flow2"]+div.dec3_9.composite_box01.block_images_1 .inner_item:nth-child(-n+2)::before{
	display: none;
}
a[id*="flow2"]+div.dec3_9.composite_box01.block_images_1 .inner_item:nth-child(-n+2){
	padding: 20px;
	display: flex;
	justify-content: center;
}
a[id*="flow2"]+div.dec3_9.composite_box01.block_images_1 .inner_item:nth-child(-n+2) a + .inner_item_txt{
	margin-top: 0;
}
a[id*="flow2"]+div.dec3_9.composite_box01.block_images_1 .inner_item:last-child{
	background: var(--i_main_color);
	border-color: var(--i_main_color);
	color: #fff;
}
a[id*="flow2"]+div.dec3_9.composite_box01.block_images_1 .inner_item:last-child::before{
	content: "3";
	background: var(--i_main_color);
	border: 2px solid #fff;
}
a[id*="flow2"]+div.dec3_9.composite_box01.block_images_1 .inner_item:last-child::after{
	display: none;
}
#flow2-1+div .inner_item:nth-child(-n+2){
	background: #ffffd5;
}

@media screen and (max-width: 800px){
	a[id*="flow"]+div .inner_item_txt > p{
		font-size: 1.6rem;
	}
}
@media screen and (max-width: 480px){
	#flow1+div.composite_box01 .wrapper_item{
		padding-right: 0;
	}
	a[id*="flow"] + div.dec3_9.composite_box01.block_images_1 .inner_item::before{
		top: -15px;
		left: 10px;
	}
	a[id*="flow"]+div .inner_item::after{
		mask-image: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_x32_%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20441.65%20512%22%3E%20%3Cdefs%3E%20%3Cstyle%3E%20.cls-1%20%7B%20fill%3A%20%234b4b4b%3B%20%7D%20%3C%2Fstyle%3E%20%3C%2Fdefs%3E%20%3Cpath%20class%3D%22cls-1%22%20d%3D%22M437.55%2C203.66c-5.28-7.48-14.55-11.02-23.46-8.94l-96.46%2C22.53V32.44c0-17.89-14.52-32.42-32.43-32.42l-128.74-.02c-17.92.02-32.44%2C14.55-32.44%2C32.44v184.83l-96.46-22.55c-8.91-2.08-18.2%2C1.44-23.46%2C8.94-5.27%2C7.48-5.47%2C17.41-.51%2C25.1l197.01%2C272.9c4.69%2C6.48%2C12.22%2C10.34%2C20.23%2C10.34s15.54-3.86%2C20.22-10.34l197-272.9c4.97-7.69%2C4.78-17.62-.5-25.1Z%22%2F%3E%3C%2Fsvg%3E');
		top: auto;
		bottom: 0;
		left: 50%;
		transform: translateY(90%) translateX(-50%);
	}
	a[id*="flow2"]+div{
		padding-top: 0;
	}
}
/*---------------------------------------------*/
table#area_table,
table#area_table td{
	border-color: var(--i_border_color);
}

table#area_table tr td{
  padding: 5px 10px
}
table#area_table tr td:first-child{
	background: var(--i_sub2_color);
  font-weight: 600;
  white-space: nowrap;
}