@charset "UTF-8";
@media (max-width: 767px) {
  :root {
    --header_height: 65px;
  }
}

/* ===============================
   共通パーツ（サービスページ専用）
=============================== */
/* コンセプトセクション
------------------------------*/
.c-concept {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .c-concept {
    display: block;
  }
}

.c-concept__image {
  width: 46%; /* sy */
}
@media (max-width: 767px) {
  .c-concept__image {
    width: 100%;
  }
}

.c-concept__content {
  width: 46%; /* sy */
}
.c-concept__content h2 {
  text-align: left;
}
@media (max-width: 767px) {
  .c-concept__content {
    width: 100%;
    margin-top: 25px;
  }
  .c-concept__content h2 {
    text-align: center;
  }
}

.c-concept__message {
  margin-top: 40px;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.6;
  color: #555;
}
@media (max-width: 767px) {
  .c-concept__message {
    margin-top: 25px;
  }
}

/* リストブロック
------------------------------*/
.c-list-blocks {
  margin-top: 80px;
  display: flex;
  flex-wrap: wrap;
}
@media (max-width: 767px) {
  .c-list-blocks {
    display: block;
    margin-top: 60px; /*  */
  }
}

.c-list-block {
  width: 48.1%;
  border: 1px solid #FAFBFB;
  box-shadow: 0 5px 10px rgba(30, 61, 72, 0.1);
  border-radius: 12px;
  padding: 16px;
}
@media (min-width: 768px) {
  .c-list-block:nth-child(2n) {
    margin-left: 3.8%;
  }
  .c-list-block:nth-child(n+3) {
    margin-top: 3.8%;
  }
}
@media (max-width: 767px) {
  .c-list-block {
    width: 100%;
  }
  .c-list-block:nth-child(n+2) {
    margin-top: 40px;
  }
}

.c-list-block--3column {
  width: 30.7666666667%;
}
.c-list-block--3column .c-list-block__heading {
  font-size: 1.8rem;
}
@media (min-width: 768px) {
  .c-list-block--3column:not(:nth-child(3n)) {
    margin-right: 3.8%;
  }
  .c-list-block--3column:nth-child(2n) {
    margin-left: 0;
  }
  .c-list-block--3column:nth-child(n+3) {
    margin-top: 0;
  }
  .c-list-block--3column:nth-child(n+4) {
    margin-top: 3.8%;
  }
}
@media (max-width: 767px) {
  .c-list-block--3column {
    width: 100%;
  }
  .c-list-block--3column:nth-child(n+2) {
    margin-top: 20px;
  }
}

.c-list-block__header {
  display: flex;
  align-items: center;
  padding-bottom: 16px;
  border-bottom: 1px solid #E0E0E0;
}

.c-list-block__icon {
  width: 40px;
}
@media (max-width: 767px) {
  .c-list-block__icon {
    width: 32px;
  }
}

.c-list-block__heading {
  width: calc(100% - 40px);
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 1;
  color: #6EA0A5;
  padding-left: 12px;
}
@media (max-width: 767px) {
  .c-list-block__heading {
    font-size: 1.8rem;
  }
}

.c-list-block__list {
  margin-top: 16px;
}
.c-list-block__list li {
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.6;
  position: relative;
  padding-left: 18px;
}
.c-list-block__list li::before {
  content: "";
  position: absolute;
  top: 8px;
  left: 0;
  background: #6EA0A5;
  width: 10px;
  aspect-ratio: 1/1;
  border-radius: 50%;
}
.c-list-block__list li:nth-child(n+2) {
  margin-top: 12px;
}

.c-list-block__description {
  margin-top: 1em; /*  */
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.6;
}

.c-list-block__box {
  margin-top: 20px; /*  */
  border: 1px solid #E0E0E0;
  border-radius: 4px;
  padding: 16px;
}

.c-list-block__label {
  font-size: 1.6rem;
  font-weight: 700;
  color: #6EA0A5;
  padding-bottom: 16px;
  border-bottom: 1px solid #E0E0E0;
}

.c-list-block__list {
  margin-top: 16px;
}
.c-list-block__list li {
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.6;
  position: relative;
  padding-left: 18px;
}
.c-list-block__list li::before {
  content: "";
  position: absolute;
  top: 8px;
  left: 0;
  background: #6EA0A5;
  width: 10px;
  aspect-ratio: 1/1;
  border-radius: 50%;
}
.c-list-block__list li:nth-child(n+2) {
  margin-top: 12px;
}

