/* <system section="theme"> */
@import url("https://cdn.blog.st-hatena.com/files/26006613565656452/6801883189111443815");
/* </system> */

/* <system section="background" selected="default"> */
/* default */
/* </system> */
@import url(http://fonts.googleapis.com/earlyaccess/notosansjp.css);

.static-page-summer_bootcamp_2021 .block-list > li {
   list-style-type: none;
 }
 
 .static-page-summer_bootcamp_2021 .articleBody a {
   color: #009cff;;
 }
 
 .static-page-summer_bootcamp_2021 .block-list > li > strong {
   font-size: 16px;
 }
 
 .static-page-summer_bootcamp_2021 .anchor-title{
    display: block;
    padding-top: 100px;
    margin-top: -100px;
}
 
.static-page-summer_bootcamp_2021 .block-list > li:before {
	content: '';
	width: 12px;
	height: 12px;
	display: inline-block;
	background: #3366ff;
	position: relative;
	left: -6px;
}



.static-page-summer_bootcamp_2021 {
  font-family: 'Noto Sans JP', sans-serif;
}

.static-page-summer_bootcamp_2021 .course-info {
  margin-top: 30px;
  margin-bottom: 16px;
}
.static-page-summer_bootcamp_2021 .course-name {
  margin-bottom: 24px;
}

.static-page-summer_bootcamp_2021 hr {
  border: 1px solid rgba(0, 0, 0, 0.08);
}

.static-page-summer_bootcamp_2021 .course__type {
  font-size: 32px;
  line-height: 32px;
  font-weight: bold;
}

.static-page-summer_bootcamp_2021 .course__type--subtype {
  font-size: 24px;
  line-height: 32px;
  text-align: center;
}

.static-page-summer_bootcamp_2021 .course__header {
  border-width: 0px 0px 0px 5px; 
  border-color: #00000; 
  border-style: solid; 
  padding: 5px 5px 5px 8px; 
  font-size: 24px; 
  line-height: 32px;
  font-weight: bold;
}

.static-page-summer_bootcamp_2021 .profile {
  display: grid;
  grid-gap: 8px;
  padding-top: 8px;
  word-break: break-all;
}

.static-page-summer_bootcamp_2021 .profile__name {
  display: grid;
  grid-template-columns: auto 1fr;
  grid-gap: 8px;
}

.static-page-summer_bootcamp_2021 .profile__name--name {
  line-height: 32px;
} 
      
.static-page-testtest .clipping {
  margin-right: 8px;
}

.static-page-testtest .mentor-info {
  margin-top: 24px;
}

.static-page-summer_bootcamp_2021 header {
  display: flex;
  justify-content: center;
}

.static-page-spring_bootcamp_2022 .articleBodyContent {
    font-family: "Noto Sans JP",
    "Helvetica Neue",
    Arial,
    "Hiragino Kaku Gothic ProN",
    "Hiragino Sans",
    Meiryo,
    sans-serif;
    font-weight: 400;
}

.static-page-spring_bootcamp_2022 #key_visual {
  display: flex;
  justify-content: center;
  aspect-ratio: 1/1;
}

.static-page-spring_bootcamp_2022 #contents {
  display: grid;
  row-gap: 80px;
}

.static-page-spring_bootcamp_2022 .headline {
  display: grid;
  justify-items: center;
  row-gap: 16px;
}

.static-page-spring_bootcamp_2022 .headline__title {
  font-family: Futura;
  font-size: 32px;
  line-height: 30px;
  font-weight: bold;
  text-transform: uppercase;
  text-align: center;
  letter-spacing: 0.1em;
}

.static-page-spring_bootcamp_2022 .solid {
  border: 0;
  border-top: 4px solid #00ff00;
  width: 100%;
  height: 0px;
}

.static-page-spring_bootcamp_2022 #about {
  display: grid;
  row-gap: 40px;
}

.static-page-spring_bootcamp_2022 #about__message {
  display: grid;
  justify-items: center;
  row-gap: 40px;
}

.static-page-spring_bootcamp_2022 #about__header {
  text-align: center;
  color: #00ff00;
  font-size: 24px;
  line-height: 32px;
  font-weight: 700;
}

.static-page-spring_bootcamp_2022 #about__message {
  font-size: 16px;
  line-height: 32px;
  font-weight: 400;
}

.static-page-spring_bootcamp_2022 .button {
  border: 2px solid;
  border-radius: 28px;
  font-size: 16px;
  line-height: 16px;
  width: 240px;
  background: #fff;
  border-color: #009cff;
  color: #009cff;
  cursor: pointer;
  text-align: center;
  padding: 20px 0px;
  font-weight: 700;
}

.static-page-spring_bootcamp_2022 .button:before {
  content: "";
}

.static-page-spring_bootcamp_2022 .button:hover {
  background: #009cff;
  border-color: #009cff;
  color: #ffffff;
}

.static-page-spring_bootcamp_2022 #requirements {
  display: grid;
  row-gap: 40px;
}

.static-page-spring_bootcamp_2022 .subheader {
  display: grid;
  row-gap: 16px;
}

.static-page-spring_bootcamp_2022 .subheader__title {
  position: relative;
  font-size: 24px;
  line-height: 32px;
  font-weight: bold;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  letter-spacing: 0.1em;
}

.static-page-spring_bootcamp_2022 .subheader__divider {
  width: 54px;
  height: 4px;
  margin-left: 0;
  border-color: #000;
  background-color: #000;
  border-radius: 4px;
}

.static-page-spring_bootcamp_2022 .requirements__row {
  display: grid;
  grid-template-columns: auto;
  padding: 16px 16px 24px;
  row-gap: 16px;
  border-bottom: 2px solid #ededed;
}

.static-page-spring_bootcamp_2022 .requirements__row--header {
  font-weight: bold;
  white-space: nowrap;
}

.static-page-spring_bootcamp_2022 .requirements__row--item {
  position: relative;
  font-size: 16px;
  line-height: 32px;
}

  .static-page-spring_bootcamp_2022 .submit__wrapper {
    display: grid;
    justify-content: center;
  }


.static-page-spring_bootcamp_2022 .submit__annotation {
  text-align: center;
  color: #009cff;
  width: 240px;
}

.static-page-spring_bootcamp_2022 #courses {
  display: grid;
  row-gap: 40px;
}

.static-page-spring_bootcamp_2022 #courses__categories {
  display: grid;
  row-gap: 40px;
  column-gap: 40px;
}

.static-page-spring_bootcamp_2022 .courses__category--header {
  display: grid;
  justify-items: center;
  row-gap: 16px;
}

.static-page-spring_bootcamp_2022 .courses__category--header-image {
  position: relative;
  display: grid;
  justify-items: center;
  align-items: center;
  width: 100%;

  background-position: top;
  background-blend-mode: multiply;
  border-radius: 4px;
}

.static-page-spring_bootcamp_2022 .courses__category--header-image::before {
  display: block;
  content: '';
  padding-top: 22%;
}

