@charset "UTF-8";
/*
manegaku.scss
*/
.post, .page {
  margin: 0 0 0 0 !important;
}

.list-unstyled {
  text-align: left;
  /* リストを左寄せ */
  white-space: nowrap;
  /* 折り返し禁止 */
}

.list-unstyled li {
  text-align: left;
  /* li 内テキストも左寄せ */
}

@media (max-width: 767px) {
  .list-unstyled li {
    text-align: center;
  }
}

.cat-links, .tags-links {
  display: none;
}

.site-header {
  padding: 0px;
  text-align: center;
  height: 90px;
  border-bottom: 1px solid #707070;
}

.site-header .logo {
  max-width: 110px;
  height: auto;
  display: block;
  margin: 0 auto;
}

.site-header .navbar-nav {
  margin: 0;
  width: 100%;
  min-width: 768px;
  font-size: 16px;
}

.site-header .navbar-nav .nav-item {
  margin-right: 7px;
}

.site-header a {
  text-decoration: none;
  color: #283239;
}

.site-header a:hover {
  font-weight: bold;
}

.site-header a:visited {
  color: #283239;
}

@media (max-width: 768px) {
  .site-header .navbar-nav {
    margin-top: 10px;
    min-width: 100%;
    margin-left: 0;
  }
  .site-header .navbar-nav .nav-item {
    text-align: left;
  }
  .site-header .header-cta {
    margin-top: 10px;
  }
}

.site-header #navbarNav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

/* メインビジュアル */
.main-visual {
  position: relative;
  width: 100%;
}

/* ボタンのスタイル */
.btn-m {
  max-width: 250px !important;
  /* 最大幅を設定 */
  white-space: nowrap;
  /* テキストの折り返しを防ぐ */
  background-color: #2AB0CB !important;
  /* 背景色 */
  color: #fff !important;
  /* 文字色 */
  padding: 10px 5px;
  /* 内側の余白 */
  border: none !important;
  /* 枠線なし */
  border-radius: 9999px !important;
  /* 角の丸み（5px） */
  cursor: pointer !important;
  /* ポインターに変更 */
  font-size: 16px !important;
  /* フォントサイズ */
  text-align: center;
  display: block !important;
  -webkit-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease;
  /* ホバー効果用 */
  text-decoration: none !important;
  /* 下線なし */
}

.btn-m-header {
  padding: 10px 30px !important;
  /* 内側の余白 */
}

.btn-m:visited {
  color: white;
  /* クリック後の文字色 */
}

.btn-m:hover {
  background-color: #4DC3DB;
  /* ホバー時の色 */
  font-weight: bold;
  /* ホバー時の太字 */
}

.btn-m-sub {
  max-width: 250px !important;
  /* 最大幅を設定 */
  white-space: nowrap;
  /* テキストの折り返しを防ぐ */
  background-color: #B1D3DB;
  /* 背景色 */
  color: #0D455A;
  /* 文字色 */
  padding: 10px 15px;
  /* 内側の余白 */
  border: none;
  /* 枠線なし */
  border-radius: 9999px;
  /* 角の丸み（5px） */
  cursor: pointer;
  /* ポインターに変更 */
  text-align: center;
  display: block;
  -webkit-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease;
  /* ホバー効果用 */
  text-decoration: none;
  /* 下線なし */
}

.btn-m-sub:visited {
  color: #0D455A;
  /* クリック後の文字色 */
}

.btn-m-sub:hover {
  background-color: #4DC3DB;
  /* ホバー時の色 */
  font-weight: bold;
  /* ホバー時の太字 */
}

.btn-m-outline {
  max-width: 250px !important;
  /* 最大幅を設定 */
  white-space: nowrap;
  /* テキストの折り返しを防ぐ */
  background-color: #fff;
  /* 背景色 */
  color: #2AB0CB;
  /* 文字色 */
  padding: 10px 30px;
  /* 内側の余白 */
  border: 1px solid #2AB0CB;
  /* 枠線 */
  border-radius: 9999px;
  /* 角の丸み（5px） */
  cursor: pointer;
  /* ポインターに変更 */
  font-size: 16px;
  /* フォントサイズ */
  text-align: center;
  display: inline-block;
  -webkit-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease;
  /* ホバー効果用 */
  text-decoration: none;
  /* 下線なし */
}

