/* CSS Document */
.project-detail {
		word-break: break-all;
}
.project-detail-sec {
		padding: 75px 0 100px;
}
@media screen and (max-width: 768px) {
		.project-detail-sec {
				padding: 35px 0 60px;
		}
}
.project-detail-inn {
		border-radius: 8px;
		background-color: #ffffff;
		padding: 50px 50px 70px;
}
@media screen and (max-width: 768px) {
		.project-detail-inn {
				padding: 15px 15px 35px;
				border-radius: 5px;
		}
}
.project-detail-inn .m-btn {
		margin: 75px auto auto;
		width: 355px;
}
@media screen and (max-width: 768px) {
		.project-detail-inn .m-btn {
				width: 100%;
				max-width: 84vw;
				margin: 45px auto auto;
		}
}
.project-detail-inn .m-btn-link::after {
		left: 25px;
		right: auto;
		border-width: 0 0 1px 1px;
}
.project-detail-num {
		font-weight: bold;
		color: #12348a;
		font-size: 1.8rem;
}
@media screen and (max-width: 768px) {
		.project-detail-num {
				font-size: 1.4rem;
				padding: 0 0 0 18px;
		}
}
.project-detail-ttl {
		font-weight: bold;
		font-size: 2.4rem;
		line-height: 1.4;
		border-bottom: 1px solid #12348a;
		padding-bottom: 25px;
		margin-bottom: 25px;
}
@media screen and (max-width: 768px) {
		.project-detail-ttl {
				font-size: 2.1rem;
				line-height: calc(72/42);
				padding: 0 0 16px 18px;
		}
}
.project-detail .swiper-container {
		z-index: 0;
}
.project-detail .swiper-container.thumbnail {
		padding: 0 55px;
}
@media screen and (max-width: 768px) {
		.project-detail .swiper-container.thumbnail {
				padding: 0;
		}
}
.project-detail .slider {
		margin-bottom: 25px;
}
@media screen and (max-width: 768px) {
		.project-detail .slider {
				margin-bottom: 15px;
		}
}
.project-detail .slider .swiper-button-prev,
.project-detail .slider .swiper-button-next {
		width: 56px;
		height: 80px;
		top: 50%;
		margin: 0;
		-webkit-transform: translateY(-50%);
		        transform: translateY(-50%);
		background-color: #12348a;
		-webkit-transition: 0.4s;
		transition: 0.4s;
}
@media screen and (max-width: 768px) {
		.project-detail .slider .swiper-button-prev,
.project-detail .slider .swiper-button-next {
				width: 28px;
				height: 40px;
		}
}
@media print, screen and (min-width: 769px) {
		.project-detail .slider .swiper-button-prev:hover,
.project-detail .slider .swiper-button-next:hover {
				opacity: 0.6;
		}
}
.project-detail .slider .swiper-button-prev::after,
.project-detail .slider .swiper-button-next::after {
		content: "";
		width: 18px;
		height: 18px;
		border: 0 solid #ffffff;
		border-width: 2px 2px 0 0;
		-webkit-transform: rotate(45deg) translateY(-50%);
		        transform: rotate(45deg) translateY(-50%);
		position: absolute;
		top: 45%;
		right: 50%;
}
@media screen and (max-width: 768px) {
		.project-detail .slider .swiper-button-prev::after,
.project-detail .slider .swiper-button-next::after {
				width: 10px;
				height: 10px;
		}
}
.project-detail .slider .swiper-button-prev {
		left: 0;
}
.project-detail .slider .swiper-button-prev::after {
		border-width: 0 0 2px 2px;
		right: 40%;
}
.project-detail .slider .swiper-button-next {
		right: 0;
}
.project-detail .slider-item {
		width: 100%;
		height: 576px;
}
@media screen and (max-width: 768px) {
		.project-detail .slider-item {
				height: 77.1vw;
		}
}
.project-detail .slider-item img {
		height: 100%;
		width: 100%;
		-o-object-fit: cover;
		   object-fit: cover;
}
.project-detail .thumbnail-item {
		width: 180px;
		height: 120px;
		opacity: 0.6;
		-webkit-transition: 0.4s;
		transition: 0.4s;
		cursor: pointer;
}
@media screen and (max-width: 768px) {
		.project-detail .thumbnail-item {
				height: 12.8vw;
		}
}
@media print, screen and (min-width: 769px) {
		.project-detail .thumbnail-item:hover {
				opacity: 1;
		}
}
.project-detail .thumbnail-item.swiper-slide-active {
		opacity: 1;
}
.project-detail .thumbnail-item img {
		height: 100%;
		width: 100%;
		-o-object-fit: cover;
		   object-fit: cover;
}
.project-detail-txt {
		margin: 45px 0 0;
		padding: 0 65px;
}
@media screen and (max-width: 768px) {
		.project-detail-txt {
				margin: 30px 0 0;
				padding: 0 0 0;
		}
}
.project-detail-txt p {
		font-size: 1.4rem;
		line-height: 2;
		font-weight: 500;
}
@media screen and (max-width: 768px) {
		.project-detail-txt p {
				font-size: 1.3rem;
		}
}