/* チェックリスト
------------------------------*/
.c-check-list {
  display: flex;
  justify-content: space-between;
}
.c-check-list:nth-child(n+2) {
  margin-top: 80px;
}
@media (max-width: 767px) {
  .c-check-list {
    flex-direction: column-reverse;
  }
  .c-check-list:nth-child(n+2) {
    margin-top: 70px;
  }
}

.c-check-list__content {
  width: 61.5%;
}
@media (max-width: 767px) {
  .c-check-list__content {
    width: 100%;
    margin-top: 24px;
  }
}

.c-check-list__heading {
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 1.6;
  color: #6EA0A5;
}
@media (max-width: 767px) {
  .c-check-list__heading {
    font-size: min(2rem, 5.1282051282vw);
  }
}

.c-check-list__tag {
  margin-top: 6px;
}
.c-check-list__tag span {
  display: inline-block;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1;
  border: 1px solid #E0E0E0;
  padding: 8px 12px;
  border-radius: 16px;
}
@media (min-width: 768px) {
  .c-check-list__tag span:nth-child(2) {
    margin-left: 12px;
  }
}
@media (max-width: 767px) {
  .c-check-list__tag span:nth-child(n+2) {
    margin-top: 12px;
  }
}

.c-check-list__list {
  margin-top: 24px;
}
.c-check-list__list li {
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.6;
  padding: 24px 46px;
  position: relative;
  border-bottom: 1px solid #E0E0E0;
}
.c-check-list__list li:first-child {
  border-top: 1px solid #E0E0E0;
}
.c-check-list__list li::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 8px;
  transform: translateY(-50%);
  background: url(../img/icon_check.png) no-repeat center center/contain;
  width: 1.625em;
  aspect-ratio: 1/1;
}
.c-check-list__list li strong {
  font-weight: 700;
  color: #F28B7D;
}
@media (max-width: 767px) {
  .c-check-list__list {
    margin-top: 16px; /*  */
  }
  .c-check-list__list li {
    padding-right: 0;
  }
  .c-check-list__list li::before {
    top: 2.2em;
  }
}

.c-check-list__description {
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.6;
  margin-top: 2.3em; /*  */
  padding-left: 0.5em; /*  */
}

.c-check-list__image {
  width: 30%;
}
@media (max-width: 767px) {
  .c-check-list__image {
    width: 100%;
  }
}

/* アイコンブロック
------------------------------*/
.c-icon-blocks {
  display: flex;
}
@media (max-width: 767px) {
  .c-icon-blocks {
    display: block;
  }
}

.c-icon-block {
  width: 29.3%;
}
@media (min-width: 768px) {
  .c-icon-block:not(:nth-child(3n)) {
    margin-right: 6%;
    position: relative;
  }
  .c-icon-block:not(:nth-child(3n)).c-icon-block--border::after {
    content: "";
    position: absolute;
    background: #E0E0E0;
    transform: translate(0%, 0%);
    width: 1px;
    height: 100%;
    right: -11%;
    top: 0%;
  }
}
@media (max-width: 767px) {
  .c-icon-block {
    width: 100%;
  }
  .c-icon-block:nth-child(n+2) {
    margin-top: 140px;
    position: relative;
  }
  .c-icon-block:nth-child(n+2)::after {
    content: "";
    position: absolute;
    background: #E0E0E0;
    transform: translate(0%, -50%);
    height: 1px;
    width: 100%;
    right: 0;
    top: -45px;
  }
}

.c-icon-block__number {
  display: block;
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 1;
  color: #39677E;
  text-align: center;
}

.c-icon-block__icon {
  width: 160px;
  max-width: 100%;
  margin: 0 auto;
  margin-top: 24px;
}
@media (max-width: 767px) {
  .c-icon-block__icon {
    width: 120px;
    max-width: 100%;
    margin-top: 20px;
  }
}

.c-icon-block__heading {
  margin-top: 24px;
  font-size: min(1.6rem, 1.3852813853vw);
  font-weight: 700;
  line-height: 1.6;
  text-align: center;
}
@media (max-width: 767px) {
  .c-icon-block__heading {
    font-size: 1.6rem;
  }
}

