@charset "UTF-8";

/** -- 詳細ページ -- **/
.works_blog .single_content {
	margin: 100px auto 0;
	width: 900px;
}
.works_blog article h2 {
	font-size: 42px;
	margin-bottom: 50px;
}
/** image **/
.works_blog article .image {
	margin-bottom: 70px;
}
.works_blog article .image img {
	border-radius: 30px;
	object-fit: cover;
	height: 100%;
	width: 100%;
}
.works_blog article .image .main_img {
	height: 710px;
	width: 710px;
}
.works_blog article .image .sub_img {
	margin-left: auto;
	width: 170px;
}
.works_blog article .image .sub_img li {
	cursor: pointer;
	height: 170px;
}
.works_blog article .image .sub_img li + li {
	margin-top: 10px;
}
/** detail **/
.works_blog article .detail {
	margin-bottom: 70px;
}
.works_blog article .detail .exp {
	padding-right: 35px;
	width: 50%;
}
.works_blog article .detail .exp p {
	font-weight: bold;
}
.works_blog article .detail .spec {
	border-left: dashed 1px #4C4948;
	padding-left: 50px;
	width: 50%;
}
.works_blog article .detail .spec h3 {
	font-size: 18px;
}
.works_blog article .detail .spec p {
	margin-bottom: 20px;
}
.works_blog article .detail .spec li span {
	font-weight: bold;
	margin-right: 20px;
}
/** to_faq **/
.to_faq {
	align-items: center;
	margin-top: 70px;
}
.to_faq h3 {
	background: url('../img/common/icon-comment.png') no-repeat 0 50% / 73px;
	font-size: 24px;
	line-height: 1.5;
	margin-left: auto;
	margin-right: 30px;
	padding-left: 100px;
	padding-top: 5px;
}
@media screen and (max-width: 1480px) {
	.works_blog .single_content {
		margin: 8vw auto 0;
		width: 65vw;
	}
	.works_blog article h2 {
		font-size: 3vw;
		margin-bottom: 4vw;
	}
	/** image **/
	.works_blog article .image {
		margin-bottom: 5.5vw;
	}
	.works_blog article .image img {
		border-radius: 2vw;
	}
	.works_blog article .image .main_img {
		height: 51vw;
		width: 51vw;
	}
	.works_blog article .image .sub_img {
		width: 12vw;
	}
	.works_blog article .image .sub_img li {
		height: 12vw;
	}
	.works_blog article .image .sub_img li + li {
		margin-top: 1vw;
	}
	/** detail **/
	.works_blog article .detail {
		margin-bottom: 5.5vw;
	}
	.works_blog article .detail .exp {
		padding-right: 3vw;
	}
	.works_blog article .detail .spec {
		padding-left: 3.5vw;
	}
	.works_blog article .detail .spec h3 {
		font-size: 1.3vw;
	}
	.works_blog article .detail .spec p {
		margin-bottom: 1.4vw;
	}
	.works_blog article .detail .spec li span {
		margin-right: 1.4vw;
	}
	/** to_faq **/
	.to_faq {
		margin-top: 5.5vw;
	}
	.to_faq h3 {
		background-size: 5.2vw;
		font-size: 1.7vw;
		margin-right: 2.4vw;
		padding-left: 7vw;
		padding-top: .3vw;
	}
}
@media screen and (max-width: 780px) {
	.works_blog .single_content {
		margin: 12vw 6vw 4vw;
		width: auto;
	}
	.works_blog article h2 {
		font-size: 4.8vw;
		margin-bottom: 4vw;
	}
	/** image **/
	.works_blog article .image {
		margin-bottom: 5.5vw;
	}
	.works_blog article .image img {
		border-radius: 4vw;
	}
	.works_blog article .image .main_img {
		height: 88vw;
		width: 100%;
	}
	.works_blog article .image .sub_img {
		display: flex;
		margin-top: 3vw;
		width: 100%;
	}
	.works_blog article .image .sub_img li {
		height: 21.25vw;
		width: 21.25vw;
	}
	.works_blog article .image .sub_img li + li {
		margin-left: 1vw;
		margin-top: 0;
	}
	/** detail **/
	.works_blog article .detail {
		margin-bottom: 5.5vw;
	}
	.works_blog article .detail .exp {
		padding-bottom: 6vw;
		padding-right: 0;
		width: 100%;
	}
	.works_blog article .detail .spec {
		border-left: none;
		border-top: dashed 1px #4C4948;
		padding-left: 0;
		padding-top: 6vw;
		width: 100%;
	}
	.works_blog article .detail .spec h3 {
		font-size: 3.8vw;
	}
	.works_blog article .detail .spec p {
		margin-bottom: 4vw;
	}
	.works_blog article .detail .spec li span {
		margin-right: 4vw;
	}
	/** to_faq **/
	.to_faq {
		margin-top: 10vw;
	}
	.to_faq h3 {
		background-size: 12vw;
		font-size: 4vw;
		margin-bottom: 4vw;
		margin-right: 0;
		padding-left: 16vw;
		padding-top: 0;
		width: 100%;
	}
	.to_faq .btn_1 {
		margin: 0 auto;
	}
}