.static-page-spring_bootcamp_2022 .courses__category--header-image-web {
  background: url("https://cdn-ak.f.st-hatena.com/images/fotolife/p/pixiv_corp/20211220/20211220181445.png")
      center top / cover no-repeat,
    rgba(246, 78, 65, 1);
}

.static-page-spring_bootcamp_2022 .courses__category--header-image-platform {
  background: url("https://cdn-ak.f.st-hatena.com/images/fotolife/p/pixiv_corp/20211220/20211220181437.png")
      center top / cover no-repeat,
    rgba(18, 201, 155, 1);
}

.static-page-spring_bootcamp_2022 .courses__category--header-image-app {
  background: url("https://cdn-ak.f.st-hatena.com/images/fotolife/p/pixiv_corp/20211220/20211220181435.png")
      center top / cover no-repeat,
    rgba(134, 88, 232, 1);
}

.static-page-spring_bootcamp_2022 .courses__category--header-image-vroid {
  background: url("https://cdn-ak.f.st-hatena.com/images/fotolife/p/pixiv_corp/20211220/20211220181443.png")
      center top / cover no-repeat,
    rgba(255, 184, 0, 1);
}

.static-page-spring_bootcamp_2022 .courses__category--header-image-specialist {
  background: url("https://cdn-ak.f.st-hatena.com/images/fotolife/p/pixiv_corp/20211220/20211220181440.png")
      center top / cover no-repeat,
    rgba(246, 89, 180, 1);
}

.static-page-spring_bootcamp_2022 .courses__category--header-info {
  display: grid;
  place-items: center;
  margin-bottom: 16px;
}

.static-page-spring_bootcamp_2022 .courses__category--header-info-text {
  font-size: 12px;
  line-height: 16px;
  font-weight: 700;
}

.static-page-spring_bootcamp_2022 .courses__category--header-title {
  position: absolute;
  font-size: 24px;
  line-height: 32px;
  font-weight: 900;
  text-align: center;
  color: #fff;
}

.static-page-spring_bootcamp_2022 .courses__category--course {
  display: block;
  text-decoration: none;
  position: relative;
  font-size: 16px;
  line-height: 32px;
  border-bottom: 2px solid #ededed;
  padding: 8px 16px 4px;
  font-weight: 700;
}

.static-page-spring_bootcamp_2022 .courses__category--course-link {
  text-decoration: none;
}

.static-page-spring_bootcamp_2022 .courses__category--course::after {
  position: absolute;
  width: 16px;
  height: 16px;
  right: 10px;
  top: 50%;
  display: block;
  content: "";
  background: url("data:image/svg+xml;data:image/svg+xml,%3Csvg%20width%3D%229%22%20height%3D%2214%22%20viewBox%3D%220%200%209%2014%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M1%201L7%207L1%2013%22%20stroke%3D%22%23AAAAAA%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%2F%3E%0A%3C%2Fsvg%3E%0A")
    center / contain no-repeat;
  transform: translateY(calc(-50% + 4px));
}

.static-page-spring_bootcamp_2022 .courses__category--course-web-service:hover {
  color: #f64e41;
  border-color: #f64e41;
}

.static-page-spring_bootcamp_2022 .courses__category--course-web-service:hover:after {
  color: #f64e41;
  border-color: #f64e41;
  background: url("data:image/svg+xml,%3Csvg%20width%3D%229%22%20height%3D%2214%22%20viewBox%3D%220%200%209%2014%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M1%201L7%207L1%2013%22%20stroke%3D%22%23F64E41%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%2F%3E%0A%3C%2Fsvg%3E%0A")
    center / contain no-repeat;
}

.static-page-spring_bootcamp_2022 .courses__category--course-platform:hover {
  color: #12c99b;
  border-color: #12c99b;
}

.static-page-spring_bootcamp_2022 .courses__category--course-platform:hover:after {
  color: #12c99b;
  border-color: #12c99b;
  background: url("data:image/svg+xml,%3Csvg%20width%3D%229%22%20height%3D%2214%22%20viewBox%3D%220%200%209%2014%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M1%201L7%207L1%2013%22%20stroke%3D%22%2312C99B%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%2F%3E%0A%3C%2Fsvg%3E%0A")
    center / contain no-repeat;
}

.static-page-spring_bootcamp_2022 .courses__category--course-app:hover {
  color: #8658e8;
  border-color: #8658e8;
}

.static-page-spring_bootcamp_2022 .courses__category--course-app:hover:after {
  color: #12c99b;
  border-color: #12c99b;
  background: url("data:image/svg+xml,%3Csvg%20width%3D%229%22%20height%3D%2214%22%20viewBox%3D%220%200%209%2014%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M1%201L7%207L1%2013%22%20stroke%3D%22%238658E8%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%2F%3E%0A%3C%2Fsvg%3E%0A")
    center / contain no-repeat;
}

.static-page-spring_bootcamp_2022 .courses__category--course-vroid:hover {
  color: #ffb800;
  border-color: #ffb800;
}

.static-page-spring_bootcamp_2022 .courses__category--course-vroid:hover:after {
  color: #12c99b;
  border-color: #12c99b;
  background: url("data:image/svg+xml,%3Csvg%20width%3D%229%22%20height%3D%2214%22%20viewBox%3D%220%200%209%2014%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M1%201L7%207L1%2013%22%20stroke%3D%22%23FFB800%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%2F%3E%0A%3C%2Fsvg%3E%0A")
    center / contain no-repeat;
}

.static-page-spring_bootcamp_2022 .courses__category--course-specialist:hover {
  color: #f659b4;
  border-color: #f659b4;
}

.static-page-spring_bootcamp_2022 .courses__category--course-specialist:hover:after {
  color: #12c99b;
  border-color: #12c99b;
  background: url("data:image/svg+xml,%3Csvg%20width%3D%229%22%20height%3D%2214%22%20viewBox%3D%220%200%209%2014%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M1%201L7%207L1%2013%22%20stroke%3D%22%23F659B4%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%2F%3E%0A%3C%2Fsvg%3E%0A")
    center / contain no-repeat;
}

.static-page-spring_bootcamp_2022 #attendees {
  display: grid;
  row-gap: 40px;
}

.static-page-spring_bootcamp_2022 .attendees__attendee {
  display: grid;
  justify-self: center;
  row-gap: 24px;
}

.static-page-spring_bootcamp_2022 .attendees__attendee--info {
  display: grid;
  justify-self: center;
  row-gap: 24px;
}

.static-page-spring_bootcamp_2022 .attendees__attendee--info--introduction {
  display: grid;
  justify-items: center;
  align-items: center;
  row-gap: 8px;
}

.static-page-spring_bootcamp_2022 .attendees__attendee--info--image {
  aspect-ratio: 800 / 296;
  border-radius: 8px;
  width: 100%;
}

.static-page-spring_bootcamp_2022 .attendees__attendee--info--icon {
  --border-width: 2px;
  --width: 72px;
  --height: 72px;
  --offset: calc(-1 * var(--width) / 2 - var(--border-width));
  border: var(--border-width) solid #dadada;
  border-radius: 50%;
  width: var(--width);
  height: var(--height);
  transform: translateY(var(--offset));
  margin-bottom: var(--offset);
}