.c-icon-block__description {
  margin-top: 30px;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.6;
}
@media (max-width: 767px) {
  .c-icon-block__description {
    margin-top: 24px;
  }
  .c-icon-block__description.type2 {
    text-align: center;
    padding: 0 1em;
  }
}

.c-icon-block__box {
  margin-top: 30px;
  border: 1px solid #E0E0E0;
  border-radius: 4px;
  padding: 1.3em min(7px, 0.6060606061vw);
}
@media (max-width: 767px) {
  .c-icon-block__box {
    margin-top: 20px;
    padding: 1.3em 16px;
  }
}

.c-icon-block__label {
  font-size: 1.6rem;
  font-weight: 700;
  color: #6EA0A5;
  padding-bottom: 16px;
  border-bottom: 1px solid #E0E0E0;
  margin-bottom: 16px;
}

.c-icon-block__list li {
  font-size: min(1.6rem, 1.384083045vw);
  font-weight: 500;
  line-height: 1.6;
  position: relative;
  padding-left: 1.1em;
}
.c-icon-block__list li::before {
  content: "";
  position: absolute;
  top: 0.9em;
  left: 0;
  transform: translateY(-50%);
  background: #6EA0A5;
  width: 0.7em;
  aspect-ratio: 1/1;
  border-radius: 50%;
}
.c-icon-block__list li:nth-child(n+2) {
  margin-top: 12px;
}
@media (max-width: 767px) {
  .c-icon-block__list li {
    font-size: 1.6rem;
  }
}

/* テーブル
------------------------------*/
@media (max-width: 767px) {
  .c-table {
    overflow: scroll;
    overflow-y: hidden;
    width: calc(min(100%, 352px) + min(6vw, 24px) + max(0px, (100vw - 400px) / 2));
  }
}

.c-table__content {
  border: 1px solid #E0E0E0;
  table-layout: fixed;
  width: 100%;
}
.c-table__content td, .c-table__content th {
  padding: 20px 16px;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.6;
  color: #555;
  border-right: 1px solid #E0E0E0;
  border-bottom: 1px solid #E0E0E0;
}
.c-table__content th {
  color: #39677E;
  font-weight: 700;
  background: #FAFBFB;
}
.c-table__content td strong {
  color: #F28B7D;
}
@media (max-width: 767px) {
  .c-table__content {
    width: 740px;
  }
  .c-table__content th:first-child {
    width: 190px;
  }
}

.c-table__col-label {
  width: 240px;
}

/* レビュー
------------------------------*/
@media (max-width: 767px) {
  .review {
    margin-top: 40px;
  }
}

.c-review {
  display: flex;
}
@media (max-width: 767px) {
  .c-review {
    display: block;
  }
}

.c-review__item {
  width: 48%;
  padding: 16px;
  box-shadow: 0 2px 10px rgba(30, 61, 72, 0.1);
  border-radius: 12px;
  background: #FAFBFB;
}
@media (min-width: 768px) {
  .c-review__item:nth-child(2) {
    margin-left: 4%;
  }
}
@media (max-width: 767px) {
  .c-review__item {
    width: 100%;
  }
  .c-review__item:nth-child(n+2) {
    margin-top: 40px;
  }
}

.c-review__header {
  display: flex;
  align-items: center;
  padding-bottom: 16px;
  border-bottom: 1px solid #E0E0E0;
}

.c-review__icon {
  width: 50px;
}
@media (max-width: 767px) {
  .c-review__icon {
    width: 32px;
  }
}

.c-review__meta {
  width: calc(100% - 50px);
  padding-left: 12px;
}
@media (max-width: 767px) {
  .c-review__meta {
    width: calc(100% - 32px);
  }
}

.c-review__company {
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 1;
  color: #6EA0A5;
}
@media (max-width: 767px) {
  .c-review__company {
    font-size: 1.8rem;
  }
}

.c-review__label {
  display: block;
  font-size: 1.4rem;
  font-weight: 500;
  margin-top: 12px;
}

.c-review__heading {
  margin-top: 16px;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.6;
  color: #6EA0A5;
}

.c-review__message {
  margin-top: 16px;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.6;
}
.c-review__message strong {
  color: #F28B7D;
  font-weight: 700;
}