.btn-m-outline:visited {
  color: #2AB0CB;
  /* クリック後の文字色 */
}

.btn-m-outline:hover {
  background-color: #4DC3DB;
  /* ホバー時の色 */
  color: #fff;
  /* ホバー時の文字色 */
  font-weight: bold;
  /* ホバー時の太字 */
}

/* はじめての方へセクション */
.for-beginners-section {
  background-color: #fff;
  border-radius: 15px;
  padding: 20px 6px 20px 3px;
  margin: 0 5px 30px 0;
}

.for-beginners-section img {
  max-width: 330px;
  height: auto;
}

.for-beginners-section p {
  margin: 1rem;
  text-align: left;
}

.for-beginners-section a {
  max-width: 80%;
}

/* 学習の種類セクション */
.learning-types p {
  margin: 1rem;
  text-align: left;
}

@media (min-width: 768px) {
  .learning-types p {
    max-width: 80%;
  }
}

.learning-types-section img {
  max-width: 420px;
  height: auto;
}

/* 講座一覧セクション */
.course-list-section {
  max-width: 600px;
  height: 100%;
  background-color: #fff;
  border-radius: 15px;
  border: 1px solid #B1D3DB;
  padding: 20px 6px 10px 3px;
  margin: 0 5px 20px 0;
}

.course-list-section .course-icon {
  max-width: 35px;
  width: 100%;
  height: auto;
  margin: 5px;
}

.course-list-section img {
  max-width: 330px;
  height: auto;
}

.course-list-section p {
  text-align: left;
}

.course-list-section p a {
  text-decoration: none;
  color: #283239;
}

.course-list-section a {
  max-width: 80%;
}

.course-list-section .tag {
  color: #D0C768;
}

.course-list-section h4 {
  color: #2AB0CB;
  font-family: 'Noto Sans JP';
  font-weight: 300;
}

.course-list-section h4 a,
.course-list-section h4 a:visited {
  text-decoration: none;
  color: #2AB0CB;
}

.course-list-section h4 a :hover,
.course-list-section h4 a:visited :hover {
  font-weight: bold;
  text-decoration: underline;
}

.course-list-section h4 a :visited,
.course-list-section h4 a:visited :visited {
  color: #2AB0CB;
}

/* お客様の声セクション */
.testimonial-section {
  max-width: 600px;
  position: relative;
  display: inline-block;
  margin-bottom: 20px;
  padding: 16px;
  border-radius: 10px;
  background-color: #fff;
  text-align: left;
  font-size: 16px;
  font-weight: 400;
  line-height: 2;
  color: #513437;
}

.testimonial-section .avatar-area-m {
  border: none;
  height: auto;
  max-width: 100%;
}

.testimonial-section .avatar-area-m img {
  width: 65px;
  height: auto;
}

.testimonial-section .testimonial_text_subject, .testimonial-section .testimonial_name {
  color: #49BBD2;
}

.testimonial-section .testimonial_text {
  padding: 1rem 0;
  color: #513437;
  font-family: 'Noto Sans JP';
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.8rem;
}

/* コラムセクション */
.column-section .card {
  border: none;
  background-color: #fff;
}

.column-section .card-img-top {
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  border: 1px solid #B1D3DB;
  padding: 20px 6px 0 3px;
  background-color: #B1D3DB;
  text-align: center;
}

.column-section .card-img-top img {
  max-width: 260px;
  height: auto;
  margin: 0 auto;
}

.column-section .card-body {
  background-color: #fff;
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
  border: 1px solid #B1D3DB;
}

.column-section .post-date {
  color: #83ADBA;
}

.column-section a {
  text-decoration: none;
}

/* メディア掲載セクション */
.media-section .img-nikkei-money {
  max-width: 218px;
  width: 90%;
  height: auto;
}

.media-section .img-yanushitojinushi {
  max-width: 332px;
  width: 90%;
  height: auto;
}

