.oc-summer_campaign_title_box {
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: 1056px;
  padding: 0 10px;
  margin: 0 auto;
  margin-top: 32px;
}
.oc-summer_campaign_title_box__body {
  max-width: 100%;
  width: 100%;
  margin-top: -30px;
}
@media only screen and (max-width: 768px) {
  .oc-summer_campaign_title_box {
    margin-top: 42px;
    margin-bottom: 13px;
  }
  .oc-summer_campaign_title_box__body {
    margin-top: -32px;
  }
}

.oc-summer_campaign-list_btn__list {
  display: flex;
  justify-content: center;
  gap: 20px;
  padding: 0 18%;
}
.oc-summer_campaign-list_btn__item {
  max-width: calc((100% - 20px) / 2);
  width: 100%;
}
.oc-summer_campaign-list_btn__item .c-btn__01 {
  max-width: 100%;
}
@media only screen and (max-width: 768px) {
  .oc-summer_campaign-list_btn__list {
    gap: 20px;
    flex-direction: column;
    padding: 0 15px;
  }
  .oc-summer_campaign-list_btn__item {
    max-width: 100%;
  }
}

.c-btn__01--blue {
  border-color: #55b4e2;
  background: #55b4e2;
  padding: 7px 57px 5px 21px;
}
.c-btn__01--blue::after {
  background: #55b4e2;
  -webkit-mask: url(../img/common/ar-right-blue.svg) 50% no-repeat;
          mask: url(../img/common/ar-right-blue.svg) 50% no-repeat;
}
.c-btn__01--blue:hover, .c-btn__01--blue:active, .c-btn__01--blue:focus {
  color: #55b4e2;
}
.c-btn__01--blue:hover::before, .c-btn__01--blue:active::before, .c-btn__01--blue:focus::before {
  background: #55b4e2;
}

.summer-oc_pickup {
  background-color: #fff89c;
  overflow: hidden;
  border-radius: 20px;
  margin: 80px -11px 97px;
  padding: 5px 52px 42px;
  position: relative;
}
.summer-oc_pickup::before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 50%;
  left: 50%;
  background-image: url(../img/open-campus/summer_bg_pc.png);
  transform: translate(-50%, -50%);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