.c-review__image {
  margin-top: 16px;
  width: 100%;
  aspect-ratio: 468/240;
}
.c-review__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

/* 導入ステップ
------------------------------*/
.c-process__item {
  background: #FAFBFB;
  padding: 24px;
  box-shadow: 0 2px 10px rgba(30, 61, 72, 0.1);
  border-radius: 12px;
  display: flex;
  align-items: center;
}
.c-process__item:nth-child(n+2) {
  margin-top: 24px;
}
@media (max-width: 767px) {
  .c-process__item {
    align-items: flex-start;
    padding: 24px 16px;
  }
}

.c-process__number {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 2.4rem;
  font-weight: 500;
  line-height: 1;
  color: #fff;
  background: #6EA0A5;
  border-radius: 50%;
}

.c-process__content {
  width: calc(100% - 40px);
  padding-left: 12px;
}

.c-process__heading {
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1;
  color: #6EA0A5;
}
@media (max-width: 767px) {
  .c-process__heading {
    line-height: 1.4; /*  */
  }
}

.c-process__description {
  margin-top: 8px;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.6;
  letter-spacing: normal;
}
@media (max-width: 767px) {
  .c-process__description {
    margin-top: 4px; /*  */
  }
}

/* サポート
------------------------------*/
.c-support {
  box-shadow: 0 2px 10px rgba(30, 61, 72, 0.1);
  border-radius: 12px;
  padding: 4%;
  background: #FAFBFB;
}
@media (max-width: 767px) {
  .c-support {
    width: 90%;
    margin: 0 auto;
    padding: 10% 4%;
  }
}

.c-support__title {
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 1;
  color: #6EA0A5;
  text-align: center;
}
@media (max-width: 767px) {
  .c-support__title {
    font-size: min(2rem, 5.1282051282vw);
    line-height: 1.5;
  }
}

.c-support__list {
  display: flex;
  margin-top: 40px;
}
@media (max-width: 767px) {
  .c-support__list {
    display: block;
  }
}

.c-support__item {
  width: calc(25% - 18px);
}
.c-support__item:nth-child(n+2) {
  margin-left: 24px;
}
@media (max-width: 767px) {
  .c-support__item {
    width: 100%;
  }
  .c-support__item:nth-child(n+2) {
    margin-left: 0;
    margin-top: 70px;
  }
}

.c-support__icon {
  width: 120px;
  margin: 0 auto;
}

.c-support__heading {
  margin-top: 20px;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.6;
  text-align: center;
}
@media (max-width: 767px) {
  .c-support__heading {
    margin-top: 24px;
  }
}

.c-support__description {
  margin-top: 16px;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.6;
  color: #555;
}
@media (max-width: 767px) {
  .c-support__description {
    text-align: center;
  }
}

/* ===============================
   service
=============================== */
.service {
  padding: 120px 0 146px;
}

/* ===============================
   i Producer
=============================== */
.iproducer-sec01 {
  padding-bottom: 120px;
}
.iproducer-sec03 {
  padding: 120px 0;
}
@media (max-width: 767px) {
  .iproducer-sec03 {
    padding: 100px 0 80px;
  }
}

.iproducer-sec04 {
  background: #FAFBFB;
  padding: 40px 0;
}
@media (max-width: 767px) {
  .iproducer-sec04 {
    padding: 60px 0;
  }
}

.iproducer-sec05 {
  background: #FAFBFB;
  padding: 40px 0;
  margin-top: 120px;
}
@media (max-width: 767px) {
  .iproducer-sec05 {
    padding: 60px 0;
    margin-top: 60px;
  }
}

.banner__image--iproducer {
  position: relative;
}
.banner__image--iproducer .icon {
  position: absolute;
  top: 75%;
  left: 59%;
  transform: translate(-50%, -50%);
  width: 30%;
}
@media (max-width: 767px) {
  .banner__image--iproducer .icon {
    top: 37%;
    left: 50%;
    width: 55%;
  }
}

/* ===============================
  AIエージェント
=============================== */
.aiagent-sec01 {
  padding-bottom: 120px;
}
@media (max-width: 767px) {
  .aiagent-sec01 {
    padding-bottom: 60px;
  }
}

.aiagent-sec02 {
  background: #FAFBFB;
  padding: 40px 0;
}
@media (max-width: 767px) {
  .aiagent-sec02 {
    padding: 60px 0;
  }
}

