.mb20 {margin-bottom:20px;}

.btnBox {
  display: inline-block;
  padding: 7px 20px;
  border-radius: 25px;
  text-decoration: none;
  color: #FFF;
  background-image: linear-gradient(to right, #f78ca0 0%, #f9748f 19%, #fd868c 60%, #fe9a8b 100%);
  transition: .4s;
}
.btnBox:hover {
  background-image: linear-gradient(to right, #f78ca0 0%, #f9748f 19%, #fd868c 50%, #fe9a8b 90%);
}

.m0 {margin: 0 auto;}

.mb20 {margin-bottom:20px;}
.mb40 {margin-bottom:40px;}
.mb70 {margin-bottom:70px;}

.cp_hr02 {
	border-width: 1px 0 0 0;
	border-style: dashed;
	border-color: #E66B58;
}

.text{
width:100%;
margin:0 auto; 
margin-bottom:30px;
font-size: 24px;
}

.text_inside{
line-height:1.875;
font-size:125%;
}

#column ul {
	width: calc(100 + 20px);
	margin: 0 -10px;
	display: flex;
	flex-wrap: wrap;
  list-style:none;
}

#column li {
	padding: 0 10px 20px;
}

#column li a,
#column li a:visited {
	text-decoration: none;
	color: #111;
}

#column li p {
	font-size: 90%;
	margin-bottom: 3px;
}

#column li span {
	font-size: 80%;
	display: block;
}

.column02 li {
	width: calc(50% - 20px);
}

.column03 li {
	width: calc(33.3333% - 20px);
}

.column04 li {
	width: calc(25% - 20px);
}

.column05 li {
	width: calc(20% - 20px);
}

.mc{
align-items: center;  
}
    <!-- 20230911 p tamori  ここから-->
works .span {
    position: absolute;
display: block;
width: 70%;
background: rgba(0,0,0,0.9);
bottom: 30px;
padding: 6px 0 7px 20px;
box-sizing: border-box;
color: #fff;
}

/* -- none --*/
body .sp {
  display: none;
}
.pc_none {
  display:none;
}

@media screen and (max-width: 639px) {
body .pc {display: none;}
body .sp {display: block;}
  
img {
width: 100%;
  height: auto;
  width: 100%;
  margin: 0;
  list-style-type: none;
  letter-spacing: -.4em;
  display: inline-block;
}

<!-- 20230911 p tamori  ここまで-->