.static-page-spring_bootcamp_2022 .attendees__attendee--info--name {
  font-size: 24px;
  line-height: 32px;
  font-weight: 700;
  padding: 8px 0px;
  font-family: Futura;
}

.static-page-spring_bootcamp_2022 .attendees__attendee--info--introduction--text {
  font-size: 16px;
  line-height: 32px;
}

.static-page-spring_bootcamp_2022 .attendee__comment {
  display: grid;
  padding: 24px;
  column-gap: 40px;
  background-color: #efffef;
  border-radius: 8px;
  row-gap: 16px;
}

.static-page-spring_bootcamp_2022 .attendee__comment--wrapper {
  display: grid;
  row-gap: 16px;
}

.static-page-spring_bootcamp_2022 .attendee__comment--header {
  font-size: 24px;
  line-height: 32px;
  font-weight: 900;
}

.static-page-spring_bootcamp_2022 .attendee__comment--text {
  font-size: 16px;
  line-height: 32px;
  word-break: break-all;
}

.static-page-spring_bootcamp_2022 .comment__black {
  aspect-ratio: 48 / 40;
  background: url("data:image/svg+xml,%3Csvg%20width%3D%2272%22%20height%3D%2264%22%20viewBox%3D%220%200%2072%2064%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cg%20clip-path%3D%22url(%23clip0_465_2124)%22%3E%0A%3Cpath%20d%3D%22M36.0205%2064C35.747%2064.0004%2035.4763%2063.9447%2035.2252%2063.8364C34.974%2063.7281%2034.7478%2063.5695%2034.5605%2063.3704L23.7205%2051.8676H7.98047C5.85874%2051.8676%203.8239%2051.0253%202.32361%2049.5259C0.823317%2048.0266%20-0.0195312%2045.993%20-0.0195312%2043.8726V7.995C-0.0195312%205.87459%200.823317%203.84103%202.32361%202.34167C3.8239%200.842322%205.85874%200%207.98047%200H63.9805C66.1022%200%2068.137%200.842322%2069.6373%202.34167C71.1376%203.84103%2071.9805%205.87459%2071.9805%207.995V43.8726C71.9805%2045.993%2071.1376%2048.0266%2069.6373%2049.5259C68.137%2051.0253%2066.1022%2051.8676%2063.9805%2051.8676H45.4705C44.94%2051.8676%2044.4313%2051.657%2044.0562%2051.2821C43.6812%2050.9073%2043.4705%2050.3989%2043.4705%2049.8688C43.4705%2049.3387%2043.6812%2048.8304%2044.0562%2048.4555C44.4313%2048.0807%2044.94%2047.8701%2045.4705%2047.8701H64.0205C65.0813%2047.8701%2066.0988%2047.4489%2066.8489%2046.6992C67.5991%2045.9495%2068.0205%2044.9328%2068.0205%2043.8726V7.995C68.0205%206.9348%2067.5991%205.91801%2066.8489%205.16834C66.0988%204.41866%2065.0813%203.9975%2064.0205%203.9975H8.02048C6.95961%203.9975%205.94219%204.41866%205.19205%205.16834C4.4419%205.91801%204.02048%206.9348%204.02048%207.995V43.8726C4.02048%2044.9328%204.4419%2045.9495%205.19205%2046.6992C5.94219%2047.4489%206.95961%2047.8701%208.02048%2047.8701H24.5905C24.8623%2047.871%2025.1311%2047.9274%2025.3804%2048.0356C25.6297%2048.1439%2025.8543%2048.3018%2026.0405%2048.4997L37.4705%2060.6321C37.7374%2060.9159%2037.9156%2061.2713%2037.9832%2061.6549C38.0507%2062.0385%2038.0046%2062.4334%2037.8506%2062.7912C37.6965%2063.1489%2037.4413%2063.4539%2037.1161%2063.6687C36.791%2063.8834%2036.4102%2063.9986%2036.0205%2064Z%22%20fill%3D%22black%22%2F%3E%0A%3Cpath%20d%3D%22M56.4393%2019.0898H15.5293C14.9989%2019.0898%2014.4902%2018.8792%2014.1151%2018.5041C13.74%2018.129%2013.5293%2017.6203%2013.5293%2017.0898C13.5293%2016.5594%2013.74%2016.0507%2014.1151%2015.6757C14.4902%2015.3006%2014.9989%2015.0898%2015.5293%2015.0898H56.4393C56.9697%2015.0898%2057.4784%2015.3006%2057.8535%2015.6757C58.2286%2016.0507%2058.4393%2016.5594%2058.4393%2017.0898C58.4393%2017.6203%2058.2286%2018.129%2057.8535%2018.5041C57.4784%2018.8792%2056.9697%2019.0898%2056.4393%2019.0898Z%22%20fill%3D%22black%22%2F%3E%0A%3Cpath%20d%3D%22M39.8893%2035.0703H15.5293C14.9989%2035.0703%2014.4902%2034.8596%2014.1151%2034.4845C13.74%2034.1094%2013.5293%2033.6007%2013.5293%2033.0703C13.5293%2032.5399%2013.74%2032.0312%2014.1151%2031.6561C14.4902%2031.2811%2014.9989%2031.0703%2015.5293%2031.0703H39.8893C40.4197%2031.0703%2040.9284%2031.2811%2041.3035%2031.6561C41.6786%2032.0312%2041.8893%2032.5399%2041.8893%2033.0703C41.8893%2033.6007%2041.6786%2034.1094%2041.3035%2034.4845C40.9284%2034.8596%2040.4197%2035.0703%2039.8893%2035.0703Z%22%20fill%3D%22black%22%2F%3E%0A%3C%2Fg%3E%0A%3Cdefs%3E%0A%3CclipPath%20id%3D%22clip0_465_2124%22%3E%0A%3Crect%20width%3D%2272%22%20height%3D%2264%22%20fill%3D%22white%22%2F%3E%0A%3C%2FclipPath%3E%0A%3C%2Fdefs%3E%0A%3C%2Fsvg%3E%0A")
    center / contain no-repeat;
  width: 48px;
  height: 40px;
}

.static-page-spring_bootcamp_2022 .entry_button {
  display: grid;
  justify-content: center;
  row-gap: 16px;
  margin-bottom: 16px;
}

.static-page-spring_bootcamp_2022_web  .articleBodyContent {
  font-family: Noto Sans JP;
}
.static-page-spring_bootcamp_2022_platfrom  .articleBodyContent {
  font-family: Noto Sans JP;
}
.static-page-spring_bootcamp_2022_app  .articleBodyContent {
  font-family: Noto Sans JP;
}
.static-page-spring_bootcamp_2022_vroid  .articleBodyContent {
  font-family: Noto Sans JP;
}
.static-page-spring_bootcamp_2022_specialist  .articleBodyContent {
  font-family: Noto Sans JP;
}

