.font-en {
  font-family: "Roboto", sans-serif;
}

.break-pc {
  display: block;
}

main ul {
  padding: 0;
  list-style: none;
  margin: 0;
}
main p {
  margin: 0;
}

.first-view {
  background-image: url("/assets/51d45d5a828cd430187bf770.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-color: #2922a8;
}
.first-view .first-view__wrapper {
  padding: 134px 25px 50px;
  max-width: 900px;
  margin: 0 auto;
}
.first-view .first-view__headline {
  color: #fff;
  padding: 0 40px 34px 36px;
  border-left: 1px solid #fff;
  border-bottom: 1px solid #fff;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  width: fit-content;
  margin: 0 auto;
}
.first-view .first-view__headline .main-text {
  font-size: 80px;
  letter-spacing: 25.6px;
  line-height: 0.8;
  font-weight: 300;
}
.first-view .first-view__headline .sub-text {
  font-size: 24px;
  text-align: left;
  width: 100%;
  letter-spacing: 1.92px;
  margin-top: 10px;
  font-weight: 300;
}

.content-credo {
  margin-top: 138px;
  color: #fff;
}
.content-credo .introduce-link {
  margin: 30px 0 0;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-left: -20px;
}
.content-credo .introduce-link i {
  margin-right: 20px;
}
.content-credo .introduce-link a {
  color: #fff;
  text-decoration: underline;
}
.content-credo .content-credo-headline {
  color: #fff;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  width: fit-content;
  margin: 0 auto;
  letter-spacing: 0.36px;
  font-weight: 400;
}
.content-credo .content-credo-headline .main-text {
  font-size: 40px;
}
.content-credo .content-credo-headline .sub-text {
  font-size: 15px;
  margin-top: 20px;
  line-height: 175%;
}
.content-credo .credo-list {
  margin-top: 86px;
  padding: 0;
}
.content-credo .credo-list__item {
  display: flex;
  color: #FFF;
  gap: min(5%, 60px);
  align-items: center;
  justify-content: space-between;
}
.content-credo .credo-list__item .credo-list__item-cotent {
  display: flex;
  flex-direction: column;
}
.content-credo .credo-list__item + .credo-list__item {
  margin-top: 100px;
}
.content-credo .credo-list__item:nth-child(even) {
  flex-direction: row-reverse;
}
.content-credo .credo-list__item .credo-list__number {
  font-size: 40px;
  line-height: 1;
}
.content-credo .credo-list__item .credo-list__title {
  font-size: 36px;
  font-weight: 500;
  line-height: 1.5;
}
.content-credo .credo-list__item .credo-list__title-en {
  font-size: 22px;
  font-weight: 300;
}
.content-credo .credo-list__item .credo-list__description {
  font-size: 16px;
  letter-spacing: 0.16px;
}

.content-designer {
  padding: 80px 25px;
  max-width: 900px;
  margin: 0 auto;
}
.content-designer.full {
  max-width: 100%;
}
.content-designer.grey {
  background: #F2F5FB;
}
.content-designer .content-headline {
  text-align: center;
}
.content-designer .content-headline .main-text {
  font-size: 40px;
  font-style: normal;
  font-weight: 500;
}
.content-designer .content-body {
  margin-top: 50px;
}

.content-position .position-list {
  display: flex;
  list-style: none;
  gap: 100px;
}
.content-position .position-list__item {
  border-left: 1px solid #2B2F33;
  padding-left: 28px;
}
.content-position .position-list__title {
  font-size: 20px;
  font-weight: 400;
}
.content-position .position-list__description {
  font-size: 14px;
}

.content-process {
  max-width: 900px;
  border-radius: 2px;
  border: 1px solid rgba(144, 158, 180, 0.2);
  box-shadow: 6px 6px 0px 0px rgba(144, 158, 180, 0.2);
  margin-top: 100px;
  text-align: center;
  color: #223D8A;
}
.content-process .content-process__headline {
  background: #EDEFF6;
  text-align: center;
  line-height: 1;
  padding: 10px;
  font-weight: 400;
}
.content-process .content-process__headline span {
  font-size: 18px;
}
.content-process .content-process__headline .slash {
  margin: 0 10px;
}
.content-process .content-process__body {
  padding: 50px;
}
.content-process .content-process__description {
  margin-top: 40px;
  font-size: 13px;
  line-height: 1.5;
}

.content-member .member-list {
  display: flex;
  flex-wrap: wrap;
}
.content-member .memeber-list__item {
  width: 33.3%;
  padding: 0 30px;
  margin-bottom: 40px;
  line-height: 1.5;
}
.content-member .memeber-list__job {
  font-size: 15px;
  text-align: center;
}
.content-member .memeber-list__img {
  margin-bottom: 10px;
}
.content-member .memeber-list__name {
  text-align: center;
  font-weight: bold;
  font-size: 14px;
  margin: 4px 0;
}
.content-member .memeber-list__comment {
  font-size: 14px;
}

.content-note-slider {
  display: block;
}
.content-note-slider .note-slider__cell {
  padding: 0 5px;
  width: 33.3%; /* full width */
}
.content-note-slider .note-slider__cell iframe {
  min-height: 200px;
}

.note-link .note-link__container {
  margin-top: 46px;
}
.note-link .note-link__container a {
  font-size: 14px;
  line-height: 21px;
  text-decoration-line: underline;
  color: #1a1946;
  text-align: center;
  margin: auto;
  width: 100px;
  display: block;
}

.content-job-list {
  max-width: 538px;
  margin: 0 auto;
}
.content-job-list .job-list {
  padding: 0;
  list-style: none;
}
.content-job-list .job-list__item + .job-list__item {
  margin-top: 10px;
}
.content-job-list .job-list__item:last-child {
  margin-top: 15px;
}
.content-job-list .job-list__item-link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 72px;
  width: 100%;
  background: #fff;
  border: 1px solid #2B2F33;
  padding: 0 30px;
  color: #2B2F33;
  font-size: 15px;
  line-height: 1.3;
  font-weight: 700;
}
.content-job-list .job-list__item-link:hover {
  color: #fff;
  background: linear-gradient(265.45deg, #6C6D6E 0%, #4A4A4A 19.27%, #303030 56.06%), linear-gradient(0deg, #4A4F54, #4A4F54);
}
.content-job-list .job-list__item-link:hover path {
  stroke: #fff;
}
.content-job-list .job-list__note {
  color: #2B2F33;
  border-bottom: 1px solid #2B2F33;
  display: flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  margin: 60px auto 0;
  padding-bottom: 10px;
  gap: 10px;
}
.content-job-list .job-list__note:hover img {
  opacity: 1;
}

@media (max-width: 767px) {
  .break-pc {
    display: none;
  }
  .first-view .first-view__wrapper {
    padding: 120px 20px 30px;
    max-width: 100%;
  }
  .first-view .first-view__headline {
    padding: 0 12px 32px 32px;
    text-align: center;
  }
  .first-view .first-view__headline .main-text {
    font-size: 44px;
    letter-spacing: 14.08px;
  }
  .first-view .first-view__headline .sub-text {
    font-size: 16px;
    letter-spacing: 1.2px;
    text-align: center;
    margin-left: -13px;
  }
  .content-credo {
    margin-top: 122px;
  }
  .content-credo .introduce-link {
    margin: 30px auto 0;
    display: block;
    font-size: 13px;
    position: relative;
    padding-left: 30px;
    width: fit-content;
    line-height: 1.5;
  }
  .content-credo .introduce-link i {
    position: absolute;
    left: 10px;
    top: 50%;
    margin: -10px;
  }
  .content-credo .content-credo-headline .main-text {
    font-size: 28px;
  }
  .content-credo .content-credo-headline .sub-text {
    font-size: 13px;
  }
  .content-credo .credo-list {
    margin-top: 56px;
  }
  .content-credo .credo-list__item {
    display: flex;
    flex-direction: column-reverse !important;
    align-items: normal;
    max-width: 350px;
    margin: 0 auto;
  }
  .content-credo .credo-list__item .credo-list__item-cotent {
    margin-top: 24px;
  }
  .content-credo .credo-list__item + .credo-list__item {
    margin-top: 72px;
  }
  .content-credo .credo-list__item .credo-list__number {
    font-size: 28px;
    margin-bottom: 5px;
  }
  .content-credo .credo-list__item .credo-list__title {
    font-size: 24px;
  }
  .content-credo .credo-list__item .credo-list__title-en {
    font-size: 18px;
  }
  .content-credo .credo-list__item .credo-list__description {
    font-size: 14px;
  }
  .content-credo .credo-list__item .credo-list__visual img {
    margin: 0 auto;
    max-width: 245px;
  }
  .content-designer {
    padding: 65px 20px;
    max-width: 100%;
  }
  .content-designer + .content-designer {
    margin-top: -20px;
  }
  .content-designer .content-headline .main-text {
    font-size: 28px;
  }
  .content-designer .content-headline .sub-text {
    font-size: 13px;
    text-align: left;
  }
  .content-designer .content-body {
    margin-top: 24px;
  }
  .content-position .position-list {
    display: block;
  }
  .content-position .position-list__item {
    padding-left: 20px;
  }
  .content-position .position-list__item.position-list__item {
    margin-top: 32px;
  }
  .content-position .position-list__title {
    font-size: 16px;
  }
  .content-position .position-list__description {
    font-size: 12px;
  }
  .content-process {
    border: none;
    box-shadow: none;
    margin-top: 40px;
    text-align: left;
  }
  .content-process .content-process__headline {
    color: #223D8A;
    padding: 10px;
    font-size: 18px;
  }
  .content-process .content-process__headline span {
    font-size: 12px;
  }
  .content-process .content-process__headline .slash {
    margin: 0 8px;
  }
  .content-process .content-process__body {
    padding: 0 10px;
  }
  .content-member .member-list {
    justify-content: space-between;
  }
  .content-member .memeber-list__item {
    width: 46%;
    padding: 0;
    margin-bottom: 20px;
  }
  .content-member .memeber-list__job {
    font-size: 13px;
    text-align: left;
  }
  .content-member .memeber-list__name {
    text-align: left;
  }
  .content-member .memeber-list__comment {
    font-size: 13px;
  }
  .content-note-slider {
    display: block;
  }
  .content-note-slider .note-slider__cell {
    padding: 0;
    width: 100%; /* full width */
  }
  .content-job-list .job-list__note {
    font-size: 13px;
    margin: 30px auto 0;
  }
  .content-job-list .job-list__note img {
    width: 13px;
  }
}