@media only screen and (max-width: 768px) {
  .summer-oc_pickup::before {
    background-image: url(../img/open-campus/summer_bg_sp.png);
  }
}
.summer-oc_pickup__title {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.summer-oc_pickup__title-inner picture,
.summer-oc_pickup__title-inner img {
  height: 101px;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.summer-oc_pickup__head, .summer-oc_pickup__body {
  position: relative;
  z-index: 1;
}
.summer-oc_pickup__body {
  margin-top: 13px;
}
@media only screen and (max-width: 768px) {
  .summer-oc_pickup {
    margin: 40px 0 20px;
    max-width: calc(100% - 10px);
    width: 100%;
    padding: 5px 32px 38px;
  }
  .summer-oc_pickup__title {
    margin-left: -47px;
    margin-right: -47px;
  }
  .summer-oc_pickup__title-inner picture,
  .summer-oc_pickup__title-inner img {
    height: 91px;
  }
  .summer-oc_pickup__body {
    margin-top: 9px;
  }
}

.summer-oc_pickup-bnr_list__list {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 34px;
  flex-wrap: wrap;
}
.summer-oc_pickup-bnr_list__item {
  max-width: calc((100% - 68px) / 3);
  width: 100%;
}
@media only screen and (max-width: 768px) {
  .summer-oc_pickup-bnr_list__list {
    flex-direction: column;
    gap: 10px;
  }
  .summer-oc_pickup-bnr_list__item {
    max-width: 100%;
  }
}

.summer-oc_pickup-bnr {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}
.summer-oc_pickup-bnr:hover, .summer-oc_pickup-bnr:active, .summer-oc_pickup-bnr:focus {
  opacity: 1;
}
.summer-oc_pickup-bnr:hover .summer-oc_pickup-bnr__base img, .summer-oc_pickup-bnr:active .summer-oc_pickup-bnr__base img, .summer-oc_pickup-bnr:focus .summer-oc_pickup-bnr__base img {
  transform: scale(1.1);
}
.summer-oc_pickup-bnr:hover .summer-oc_pickup-bnr__text, .summer-oc_pickup-bnr:active .summer-oc_pickup-bnr__text, .summer-oc_pickup-bnr:focus .summer-oc_pickup-bnr__text {
  border-color: #55b4e2;
  background-color: #ffffff;
}
.summer-oc_pickup-bnr:hover .summer-oc_pickup-bnr__text-inner, .summer-oc_pickup-bnr:active .summer-oc_pickup-bnr__text-inner, .summer-oc_pickup-bnr:focus .summer-oc_pickup-bnr__text-inner {
  color: #55b4e2;
}
.summer-oc_pickup-bnr:hover .summer-oc_pickup-bnr__text-icon::before, .summer-oc_pickup-bnr:active .summer-oc_pickup-bnr__text-icon::before, .summer-oc_pickup-bnr:focus .summer-oc_pickup-bnr__text-icon::before {
  background-color: #55b4e2;
}
.summer-oc_pickup-bnr:hover .summer-oc_pickup-bnr__text-icon::after, .summer-oc_pickup-bnr:active .summer-oc_pickup-bnr__text-icon::after, .summer-oc_pickup-bnr:focus .summer-oc_pickup-bnr__text-icon::after {
  background-color: #ffffff;
}
.summer-oc_pickup-bnr__inner {
  width: 100%;
  position: relative;
}
.summer-oc_pickup-bnr__base {
  position: relative;
  overflow: hidden;
  border-radius: 10px;
}
.summer-oc_pickup-bnr__base img {
  position: relative;
  position: relative;
  transition: transform 0.7s cubic-bezier(0.16, 1, 0.3, 1);
}
.summer-oc_pickup-bnr__front {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  margin-top: -14px;
}
.summer-oc_pickup-bnr__text {
  border-radius: 50rem;
  min-height: 30px;
  border: 1px solid #ffffff;
  background-color: #55b4e2;
  position: relative;
  padding: 5px 5px 5px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  max-width: 69%;
  width: 100%;
  transition: border-color 0.3s, background-color 0.3s;
}
.summer-oc_pickup-bnr__text-inner {
  color: #ffffff;
  font-size: 13px;
  transition: color 0.3s;
}
.summer-oc_pickup-bnr__text-icon {
  position: absolute;
  width: 20px;
  height: 20px;
  top: 50%;
  right: 6px;
  transform: translateY(-50%);
  overflow: hidden;
  border-radius: 50rem;
}
.summer-oc_pickup-bnr__text-icon::before, .summer-oc_pickup-bnr__text-icon::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: background-color 0.3s;
}
.summer-oc_pickup-bnr__text-icon::before {
  width: 100%;
  height: 100%;
  background-color: #ffffff;
}
.summer-oc_pickup-bnr__text-icon::after {
  width: calc(100% - 5px);
  height: calc(100% - 5px);
  background: #55b4e2;
  -webkit-mask: url(../img/common/ar-right-blue.svg) 50% no-repeat;
          mask: url(../img/common/ar-right-blue.svg) 50% no-repeat;
  -webkit-mask-size: contain;
          mask-size: contain;
}
@media only screen and (max-width: 768px) {
  .summer-oc_pickup-bnr__front {
    padding-bottom: 25px;
  }
  .summer-oc_pickup-bnr__text-icon {
    right: 4px;
  }
}

#page-open_campus .event-benefits--summer {
  margin-top: 20px;
  margin-bottom: -41px;
  padding-top: 100px;
}
@media only screen and (max-width: 768px) {
  #page-open_campus .event-benefits--summer {
    margin-bottom: 20px;
    padding-top: 68px;
    margin-top: 30px;
  }
}
#page-open_campus .event-benefits--summer .c-ttl__04--oc_summer span {
  background-color: #fff157;
  color: #55b4e2;
  border-color: #55b4e2;
}
#page-open_campus .event-benefits--summer .c-ttl__04--oc_summer span::before {
  border-color: #55b4e2;
  background-color: #fff157;
}
#page-open_campus .event-benefits--summer .inner {
  margin-top: -20px;
  background-color: #fff89c;
  padding: 20px 40px 50px;
  position: relative;
}
#page-open_campus .event-benefits--summer .inner::before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 50%;
  left: 50%;
  background-image: url(../img/open-campus/summer_bg_pc.png);
  transform: translate(-50%, -50%);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