.sp2022-common-solid {
  border: 0;
  border-top: 4px solid #00ff00;
  width: 100%;
}

.sp2022-course-info {
  display: block;
  margin-top:-100px;
  padding-top:100px;
}

#sp-common-courses__categories {
  display: grid;
  row-gap: 40px;
  column-gap: 40px;
}

.sp2022-common-courses__category--header {
  display: grid;
  justify-items: center;
  row-gap: 16px;
  margin-bottom: 8px;
}

.sp2022-common-courses__category--header-image {
  display: grid;
  justify-items: center;
  align-items: center;
  width: 100%;
  border-radius: 4px;
  aspect-ratio: 327 / 72;
  background-blend-mode: multiply;
}

.sp2022-common-courses__category--header-image-web {
  background: url("https://cdn-ak.f.st-hatena.com/images/fotolife/p/pixiv_corp/20211220/20211220181445.png")
      center top / cover no-repeat,
    rgba(246, 78, 65, 1);
}

.sp2022-common-courses__category--header-image-platform {
  background: url("https://cdn-ak.f.st-hatena.com/images/fotolife/p/pixiv_corp/20211220/20211220181437.png")
      center top / cover no-repeat,
    rgba(18, 201, 155, 1);
}

.sp2022-common-courses__category--header-image-app {
  background: url("https://cdn-ak.f.st-hatena.com/images/fotolife/p/pixiv_corp/20211220/20211220181435.png")
      center top / cover no-repeat,
    rgba(134, 88, 232, 1);
}

.sp2022-common-courses__category--header-image-vroid {
  background: url("https://cdn-ak.f.st-hatena.com/images/fotolife/p/pixiv_corp/20211220/20211220181443.png")
      center top / cover no-repeat,
    rgba(255, 184, 0, 1);
}

.sp2022-common-courses__category--header-image-specialist {
  background: url("https://cdn-ak.f.st-hatena.com/images/fotolife/p/pixiv_corp/20211220/20211220181440.png")
      center top / cover no-repeat,
    rgba(246, 89, 180, 1);
}

.sp2022-common-courses__category--header-info {
  display: grid;
  place-items: center;
}

.sp2022-common-courses__category--header-info-text {
  font-size: 12px;
  line-height: 16px;
  font-weight: 700;
}

.sp2022-common-courses__category--header-title {
  font-size: 24px;
  line-height: 32px;
  font-weight: 900;
  text-align: center;
  color: #fff;
}

.sp2022-common-courses__category--course {
  display: block;
  text-decoration: none;
  position: relative;
  font-size: 16px;
  line-height: 32px;
  border-bottom: 2px solid #ededed;
  padding: 8px 16px 4px;
  font-weight: 700;
  color: #000;
}

.sp2022-common-courses__category--course::after {
  position: absolute;
  width: 16px;
  height: 16px;
  right: 10px;
  top: 50%;
  display: block;
  content: "";
  background: url("data:image/svg+xml;data:image/svg+xml,%3Csvg%20width%3D%229%22%20height%3D%2214%22%20viewBox%3D%220%200%209%2014%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M1%201L7%207L1%2013%22%20stroke%3D%22%23AAAAAA%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%2F%3E%0A%3C%2Fsvg%3E%0A")
    center / contain no-repeat;
  transform: translateY(-50%);
}

.sp2022-common-courses__category--course-web-service:hover {
  color: #f64e41;
  border-color: #f64e41;
}

.sp2022-common-courses__category--course-web-service:hover:after {
  color: #f64e41;
  border-color: #f64e41;
  background: url("data:image/svg+xml,%3Csvg%20width%3D%229%22%20height%3D%2214%22%20viewBox%3D%220%200%209%2014%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M1%201L7%207L1%2013%22%20stroke%3D%22%23F64E41%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%2F%3E%0A%3C%2Fsvg%3E%0A")
  center / contain no-repeat;
}

.sp2022-common-courses__category--course-platform:hover {
  color: #12c99b;
  border-color: #12c99b;
}

.sp2022-common-courses__category--course-platform:hover:after {
  color: #12c99b;
  border-color: #12c99b;
  background: url("data:image/svg+xml,%3Csvg%20width%3D%229%22%20height%3D%2214%22%20viewBox%3D%220%200%209%2014%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M1%201L7%207L1%2013%22%20stroke%3D%22%2312C99B%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%2F%3E%0A%3C%2Fsvg%3E%0A")
    center / contain no-repeat;
}

.sp2022-common-courses__category--course-app:hover {
  color: #8658e8;
  border-color: #8658e8;
}

.sp2022-common-courses__category--course-app:hover:after {
  color: #12c99b;
  border-color: #12c99b;
  background: url("data:image/svg+xml,%3Csvg%20width%3D%229%22%20height%3D%2214%22%20viewBox%3D%220%200%209%2014%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M1%201L7%207L1%2013%22%20stroke%3D%22%238658E8%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%2F%3E%0A%3C%2Fsvg%3E%0A")
    center / contain no-repeat;
}

.sp2022-common-courses__category--course-vroid:hover {
  color: #ffb800;
  border-color: #ffb800;
}

.sp2022-common-courses__category--course-vroid:hover:after {
  color: #12c99b;
  border-color: #12c99b;
  background: url("data:image/svg+xml,%3Csvg%20width%3D%229%22%20height%3D%2214%22%20viewBox%3D%220%200%209%2014%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M1%201L7%207L1%2013%22%20stroke%3D%22%23FFB800%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%2F%3E%0A%3C%2Fsvg%3E%0A")
    center / contain no-repeat;
}

.sp2022-common-courses__category--course-specialist:hover {
  color: #f659b4;
  border-color: #f659b4;
}

.sp2022-common-courses__category--course-specialist:hover:after {
  color: #12c99b;
  border-color: #12c99b;
  background: url("data:image/svg+xml,%3Csvg%20width%3D%229%22%20height%3D%2214%22%20viewBox%3D%220%200%209%2014%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M1%201L7%207L1%2013%22%20stroke%3D%22%23F659B4%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%2F%3E%0A%3C%2Fsvg%3E%0A")
    center / contain no-repeat;
}

.static-page-spring_bootcamp_2022 .underline {
   text-decoration: none;
 }

.static-page-spring_bootcamp_2022 .underline:hover {
   text-decoration: underline;
 }


