.tac{
	text-align: center;
}

#pagenavi{
	width: 960px;
	display: flex;
	gap: 40px;
	margin: 20px auto 0;
	list-style: none;
}

#pagenavi li{
	width: calc((960px - 16px) / 4);
}

#pagenavi li a{
	display: block;
	width: 100%;
	height: 100%;
	text-align: center;
	color: #fff;
}


#section1 > article > h3{
	font-size: 30px;
	color: #000;
	text-align: center;
	margin: 0 0 30px;
}

#section1 > article > h3 span{
	display: block;
	line-height: 1.2;
}

#section1 > article > h3 .lergeText{
	font-size: 96px;
}

#section1 > article > h3 .smallText{
	display: block;
	font-size: 20px;
	letter-spacing: 10px;
}

#section1 p{
	font-size: 117%;
	line-height: 2;
}

#section1 .usecase1{
	display: flex;
	flex-wrap: wrap;
	gap: 40px;
	list-style:  none;
	justify-content: center;
	align-items: center;
}

#section1 .usecase1 li{
	width: calc((100% - 80px) / 3);
}

#section1 .usecase1 li span{
	background: #b49519;
	display: block;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	position: relative;
	padding: 12px 25px;
	line-height: 1.3;
	border-radius: 20px;
	box-shadow: 0 2px 2px #00000099;
}

#section1 .usecase1 li span img{
	width: 24px;
	position: absolute;
	top: 10px;
	right: 25px;
}

#section2 ul{
	list-style:  none;
	padding: 0;
	margin: 0;
}

#section2 ul li h4{
	width: 200px;
	background-color: #b49519;
	color: #fff;
	padding: 10px;
	border-radius: 10px;
	margin: 0 20px 0 0;
}


#flowThumbs{
	list-style: nonew;
	display: flex;
	flex-flow: row wrap;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	gap: 20px;
}

#flowThumbs li{
	width: calc((100% - 80px) / 5);
	height: 6em;
	line-height: 1.5;
	display: block;
	flex:  none;
	padding: 21px 0 0 10px;
	/* border: 1px solid #ccc; */
	/* border-radius: 20px; */
	margin: 0 0 20px 0;
	color: #fff;
	background-size: contain;
	background-repeat: no-repeat;
}

#flowThumbs li .number{
	/* display: block; */
	width: 100%;
}

#flowThumb1{ background-image: url('http://www.shioshiti.co.jp/wp-content/uploads/2026/01/arrow11.svg'); }
#flowThumb2{ background-image: url('http://www.shioshiti.co.jp/wp-content/uploads/2026/01/arrow12.svg'); }
#flowThumb3{ background-image: url('http://www.shioshiti.co.jp/wp-content/uploads/2026/01/arrow13.svg'); }
#flowThumb4{ background-image: url('http://www.shioshiti.co.jp/wp-content/uploads/2026/01/arrow14.svg'); }
#flowThumb5{ background-image: url('http://www.shioshiti.co.jp/wp-content/uploads/2026/01/arrow15.svg'); }
/* #flowThumb6{ background-image: url('http://www.shioshiti.co.jp/wp-content/uploads/2026/01/arrow16.svg'); } */
/* #flowThumb7{ background-image: url('http://www.shioshiti.co.jp/wp-content/uploads/2026/01/arrow17.svg'); } */
/* #flowThumb8{ background-image: url('http://www.shioshiti.co.jp/wp-content/uploads/2026/01/arrow18.svg'); } */
/* #flowThumb9{ background-image: url('http://www.shioshiti.co.jp/wp-content/uploads/2026/01/arrow19.svg'); } */



/* #flowThumb1{ background-color: #FF340B; }
#flowThumb2{ background-color: #FF4000; }
#flowThumb3{ background-color: #FF5D00; }
#flowThumb4{ background-color: #FF7A00; }
#flowThumb5{ background-color: #FF9500; }
#flowThumb6{ background-color: #FFAB00; }
#flowThumb7{ background-color: #F4B800; }
#flowThumb8{ background-color: #F0C400; }
#flowThumb9{ background-color: #ECD100; } */


.flowDesc{
	margin: 40px 0;
}

.flowDesc dl{
	margin: 20px 0;
	padding: 30px;
	border-radius: 10px;
}

