@charset "UTF-8";

.campaignArea.invisible {
	display: none!important;
}
.campaignArea {
	margin-top: 80px;
}
.campaignArea_inner {
  position: relative;
  padding: 40px 195px;
  border: 2px solid #afbadf;
}
.campaignArea_inner::after {
  content: '';
  position: absolute;
  bottom: 35px;
  right: 20px;
  width: 159px;
  height: 226px;
  background: url("/med/feature/asia/malaysia/img/campaign_img_01_pc.webp") no-repeat;
}
.campaignArea h3 {
  text-align: center;
}
.campaignArea .frameParts {
  position: absolute;
}
.campaignArea .frameParts:first-of-type {
  top: -1px;
  left: -1px;
}
.campaignArea .frameParts:nth-of-type(2) {
  top: -1px;
  right: -1px;
  transform: scale(-1, 1);
}
.campaignArea .frameParts:nth-of-type(3) {
  bottom: -1px;
  left: -1px;
  transform: scale(1, -1);
}
.campaignArea .frameParts:nth-of-type(4) {
  bottom: -1px;
  right: -1px;
  transform: scale(-1, -1);
}
.campaignArea .courseItemsBox {
  gap: 16px;
}
.campaignArea .courseItem {
  width: calc((100% - 32px) / 2);
  margin: 0
}
.campaignArea .courseItem:nth-of-type(3n),
.campaignArea .courseItem:nth-of-type(2n),
.campaignArea .courseItem:nth-of-type(n+3) {
  margin: 0;
}

@media screen and (max-width:767.98px) {
  .campaignArea {
	  margin-top: 60px;
	  padding: 0 5px;
  }
  .campaignArea_inner {
	  padding: 40px 10px 155px;
  }
  .campaignArea_inner::after {
	  left: 50%;
	  right: auto;
	  transform: translateX(-50%);
	  width: 315px;
	  height: 98px;
	  background: url("/med/feature/asia/malaysia/img/campaign_img_01_sp.webp") no-repeat;
	  background-size: contain;
  }
  .campaignArea h3 {
	  max-width: 450px;
	  margin: 0 auto;
	  padding: 0 10px;
  }
  .campaignArea .courseItemsBox {
	  padding: 0;
  }
  .campaignArea .courseItem {
	  width: 100%;
  }
  .campaignArea .courseItem:nth-of-type(n+2) {
	  margin-top: 15px;
  }
}