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

.content.archive_works{
}
.content.archive_works .parent_cate_name{
}
.content.archive_works .parent_cate_name > p{
	font-size:2rem;
	line-height:1em;
	margin-bottom:0.1em;
}
.content.archive_works .parent_cate_name h1{
	font-size:1.1rem;
}

/* ----------768px–---------- */
@media screen and (max-width: 768px) {
	.content.archive_works .parent_cate_name{
		text-align:center;
	}
}


/* ----------works-list –---------- */
.sec_works_select{
	z-index:9;
	position:relative;
}
#works_select_wrap {
	display: none; 
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
  	background-color: rgba(200, 200, 200, 0.3);
	backdrop-filter: blur(7px);
}
#works_select_wrap .tab-wrap {
	width:90%;
	max-width: 500px;
	overflow: auto;    /* お知らせに内容が多い場合はスクロールバーを表示 */
	margin:auto;
	position:absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
	display: flex;
	flex-wrap: wrap;
	height:fit-content;
	z-index:2;
}
#works_select_wrap .tab-label {
	color: #666;
	background: #e7e7e7;
	font-weight: bold;
	white-space: nowrap;
	padding: 10px 0 5px 0;
	order: -1;
	position: relative;
	z-index: 1;
	cursor: pointer;
	flex: 1;
	height:fit-content;
	border-radius:7px 7px 0 0;
}
#works_select_wrap .tab-label:not(:last-of-type) {
}
#works_select_wrap .tab-label h4{
	font-size:0.7rem;
	text-align:center
}
#works_select_wrap .tab-label h4 span{
	font-size:120%;
	margin:0 0.3em 0 0;
	display:block;
	line-height:1em;
}
#works_select_wrap .tab-content {
	width: 100%;
	height: 0;
	overflow: hidden;
	opacity: 0;
	background:#fff;
}
#works_select_wrap .tab-switch:checked+.tab-label {
	background: #fff;
	color:#000;
}
#works_select_wrap .tab-switch:checked+.tab-label+.tab-content {
	height: auto;
	overflow: auto;
	opacity: 1;
	transition:.5s opacity;
	box-shadow: 0 0 3px rgba(0,0,0,.2);
	border-radius:0 0 7px 7px;
}
#works_select_wrap .tab-content ul{
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
	padding:20px 10% 20px;
}
#works_select_wrap .tab-content ul li{
	width:45%;
	border-bottom:1px solid #ccc;
	padding:5px 0;
}
#works_select_wrap .tab-content ul li:nth-child(-n+2){
}
#works_select_wrap .tab-content ul li a{
	width:100%;
	height:100%;
	display:block;
}
#works_select_wrap .tab-switch {
  display: none;
}
#works_select_wrap .close-button {
	position: absolute;
	bottom: 0px;
	left: 0px;
	display: block;
	width: 100%;
	height:100%;
	cursor: pointer;
	z-index:1;
	border-radius:50px;
}
#works_select_wrap .close-button .btn_inner{
	display:block;
	width:100%;
	height:100%;
	position:relative;
}
#works_select_wrap .close-button .btn_inner span {
	position: absolute;
	bottom: 20px;
	left: 20px;
	display: block;
	width: 100px;
	height:100px;
	cursor: pointer;
	background:#fff;
	z-index:2;
	border-radius:50px;
} 
#works_select_wrap .close-button .btn_inner span::before,
#works_select_wrap .close-button .btn_inner span::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 1px;
  height: 40px;
  background: #000000;
}
#works_select_wrap .close-button .btn_inner span::before {
  transform: translate(-50%,-50%) rotate(45deg);
}
#works_select_wrap .close-button .btn_inner span::after {
  transform: translate(-50%,-50%) rotate(-45deg);
}
.works_select_btn {
	text-align: center;
	background-color: #ffffff;
	cursor: pointer;
	position:fixed;
	bottom:20px;
	left:20px;
	border:1.2px solid #fff;
	box-sizing:border-box;
	width:100px;
	height:100px;
	border-radius:50px;
	align-items:center;
	display:flex;
	box-shadow:0 0 20px #0002;
}
.works_select_btn .inner{
	width:100%;
	display:block;
	height:fit-content;
}
.works_select_btn .icon{
	width:100%;
}
.works_select_btn .icon img{
	width:35%;
}
.works_select_btn .text{
	font-size:0.6rem;
	line-height:1em;
}
/* ----------768px–---------- */
@media screen and (max-width: 768px) {
	.works_select_btn {
		bottom:90px;
		left:2px;
		width:80px;
		height:80px;
		border-radius:50px;
	}
	#works_select_wrap .close-button .btn_inner span {
		position: absolute;
		bottom: 90px;
		left:2px;
		width:80px;
		height:80px;
		border-radius:50px;
	}
	#works_select_wrap .tab-content ul{
		padding:20px 7% 20px;
	}
}