@media only screen and (max-width: 768px) {
  #page-open_campus .event-benefits--summer .inner::before {
    background-image: url(../img/open-campus/summer_bg_sp.png);
    background-position: top center;
    background-size: cover;
  }
}
@media only screen and (max-width: 768px) {
  #page-open_campus .event-benefits--summer .inner {
    padding: 20px 12px 50px;
  }
}
#page-open_campus .event-benefits--summer .event-benefits__title {
  color: #55b4e2;
  position: relative;
  z-index: 1;
}
#page-open_campus .event-benefits--summer .event-benefits__title span {
  color: #55b4e2;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-text-stroke-color: #ffffff;
  -webkit-text-stroke-width: 3px;
}
#page-open_campus .event-benefits--summer .event-benefits__title em {
  position: relative;
  z-index: 1;
  font-style: normal;
}
#page-open_campus .event-benefits--summer .event-benefits__description {
  margin-bottom: 34px;
  position: relative;
  z-index: 1;
}
#page-open_campus .event-benefits--summer .event-benefits__content {
  gap: 20px;
  position: relative;
  z-index: 1;
  justify-content: center;
}
@media only screen and (max-width: 768px) {
  #page-open_campus .event-benefits--summer .event-benefits__content {
    gap: 0;
  }
}
#page-open_campus .event-benefits--summer .event-benefits__item_top {
  background-color: #55b4e2;
  max-width: calc(100% - 60px);
}
@media only screen and (max-width: 768px) {
  #page-open_campus .event-benefits--summer .event-benefits__item_top {
    max-width: calc(100% - 137px);
  }
}
#page-open_campus .event-benefits--summer .event-benefits__item {
  max-width: calc((100% - 60px) / 4);
  width: 100%;
  padding: 23px 10px 16px;
  border-color: #55b4e2;
}
@media only screen and (max-width: 768px) {
  #page-open_campus .event-benefits--summer .event-benefits__item {
    max-width: 100%;
  }
}
#page-open_campus .event-benefits--summer .event-benefits__item h4 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 36px;
}
@media only screen and (max-width: 768px) {
  #page-open_campus .event-benefits--summer .event-benefits__item h4 {
    min-height: 0;
  }
}
#page-open_campus .event-benefits--summer .event-benefits__item h4 span {
  font-size: 12px;
}
#page-open_campus .event-benefits--summer .event-benefits__item_img {
  max-width: 176px;
}
#page-open_campus .event-benefits--summer .event-benefits__btn {
  margin-top: -36px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
#page-open_campus .event-benefits--summer .event-benefits__btn .c-btn__01 {
  max-width: 294px;
}
#page-open_campus .event-benefits--summer .event-benefits__attention {
  position: relative;
  z-index: 1;
}

.summer-oc_hdg {
  position: relative;
}
.summer-oc_hdg__title img {
  width: 100%;
}

.adjust-w-0 {
  width: 0% !important;
}

.adjust-w-1 {
  width: 1% !important;
}

.adjust-w-2 {
  width: 2% !important;
}

.adjust-w-3 {
  width: 3% !important;
}

.adjust-w-4 {
  width: 4% !important;
}

.adjust-w-5 {
  width: 5% !important;
}

.adjust-w-6 {
  width: 6% !important;
}

.adjust-w-7 {
  width: 7% !important;
}

.adjust-w-8 {
  width: 8% !important;
}

.adjust-w-9 {
  width: 9% !important;
}

.adjust-w-10 {
  width: 10% !important;
}

.adjust-w-11 {
  width: 11% !important;
}

.adjust-w-12 {
  width: 12% !important;
}

.adjust-w-13 {
  width: 13% !important;
}

.adjust-w-14 {
  width: 14% !important;
}

.adjust-w-15 {
  width: 15% !important;
}

.adjust-w-16 {
  width: 16% !important;
}

.adjust-w-17 {
  width: 17% !important;
}

.adjust-w-18 {
  width: 18% !important;
}

.adjust-w-19 {
  width: 19% !important;
}

.adjust-w-20 {
  width: 20% !important;
}

.adjust-w-21 {
  width: 21% !important;
}

.adjust-w-22 {
  width: 22% !important;
}

.adjust-w-23 {
  width: 23% !important;
}

.adjust-w-24 {
  width: 24% !important;
}

.adjust-w-25 {
  width: 25% !important;
}

.adjust-w-26 {
  width: 26% !important;
}

.adjust-w-27 {
  width: 27% !important;
}

.adjust-w-28 {
  width: 28% !important;
}

.adjust-w-29 {
  width: 29% !important;
}

.adjust-w-30 {
  width: 30% !important;
}

.adjust-w-31 {
  width: 31% !important;
}

.adjust-w-32 {
  width: 32% !important;
}

.adjust-w-33 {
  width: 33% !important;
}

.adjust-w-34 {
  width: 34% !important;
}

.adjust-w-35 {
  width: 35% !important;
}

.adjust-w-36 {
  width: 36% !important;
}

.adjust-w-37 {
  width: 37% !important;
}

.adjust-w-38 {
  width: 38% !important;
}