@media screen and (min-width:768px) {
    .static-page-testtest .internsButtonsButton {
      width: 348px;
    }
    
    .static-page-summer_bootcamp_2021 .course__type {
      font-size: 24px;
      line-height: 32px;
    }
    
  .static-page-spring_bootcamp_2022 #courses__categories {
    grid-template-columns: repeat(2, 1fr);
  }

  .static-page-spring_bootcamp_2022 .attendee__comment {
    grid-template-columns: 72px auto;
  }

  .static-page-spring_bootcamp_2022 .entry_button {
    display: grid;
    grid-template-columns: repeat(2, auto);
    justify-content: center;
    column-gap: 24px;
    margin-bottom: 16px;
  }

  .static-page-spring_bootcamp_2022 .attendees__attendee--info--icon {
    --border-width: 4px;
    --width: 120px;
    --height: 120px;
    --offset: calc(-1 * var(--width) / 2 - var(--border-width));
    width: var(--width);
    height: var(--height);
    transform: translateY(var(--offset));
    margin-bottom: var(--offset);
  }

  .static-page-spring_bootcamp_2022 .requirements__row {
    grid-template-columns: 30% 70%;
    padding: 16px 16px 8px;
  }

  .static-page-spring_bootcamp_2022 .courses__category--header-info {
    min-height: 32px;
  }

  .static-page-spring_bootcamp_2022 .courses__category--header-image {
    border-radius: 8px;
  }
  
  .static-page-spring_bootcamp_2022 .courses__category--header-image::before {
    display: block;
    content: '';
    padding-top: 44.12%;
  }
  
  .static-page-spring_bootcamp_2022 .courses__category--header-title {
    font-size: 40px;
    line-height: 40px;
    padding: 30px;
    letter-spacing: 0.1em;
  }
  
   .static-page-spring_bootcamp_2022  .attendees__attendee--info {
    row-gap: 40px;
  }
  
  .static-page-spring_bootcamp_2022 .attendees__attendee--info--name {
    font-size: 32px;
    line-height: 48px;
    font-weight: bold;
    font-family: Futura;
    padding: 0px;
  }
  
  .static-page-spring_bootcamp_2022 .attendee__comment {
    padding: 40px;
  }
  
  .static-page-spring_bootcamp_2022 .comment__black {
    aspect-ratio: 72 / 64;
    width: 72px;
    height: 64px;
  }
  
  .static-page-spring_bootcamp_2022 .attendees__attendee {
    row-gap: 40px;
  }
  
  .static-page-spring_bootcamp_2022 .submit__annotation {
    width: 100%;
  }

  
  #sp-common-courses__categories {
    grid-template-columns: repeat(2, 1fr);
  }
  
  
  .sp2022-common-courses__category--header-image {
    aspect-ratio: 380 / 168;
    border-radius: 8px;
  }

}

/*カテゴリーページ*/

/* PC・スマホ版共通*/

.sp2022-category-header-subtitle {
  font-family: Noto Sans JP;
}
.sp2022-course-badge {
    border-radius: 26px;
    color: #FFFFFF;
    display: inline-block;
    font-weight: 700;
    padding: 4px 24px 4px 24px;    
}
.static-page-spring_bootcamp_2022_vroid  {
  font-family: Noto Sans JP;
}
.static-page-spring_bootcamp_2022_web {
  font-family: Noto Sans JP;
}
.static-page-spring_bootcamp_2022_platform {
  font-family: Noto Sans JP;
}
.static-page-spring_bootcamp_2022_app {
  font-family: Noto Sans JP;
}
.static-page-spring_bootcamp_2022_specialist {
  font-family: Noto Sans JP;
}
.static-page-spring_bootcamp_2022_vroid .sp2022-course-badge {
    background-color: #ffb800; 
}
.static-page-spring_bootcamp_2022_web .sp2022-course-badge {
    background-color: #f64e41; 
}
.static-page-spring_bootcamp_2022_platform .sp2022-course-badge {
    background-color: #12c99b;  
}
.static-page-spring_bootcamp_2022_app .sp2022-course-badge {
    background-color: #8658e8; 
}
.static-page-spring_bootcamp_2022_specialist .sp2022-course-badge {
    background-color: #f659b4; 
}
.sp2022-course-title {
  margin-top: 16px;
  margin-bottom: 16px;
  font-size: 24px;
  font-weight: 600;
  letter-spacing: 0.1em;
  font-family: Noto Sans JP;
}

.static-page-spring_bootcamp_2022_vroid .sp2022-course-title {
  color: #ffb800;
}
.static-page-spring_bootcamp_2022_web .sp2022-course-title {
  color: #f64e41;
}
.static-page-spring_bootcamp_2022_platform .sp2022-course-title {
  color: #12c99b;
}
.static-page-spring_bootcamp_2022_app .sp2022-course-title {
  color: #8658e8;
}
.static-page-spring_bootcamp_2022_specialist .sp2022-course-title {
  color: #f659b4;
}
.sp2022-course-title-line-solid {
  border: 0;
  width: 56px;
  height: 0px;
  margin-bottom: 8px;
  margin-top: 8px;
  border-radius: 4px
}
.static-page-spring_bootcamp_2022_vroid .sp2022-course-title-line-solid {
  border-top: 4px solid #ffb800;
}
.static-page-spring_bootcamp_2022_vroid .sp2022-category-header-corselink:hover:after {
  color: #f64e41;
  border-color: #f64e41;
  background: url("data:image/svg+xml,%3Csvg%20width%3D%229%22%20height%3D%2214%22%20viewBox%3D%220%200%209%2014%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M1%201L7%207L1%2013%22%20stroke%3D%22%23FFB800%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%2F%3E%0A%3C%2Fsvg%3E%0A")
    center / contain no-repeat;
}
.static-page-spring_bootcamp_2022_web .sp2022-category-header-corselink:hover:after {
  color: #f64e41;
  border-color: #f64e41;
  background: url("data:image/svg+xml,%3Csvg%20width%3D%229%22%20height%3D%2214%22%20viewBox%3D%220%200%209%2014%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M1%201L7%207L1%2013%22%20stroke%3D%22%23F64E41%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%2F%3E%0A%3C%2Fsvg%3E%0A")
    center / contain no-repeat;
}
.static-page-spring_bootcamp_2022_platform .sp2022-category-header-corselink:hover:after {
  color: #12c99b;
  border-color: #12c99b;
  background: url("data:image/svg+xml,%3Csvg%20width%3D%229%22%20height%3D%2214%22%20viewBox%3D%220%200%209%2014%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M1%201L7%207L1%2013%22%20stroke%3D%22%2312C99B%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%2F%3E%0A%3C%2Fsvg%3E%0A")
    center / contain no-repeat;
}
.static-page-spring_bootcamp_2022_app .sp2022-category-header-corselink:hover:after {
  color: #12c99b;
  border-color: #12c99b;
  background: url("data:image/svg+xml,%3Csvg%20width%3D%229%22%20height%3D%2214%22%20viewBox%3D%220%200%209%2014%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M1%201L7%207L1%2013%22%20stroke%3D%22%238658E8%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%2F%3E%0A%3C%2Fsvg%3E%0A")
    center / contain no-repeat;
}
.static-page-spring_bootcamp_2022_specialist .sp2022-category-header-corselink:hover:after {
  color: #12c99b;
  border-color: #12c99b;
  background: url("data:image/svg+xml,%3Csvg%20width%3D%229%22%20height%3D%2214%22%20viewBox%3D%220%200%209%2014%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M1%201L7%207L1%2013%22%20stroke%3D%22%23F659B4%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%2F%3E%0A%3C%2Fsvg%3E%0A")
    center / contain no-repeat;
}
.static-page-spring_bootcamp_2022_web .sp2022-course-title-line-solid {
  border-top: 4px solid #f64e41;
}
.static-page-spring_bootcamp_2022_platform .sp2022-course-title-line-solid {
  border-top: 4px solid #12c99b;
}
.static-page-spring_bootcamp_2022_app .sp2022-course-title-line-solid {
  border-top: 4px solid #8658e8;
}
.static-page-spring_bootcamp_2022_specialist .sp2022-course-title-line-solid {
  border-top: 4px solid #f659b4;
}

