/* Profile
---------------------------------------*/
figure,figcaption{
margin: 0;
padding: 0;
position: relative;
}
figcaption{
margin:0;
display: block;
}


#idKasouMain .clBigtext{
	font-size:80px;
	margin-top: 20px;
}
@media screen and (max-width: 1250px){
#idKasouMain .clBigtext{
	font-size:64px;
	line-height: 1.2;
}
}
@media screen and (max-width: 550px){
#idKasouMain .clBigtext{
	font-size:11vw;
}
}

.clContents.clKasou{
background: none;
padding-top: 50px;
}

.clContents.clKasou .tyuui{
	margin-bottom: 40px;
}
.clContents.clKasou .tyuui li{
	padding-left: 24px;
	margin-bottom: 0.6em;
	line-height: 1.3em;
}
.clContents.clKasou .tyuui li:before { 
	content:"※ ";
	margin-left: -24px;
}

.clContents.clKasou .clWorksList{
	display: flex;
	-webkit-flex-wrap: wrap;          /* Safari etc. */
	-ms-flex-wrap    : wrap;          /* IE10        */
	flex-wrap        : wrap;
}

.clContents.clKasou .clWorksList li figcaption{
	border-left: 1px solid #ddd;
	padding-left: 10%;
	position: relative;
}
.clContents.clKasou .clWorksList li figcaption::before{
	border-left: 1px solid #000;
    transform: translate(-50%);
	height: 34px;
	content: '';
	position: absolute;
	left:0;

}

.clContents.clKasou .clWorksList li{
	margin-bottom: 80px;
	width: 359px;
	margin-right: 50px;
}
.clContents.clKasou .clWorksList li img{
	width: 100%;
  z-index: 1;
  position: relative;

}
.clContents.clKasou .clWorksList li figcaption{	
  border-radius: 3px;
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);
  position: relative;
  margin-top: 10px;
  z-index: 0;

}
.clContents.clKasou .clWorksList li figcaption::after {
  content: "";
  position: absolute;
  top: -63px;
  left: 50%;
  transform: translateX(-50%);
  width: 66%;
  height: 3px;
  box-shadow: 0 40px 9px rgba(0, 0, 0, .05);
  background-color: transparent;
  border-radius: 80px / 5px;
}

.clContents.clKasou .clWorksList li .photo{
	position: relative;
}
.clContents.clKasou .clWorksList li .photo .clImg{
}
.clContents.clKasou .clWorksList li a:hover .photo .clImg{
	filter: brightness(50%); /* 明るさを70%にして薄暗く */
}
.clContents.clKasou .clWorksList .siteview{
	width: 65px;
	height: 65px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 2;
	transform: translate(-50%, -50%) scale(0); /* 最初は小さく隠す */
	opacity: 0; /* 透明にする */
	transition: transform 0.3s ease, opacity 0.3s ease; /* アニメーション設定 */
}
.clContents.clKasou .clWorksList li a:hover .siteview{
	transform: translate(-50%, -50%) scale(1); /* 元の大きさに拡大 */
	opacity: 1;
}



.clContents.clKasou .clWorksList li:nth-child(3n){
	margin-right: 0px;
}
.clContents.clKasou .clWorksList li h2{
	font-size: 26px;
	line-height: 1.1;
	margin-top: 25px;
}
.clContents.clKasou .clWorksList li p{
	font-size: 78%;
	line-height: 1.1;
	margin-bottom: 20px;
	color: #aaa;
}
.clContents.clKasou .clWorksList li .cat{
	display: inline-block;
	margin-right: 4px;
	border: 1px solid #CCC;
	padding: 5px 10px 6px 10px;
	line-height: 1.1;
	margin-bottom: 6px;
}


.clContents.clKasou .clWorksList li a{
	text-decoration: none;
}
.clContents.clKasou .clWorksList li a .clImg{
 	transition: .3s ease-in-out;
}
.clContents.clKasou .clWorksList li a:hover .clImg{
	margin-top: -20px;
	margin-bottom: 20px;
}


.clContents.clKasou .clWorksList .siteview_sp{
	text-align: center;
	display: none;
}
.clContents.clKasou .clWorksList .siteview_sp img{
	width: 100px;
	margin-left: auto;
	margin-right: auto;
}
@media screen and (max-width: 1250px){

.clContents.clKasou .clWorksList .siteview_sp{
	display: block;
}

.clContents.clKasou .clWorksList li:nth-child(3n){
	margin-right: auto;
}
.clContents.clKasou .clWorksList li{
	margin-bottom: 40px;
	width: 47%;
	margin-right: 5%;
}
.clContents.clKasou .clWorksList li:nth-child(2n){
	margin-right: 0;
}
.clContents.clKasou .clWorksList li h2{
	font-size: 22px;
	margin-top: 20px;
}

}