.adjust-w-39 {
  width: 39% !important;
}

.adjust-w-40 {
  width: 40% !important;
}

.adjust-w-41 {
  width: 41% !important;
}

.adjust-w-42 {
  width: 42% !important;
}

.adjust-w-43 {
  width: 43% !important;
}

.adjust-w-44 {
  width: 44% !important;
}

.adjust-w-45 {
  width: 45% !important;
}

.adjust-w-46 {
  width: 46% !important;
}

.adjust-w-47 {
  width: 47% !important;
}

.adjust-w-48 {
  width: 48% !important;
}

.adjust-w-49 {
  width: 49% !important;
}

.adjust-w-50 {
  width: 50% !important;
}

.adjust-w-51 {
  width: 51% !important;
}

.adjust-w-52 {
  width: 52% !important;
}

.adjust-w-53 {
  width: 53% !important;
}

.adjust-w-54 {
  width: 54% !important;
}

.adjust-w-55 {
  width: 55% !important;
}

.adjust-w-56 {
  width: 56% !important;
}

.adjust-w-57 {
  width: 57% !important;
}

.adjust-w-58 {
  width: 58% !important;
}

.adjust-w-59 {
  width: 59% !important;
}

.adjust-w-60 {
  width: 60% !important;
}

.adjust-w-61 {
  width: 61% !important;
}

.adjust-w-62 {
  width: 62% !important;
}

.adjust-w-63 {
  width: 63% !important;
}

.adjust-w-64 {
  width: 64% !important;
}

.adjust-w-65 {
  width: 65% !important;
}

.adjust-w-66 {
  width: 66% !important;
}

.adjust-w-67 {
  width: 67% !important;
}

.adjust-w-68 {
  width: 68% !important;
}

.adjust-w-69 {
  width: 69% !important;
}

.adjust-w-70 {
  width: 70% !important;
}

.adjust-w-71 {
  width: 71% !important;
}

.adjust-w-72 {
  width: 72% !important;
}

.adjust-w-73 {
  width: 73% !important;
}

.adjust-w-74 {
  width: 74% !important;
}

.adjust-w-75 {
  width: 75% !important;
}

.adjust-w-76 {
  width: 76% !important;
}

.adjust-w-77 {
  width: 77% !important;
}

.adjust-w-78 {
  width: 78% !important;
}

.adjust-w-79 {
  width: 79% !important;
}

.adjust-w-80 {
  width: 80% !important;
}

.adjust-w-81 {
  width: 81% !important;
}

.adjust-w-82 {
  width: 82% !important;
}

.adjust-w-83 {
  width: 83% !important;
}

.adjust-w-84 {
  width: 84% !important;
}

.adjust-w-85 {
  width: 85% !important;
}

.adjust-w-86 {
  width: 86% !important;
}

.adjust-w-87 {
  width: 87% !important;
}

.adjust-w-88 {
  width: 88% !important;
}

.adjust-w-89 {
  width: 89% !important;
}

.adjust-w-90 {
  width: 90% !important;
}

.adjust-w-91 {
  width: 91% !important;
}

.adjust-w-92 {
  width: 92% !important;
}

.adjust-w-93 {
  width: 93% !important;
}

.adjust-w-94 {
  width: 94% !important;
}

.adjust-w-95 {
  width: 95% !important;
}

.adjust-w-96 {
  width: 96% !important;
}

.adjust-w-97 {
  width: 97% !important;
}

.adjust-w-98 {
  width: 98% !important;
}

.adjust-w-99 {
  width: 99% !important;
}

.adjust-w-100 {
  width: 100% !important;
}

.adjust-align-left {
  text-align: left;
}

.adjust-align-center {
  text-align: center;
}

.adjust-align-right {
  text-align: right;
}

.media.adjust-align-left {
  align-items: flex-start;
}
.media.adjust-align-center {
  align-items: center;
}
.media.adjust-align-right {
  align-items: flex-end;
}

.adjust-display-wide {
  display: none !important;
}
@media only screen and (max-width: 768px) {
  .adjust-display-wide {
    display: block !important;
  }
}

.adjust-display-narrow {
  display: block !important;
}
@media only screen and (max-width: 768px) {
  .adjust-display-narrow {
    display: none;
  }
}

.pc {
  display: block !important;
}
@media only screen and (max-width: 768px) {
  .pc {
    display: none !important;
  }
}

.sp {
  display: none !important;
}
@media only screen and (max-width: 768px) {
  .sp {
    display: block !important;
  }
}/*# sourceMappingURL=oc_summer.css.map */