/* フッターセクション */
.site-footer {
  background-color: #E1F0F2;
  color: #fff;
  padding: 20px 0 10px 0;
  text-align: center;
}

.site-footer ul {
  margin: auto;
}

@media (min-width: 768px) {
  .site-footer ul {
    margin: 0 0 0 20px;
  }
}

.site-footer a {
  text-decoration: none;
}

.site-footer a:visited {
  color: #283239;
}

.site-footer .footer-brand img {
  max-width: 176px;
  width: 100%;
  margin-bottom: 10px;
}

.site-footer .footer-social img {
  max-width: 48px;
  width: 100%;
  height: auto;
  margin: 5px 0 5px 0;
}

.site-footer .copyright {
  color: #283239;
  font-family: 'Noto Sans JP';
  font-weight: 400;
  font-size: 0.8rem;
  margin: 40px auto 10px auto;
}

.gray-bg {
  background-color: #FAFAFA;
}

.text-strong {
  color: #2AB0CB;
  font-family: 'Noto Sans JP';
  font-weight: 600;
}

.h3 {
  color: #283239;
  font-family: 'Noto Sans JP';
  font-weight: 300;
  font-size: 1.3rem;
  line-height: 1.3rem;
}

@media (min-width: 768px) {
  .h3 {
    font-weight: 300;
    font-size: 1.6rem;
    line-height: 2rem;
  }
}

.h4 {
  color: #2AB0CB;
  font-family: 'Noto Sans JP';
  font-weight: 300;
  font-size: 1.2rem;
  line-height: 1.2rem;
}

@media (min-width: 768px) {
  .h4 {
    font-weight: 300;
    font-size: 1.5rem;
    line-height: 2rem;
  }
}

/* マネ学についてページ */
.about-page .countup-target, .first-challenge-page .countup-target {
  font-size: 3rem;
  font-weight: bold;
  color: #2AB0CB;
  text-align: center;
  margin-top: 10px;
  display: inline-block;
}

.about-page .h3-color, .first-challenge-page .h3-color {
  color: #2AB0CB;
  font-size: 3rem;
  font-weight: bold;
  text-align: center;
  margin-top: 10px;
  display: inline-block;
}

@media (min-width: 768px) {
  .about-page .h3-color, .first-challenge-page .h3-color {
    font-weight: 300;
    font-size: 3rem;
    line-height: 2rem;
  }
}

.about-page .text-color, .first-challenge-page .text-color {
  color: #2AB0CB;
}

.about-page .reasons-selected-section, .first-challenge-page .reasons-selected-section {
  background-color: #fff;
  border-radius: 15px;
  padding: 20px 6px 20px 3px;
  margin: 0 5px 30px 0;
  height: 100%;
}

.about-page .reasons-selected-section img, .first-challenge-page .reasons-selected-section img {
  max-width: 330px;
  height: auto;
}

.about-page .reasons-selected-section p, .first-challenge-page .reasons-selected-section p {
  margin: 1rem;
  text-align: left;
}

.about-page .reasons-selected-section a, .first-challenge-page .reasons-selected-section a {
  max-width: 80%;
}

.about-page .life-list, .first-challenge-page .life-list {
  list-style: none;
  padding: 0;
  margin: 0;
  position: relative;
  font-size: 1.2rem;
  line-height: 1.7rem;
  color: #283239;
  font-family: "Noto Serif JP";
  font-weight: 400;
}

@media (min-width: 768px) {
  .about-page .life-list, .first-challenge-page .life-list {
    font-size: 1.4rem;
    line-height: 2.5rem;
  }
}

.about-page .life-list li, .first-challenge-page .life-list li {
  color: #2AB0CB;
}

