#workshop > *:not(:last-child){
	margin-bottom: 15rem;
}
@media all and (max-width:960px){
	#workshop > *:not(:last-child){
		margin-bottom: 7.5rem;
	}
}

/*--------------------------------------
	導入
--------------------------------------*/
#ttl{
	position: relative;	
}

.ttl-txt{
	padding-right: 2rem;
	width: 50%;
}
.ttl-txt h3{
	font-weight: 900;
    text-align: left;
    color: var(--color-mid);
}
.ttl-txt p{
	font-size: clamp(1.6rem, 2vw, 2.2rem);
}
.ttl-txt p:not(:last-child){
    margin-bottom: 2em;
}
.ttl-txt p span{
    color: var(--color-mid);
}
.ttl-img{
	position: absolute;
    right: 0;
    top: 0;
    width: 45%;
    overflow: clip;
    border-radius: 10rem 0 0 10rem;
    filter: drop-shadow(1rem 1rem 0 var(--color-mid));
}
.ttl-img img{
	max-width: 960px;
}

@media all and (max-width:960px){
	.ttl-wrap{
		margin-top: 1.5rem;
	}
	.ttl-txt{
		padding-right: 0rem;
		width: 100%;
		margin-bottom: 2.5rem;
	}
	.ttl-txt > *{
		text-align: center!important;
	}
	.ttl-img{
		position: initial;
		width: 100%;
		border-radius: 5rem;
	}
}


/*--------------------------------------
	スライダー（slider-wrap）
--------------------------------------*/
.slider img {
    width:100%;
    height:auto;
}

.slider .slick-slide {
    margin: 0 1rem;
}


/*--------------------------------------
	ワークショップでは（workshop-about）
--------------------------------------*/
:root {
	--about-item-gap: 4rem; 
}
#workshop-about{
	background: var(--color-mid);
	padding: var(--content-padding);
}
#workshop-about h4{
	    text-align: center;
    margin-bottom: 1em;
}
ul.workshop-about-list {
    display: flex;
    justify-content: space-between;
	gap: var(--about-item-gap);
}

li.workshop-about-item {
    width: calc((100% - var(--about-item-gap)) / 2);
	background: var(--color-wh);
    padding: 4rem;
    border-radius: 5rem;
}
.workshop-about-img {
    overflow: clip;
    border-radius: 3rem;
    margin-bottom: 2rem;
}
.workshop-txt-list {
    background: rgb(from var(--color-mid) r g b / 0.20);
    border-radius: 1rem;
    padding: 1em 1.5em;
	margin-top: 0.5em;
	font-size: clamp(1.6rem, 1.25vw, 1.8rem);
}
.workshop-txt-list li{
	text-indent: -1em;
    padding-left: 1em;
	border-bottom: 1px var(--color-mid) solid;
}
.workshop-txt-list li::before{
	font-family: 'Font Awesome 5 Free';
    content: "\f058";
	font-weight: 900;
	color: var(--color-mid);
	padding-right: 0.3rem;
}


.workshop-about-wrap ul.u-cap{
	text-align: center;
    margin-top: 4rem;
}

@media all and (max-width:960px){
	ul.workshop-about-list{
		flex-direction: column;
	}
	li.workshop-about-item {
		width: 100%;
	}
}


/*--------------------------------------
	新着ワークショップ（workshop-link）
--------------------------------------*/
/*#workshop-link{
	padding: 0;
}
#workshop-link .workshop-content{
	max-width: 100%;
	text-align: center
}
.workshop-content > *:not(.workshop-link-wrap){
	padding: 0 2rem;
	text-align: center;
}*/
#workshop-link .workshop-content,
#workshop-link .workshop-content > *{
	text-align: center;
}
#workshop-link .workshop-content a.more-link{
    display: inline-block;
    /*max-width: calc(100% - 4rem);
    width: 22em;*/
    width: 100%;
    margin: 4rem auto 2rem;
    padding: 1.5rem 2rem;
    border-radius: 2rem;
    font-size: clamp(2rem, 2vw, 2.4rem);
    font-weight: 800;
	background: var(--color-mid);
    border: 1px var(--color-mid) solid;
}
#workshop-link .workshop-content a.more-link:hover{
	color: var(--color-mid);	
	background: var(--color-wh);
}