#flowDesc1{ border: 1px solid #FF340B; }
#flowDesc2{ border: 1px solid #FF4000; }
#flowDesc3{ border: 1px solid #FF5D00; }
#flowDesc4{ border: 1px solid #FF7A00; }
#flowDesc5{ border: 1px solid #FF9500; }
#flowDesc6{ border: 1px solid #FFAB00; }
#flowDesc7{ border: 1px solid #F4B800; }
#flowDesc8{ border: 1px solid #F0C400; }
#flowDesc9{ border: 1px solid #ECD100; }

.flowDesc dl dt{
	padding: 3px 10px;
	border-radius: 3px;
	margin: 0 0 10px;
	text-shadow: 0 1px 2px #000;
	color: #fff;
	font-weight: bold;
	font-family: sans-serif;
	font-size: 18px;
}

#flowDesc1 dt{ background-color: #FF340B; }
#flowDesc1 > dt:nth-child(3){ background-color: #FF4000; }
#flowDesc1 > dt:nth-child(5){ background-color: #FF5D00; }
#flowDesc2 dt{ background-color: #D58E17; }
#flowDesc3 dt{ background-color: #D59517; }
#flowDesc4 dt{ background-color: #FF7A00; }
#flowDesc5 dt{ background-color: #FF9500; }
#flowDesc6 dt{ background-color: #C19F0D; }
#flowDesc7 dt{ background-color: #BD9B09; }
#flowDesc8 dt{ background-color: #B6A504; }
#flowDesc9 dt{ background-color: #B3B200; }

#flowDesc1 dd a{
	display: block;
	border: 1px solid #999;
	border-radius: 10px;
	width: 50%;
	text-align: center;
	margin: 10px 0 0;
	color: #111;
}

.flowDesc dl dd{
	padding: 0 10px;
}


#section3 h4{
	font-size: 140%;
	margin: 20px 0 10px;
}

#section3 ul{
	display: flex;
	gap: 40px;
	list-style:  none;
	padding: 0;
	margin: 0;
}

#section3 ul li{
	border: 1px solid #ccc;
	border-radius: 10px;
	padding: 5px 20px;
	margin: 0 0 40px 0;
}

#section4 h4{
	font-size: 140%;
	margin: 20px 0 10px;
}

#section4 dl{
	display: flex;
	padding: 10px 20px 10px 10px;
	border: 1px solid #ccc;
	border-radius: 20px;
	margin: 0 0 40px 0;
}

#section4 dl dt{
	width: calc(64% - 40px);
	padding: 10px;
}

#section4 dl dd{
	margin: 0 40px 0 0;
	width: 36%;
	padding: 10px;
}

#section4 dl dd h5{
	font-size: 114%;
	border-bottom: 1px solid #ccc;
	margin: 0 0 5px;
}

#section4 dl dd img{
	width: 100%;
	height: auto;
}

#section4 article ul{
	background-color: #eee;
	margin: 20px 0;
	padding: 20px 20px 20px 40px;
	border-radius: 6px;
}

#section5 dl{
	border: 1px solid #ccc;
	border-radius: 20px;
	margin: 0 0 40px;
}

#section5 dl dt{
	background-color: #EAD88D;
	padding: 10px;
	border-radius: 20px 20px 0 0;
}

#section5 dl dd{
	padding: 10px;
}


#section6 ul{
	list-style:  none;
	padding: 0;
	margin: 0;
}

#section6 ul li{
	border: 1px solid #666;
	border-radius: 10px;
	padding: 20px;
	margin: 20px 0;
	text-align: center;
}

.flowDesc dl .staffSide{
	background-color: #ffd;
	padding: 20px;
	border-radius: 4px;
	display: flex;
	gap: 40px;
}

.flowDesc dl .staffSide img{
	width: 25%;
	height: auto;
}

.flowDesc dl .staffSide .inner{
	width: calc(75% - 40px);
}

.flowDesc dl .staffSide .inner h6{
	font-size: 21px;
	padding: 5px 15px;
	background-color: #fff;
	margin: 0 0 20px;
}

.thumbnails{
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	align-items: center;
	gap: 40px;
	list-style: none;
	margin: 20px 0;
	padding: 0 !important;
	background-color: #fff !important;
}

.thumbnails li{
	width: calc((100% - 80px) / 3);
}

.thumbnails li a{
	display: block;
	width: 100%;
	height: 100%;
}

.thumbnails li a img{
	width: 100%;
	height: 100%;
}