.sp2022-underline {
  text-decoration: none;
}

.sp2022-underline:hover {
  text-decoration: underline;
}
.sp2022-mentor-name-noto-sans {
  font-family: Noto Sans JP;
  font-weight: 900;
}


/* PC版共通 */
@media screen and (min-width:768px) {

    .sp2022-course-header {
        /* SPとで大きさ分ける必要があるかも*/
        width: 800px;
        height: 200px;
    }

    .sp2022-common-headline__title {
        font-family: Futura;
        font-size: 32px;
        line-height: 30px;
        font-weight: bold;
        text-transform: uppercase;
        text-align: center;
        margin: 16px 0px 0px 0px;
        letter-spacing: 0.1em;
      }

    .sp2022-common-courses__category--header-title {
        font-size: 40px;
        line-height: 40px;
        padding: 36px 42px;
      }

    .sp2022-common-headline {
        display: grid;
        justify-items: center;
        row-gap: 16px;
        width: 100%;
      }

    #sp-common-courses {
        display: grid;
        row-gap: 40px;
        margin-bottom: 96px;
      }

    .sp2022-category-header-title-container {
        border-left: 3px solid white;
        padding-left: 10px;
        position: relative;
        top: 60px;
        left: 64px;
    }
    .sp2022-category-header-title {
        height: 48px;
        left: 53px;
        top: 80px;
        font-family: Noto Sans JP;

        font-weight: 900;
        font-size: 48px;
        line-height: 48px;
        /* identical to box height, or 100% */

        letter-spacing: 0.1em;
        color: #FFFFFF;
    }

    .sp2022-category-header-subtitle {
        width: 800px;
        left: 54px;
        top: 60px;
        font-weight: 500;
        font-size: 16px;
        line-height: 16px;
        letter-spacing: 0.1em;
        color: #FFFFFF;
        padding-bottom: 16px;
    }

    .sp2022-category-header-corselink-container {
        width: 800px;
        margin-bottom: 80px;
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 0px 40px;
    }

    .sp2022-category-header-corselink {
        display: inline-block;
        text-decoration: none;
        position: relative;
        font-size: 16px;
        line-height: 32px;
        border-bottom: 2px solid #ededed;
        padding: 8px 16px 4px;
        font-weight: 700;
    }
    
    .sp2022-category-header-corselink:hover:after {
        color: #12c99b;
        border-color: #12c99b;
        background: url("data:image/svg+xml,%3Csvg%20width%3D%229%22%20height%3D%2214%22%20viewBox%3D%220%200%209%2014%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M1%201L7%207L1%2013%22%20stroke%3D%22%23FFB800%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%2F%3E%0A%3C%2Fsvg%3E%0A")
        center / contain no-repeat;
    }

    .sp2022-category-header-corselink:after {
        position: absolute;
        width: 16px;
        height: 16px;
        right: 10px;
        top: 50%;
        display: block;
        content: "";
        background: url("data:image/svg+xml;data:image/svg+xml,%3Csvg%20width%3D%229%22%20height%3D%2214%22%20viewBox%3D%220%200%209%2014%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M1%201L7%207L1%2013%22%20stroke%3D%22%23AAAAAA%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%2F%3E%0A%3C%2Fsvg%3E%0A")
        center / contain no-repeat;
        transform: translateY(-50%);
        transform: rotateZ(90deg);
    }

    .sp2022-course-introduction-block {
        display: flex;
        flex-wrap: wrap;
        margin-top: 8px;
        margin-bottom: 8px;

    }
    .sp2022-course-introduction-item-title {
        width: 25%;
        font-weight: bold;
        font-size: 16px;
        padding-left: 16px;
        line-height: 32px;
    }
    .sp2022-course-introduction-item-description {
        width: 70%;
        font-size: 16px;
        line-height: 32px;
        font-weight: 400;
        margin-bottom: 4px;
    }
    .sp2022-course-introduction-block-solid {
        border: 0;
        border-top: 2px solid #EDEDED;
        width: 100%;
        height: 0px;
        margin-bottom: 8px;
        margin-top: 8px;
    }

    .sp2022-mentor-icon > img{
            margin-top: 40px;
            width:120px;
            height:120px;
            object-fit:cover;
            border-radius:50%;
            border: 4px solid #C4C4C4;
    }

    .sp2022-mentor-name {
        margin-top: 40px;
        font-family: Futura;
        font-size: 32px;
        line-height: 32px;
        font-weight: bold;
        margin-bottom: 16px;
        padding-top: 38px;
    }

    .sp2022-entry_button {
        display: grid;
        grid-template-columns: repeat(2, auto);
        justify-content: center;
        column-gap: 24px;
        margin-bottom: 16px;
    }

    .sp2022-button {
        height: 56px;
        border: 2px solid;
        border-radius: 28px;
        font-size: 16px;
        line-height: 16px;
        width: 240px;
        background: #fff;
        border-color: #009cff;
        color: #009cff;
        padding: 20px 0px;
    }
    .sp2022-submit__wrapper {
        display: grid;
        justify-content: center;
        margin-bottom: 40px;
      }
    
    .sp2022-button:hover {
        background: #009cff;
        border-color: #009cff;
        color: #ffffff;
    }

    .sp2022-submit__annotation {
        text-align: center;
        color: #009cff;
        font-weight: 400;
    }
    .sp2022-mentor-comment-container {
        display: flex;
    }
    .sp2022-mentor-comment-icon {
        width: 72px;
        height: 64px;
    }
    .sp2022-mentor-comment-text {
        padding-left: 40px;
        font-weight: bold;
        font-size: 16px;
        line-height: 32px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .sp2022-mentor-comment {
      padding: 24px 40px 24px 40px;
      border-radius: 8px;
      margin-bottom: 32px;
      margin-top: 32px;
    }

    .sp2022-sp_br {
      display: none;
    }
}

