.link img{
	width: 16px;
	height: 16px;
}
.sub-works-txt{
	font-size: 14px;
}
.sub-works-ttl{
	padding-bottom: 5px;
}
#website .sub-works-cont-ttl{
	padding-bottom: 5px;
    font-size: 16px;
}
#graphic .sub-works-cont-ttl{
    border-bottom: dotted 1px #6D6A6A;
    width: fit-content;
    margin-bottom: 50px;
    padding-bottom: 10px;
}
.works-url{
	border-bottom: dotted 1px #6D6A6A;
	padding-bottom: 5px;
	color: #6D6A6A;
}
.url-flex{
	display: flex;
	align-items: center;
	gap: 7px;
    margin-bottom: 30px;
}
.url-flex a:hover{
	color: #919395;
}
.works-img-mockup{
    padding-bottom: 30px;
}
.works-text-brock{
	margin-top: 30px;
	padding-bottom: 30px;
	border-bottom: solid 1px #E8E6E2;
}
.works-dt{
	font-weight: 500;
}
.works-text-brock .works-dd{
	text-align: justify;
	overflow-wrap: anywhere;
}
.works-text-brock:last-child{
	margin-bottom: 100px;
}
.all-works{
	margin: 80px 0;
	font-weight: 600;
	text-align: center;
    font-size: 16px;
}
.works-more{
	padding: 15px 0;
}
.works-more::after{
	content: ">";
	padding-left: 10px;
}
.works-more a{
    font-size: 18px;
}
.works-img-bottom{
	max-width: 800px;
    margin: 0 auto;
}
.works-pc-skew{
	display: none;
}
.url-flex .clinic-url{
	white-space: nowrap;
	font-size: clamp(10px, 2.5vw, 12px);
}
.url-flex .chocolate-url{
	white-space: nowrap;
	font-size: clamp(8px, 1vw, 10px);
	/*font-size: 8px;*/
}
@media screen and (min-width: 768px) {
	.works-text-brock{
		display: flex;
		gap: 20px;
        margin-top: 50px;
        padding-bottom: 50px;
	}
	.works-dt{
		width: calc(120 / 553 * 100%);
	}
	.works-dd{
		width: calc(429 / 553 * 100%);
	}
    .works-img-skew{
	    display: none;
}
    .works-pc-skew{
	    display: block;
}
	.url-flex .clinic-url{
		font-size: 12px;
}
	.url-flex .chocolate-url{
		font-size: 12px;
}
}
@media screen and (min-width: 1024px) {
	.sub-works-txt{
	font-size: 16px;
}
	.sub-works-cont-ttl{
		margin-bottom: 10px;
	}
	.url-flex{
		margin-bottom: 50px;
	}
	.works-img-mockup{
    padding-bottom: 30px;
		padding-top: 20px;
}
		.url-flex .clinic-url{
		font-size: 14px;
}
	.url-flex .chocolate-url{
		font-size: 14px;
}
		/*.sub-works-flex{
		display: flex;
        gap:10px;
        justify-content: space-between;
	}
    .works-img-mockup{
        padding-bottom: 60px;
        width: calc(530 / 1120 * 100%);
        
}
	  .sub-works dl{
        margin: 0 auto;
        font-size: clamp(14px, 1.3vw, 16px);
    }
    .sub-works-cont-ttl{
        font-size: clamp(16px, 1.5vw, 18px);
    }
    .works-url{
        font-size: clamp(12px, 1.1vw, 14px);
    }*/
}
.works-more:hover{
	color: #828284;
}