.aiagent-sec02__heading {
  margin-top: 40px;
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 1.6;
  color: #6EA0A5;
  text-align: center;
}
@media (max-width: 767px) {
  .aiagent-sec02__heading {
    margin-top: 80px;
    font-size: 2rem;
    text-align: left;
  }
}

.aiagent-sec03 {
  padding: 120px 0;
}
@media (max-width: 767px) {
  .aiagent-sec03 {
    padding: 60px 0;
  }
}

@media (max-width: 767px) {
  .aiagent-sec04 {
    margin-top: 50px;
  }
}

/* ===============================
  受託開発
=============================== */
.development-sec01 {
  padding-bottom: 120px;
}
@media (max-width: 767px) {
  .development-sec01 {
    padding-bottom: 60px;
  }
}

.development-sec02 {
  padding: 40px 0;
  background: #FAFBFB;
}
@media (max-width: 767px) {
  .development-sec02 {
    padding: 60px 0;
  }
}

.development-sec03 {
  padding: 120px 0 80px;
}
@media (max-width: 767px) {
  .development-sec03 {
    padding: 60px 0;
  }
}

.data {
  margin: 80px 0;
}
@media (max-width: 767px) {
  .data {
    margin: 60px 0 40px;
  }
}

.data__list {
  display: flex;
}
@media (max-width: 767px) {
  .data__list {
    display: block;
  }
}

.data__item {
  width: 30.7666666667%;
  box-shadow: 0 2px 10px rgba(30, 61, 72, 0.1);
  padding: 24px 0;
  border-radius: 8px;
  text-align: center;
}
.data__item:nth-child(n+2) {
  margin-left: 3.8%;
}
@media (max-width: 767px) {
  .data__item {
    width: 100%;
  }
  .data__item:nth-child(n+2) {
    margin-left: 0;
    margin-top: 24px;
  }
}

.data__label {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  color: #6EA0A5;
}

.data__value {
  margin-top: 16px;
  font-size: 1.4rem;
  font-weight: 700;
  color: #39677E;
  line-height: 1;
}
.data__value strong {
  display: block;
  font-size: 2.4rem;
  margin-bottom: 8px;
}

.data__message {
  margin-top: 40px;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.6;
  color: #39677E;
  text-align: center;
}

@media (max-width: 767px) {
  .development-sec04 {
    padding: 60px 0;
  }
}

.development-sec05 {
  margin-top: 80px;
}
@media (max-width: 767px) {
  .development-sec05 {
    margin-top: 0;
    margin-bottom: 50px;
  }
}

.technology-stack {
  background: #FAFBFB;
  border-radius: 12px;
  padding: 40px;
}
@media (max-width: 767px) {
  .technology-stack {
    padding: 40px 16px;
  }
}

.technology-stack__title {
  display: flex;
  align-items: center;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1;
  color: #6EA0A5;
  padding-bottom: 16px;
  border-bottom: 1px solid #E0E0E0;
}
.technology-stack__title::before {
  display: inline-block;
  content: "";
  position: relative;
  background: url(../img/development/technology-stack_icon.png) no-repeat center center/contain;
  width: 32px;
  aspect-ratio: 1/1;
  margin-right: 12px;
}

.technology-stack__list {
  margin-top: 24px;
  display: flex;
  flex-wrap: wrap;
}
.technology-stack__list li {
  width: calc(25% - 18px);
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.6;
  color: #fff;
  background: #6EA0A5;
  border-radius: 20px;
  padding: 8px 0;
  text-align: center;
}
@media (min-width: 768px) {
  .technology-stack__list li:not(:nth-child(4n)) {
    margin-right: 24px;
  }
  .technology-stack__list li:nth-child(n+5) {
    margin-top: 24px;
  }
}
@media (max-width: 767px) {
  .technology-stack__list {
    margin-top: 40px;
  }
  .technology-stack__list li {
    padding: 6px 0;
    width: calc(50% - 11px);
  }
  .technology-stack__list li:nth-child(2n) {
    margin-left: 22px;
  }
  .technology-stack__list li:nth-child(n+3) {
    margin-top: 16px;
  }
}

/* ===============================
  AIコンサルティング/研修
=============================== */
.aitraining-sec01 {
  padding-bottom: 120px;
}
.stats {
  margin-top: 40px;
}