/* スマホ版共通 */
@media screen and (max-width:767px) {

    .sp2022-common-headline__title {
        font-family: Futura;
        font-size: 32px;
        line-height: 30px;
        font-weight: bold;
        text-transform: uppercase;
        text-align: center;
        margin: 0px 0px 16px 0px;
        letter-spacing: 0.1em;
      }


    .sp2022-common-courses__category--header-title {
        font-size: 24px;
        line-height: 40px;
        /*
        padding: 36px 42px;
        */
      }
    .sp2022-common-headline {
        justify-items: center;
        row-gap: 16px;
      }

    #sp-common-courses {
        row-gap: 40px;
      }

    .sp2022-course-header {
      display: grid;
      justify-content: center;
      align-items: center;
    }

    .sp2022-category-header-title-container {
        border-left: 3px solid white;
        padding-left: 10px;
        /*
        position: relative;
        top: 64px;
        left: 48px;
        */
    }

    .sp2022-category-header-title {
        width: 226px;
        left: 53px;
        top: 64px;

        font-weight: 900;
        font-size: 32px;
        line-height: 48px;
        /* identical to box height, or 100% */

        letter-spacing: 0.01em;
        color: #FFFFFF;
    }

    .sp2022-category-header-subtitle {
        left: 54px;
        top: 60px;
        font-weight: 600;
        font-size: 12px;
        line-height: 16px;
        letter-spacing: 0.1em;
        color: #FFFFFF;
    }

    .sp2022-category-header-corselink-container {
        width: 100%;
        margin-bottom: 90px;
    }
    .sp2022-category-header-corselink {
        display: block;
        text-decoration: none;
        position: relative;
        font-size: 16px;
        line-height: 32px;
        border-bottom: 2px solid #ededed;
        padding: 8px 16px 4px;
        font-weight: 700;
    }
    
    .sp2022-category-header-corselink:hover:after {
        color: #12c99b;
        border-color: #12c99b;
        background: url("data:image/svg+xml,%3Csvg%20width%3D%229%22%20height%3D%2214%22%20viewBox%3D%220%200%209%2014%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M1%201L7%207L1%2013%22%20stroke%3D%22%23FFB800%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%2F%3E%0A%3C%2Fsvg%3E%0A")
        center / contain no-repeat;
    }

    .sp2022-category-header-corselink:after {
        position: absolute;
        width: 16px;
        height: 16px;
        right: 10px;
        top: 50%;
        display: block;
        content: "";
        background: url("data:image/svg+xml;data:image/svg+xml,%3Csvg%20width%3D%229%22%20height%3D%2214%22%20viewBox%3D%220%200%209%2014%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M1%201L7%207L1%2013%22%20stroke%3D%22%23AAAAAA%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%2F%3E%0A%3C%2Fsvg%3E%0A")
        center / contain no-repeat;
        transform: translateY(-50%);
        transform: rotateZ(90deg);
    }

    .sp2022-course-introduction-block {
        flex-wrap: wrap;
        padding: 0px 24px;
    }
    .sp2022-course-introduction-item-title {
        line-height: 32px;
        font-weight: 900;
        font-size: 16px;
        margin-bottom: 16px;
    }
    .sp2022-course-introduction-item-description {
        font-size: 16px;
        line-height: 32px;
        font-weight: 400;
        margin-bottom: 20px;
    }
    .sp2022-course-introduction-block-solid {
        border: 0;
        border-top: 2px solid #EDEDED;
        width: 100%;
        height: 0px;
        margin-bottom: 8px;
        margin-top: 4px;

        margin-left: -24px;
        padding-right: 48px;

    }

    .sp2022-mentor-icon > img {
        margin-top: 16px;
        width:96px;
        height:96px;
        object-fit:cover;
        border-radius:50%;
        border: 4px solid #C4C4C4;
    }

    .sp2022-mentor-name {
        font-family: Futura;
        font-size: 32px;
        line-height: 30px;
        font-weight: bold;
        margin-bottom: 16px;
        margin-top: -8px;
    }

    .sp2022-mentor-comment-container {
        display: flex;
    }

    .sp2022-mentor-comment {
        padding: 24px 24px 24px 24px;
        border-radius: 4px;
        margin-bottom: 40px;
    }
    .sp2022-mentor-comment-icon {
        width: 48px;
        height: 40px;
    }
    .sp2022-mentor-comment-text {
        padding-left: 24px;
        font-weight: bold;
        font-size: 16px;
        line-height: 32px;
    }
    .sp2022-mentor-achivement {
        margin-top: 16px;
    }

    .sp2022-submit__wrapper {
        display: grid;
        justify-content: center;
        margin-bottom: 40px;
    }

    .sp2022-entry_button {
        display: grid;
        justify-content: center;
        row-gap: 16px;
        margin-bottom: 16px;
    }

     .button {
        border: 2px solid;
        border-radius: 28px;
        font-size: 16px;
        line-height: 16px;
        width: 240px;
        background: #fff;
        border-color: #009cff;
        color: #009cff;
        cursor: pointer;
        text-align: center;
        padding: 20px 0px;
        font-weight: 700;
      }
    
    .sp2022-button:hover {
        background: #009cff;
        border-color: #009cff;
        color: #ffffff;
    }

    .sp2022-submit__annotation {
        text-align: center;
        color: #009cff;
        width: 240px;
        font-weight: 400;
    }

    .sp2022-entry-button-section {
        margin-bottom: 96px;
    }

    .sp2022-other-courses-title-container {
        margin-top: 80px;
    }
}

    /* 各カテゴリー特有のやつ */ 
    /* PC版 */
    @media screen and (min-width:768px) {
        /* VRoid */
        .static-page-spring_bootcamp_2022_vroid .sp2022-course-header {
            background: url("https://cdn-ak.f.st-hatena.com/images/fotolife/p/pixiv_corp/20211220/20211220181443.png")
                center top / cover no-repeat,
            rgba(255, 184, 0, 1);
        }

        .static-page-spring_bootcamp_2022_vroid .sp2022-category-header-corselink:hover {
            color: #ffb800;
            border-color: #ffb800;
        }

        .static-page-spring_bootcamp_2022_vroid .sp2022-mentor-comment {
            background-color: #FFE6A7;
        }

        /* webサービス*/
        .static-page-spring_bootcamp_2022_web .sp2022-course-header {
            background: url("https://cdn-ak.f.st-hatena.com/images/fotolife/p/pixiv_corp/20211220/20211220181445.png")
                center top / cover no-repeat,
            rgba(246, 78, 65, 1);
        }

        .static-page-spring_bootcamp_2022_web .sp2022-category-header-corselink:hover {
            color: #f64e41;
            border-color: #f64e41;
        }

        .static-page-spring_bootcamp_2022_web .sp2022-mentor-comment {
            background-color: #FFC6C1;
        }

        /* プラットフォーム */

        .static-page-spring_bootcamp_2022_platform .sp2022-course-header {
            background: url("https://cdn-ak.f.st-hatena.com/images/fotolife/p/pixiv_corp/20211220/20211220181437.png")
            center top / cover no-repeat,
          rgba(18, 201, 155, 1);
        }

        .static-page-spring_bootcamp_2022_platform .sp2022-category-header-corselink:hover {
            color: #12c99b;
            border-color: #12c99b;
        }

        .static-page-spring_bootcamp_2022_platform .sp2022-mentor-comment {
            background-color: #A8E9D8;
        }

        /* スマホアプリ */
        .static-page-spring_bootcamp_2022_app .sp2022-course-header {
            background: url("https://cdn-ak.f.st-hatena.com/images/fotolife/p/pixiv_corp/20211220/20211220181435.png")
            center top / cover no-repeat,
          rgba(134, 88, 232, 1);
        }

        .static-page-spring_bootcamp_2022_app .sp2022-category-header-corselink:hover {
            color: #8658e8;
            border-color: #8658e8;
        }

        .static-page-spring_bootcamp_2022_app .sp2022-mentor-comment {
            background-color: #DCCCFF;
        }

        /* スペシャリスト*/
        .static-page-spring_bootcamp_2022_specialist .sp2022-course-header {
            background: url("https://cdn-ak.f.st-hatena.com/images/fotolife/p/pixiv_corp/20211220/20211220181440.png")
            center top / cover no-repeat,
          rgba(246, 89, 180, 1);
        }

        .static-page-spring_bootcamp_2022_specialist .sp2022-category-header-corselink:hover {
            color: #f659b4;
            border-color: #f659b4;
        }

        .static-page-spring_bootcamp_2022_specialist .sp2022-mentor-comment {
            background-color: #FFD2EC;
        }

    }
    /* スマホ版 */
    @media screen and (max-width:767px) {
        /*VRoid*/
        .static-page-spring_bootcamp_2022_vroid .sp2022-course-header {
            background: url("https://cdn-ak.f.st-hatena.com/images/fotolife/p/pixiv_corp/20211220/20211220181443.png")
                center top / cover no-repeat,
              rgba(255, 184, 0, 1);
        
            height: 200px;
        }
    
        .static-page-spring_bootcamp_2022_vroid .sp2022-category-header-corselink:hover {
            color: #ffb800;
            border-color: #ffb800;
        }
    
        .static-page-spring_bootcamp_2022_vroid .sp2022-mentor-comment {
            background-color: #FFE6A7;
        }
    
        /*web サービス*/
        .static-page-spring_bootcamp_2022_web .sp2022-course-header {
            background: url("https://cdn-ak.f.st-hatena.com/images/fotolife/p/pixiv_corp/20211220/20211220181445.png")
            center top / cover no-repeat,
             rgba(246, 78, 65, 1);
        
            height: 200px;
        }
    
        .static-page-spring_bootcamp_2022_web .sp2022-category-header-corselink:hover {
            color: #f64e41;
            border-color: #f64e41;
        }
    
        .static-page-spring_bootcamp_2022_web .sp2022-mentor-comment {
            background-color: #FFC6C1;
        }

        /* プラットフォーム */
        .static-page-spring_bootcamp_2022_platform .sp2022-course-header {
            background: url("https://cdn-ak.f.st-hatena.com/images/fotolife/p/pixiv_corp/20211220/20211220181437.png")
            center top / cover no-repeat,
          rgba(18, 201, 155, 1);
        
            height: 200px;
        }
    
        .static-page-spring_bootcamp_2022_platform .sp2022-category-header-corselink:hover {
            color: #12c99b;
            border-color: #12c99b;
        }
    
        .static-page-spring_bootcamp_2022_platform .sp2022-mentor-comment {
            background-color: #A8E9D8;
        }

        /*スマホアプリ*/
        .static-page-spring_bootcamp_2022_app .sp2022-course-header {
            background: url("https://cdn-ak.f.st-hatena.com/images/fotolife/p/pixiv_corp/20211220/20211220181435.png")
            center top / cover no-repeat,
          rgba(134, 88, 232, 1);
        
            height: 200px;
        }
    
        .static-page-spring_bootcamp_2022_app .sp2022-category-header-corselink:hover {
            color: #8658e8;
            border-color: #8658e8;
        }
    
        .static-page-spring_bootcamp_2022_app .sp2022-mentor-comment {
            background-color: #DCCCFF;
        }

        /*スペシャリスト*/
        .static-page-spring_bootcamp_2022_specialist .sp2022-course-header {
            background: url("https://cdn-ak.f.st-hatena.com/images/fotolife/p/pixiv_corp/20211220/20211220181440.png")
            center top / cover no-repeat,
          rgba(246, 89, 180, 1);
        
            height: 200px;
        }
    
        .static-page-spring_bootcamp_2022_specialist .sp2022-category-header-corselink:hover {
            color: #f659b4;
            border-color: #f659b4;
        }
    
        .static-page-spring_bootcamp_2022_specialist .sp2022-mentor-comment {
            background-color: #FFD2EC;
        }
    }
    /** 追加のカスタムCSS **/
    .personHeroContent_headline_span { 

    }
    @media only screen and (max-width: 768px) {
       .personHeroContent_headline_span { 
        display:inline-block !important; 
        line-height:32px !important;
       }
    }
   
    .boxBodyContent_title { 
        line-height:150% !important;
    }

    .followUsContent {
        width: 320px;
    }
    .followUsContent_share--in {
        margin-right: 7px;
    }
    .followUsContent_share--tube:before {
    background-image: url('https://cdn-ak.f.st-hatena.com/images/fotolife/p/pixiv_corp/20221201/20221201101308.jpg');
    background-size: contain;
    }