/* ----------works-list –---------- */
.works-list{
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
}
.works-list .works_entry{
	width:32.5%;
	margin-bottom:100px;
}
.works-list::after{
  content:"";
  display: block;
  width:32.5%;
}
.works-list .works_entry .works_entry__inner .works_entry__img{
	overflow:hidden;
	aspect-ratio: 0.75 / 1;
	margin-bottom:20px;
}
.work_swiper {
	width: 100%;
	height: 100%;
	position:relative;
}
.work_swiper .swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
}
.work_swiper .swiper-slide img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.work_swiper .swiper-pagination {
	z-index:1;
}
.work_swiper .swiper-pagination-bullet {
	background: #ffffff;
	border-radius: unset;
}
.works-list .works_entry .works_entry__inner .works_entry__text{
}
.works-list .works_entry .works_entry__inner .works_entry__text .cate_link{
	font-size:0.7rem;
	margin-bottom:1.5em;
	display: flex;
    align-items: center;
	line-height:1em;
}
.works-list .works_entry .works_entry__inner .works_entry__text .cate_link a span{
	text-transform: uppercase;
	font-size:110%;
	margin-right:0.5em;
	border-right:1px solid #ccc;
	padding-right:0.5em;
	line-height:1em;
	letter-spacing:0em;
}

.works-list .works_entry .works_entry__inner .works_entry__text .works_entry__ttl{
	font-size:1.1rem;
	min-height:3.8em;
}
.works-list .works_entry .works_entry__inner .works_entry__text .detail{
}
.works-list .works_entry .works_entry__inner .works_entry__text .detail table{
	width:100%;
	font-size:90%;
}
.works-list .works_entry .works_entry__inner .works_entry__text .detail table tr td{
	padding:0.5em ;
}
.works-list .works_entry .works_entry__inner .works_entry__text .detail table tr:nth-child(1) td{
	border-top:1px solid #ccc;
	line-height:1.5em;
}
.works-list .works_entry .works_entry__inner .works_entry__text .detail table tr:nth-child(2) td{
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	line-height:1.5em;
}
.works-list .works_entry .works_entry__inner .works_entry__text .detail table td:nth-child(1){
}
.works-list .works_entry .works_entry__inner .works_entry__text .detail table td:nth-child(2){
	text-align:right;
}
.works-list .works_entry .works_entry__inner .works_entry__text .detail table tr:nth-child(2) td span{
	margin-right:0.1em;
	border:1px solid #aaa;
	line-height:1.5em;
	display:inline-block;
	margin-bottom:0.5em;
	font-size:90%;
}
.works-list .works_entry .works_entry__inner .works_entry__text .detail table tr:nth-child(2) td span a{
	padding:0 0.3em;
}

.works-list .works_entry .works_entry__inner .works_entry__text .detail table tr:nth-child(2) td span:last-of-type{
	margin-right:0;
}
.works-list .works_entry .works_entry__inner .works_entry__text .detail table tr:nth-child(2) td span:last-of-type:after{
	content:none;
}
/* ----------959px–---------- */
@media screen and (max-width: 959px) {
	.works-list .works_entry{
		width:48.5%;
		margin-bottom:100px;
	}
}
/* ----------519px–---------- */
@media screen and (max-width: 519px) {
	.works-list{
		display:block;
		justify-content:unset;
		flex-wrap:unset;
	}
	.works-list .works_entry{
		width:90%;
		margin:0 auto 100px;
	}
}

/* ----------768px–---------- */
@media screen and (max-width: 768px) {
}

/* ----------599px–---------- */

@media screen and (max-width: 599px) {
}