.about-page .marker-animate, .first-challenge-page .marker-animate {
  display: inline;
  background: #FAFAFA;
  background: linear-gradient(47deg, #f5ec8f 0%, #f5ec8f 33%, #f5ec8f 62%, #f5ec8f 100%);
  line-height: 3;
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: 0% 60%;
  /* 初期状態は幅0 */
  background-position: left 130%;
  -webkit-transition: background-size 1s cubic-bezier(0.4, 0, 0.2, 1);
  transition: background-size 1s cubic-bezier(0.4, 0, 0.2, 1);
  padding: 0.1em 0.2em;
  border-radius: 0.2em;
}

.about-page .marker-animate.active, .first-challenge-page .marker-animate.active {
  background-size: 100% 60%;
  /* 幅を100%に拡大してマーカーを引く */
}

.about-page .h4-header, .first-challenge-page .h4-header {
  border-bottom: 2px solid #2AB0CB;
  font-weight: 400;
  color: #2AB0CB;
  padding: 10px 10px;
  margin-top: 10px;
}

/* スケジュール　ページ */
.simcal-day {
  border: 1px solid #B1D3DB !important;
}

.simcal-default-calendar-grid .simcal-day-number {
  padding: 2px !important;
}

.simcal-event {
  border: none !important;
}

.simcal-calendar .simcal-day-number {
  background-color: #B1D3DB !important;
  color: #666;
  padding: 10px 7px !important;
}

.calendar {
  width: 100%;
  border-collapse: collapse;
  margin-top: 20px;
}

.calendar caption {
  font-size: 1.5em;
  margin-bottom: 10px;
}

.calendar th, .calendar td {
  border: 1px solid #ccc;
  width: 14%;
  vertical-align: top;
  padding: 5px;
}

.calendar td {
  height: 100px;
}

.event {
  font-size: 0.9em;
  background: #def;
  margin-bottom: 3px;
  padding: 2px;
  border-radius: 3px;
}

/* お問い合わせページ */
.contact-textarea p {
  margin: 1px;
  padding: 0;
  text-align: left;
  line-height: 1.5;
}

.single img {
  max-width: 50%;
  height: auto;
}

a[href*="https://ws.formzu.net/"] {
  /* ここにスタイルを記述 */
  display: inline-block;
}

a[href*="https://ws.formzu.net/"] img {
  max-width: 100%;
  height: auto;
}

/* コラムページ */
/*ページネーション自体のデザイン*/
.page-link {
  margin: 10px 8px;
  /* 左右のマージンを少し大きめに */
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  /* テキストを中央寄せ */
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 40px;
  /* 固定幅 */
  height: 40px;
  /* 固定高さ */
  border-radius: 50%;
  /* 正円に */
  aspect-ratio: 1 / 1;
}

.pagination .active > .page-link {
  background-color: #83C5D3;
  color: white;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  aspect-ratio: 1 / 1;
  border: none;
}

.pagination > li > a {
  border: none;
  /*枠線をなくす*/
  color: #696969;
  /*文字の色を変える*/
}

/* 表示しているページ番号のデザイン */
.active > .page-link, .page-link.active {
  border: none;
  /*枠線をなくす*/
}

.pagination > .active > span {
  background: #83C5D3;
  /*背景の色を変える*/
  aspect-ratio: 1 / 1;
  border-radius: 50%;
}

/*ホバー時のデザイン*/
.pagination > li > a:hover {
  border-radius: 15px;
  /*角を丸くする*/
  background: none;
  /*背景を透明にする*/
}

/* 講座一覧　ページ */
.course-category-page a {
  text-decoration: none;
  color: #283239;
}

.course-category-page a:hover {
  font-weight: bold;
}

.course-category-page a:visited {
  color: #283239;
}

.course-category-page .btn-tag-option {
  max-width: 250px !important;
  /* 最大幅を設定 */
  white-space: nowrap;
  /* テキストの折り返しを防ぐ */
  background-color: #fff;
  /* 背景色 */
  color: #2AB0CB;
  /* 文字色 */
  padding: 7px 20px;
  /* 内側の余白 */
  border: 1px solid #2AB0CB;
  /* 枠線 */
  border-radius: 9999px;
  /* 角の丸み（5px） */
  cursor: pointer;
  /* ポインターに変更 */
  font-size: 16px;
  /* フォントサイズ */
  text-align: center;
  display: inline-block;
  -webkit-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease;
  /* ホバー効果用 */
  text-decoration: none;
  /* 下線なし */
}

.course-category-page .btn-tag-option:hover {
  background-color: #2AB0CB;
  /* ホバー時の色 */
  color: #fff;
  /* ホバー時の文字色 */
  font-weight: bold;
  /* ホバー時の太字 */
  font-size: 1.1rem;
  /* ホバー時のフォントサイズ */
}

.course-category-page .btn-tag-option.selected {
  background-color: #4DC3DB;
  /* ホバー時の色 */
  color: #fff;
  /* ホバー時の文字色 */
  font-weight: bold;
  /* ホバー時の太字 */
}

.course-category-page .btn-tag-option2 {
  max-width: 250px !important;
  /* 最大幅を設定 */
  white-space: nowrap;
  /* テキストの折り返しを防ぐ */
  background-color: #fff;
  /* 背景色 */
  color: #2AB0CB;
  /* 文字色 */
  padding: 7px 20px;
  /* 内側の余白 */
  border: 1px solid #2AB0CB;
  /* 枠線 */
  cursor: pointer;
  /* ポインターに変更 */
  font-size: 14px;
  /* フォントサイズ */
  text-align: center;
  display: inline-block;
  -webkit-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease;
  /* ホバー効果用 */
  text-decoration: none;
  /* 下線なし */
}

.course-category-page .btn-tag-option2:hover {
  background-color: #2AB0CB;
  /* ホバー時の色 */
  color: #fff;
  /* ホバー時の文字色 */
  font-weight: bold;
  /* ホバー時の太字 */
  font-size: 1.1rem;
  /* ホバー時のフォントサイズ */
}

.course-category-page .btn-tag-option2.selected {
  background-color: #4DC3DB;
  /* ホバー時の色 */
  color: #fff;
  /* ホバー時の文字色 */
  font-weight: bold;
  /* ホバー時の太字 */
}

.course-category-page .course-tag-txt {
  color: #D0C768;
  display: inline;
}

.course-category-page .course-h3 {
  font-size: 3rem;
  font-weight: bold;
  color: #2AB0CB;
  text-align: center;
  margin-top: 10px;
  display: inline-block;
  line-height: 2rem;
}

.course-category-page .course-h3 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #2AB0CB;
}