/** 2024.2追加 top一覧レイアウト **/
.environmentContentBoxs .aboutHeadline_str{
    background: #ff7076;
}
.environmentContentBoxs .aboutHeadline_str a,
.serviceContentBoxs .aboutHeadline_str a{
    color:#fff;
}
.environmentContentBoxs .aboutHeadline_str,
.serviceContentBoxs .aboutHeadline_str{
    padding: 8px 63px;
}
body.page-index #content .aboutContentBoxs,
body.page-index #content .aboutBoxesContainer{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

@media only screen and (min-width: 768px){
body.page-index #content #main-inner .hatena-module-html {
    padding-right: 0;
    padding-left: 0;
    width: 1264px;
    margin: 0 auto;
}
.aboutContentBoxs,
.aboutBoxesContainer {
    margin:0 0 40px 0 !important;
}
.aboutHeadline {
    margin:0 !important;
}
body.page-index #content .aboutContentBoxs:after{
    display:none;
}
body.page-index #content .aboutContentBoxs,
body.page-index #content .aboutBoxesContainer{
    -webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
    gap:16px;
}
.aboutContentBoxs .aboutBox,
.environmentContentBoxs .boxS--environment,
.serviceContentBoxs .boxS--service{
    margin-bottom:0;
    margin-right:0;
}
}

@media screen and (max-width:767px) {
body.page-index #content #main-inner .hatena-module-html {
    padding-right: 6.4%;
    padding-left: 6.4%;
}
body.page-index #content .aboutBoxesContainer {
    margin-top: 36px;
}
body.page-index #content .aboutContentBoxs,
body.page-index #content .aboutBoxesContainer{
    -webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
body.page-index #content .aboutBoxesContainer .box {
    margin: 0;
    margin-bottom: 24px;
}
}

/*-- SP版MV動画用 --*/
    .heroImage.SPmv {
      display: none;
  }
@media only screen and (max-width: 767px){
    .heroVideo.PCmv {
      display: none;
    }
    .heroImage.SPmv {
        display: block;
    }
}

/*-- strongタグ --*/
.page-entry {
    strong {
        font-weight: bold;
    }
}