@charset "UTF-8";

.main-visual{
 background-image: url(../images/support/support_mv.webp);
}
@media (max-width:768px){
 .main-visual{
   background-image: url(../images/support/support_mv_sp.webp) ;
 }
}

/* 子羊について */
.support-read{
 padding: 100px 4% 60px; 
}
.support-read h2{
 font-size: 24px;
 text-align: center;
 font-weight: 500;
 line-height: 1.5;
 margin-bottom: 38px;
}
.support-read h2 span{
 display: block;
 font-size: 18px;
}
.support-read p{
 text-align: center;
 font-size: 14px;
 line-height: 1.7;
}
@media (max-width:768px){
 .support-read{
  padding: 40px 18px;
 }
 .support-read h2{
  font-size: 18px;
  margin-bottom: 30px;
  letter-spacing: 0;
 }
 .support-read h2 span{
  font-size: 16px;
 }
 
}


/* 活動内容 */
.activityContent{
 padding: 130px 4%;
 position: relative;
}
.activityContent::before{
 content: "";
 display: block;
 background: url(../images/support/activitycontent-ttl.png) no-repeat center/100%;
 width: 109px;
 height: 80px;
 position: absolute;
 top: 0;
 left: 50%;
 transform: translateX(-50px);
}
.activityContent .sec-ttl{
 margin-bottom: 60px;
}
.activityContent h3 {
 font-weight: 500;
 position: relative;
 padding-left: 14px;
 z-index: 10;
 font-size: 18px;
 margin-bottom: 20px;
}
.activityContent p {
 margin-bottom: 40px;
}
.activityContent h3::before {
 content: "";
 display: inline-block;
 width: 26px;
 height: 26px;
 background-color: #ECC244;
 border-radius: 50%;
 position: absolute;
 left: 0;
 top: 50%;
 transform: translateY(-50%);
 z-index: -1;
}
.activityContent .flexB > div{
 width: 46.3%;
}
.activityContent .flexB > div p{
 margin-top: 30px;
 line-height: 1.7;
 font-size: 14px;
}
@media (max-width:768px){
 .activityContent{
  padding: 90px 28px;
 } 
 .activityContent::before{
  width: 86px;
  height: 63px;
 }
 .activityContent .sec-ttl{
  margin-bottom: 40px;
 }
 .activityContent h3 {
  font-size: 16px;
  margin-bottom: 20px;
 }
 .activityContent p{
  margin-bottom: 20px;
 }
 .activityContent .flexB > div{
  width: 100%;
  max-width: 480px;
  margin: 0 auto 40px;
 }
 .activityContent .flexB > div p{
  margin-top: 20px;
 }
}