@media (max-width: 768px) {
  .cmp-container {
    margin: 0 auto;
    padding: 0 4%;
  }
}
@media (min-width: 769px) {
  .cmp-container {
    max-width: 1080px;
    padding: 0 7.8%;
    box-sizing: content-box;
  }
}
.cmp-container .tpl-c-grid001 {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
}
.cmp-container .tpl-c-grid002,
.cmp-container .tpl-c-grid003,
.cmp-container .tpl-c-grid004 {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 40px;
}
@media (min-width: 769px) {
  .cmp-container .tpl-c-grid001,
  .cmp-container .tpl-c-grid002,
  .cmp-container .tpl-c-grid003,
  .cmp-container .tpl-c-grid004 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .cmp-container .tpl-c-grid001__item {
    width: calc(100%);
  }
  .cmp-container .tpl-c-grid002__item--25 {
    width: calc(25% - 20px);
  }
  .cmp-container .tpl-c-grid002__item--40 {
    width: calc(40% - 20px);
  }
  .cmp-container .tpl-c-grid002__item--50 {
    width: calc(50% - 20px);
  }
  .cmp-container .tpl-c-grid002__item--60 {
    width: calc(60% - 20px);
  }
  .cmp-container .tpl-c-grid002__item--75 {
    width: calc(75% - 20px);
  }
  .cmp-container .tpl-c-grid003__item {
    width: calc((100% - 80px) / 3);
  }
  .cmp-container .tpl-c-grid004__item {
    width: calc((100% - 120px) / 4);
  }
}
@media (max-width: 768px) {
  .cmp-container .tpl-c-grid001,
  .cmp-container .tpl-c-grid002,
  .cmp-container .tpl-c-grid003,
  .cmp-container .tpl-c-grid004 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .cmp-container .tpl-c-grid001__item,
  .cmp-container .tpl-c-grid002__item--25,
  .cmp-container .tpl-c-grid002__item--40,
  .cmp-container .tpl-c-grid002__item--50,
  .cmp-container .tpl-c-grid002__item--60,
  .cmp-container .tpl-c-grid002__item--75,
  .cmp-container .tpl-c-grid003__item,
  .cmp-container .tpl-c-grid004__item {
    width: calc(100%);
  }
}
@media (max-width: 768px) {
  .cmp-tpl-container .sp-pt0 {
    padding-top: 0 !important;
  }
  .cmp-tpl-container .sp-pt8 {
    padding-top: 8px !important;
  }
  .cmp-tpl-container .sp-pt16 {
    padding-top: 16px !important;
  }
  .cmp-tpl-container .sp-pt24 {
    padding-top: 24px !important;
  }
  .cmp-tpl-container .sp-pt40 {
    padding-top: 40px !important;
  }
  .cmp-tpl-container .sp-pt48 {
    padding-top: 48px !important;
  }
  .cmp-tpl-container .sp-pt64 {
    padding-top: 64px !important;
  }
  .cmp-tpl-container .sp-pt80 {
    padding-top: 80px !important;
  }
  .cmp-tpl-container .sp-pt120 {
    padding-top: 120px !important;
  }
  .cmp-tpl-container .sp-pt160 {
    padding-top: 160px !important;
  }
  .cmp-tpl-container .sp-pb0 {
    padding-bottom: 0 !important;
  }
  .cmp-tpl-container .sp-pb8 {
    padding-bottom: 8px !important;
  }
  .cmp-tpl-container .sp-pb16 {
    padding-bottom: 16px !important;
  }
  .cmp-tpl-container .sp-pb24 {
    padding-bottom: 24px !important;
  }
  .cmp-tpl-container .sp-pb40 {
    padding-bottom: 40px !important;
  }
  .cmp-tpl-container .sp-pb48 {
    padding-bottom: 48px !important;
  }
  .cmp-tpl-container .sp-pb64 {
    padding-bottom: 64px !important;
  }
  .cmp-tpl-container .sp-pb80 {
    padding-bottom: 80px !important;
  }
  .cmp-tpl-container .sp-pb120 {
    padding-bottom: 120px !important;
  }
  .cmp-tpl-container .sp-pb160 {
    padding-bottom: 160px !important;
  }
}
@media (min-width: 769px) {
  .cmp-tpl-container .tpl-c-grid001 .cmp-container__sp,
  .cmp-tpl-container .tpl-c-grid002 .cmp-container__sp,
  .cmp-tpl-container .tpl-c-grid003 .cmp-container__sp,
  .cmp-tpl-container .tpl-c-grid004 .cmp-container__sp {
    align-items: center;
  }
}
@media (max-width: 768px) {
  .cmp-tpl-container .tpl-c-grid001.cmp-container__sp,
  .cmp-tpl-container .tpl-c-grid002.cmp-container__sp,
  .cmp-tpl-container .tpl-c-grid003.cmp-container__sp,
  .cmp-tpl-container .tpl-c-grid004.cmp-container__sp {
    gap: 0px;
    align-items: center;
  }
  .cmp-tpl-container .tpl-c-grid001.cmp-container__sp .tpl-c-grid001__item,
  .cmp-tpl-container .tpl-c-grid002.cmp-container__sp .tpl-c-grid002__item--50,
  .cmp-tpl-container .tpl-c-grid002.cmp-container__sp .tpl-c-grid002__item--40,
  .cmp-tpl-container .tpl-c-grid002.cmp-container__sp .tpl-c-grid002__item--60,
  .cmp-tpl-container .tpl-c-grid002.cmp-container__sp .tpl-c-grid002__item--25,
  .cmp-tpl-container .tpl-c-grid002.cmp-container__sp .tpl-c-grid002__item--75,
  .cmp-tpl-container .tpl-c-grid003.cmp-container__sp .tpl-c-grid003__item,
  .cmp-tpl-container .tpl-c-grid004.cmp-container__sp .tpl-c-grid004__item {
    width: 50%;
  }
}
.cmp-container .cmp-box .c-inner002,
.cmp-box .c-box017 .cmp-container,
.cmp-box .cmp-contents-container .c-inner002,
.cmp-box .cmp-tpl-container .cmp-container {
  margin: 0 auto;
  padding: 0 0;
}
@media (min-width: 769px) {
  .cmp-container .cmp-box .c-inner002,
  .cmp-box .c-box017 .cmp-container,
  .cmp-box .cmp-contents-container .c-inner002,
  .cmp-box .cmp-tpl-container .cmp-container {
    max-width: 1080px;
    padding: 0 0;
    box-sizing: content-box;
  }
}