.stats__items {
  display: flex;
  flex-wrap: wrap;
}
@media (max-width: 767px) {
  .stats__items {
    display: block;
  }
}

.stats__item {
  width: 48.1%;
}
@media (min-width: 768px) {
  .stats__item:nth-child(2n) {
    margin-left: 3.8%;
  }
  .stats__item:nth-child(n+3) {
    margin-top: 3.8%;
  }
}
@media (max-width: 767px) {
  .stats__item {
    width: 100%;
  }
  .stats__item:nth-child(n+2) {
    margin-top: 70px;
  }
}

.stats__heading {
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.6;
  text-align: center;
  color: #555;
}

.stats__graph {
  margin-top: 16px;
}

.stats__description {
  margin-top: 16px;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.6;
}

.aitraining-sec03 {
  padding: 120px 0;
}
@media (max-width: 767px) {
  .aitraining-sec03 {
    padding: 120px 0 60px;
  }
}

@media (max-width: 767px) {
  .aitraining-sec04 {
    padding: 60px 0;
  }
}

.aitraining-sec04__message {
  margin-top: 40px;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.6;
  color: #39677E;
  text-align: center;
  letter-spacing: normal;
}
@media (max-width: 767px) {
  .aitraining-sec04__message {
    text-align: left;
  }
}

.aitraining-sec05 {
  background: #FAFBFB;
  padding: 40px 0;
  margin-top: 120px;
}
@media (max-width: 767px) {
  .aitraining-sec05 {
    margin-top: 20px;
  }
}

.aitraining-sec06 {
  padding: 120px 0 0;
}
@media (max-width: 767px) {
  .aitraining-sec06 {
    padding: 60px 0 0;
  }
}

/* ===============================
  i Producer Academy
=============================== */
.academy-sec01 {
  padding-bottom: 120px;
}
@media (max-width: 767px) {
  .academy-sec01 {
    padding-bottom: 60px;
  }
}

.academy-sec02 {
  background: #FAFBFB;
  padding: 40px 0;
  text-align: center;
}
@media (max-width: 767px) {
  .academy-sec02 {
    padding: 60px 0;
  }
}

.academy-sec03 {
  padding: 40px 0;
  margin-top: 120px;
}
@media (max-width: 767px) {
  .academy-sec03 {
    margin-top: 20px;
  }
}

.academy-sec04 {
  padding: 120px 0;
}
@media (max-width: 767px) {
  .academy-sec04 {
    padding: 80px 0;
  }
}

.academy-sec05 {
  background: #FAFBFB;
  padding: 40px 0;
}

.learning {
  margin-top: 80px;
}
@media (max-width: 767px) {
  .learning {
    margin-top: 60px;
  }
}

.learning__step {
  display: flex;
}
@media (max-width: 767px) {
  .learning__step {
    display: block;
  }
}

.learning__item {
  width: 30.7666666667%;
}
.learning__item:nth-child(n+2) {
  margin-left: 3.8%;
}
@media (max-width: 767px) {
  .learning__item {
    width: 100%;
  }
  .learning__item:nth-child(n+2) {
    margin-left: 0;
    margin-top: 70px;
  }
}

.learning__number {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 120px;
  aspect-ratio: 1/1;
  border: 1px solid #39677E;
  border-radius: 50%;
  font-size: 4rem;
  font-weight: 300;
  line-height: 1.6;
  color: #39677E;
  margin: 0 auto;
}
@media (max-width: 767px) {
  .learning__number {
    width: 80px;
    font-size: 3rem;
  }
}

.learning__image {
  margin-top: 24px;
}
@media (max-width: 767px) {
  .learning__image {
    margin-top: 16px;
  }
}

.learning__description {
  margin-top: 24px;
  font-size: min(2rem, 1.7316017316vw);
  font-weight: 700;
  line-height: 1.6;
  text-align: center;
  color: #39677E;
}
.learning__description strong {
  display: block;
  font-size: min(3.2rem, 2.7705627706vw);
}
@media (max-width: 767px) {
  .learning__description {
    margin-top: 16px;
    font-size: 2rem;
  }
  .learning__description strong {
    font-size: 3.2rem;
  }
}
/*# sourceMappingURL=service.css.map */