/*==== sococa.html ====*/
.mainvisual__bluebox { padding-top: 170px; padding-bottom: 60px; }

@media (max-width: 768px) { .mainvisual__bluebox { padding-top: 40px; padding-bottom: 40px; } }
.clm-notice-s__wrap { display: flex; align-items: center; padding: 4px; background-color: #FFF; border-radius: 33px; }
.clm-notice-s__ttl { padding: 10px 48px 13px 48px; font-size: 24px; font-weight: 600; color: #FFF; background-color: #000; text-align: center; border-radius: 29px; }
.clm-notice-s__body { padding: 0 24px; font-size: 20px; font-weight: 500; color: #000; }

@media (max-width: 768px) { .clm-notice-s__ttl { min-width: 140px; padding: 10px 24px 13px 24px; font-size: 18px; word-break: break-all; }
  .clm-notice-s__body { font-size: 15px; padding: 0 16px; } }
/*==== purari.html ====*/
.clm-notice-p__wrap { display: flex; align-items: center; margin-bottom: 60px; padding: 4px; background-color: #FFF; border-radius: 30px; }
.clm-notice-p__ttl { padding: 10px 42px 13px 42px; font-size: 22px; font-weight: 600; color: #FFF; background-color: #3DAF3D; text-align: center; border-radius: 26px; word-break: keep-all; }
.clm-notice-p__body { padding: 0 24px; font-size: 17px; font-weight: 500; color: #5D2E2E; }

@media (max-width: 768px) { .clm-notice-p__wrap { margin-bottom: 35px; }
  .clm-notice-p__ttl { min-width: 140px; padding: 10px 24px 13px 24px; font-size: 18px; word-break: break-all; }
  .clm-notice-p__body { font-size: 14px; padding: 0 16px; } }