img {
  -o-object-fit: cover;
  object-fit: cover;
}

a:hover {
  opacity: 0.7;
  transition: 0.3s;
}

body {
  container-type: normal !important
}

.pc-only {
  display: block !important;
}

.tab-only {
  display: none !important;
}

.sp-only {
  display: none !important;
}

section {
  padding: 80px 0;
}

.btn {
  background: #05479B;
  color: #fff;
  text-align: center;
  font-weight: bold;
  padding: 12px 48px;
  border-radius: 50px;
  text-decoration: none;
  display: block;
  width: fit-content;
  margin: 0 auto;
}

.btn::after {
  content: " ";
  background: url(../img/angle.svg);
  display: inline-block;
  width: 6.72px;
  height: 11.249px;
  margin-left: 24px;
}

.text-orange {
  color: #FF6E3B;
}

.d-flex {
  display: flex;
}

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

h3 {
  font-size: 36px;
  font-weight: bold;
  margin-bottom: 32px;
  text-align: center;
}

.page-top {
  bottom: 106px;
}

.fixed-btn {
  padding: 20px 0;
  background-color: #C6E9FF;
  position: fixed !important;
  left: 0;
  bottom: 0;
  width: 100%;
  z-index: 10;
  opacity: 0;
  transition: opacity 0.3s ease;
  will-change: transform, opacity;
  -webkit-transform: translateZ(0) !important;
  transform: translateZ(0) !important;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

/* 表示用クラス */
.fixed-btn.is-show {
  opacity: 1;
  pointer-events: auto;
}

/* フッター到達時に隠すためのクラス（お好みで） */
.fixed-btn.is-hide {
  opacity: 0;
  pointer-events: none;
}

.fixed-btn .d-flex {
  gap: 32px;
  justify-content: center;
}

.fixed-btn .btn {
  margin: inherit !important;
}

.mv {
  background: url(../img/mv.png);
  height: 600px;
  position: relative;
  background-size: cover;
  background-position: center;
}

.mv h2 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

@supports (background-image: url('../img/mv.webp')) {
  .mv {
    background-image: url('../img/mv.webp');
  }
}

.ui-static-section-wrapper {
  padding-top: 0;
  padding-bottom: 0;
}

.what {
  text-align: center;

  background: linear-gradient(180deg, #E4FFFA 0.5%, #CEF2FF 100%);
}

.what__sub-title {
  font-size: 20px;
  margin-bottom: 16px;
  font-weight: bold;
}

.what h3 {
  font-size: 40px;
  color: #05479B;
  font-weight: bold;
  margin-bottom: 40px;
}

.what h3 span {
  font-size: 26px;
  color: #2C2A29;
}

.what .text {
  line-height: 180%;
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 40px;
}

.what .d-flex {
  gap: 40px;
  padding: 0 132px;
}

.what .d-flex div {
  width: 50%;
  border-radius: 21px;
  border: 4px solid #28A2DF;
  background: #fff;
  padding: 32px 0;
}

.what .d-flex div .text-point {
  color: #28A2DF;
  text-align: center;
  font-family: "Roboto", sans-serif;
  font-size: 21px;
  font-weight: bold;
  line-height: 130%;
  margin-bottom: -4px;
}

.what .d-flex div .text-number {
  color: #28A2DF;
  text-align: center;
  font-family: "Roboto", sans-serif;
  font-size: 60px;
  font-weight: bold;
  line-height: 130%;
  letter-spacing: -3.594px;
  margin-bottom: 16px;
}

.what .d-flex div h4 {
  color: #05479B;
  text-align: center;
  font-size: 29.63px;
  font-style: normal;
  font-weight: bold;
  margin-bottom: 32px;
}

.what .d-flex div .text-rate {
  color: #05479B;
  font-weight: bold;
  margin-bottom: 6px;
}

.what .d-flex div .text-orange {
  font-size: 26px;
  font-weight: bold;
}

.what .d-flex div .text-orange span {
  font-size: 46px;
  line-height: 130%;
  letter-spacing: -1.387px;
  margin-left: 8px;
  font-family: "Roboto", sans-serif;
}

.what .d-flex div:nth-of-type(2) h4 {
  margin-bottom: 20px;
}

.what .d-flex div:nth-of-type(2) .text-orange {
  margin-bottom: 12px
}

.what .d-flex div:nth-of-type(2) .text-orange span {
  margin-left: 0px;
}

.what .d-flex div:nth-of-type(2) .text-possible {
  color: #05479B;
  font-family: "Roboto", sans-serif;
  font-size: 26px;
  font-weight: bold;
  line-height: 130%;
  letter-spacing: -0.79px;
}

.example {

  background: url(../img/bg_example.png);
  background-size: cover;
  background-position: center;
}

@supports (background-image: url('../img/bg_example.webp')) {
  .example {
    background-image: url('../img/bg_example.webp');
  }
}

.example h3 {
  margin-bottom: 40px;
}

.example .example__case:not(:last-of-type) {
  margin-bottom: 80px;
}

.example__case .d-flex {
  gap: 32px;
}

.example__case .d-flex picture {
  width: 38%;
}

.example .example__case:nth-of-type(2) .d-flex picture {
  width: 30%;
}

.example__case .d-flex picture img {
  width: 100%;
}

.example__case .d-flex .example__case__text {
  width: 62%;
}

.example .example__case:nth-of-type(2) .d-flex .example__case__text {
  width: 70%;
}

.example__case__text__case {
  border-radius: 110px;
  color: #28A2DF;
  border: 2.753px solid #28A2DF;
  background: #fff;
  font-size: 22px;
  font-family: "Roboto", sans-serif;
  font-weight: bold;
  width: fit-content;
  padding: 0 18px;
  margin-bottom: 8px;
}

.example__case__text h4 {
  font-size: 26px;
  font-weight: bold;
  margin-bottom: 16px;
  color: #05479B;
}

.example__case__text__sub-title {
  color: #28A2DF;
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 16px;
}

.example__case__text__box {
  border-radius: 12px;
  border: 4px solid #E0EDFF;
  background: linear-gradient(180deg, #FFFFFF 0%, #F0F9FF 100%);
  padding: 24px;
}

.example__case__text__box h5 {
  color: #05479B;
  font-weight: bold;
  line-height: 160%;
  font-size: 16px;
  margin-bottom: 8px;
}

.example__case__text__box ul li {
  font-weight: bold;
  line-height: 160%;
  font-size: 14px;
}

.custom-table {
  width: 100%;
  border-collapse: collapse;
  max-width: 1035px;
  margin: 0 auto;
  margin-top: 24px;
  margin-bottom: 8px;
}

.custom-table th,
.custom-table td {
  border: 1px solid #0C3388;
  height: 64px;
  text-align: center;
  vertical-align: middle;
  color: #0C3388;
  font-size: 20px;
}

.custom-table th {
  background: #92BEFF;
}

.custom-table td span {
  font-size: 14px;
  margin-top: -3px;
  display: block;
  line-height: 1.2;
}

.custom-table th:first-of-type {
  background: #DEEDFF;
}

.custom-table tr:first-child td {
  background: #92BEFF;
  font-weight: bold;
}

.custom-table tr:not(:first-child) td {
  color: #2C2A29;
  background: #fff;
}

.custom-table tr:first-child th,
.custom-table tr:first-child td {
  width: 16.666%;
}

.quick-reference {
  margin: 0 auto;
  text-align: center;
  background: #EFF9FF;
}

.quick-reference h3 span {
  font-size: 14px;
  margin-left: 8px;
}

.quick-reference .ui-static-section-wrapper {
  max-width: 840px;
  margin: 0 auto;
}

.quick-reference ul {
  text-align: left;
}

.quick-reference ul li {
  text-indent: -1em;
  padding-left: 1em;
  font-size: 14px;
}

.choice {

  margin: 0 auto;
  text-align: center;
  background: #EFF9FF;
}

.choice .ui-static-section-wrapper {
  max-width: 782px;
  margin: 0 auto;
}

.choice ul {
  text-align: left;
}

.choice ul li {
  text-indent: -1em;
  padding-left: 1em;
  font-size: 14px;
}

.choice .custom-table tr:nth-of-type(3) th,
.choice .custom-table tr:nth-of-type(5) th {
  padding: 35px 0;
}

.choice .custom-table tr:first-child th,
.choice .custom-table tr:first-child td {
  width: auto;
}

.flow {
  background: #C6E9FF;
  text-align: center;

}

.flow p {
  font-size: 20px;
}

.flow img {
  width: 100%;
  margin: 16px 0 32px;
}

.plan-course {

  background: #EFF9FF;
}

.tab-group {
  display: flex;
  gap: 4px;
}

.tab-btn {
  flex: 1;
  padding: 0px 8px;
  text-align: center;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #05479B;
  transition: 0.3s;
  color: #05479B;
  border-radius: 4px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 16px 8px;
}

.tab-btn h3 {
  margin: 0;
  font-size: 26px;
  line-height: 1.3;
  font-weight: bold;
}

.tab-btn span {
  font-size: 16px;
  display: block;
  margin-bottom: 2px;
}

.tab-btn.active {
  background-color: #05479B;
  color: #fff;
  position: relative;
}

.tab-btn.active::after {
  content: " ";
  display: inline-block;
  background: url(../img/triangle.svg);
  width: 16px;
  height: 8px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -9px;
  animation: fadeIn 0.1s;
}

.tab-content {
  display: none;
  padding-top: 48px;
}

.tab-content.active {
  display: block;
  animation: fadeIn 0.5s;
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.tab-content-wrapper .d-flex {
  justify-content: center;
  gap: 18px;
  align-items: center;
}

.tab-content-wrapper .d-flex p {
  font-size: 20px;
  color: #28A2DF;
  font-weight: bold;
}

.tab-content-wrapper .d-flex p span {
  border-radius: 110px;
  border: 2.7px solid #28A2DF;
  font-family: "Roboto", sans-serif;
  font-size: 22px;
  padding: 0 14px;
  color: #28A2DF;
  font-weight: bold;
  margin-right: 8px;
  background: #fff;
}

.tab-content-wrapper .custom-table tr:nth-child(2n + 3) td {
  background: #DEEDFF;
}

.tab-content-wrapper .custom-table tr:first-child td:first-of-type {
  width: 208px;
}

.tab-content-wrapper .custom-table tr:first-child th,
.tab-content-wrapper .custom-table tr:first-child td {
  width: auto;
}

.tab-content-wrapper .custom-table tr:first-child th {
  width: 107px;
}

.tab-content-wrapper .custom-table th,
.tab-content-wrapper .custom-table td {
  height: 45px;
}

.tab-content-wrapper ul {
  max-width: 1035px;
  margin: 0 auto;
  margin-bottom: 32px;
}

.tab-content-wrapper li {
  max-width: 1035px;
  margin: 0 auto;
  font-size: 14px;
  line-height: 1.3;
  color: #888;
}

.plan-course__case {
  text-align: center;
  margin-bottom: 32px;
}

.plan-course__case h4 {
  font-size: 26px;
  line-height: 1.3;
  font-weight: bold;
  color: #28A2DF;
  padding: 10px 24px;
  border-radius: 8px;
  border: 2px solid #28A2DF;
  background: #FFF;
  width: fit-content;
  margin: 0 auto;
  margin-bottom: 8px;
}

.plan-course__case dl {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 8px;
}

.plan-course__case dl:first-of-type {
  gap: 44px;
}

.plan-course__case dl:nth-of-type(2) {
  gap: 24px;
}

.plan-course__case dl dt {
  color: #28A2DF;
  line-height: 1.3;
  font-weight: bold;
  font-size: 20px;
}

.plan-course__case dl dd {
  color: #28A2DF;
  line-height: 1.3;
  font-weight: bold;
  font-size: 36px;
}

.plan-course__case__notes {
  font-size: 14px;
  font-weight: bold;
  line-height: 1.3;
  color: #28A2DF;
  margin-bottom: 8px;
}

.plan-course__case__otoku {
  color: #FF6E3B;
  font-weight: bold;
  font-size: 26px;
  line-height: 1.3;
}

.how-to-use {
  background: #C6E9FF;
}

.how-to-use .d-flex {
  padding: 21px 24px 21px 0;
  align-items: center;
  gap: 35px;
}

.how-to-use__card {
  background: #fff;
  padding-left: 218px;
  position: relative;
  max-width: 978px;
  border-radius: 8px;
  box-shadow: 6px 10px 0 0 #BFD8E5;
  margin: 0 auto;
}

.how-to-use__card:not(:last-of-type) {
  margin-bottom: 50px;
}

.how-to-use__card:last-of-type {
  margin-bottom: 32px;
}

.how-to-use__card__flag {
  width: 137px;
  position: absolute;
  top: -10px;
  left: 51px;
}

.how-to-use__card picture img {
  width: 185px;
}

.how-to-use__card__right h4 {
  color: #FF6E3B;
  font-size: 26px;
  font-weight: bold;
  line-height: 1.3;
  margin-bottom: 8px;
}

.how-to-use__card__right picture {
  display: none;
}

.how-to-use__card__right h5 {
  color: #28A2DF;
  font-weight: bold;
  line-height: 1.3;
  margin-bottom: 8px;
  font-size: 16px;
}

.how-to-use__card__right ul li {
  font-weight: bold;
  display: flex;
  justify-content: space-between;
  gap: 32px;
}

.how-to-use__card__right ul li:not(:last-of-type) {
  margin-bottom: 4px;
}

.how-to-use__card__right__link {
  color: #05479B;
  font-weight: bold;
}

.how-to-use__card__right__link::before {
  content: " ";
  background: url(../img/angle_btn.svg);
  display: inline-block;
  width: 12px;
  height: 12px;
  background-size: contain;
  background-repeat: no-repeat;
  margin-right: 6px;
}

.how-to-use__card__right ul .text-gray {
  font-size: 14px;
  color: #888;
}

.how-to-use__card:nth-of-type(3) .how-to-use__card__right ul li {
  color: #05479B;
}

.how-to-use__card:nth-of-type(3) .how-to-use__card__right__link {
  font-size: 14px;
}

.faq {
  background: #EFF9FF;
}

.ui-static-section-wrapper .ui-static-accordion:not(:last-of-type) {
  margin-bottom: 16px;
}

.ui-static-accordion-trigger {
  background: #fff;
}

.ui-static-accordion-trigger .ui-static-accordion-text {
  color: #004097;
  font-size: 18px;
}

.ui-static-accordion-trigger:hover {
  background: #fff;
  opacity: 0.7;
}

.ui-static-accordion-content {
  border: none;
}

.ui-static-accordion-content-inner dt {
  font-size: 14px;
  display: flex;
  color: #05479B;
  padding: 16px;
  background-color: #E6F2FC;
  gap: 16px;
  font-weight: bold;
  border-radius: 8px;
  margin: 16px 0;
}

.ui-static-accordion-content-inner dt::before {
  font-size: 20px;
  content: "Q.";
  line-height: 1.3;
}

.ui-static-accordion-content-inner dd {
  font-size: 14px;
  display: flex;
  font-family: "Roboto", sans-serif;
  margin-left: 16px;
}

.ui-static-accordion-content-inner dd a {
  color: #0063B0;
}

.ui-static-accordion-content-inner dd:not(:last-of-type) {
  margin-bottom: 24px;
}

.ui-static-accordion-content-inner dd::before {
  font-size: 20px;
  content: "A.";
  line-height: 1.3;
  font-weight: bold;
  margin-right: 16px;
}

.contact .bg-blue {
  background-color: #E0EDFF;
  padding: 32px 24px;
  text-align: center;
  max-width: 928px;
  margin: 0 auto;
  margin-bottom: 32px;
}

.contact .bg-blue h4 {
  font-size: 20px;
  color: #0063B0;
  margin: 8px 0;
  font-weight: bold;
}

.contact .bg-blue a {
  display: block;
  max-width: 256px;
  padding: 11.5px 24px;
  background: #fff;
  border-radius: 40px;
  margin: 0 auto;
  margin-bottom: 8px;
  color: #0063B0;
  font-weight: bold;
  position: relative;
}

.contact .bg-blue a::before {
  content: " ";
  display: inline-block;
  background: url(../img/tel.svg);
  width: 9.43px;
  height: 14.68px;
  background-size: contain;
  background-repeat: no-repeat;
  margin-right: 4px;
}

.contact .bg-blue ul {
  text-align: left;
}

.contact .bg-blue ul {
  text-align: left;
  width: fit-content;
  margin: 0 auto;
}

.contact__link-list {
  display: flex;
  gap: 22px;
  margin-bottom: 160px;
}

.contact__link-list li {
  width: 25%;
  font-size: 14px;
  text-align: left;
  border-radius: 8px;
  border: 1px solid #939DAD;
  background: #FFF;
}

.contact__link-list li a {
  width: 100%;
  height: 100%;
  padding: 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #2C2A29;
  text-decoration: none;
}

.contact__link-list li a::after {
  content: " ";
  display: inline-block;
  background: url(../img/angle-gray.svg);
  width: 4.48px;
  height: 7.499px;
}

.contact__notes {
  max-width: 911px;
  margin: 0 auto;
}

.contact__notes h4 {
  font-size: 26px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 32px;
}

.contact__notes ul {
  margin: 0 auto;
  margin-bottom: 32px;
}

.contact__notes ul li {
  line-height: 1.6;
  font-size: 14px;
  text-indent: -1em;
  padding-left: 1em;
}

.contact__notes p {
  line-height: 1.6;
  font-size: 14px;
}

.bnr {
  background: #C6E9FF;
  padding: 40px;
}

.bnr a {
  text-align: center;
  display: block;
}

.bnr img {
  background: #C6E9FF;
  max-width: 960px;
  margin: 0 auto;
  width: 100%;
}

/* ダウンロードページ PC */
.download .mv {
  height: 300px;
}

.download__download {
  max-width: 980px;
  margin: 0 auto;
}

.download__download h4 {
  font-size: 20px;
  line-height: 1.6;
  font-weight: bold;
  margin-bottom: 40px;
  text-align: center;
}

.download__download__notes {
  font-size: 20px;
  line-height: 1.6;
  text-indent: -1em;
  padding-left: 1em;
  margin-bottom: 40px;
}

.download__download__notes a {
  color: #2C2A29;
}

.download__download .d-flex {
  gap: 36px;
  flex-wrap: wrap;
}

.download__download .d-flex div {
  width: calc(50% - 18px);
  border-radius: 16px;
  border: 5px solid #D2E7FF;
  background: #F0F9FF;
  padding: 64px 24px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.download__download .d-flex div h5 {
  color: #05479B;
  text-align: center;
  font-size: 20px;
  font-weight: bold;
  line-height: 130%;
  margin-bottom: 16px;
}

.download__download .d-flex div p {
  margin-bottom: 16px;
  font-size: 14px;
}

.download__download .d-flex div:nth-of-type(even) p {
  text-align: center;
}

.download__download .d-flex div ul li a {
  color: #05479B;
  font-size: 14px;
  font-weight: bold;
}

.download__download .d-flex div ul li::before {
  content: " ";
  background: url(../img/download.svg);
  display: inline-block;
  background-size: contain;
  background-repeat: no-repeat;
  width: 10.769px;
  height: 10.769px;
  margin-right: 6px;
}















@media (min-width: 768px) {
  .tab-btn h3 span:nth-of-type(2) {
    display: inline;
    font-size: 26px;
  }
}


@media (max-width: 820.98px) {
  .tab-only {
    display: block !important;
  }

  .what .d-flex {
    padding: 0;
  }

  .how-to-use__card {
    padding-left: 0;
  }

  .how-to-use .d-flex {
    justify-content: center;
    padding: 30px 30px 40px;
  }

  .how-to-use__card__flag {
    width: 77px;
    top: -5px;
    left: 18px;
  }

  .how-to-use__card picture {
    display: none;
  }

  .how-to-use__card picture img {
    width: 120px;
  }

  .how-to-use__card__right {
    text-align: center;
  }

  .how-to-use__card__right h4 {
    text-align: center;
  }

  .how-to-use__card__right picture {
    display: block !important;
  }

  .how-to-use__card__right ul li {
    flex-direction: column;
    gap: 0;
    text-align: left;
    font-size: 14px;
  }

  .how-to-use__card__right ul li:not(:last-of-type) {
    margin-bottom: 8px;
  }

  .how-to-use .d-flex {
    flex-direction: column;
  }

  .how-to-use__card__right__link::before {
    margin-right: 3px;
  }

  .how-to-use__card__right__link {
    display: flex;
    align-items: baseline;
  }

  .how-to-use__card__right h5 {
    text-align: left;
  }

  .tab-content-wrapper .d-flex p {
    width: 100%;
    max-width: 312px;
    white-space: nowrap;
  }

  .tab-content-wrapper .d-flex p span {
    margin-right: 4px;
  }

  .tab-content-wrapper .d-flex {
    gap: 18px;
    align-items: center;
    flex-wrap: wrap;
    flex-direction: column;
    margin-bottom: 24px;
  }

  .tab-content {
    padding-top: 24px;
  }

  .tab-content-wrapper .d-flex svg {
    transform: rotate(90deg);
  }

  .custom-table th,
  .custom-table td {
    font-size: 16px;
  }
}

@media (max-width: 767.98px) {
  .pc-only {
    display: none !important;
  }

  .sp-only {
    display: block !important;
  }

  section {
    padding: 64px 0;
  }

  .btn {
    padding: 12px 25px;
  }

  .page-top {
    bottom: 86px;
  }

  h3 {
    font-size: 28px;
    margin-bottom: 24px;
  }

  .fixed-btn {
    padding: 16px 0;
  }

  .fixed-btn .d-flex {
    gap: 12px;
  }

  .fixed-btn .btn {
    padding: 10px 12px;
    font-size: 14px;
  }

  .fixed-btn .btn::after {
    margin-left: 4px;
  }

  .mv h2 {
    padding: 21px;
    width: 100%;
  }

  .mv h2 img {
    width: 100%;
  }

  .mv {
    background: url(../img/mv_sp.png);
    background-size: cover;
    background-position: center;
  }


  @supports (background: url('../img/mv_sp.webp')) {
    .mv {
      background: url(../img/mv_sp.webp);
      background-size: cover;
      background-position: center;
    }
  }

  .what {
    padding: 32px 0;
  }

  .what__sub-title {
    font-size: 16px;
    margin-bottom: 12px;
  }

  .what h3 {
    font-size: 32px;
    margin-bottom: 32px;
  }

  .what h3 span {
    font-size: 18px;
  }

  .what .text {
    font-size: 16px;
    margin-bottom: 32px;
  }

  .what .d-flex {
    gap: 32px;
    flex-wrap: wrap;
  }

  .what .d-flex div {
    width: 100%;
    padding: 22px 0;
    margin: 0 32px;
  }

  .what .d-flex div .text-point {
    font-size: 15px;
    margin-bottom: -6px;
  }

  .what .d-flex div .text-number {
    font-size: 42px;
    margin-bottom: 6px;
  }

  .what .d-flex div h4 {
    font-size: 21px;
    margin-bottom: 6px;
  }

  .what .d-flex div .text-rate {
    margin-bottom: 0px;
    font-size: 11px;
  }

  .what .d-flex div .text-orange {
    font-size: 19px;
  }

  .what .d-flex div .text-orange span {
    font-size: 32px;
    margin-left: 7px;
  }

  .what .d-flex div:nth-of-type(2) h4 {
    margin-bottom: 0px;
  }

  .what .d-flex div:nth-of-type(2) .text-orange {
    margin-bottom: 5px;
  }

  .what .d-flex div:nth-of-type(2) .text-possible {
    font-size: 19px;
  }

  .example {
    padding: 32px 0;
  }

  .example .example__case:not(:last-of-type) {
    margin-bottom: 64px;
  }

  .example__case .d-flex {
    gap: 12px;
    flex-wrap: wrap;
  }

  .example__case .d-flex picture {
    width: 100% !important;
  }

  .example__case .d-flex .example__case__text {
    width: 100% !important;
  }

  .example__case__text h4 {
    font-size: 18px;
    margin-bottom: 12px;
  }

  .example__case__text__sub-title {
    font-size: 16px;
    margin-bottom: 12px;
  }

  .example__case__text__box ul li {
    white-space: nowrap;
  }

  .example__case:nth-of-type(even) .d-flex {
    flex-direction: column-reverse;
  }

  .flow p {
    font-size: 16px;
  }

  .table-wrapper {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    margin: 20px 0;
  }

  .custom-table {
    min-width: 600px;
    margin-top: 0;
  }

  .custom-table tr:first-child th,
  .custom-table tr:first-child td {
    width: auto;
    min-width: 140px;
  }

  /* スクロールバー自体の高さ */
  .table-wrapper::-webkit-scrollbar {
    height: 15px;
  }

  /* スクロールバーの背景（レール部分） */
  .table-wrapper::-webkit-scrollbar-track {
    background: #FFF;
    border-radius: 10px;
  }

  /* スクロールバーのつまみ部分 */
  .table-wrapper::-webkit-scrollbar-thumb {
    background: #28A2DF;
    border-radius: 10px;
  }

  .table-wrapper::-webkit-scrollbar-thumb:hover {
    background: #1e81b3;
  }

  .tab-btn h3 {
    font-size: 24px;
  }

  .tab-btn span {
    font-size: 14px;
    display: block;
    margin-bottom: 2px;
  }

  .tab-btn span:first-of-type {
    margin-bottom: 10px;
  }

  .tab-content-wrapper .custom-table tr:first-child th {
    min-width: 91px;
  }

  .tab-content-wrapper .d-flex p {
    width: 100%;
  }

  .plan-course__case h4 {
    font-size: 18px;
    padding: 10px 17px;
  }

  .plan-course__case dl dt {
    font-size: 16px;
  }

  .plan-course__case dl dd {
    font-size: 28px;
  }

  .plan-course__case__otoku {
    font-size: 18px;
  }

  .how-to-use .how-to-use__card:nth-of-type(3) .how-to-use__card__right h4 {
    margin-left: 60px;
  }

  .how-to-use__card__right h5 br {
    display: none !important;
  }

  .contact .bg-blue {
    padding: 24px;
  }

  .contact__link-list {
    gap: 16px;
    margin-bottom: 128px;
    flex-direction: column;
  }

  .contact__link-list ul {
    padding: 0 38px;
  }

  .contact__link-list li {
    width: 100%;
  }

  .contact__notes h4 {
    font-size: 18px;
    margin-bottom: 24px;
  }


  .contact__notes ul {
    margin-bottom: 24px;
  }

  .bnr {
    padding: 32px 0px;
  }

  /* ダウンロードページ SP */
  .download__download h3 {
    margin-bottom: 32px;
  }

  .download__download h4 {
    font-size: 16px;
    text-align: left;
  }

  .download__download__notes {
    font-size: 16px;
    margin-bottom: 32px;
  }

  .download__download .d-flex div {
    width: 100%;
    padding: 48px 22px;
  }

  .download__download .d-flex div ul li {
    text-indent: -1em;
    padding-left: 1em;
  }
}