@charset "utf-8";

/* =========================================================
udata
========================================================= */
.udata hr{
	border-color: var(--sub-color--border5);
}
.udata table,
.udata table th,
.udata table td{
	border-color: var(--sub-color--border5);
}
/* =========================================================
nav-header-title
========================================================= */
#nav-header-title .page__title__inner{
}
@media only screen and (max-width: 767px){
	#nav-header-title .page__title__inner{
	}
}

/* =========================================================
works_s
========================================================= */
#works_s{
	width: 100vw;
	margin-top: 8px;
	padding-top: clamp(0px, 28.81vw, 340px);
	position: relative;
}
#works_s.password_in{
	padding-top: 0;
}
@media only screen and (max-width: 767px) {
	#works_s{
	}
}
#container .works_outer {
	width: 100%;
}
#container .works_inner.inner {
	padding-bottom: 120px;
	padding-top: 0;
}
.works_inner_out{
	padding-top: 29.8%;
	width: 100%;
}
.works_inner_in{
	width: 100%;
	margin-top: -59.6%;
}
#footer .footer__inner{
	padding-top: 300px;
}
@media only screen and (max-width: 767px){
	#container .works_inner.inner {
		padding-bottom: 120px;
	}
	#footer .footer__inner{
		padding-top: 120px;
	}
}


/* =========================================================
works_img
========================================================= */
#works_img {
	position: relative;
	z-index: 1;
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
}
.works_img {
	width: 100%;
}
.works_slider_img{
	display: block;
	opacity: 1 !important;
}
@media print, screen and (max-width: 1000px) {
	#works_img {
    width: 100%;
    max-width: 100%;
	}
}


/* =========================================================
works_slider
========================================================= */
#works_slider{
	width: 100%;
}
#works_slider .splide__track .splide__list .splide__slide {
/*	transition: opacity 1000ms cubic-bezier(0.25, 1, 0.5, 1) 0s;*/
}
#works_slider .splide__track .splide__list .splide__slide .works_slide_link{
	cursor: pointer;
}
#works_slider .splide__track .splide__list .splide__slide .works_slide_link:active {
	cursor: grabbing;
}
@media only screen and (max-width: 767px){
	#works_slider .works_slider_img:before{
		padding-top: 75%;
	}
}


/* =========================================================
works_thumbnails
========================================================= */
#works_thumbnails{
	width: 100%;
	margin-top: 60px;
}
#works_thumbnails .works_thumbnails{
	display:         flex;
	display: -webkit-flex;
	-webkit-justify-content: flex-start;
	        justify-content: flex-start;
	        flex-flow: row wrap;
	-webkit-flex-flow: row wrap;
	        align-items: flex-start;
	-webkit-align-items: flex-start;
	gap: 9px;
}
#works_thumbnails .thumbnail{
	width: calc((100% / 4) - ((9px * 3) / 4));
	cursor: pointer;
	-moz-transition: opacity 0.5s ease;
	-ms-transition: opacity 0.5s ease;
	-webkit-transition: opacity 0.5s ease;
	transition: opacity 0.5s ease;
}
#works_thumbnails .thumbnail:hover{
	opacity: 0.8;
}
@media print, screen and (max-width: 1000px) {
	#works_thumbnails .works_thumbnails{
		gap: 19px;
	}
	#works_thumbnails .thumbnail{
		width: calc((100% / 5) - ((19px * 4) / 5));
	}
}


/* =========================================================
works_info
========================================================= */
#works_info {
  width: 100%;
	display:         flex;
	display: -webkit-flex;
	-webkit-justify-content: space-between;
	        justify-content: space-between;
	        flex-flow: row nowrap;
	-webkit-flex-flow: row nowrap;
	        align-items: flex-start;
	-webkit-align-items: flex-start;
	gap: 60px 5.3%;
	margin-top: 85px;
}
@media print, screen and (max-width: 1000px) {
	#works_info {
    width: 100%;
		margin-top: 60px;
		-webkit-justify-content: flex-start;
		        justify-content: flex-start;
		        flex-flow: column nowrap;
		-webkit-flex-flow: column nowrap;
		        align-items: flex-start;
		-webkit-align-items: flex-start;
	}
}


/* =========================================================
works_info__L
========================================================= */
.works_info__L {
	width: 26.3%;
	min-width: 260px;
}
@media print, screen and (max-width: 1000px) {
	.works_info__L {
		width: 100%;
		min-width: 0;
	}
}


/* =========================================================
works_info__R
========================================================= */
.works_info__R {
	width: 68.4%;
}
@media print, screen and (max-width: 1000px) {
	.works_info__R {
		width: 100%;
	}
}


/* =========================================================
works_info__title
========================================================= */
.works_info__title {
}
.works_info__area {
	margin-top: 23px;
}
.works_info__category {
	display:         flex;
	display: -webkit-flex;
	-webkit-justify-content: flex-start;
	        justify-content: flex-start;
	        align-items: flex-start;
	-webkit-align-items: flex-start;
	margin-top: 23px;
}
.works_info__area + .works_info__category {
	margin-top: 5px;
}
.works_info__category__link{
	display: block;
}
.works_info__date {
	margin-top: 5px;
}


/* =========================================================
works_info__text
========================================================= */
.works_info__text {
}
.works_info__text p {
}


/* =========================================================
works_info__table
========================================================= */
.works_info__table {
	margin-top: 56px;
}
.works_info__table .tbl_def {
	border-color: var(--sub-color--border5);
}
.works_info__table .tbl_def tbody tr {
}
.works_info__table .tbl_def tbody tr th {
	width: 24.3%;
	padding: 23px 10px 24px 11px;
	background-color: transparent;
	border-color: var(--sub-color--border5);
}
.works_info__table .tbl_def tbody tr td {
	width: 75.7%;
	padding: 23px 10px 24px 10px;
	background-color: transparent;
	border-color: var(--sub-color--border5);
}
@media only screen and (max-width: 767px){
	.works_info__table .tbl_def tbody tr th {
	}
	.works_info__table .tbl_def tbody tr td {
	}
}

/* =========================================================
works_info__pdf
========================================================= */
.works_info__pdf {
}
.works_info__pdf {
	margin-top: 60px;
}
.works_info__pdf:first-child {
	margin-top: 0;
}
.works_info__pdf .btn_pdf {
	margin: 0 auto 0 0;
}
.works_info__pdf .btn_pdf .ico {
	transition: background 0.3s ease;
}
.works_info__pdf .btn_pdf:hover .ico {
	background-color: var(--main-color--bg2) !important;
}
@media only screen and (max-width: 767px){
}