.course-category-page .course-h3::before, .course-category-page .course-h3::after {
  width: 2px;
  height: 40px;
  background-color: #2AB0CB;
  content: '';
}

.course-category-page .course-h3::before {
  -webkit-transform: rotate(-35deg);
          transform: rotate(-35deg);
  margin-right: 30px;
}

.course-category-page .course-h3::after {
  -webkit-transform: rotate(35deg);
          transform: rotate(35deg);
  margin-left: 30px;
}

.course-category-page dt {
  font-size: 2.5rem;
  /* 大きな文字サイズ */
  font-weight: 700;
  /* 太字 */
  margin-bottom: 0.3rem;
}

.course-category-page dd {
  margin-left: 0;
  font-size: 1.25rem;
  /* 説明文はやや大きめ */
  color: #6c757d;
  /* Bootstrapのtext-mutedに近い色 */
  margin-top: 1.2rem !important;
  margin-bottom: 1rem !important;
}

/* コラム一覧　ページ */
.column-category-page a {
  text-decoration: none;
}

/* コラム詳細　ページ */
.column-single-page {
  background-color: #fafafa;
}

.column-single-page .container {
  background-color: #fff;
}

.column-single-page article {
  padding: 20px;
  margin: 20px 0;
  background-color: #fff;
}

.column-single-page h1 {
  color: #2AB0CB;
  font-family: 'Noto Sans JP';
  font-weight: 300;
  font-size: 1.6rem;
  line-height: 2rem;
}

.column-single-page a {
  text-decoration: none;
  color: #2AB0CB;
}

.column-single-page a :hover {
  font-weight: bold;
  text-decoration: underline;
}

.column-single-page a :visited {
  color: #2AB0CB;
}

.column-single-page img {
  width: 100% !important;
  max-width: 100% !important;
  height: auto;
  margin: 20px 0;
}

.carousel-item img {
  max-height: 700px;
  width: auto;
}
/*# sourceMappingURL=manegaku.css.map */