#works_header {
	max-width: 1360px;
	margin: 0 auto 130px;
	display: flex;
	justify-content: space-between;
}

#works_header nav {
	white-space: nowrap;
	margin: 0 0 0 40px;
}

#works_header #tag_area {
	background: #000;
	padding: 40px;
	max-width: 940px;
	box-sizing: border-box;
	display: flex;
	gap: 70px;
	border-radius: 10px;
}

#works_header #tag_area h5 {
	white-space: nowrap;
	color: #fff;
}

#works_header #tag_area ul {
	display: flex;
	flex-wrap: wrap;
	list-style: none;
	padding: 0;
	gap: 1.5625dvw;
}

#works_header #tag_area ul li {
	width: calc((100% - 4.6875dvw) / 4);
}

#works_header #tag_area ul li a {
	display: block;
	border: 1px solid #000;
	border-radius: 16px;
	background: #fff;
	color: #000;
	font-size: clamp(12px, 0.833vw, 16px);
	line-height: 30px;
	text-align: center;
	text-decoration: none;
}

#works_header #tag_area ul li a:hover {
	background: #000;
	color: #fff;
}

#works_header nav a {
	color: #000;
	text-decoration: none;
}

#works_header nav a:hover {
	text-decoration: underline;
}

#works_header img {
	vertical-align: middle;
	margin-right: 3px;
}

#works_list {
	padding: 0 5.2dvw;
}

#works_list article {
	display: flex;
	flex-wrap: wrap;
	gap: 5dvw;
	perspective: 20000px;
}

#works_list article dl {
	width: calc((100% - 10dvw) / 3);
	height: 60dvh;
	position: relative;
	border: 1px solid #000;
	box-sizing: border-box;
	border-radius: 20px;
	overflow: hidden;
}

#works_list article dl dt {
	position: relative;
	z-index: 1;
	width: 100%;
	height: 100%;
}

#works_list article dl dt img {
	display: block;
	width: 100%;
	height: 100%;
	font-size: 16px;
	object-fit: cover;
	object-position: top center;
}

#works_list article .cat4 dt,
#works_list article .cat5 dt{
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	align-items: center;
	padding: 10px 10px 140px;
	box-sizing:  border-box
}

#works_list article .cat4 dt img,
#works_list article .cat5 dt img{
	height: auto;
}

#works_list article dl dd {
	position: absolute;
	width: calc(100% - 40px);
	bottom: 20px;
	left: 20px;
	z-index: 2;
}

#works_list article dl dd a {
	background: rgba(0, 0, 0, 0.7);
	padding: 10px 20px;
	border-radius: 10px;
	color: #fff;
	text-decoration: none;
	display: block;
}

.morelink_text {
	display: block;
	font-size: 20px;
}

#works_item {
	padding: 0 5.2dvw 100px;
}

#works_item1 {
	margin-bottom: 100px;
}

#works_item .photo_comment {
	gap: 4.1666dvw;
}

#works_item .comment {
	width: 460px;
	flex: none;
	order: 2;
}

#works_item .comment_inner {
	padding: 30px 30px 80px 30px;
	box-sizing: border-box;
	background: #000;
	color: #fff;
	border-radius: 20px;
}

#works_item figure {
	order: 1;
	border: 1px solid #000;
	border-radius: 20px;
	overflow: hidden;
	/* height: 90dvh; */
	width: 100%;
}

#works_item figure img {
	display: block;
	width: 100%;
	/* height: 100%; */
	object-fit: cover;
	object-position: top center;
}

#works_item .comment_inner th {
	border-top: 1px solid #fff;
	padding: 10px 10px;
	white-space: nowrap;
	text-align: left;
}

#works_item .comment_inner td {
	border-top: 1px solid #fff;
	padding: 10px 10px;
}

#photo_area ul {
	list-style: none;
	display: flex;
	gap: 5.8dvw;
	list-style: none;
	padding: 0;
}

#photo_area ul li {
	width: calc((100% - 11.6dvw) / 3);
	border: 1px solid #000;
	border-radius: 20px;
	overflow: hidden;
}

#photo_area ul li img {
	max-width: initial;
	width: 100%;
	height: auto;
}

.pagination {
	margin: 40px;
}

.pagination .page-numbers{
	display: -webkit-box; /* before Android4.3 iOS6:Safari */
	display: -ms-flexbox; /* IE10 */
	display: -webkit-flex; /* Pc-safari */
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-ms-flex-flow: row wrap; /* IE10 */
	-webkit-flex-flow: row wrap; /* Pc-safari */
	flex-flow: row wrap;
	justify-content: center;
	align-items: center;
	gap: 20px;
}

.pagination .page-numbers li{
	width: 2em;
	height: 2em;
	border: 1px solid #000;
	border-radius: 50%;
	line-height: 2em;
	overflow: hidden;
}

.pagination .page-numbers li a{
	display: block;
	width: 100%;
	height: 100%;
	background-color: #000;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	text-align: center;
}


.tag-medical #tag01 a{
	background-color: #000 !important;
	color: #fff !important;
	border: 1px solid #fff !important;
}

.tag-welfare #tag02 a{
	background-color: #000 !important;
	color: #fff !important;
	border: 1px solid #fff !important;
}

.tag-beauty #tag03 a{
	background-color: #000 !important;
	color: #fff !important;
	border: 1px solid #fff !important;
}

.tag-life #tag04 a{
	background-color: #000 !important;
	color: #fff !important;
	border: 1px solid #fff !important;
}

.tag-leisure #tag05 a{
	background-color: #000 !important;
	color: #fff !important;
	border: 1px solid #fff !important;
}

.tag-school #tag06 a{
	background-color: #000 !important;
	color: #fff !important;
	border: 1px solid #fff !important;
}

.tag-recruit #tag07 a{
	background-color: #000 !important;
	color: #fff !important;
	border: 1px solid #fff !important;
}

.tag-shop #tag08 a{
	background-color: #000 !important;
	color: #fff !important;
	border: 1px solid #fff !important;
}

.tag-other #tag09 a{
	background-color: #000 !important;
	color: #fff !important;
	border: 1px solid #fff !important;
}

.tag-promotional #tag10 a{
	background-color: #000 !important;
	color: #fff !important;
	border: 1px solid #fff !important;
}


.itemCat_logo #photo1{padding: 40px;}