@charset "utf-8";
[data-button="none"]{
  color: #fff;
  background: #EEE;
  border: none;
  pointer-events: none;
}
.mt24{
  margin-top: 24px !important;
}
.mt48{
  margin-top: 48px !important;
}
.fs{
  display: inline-block;
}
.page-content__head2{
  font-size: 2.4rem;
  text-align: center;
  margin-bottom: 48px;
}
.kv{
  max-width: 390px;
  margin: 0 auto;
}
.kv-inner{
  width: calc(100% + 48px);
  margin: 0 -24px;
}
.child-nisa__btn{
  display: flex;
  flex-direction: column;
  row-gap: 16px;
  margin-top: 48px;
  align-items: center;
}
.child-nisa__btn-link{
  max-width: 342px;
  width: 100%;
  min-height: 44px;
  height: 100%;
  margin:  0 auto;
}
.list-note__child-nisa{
  display: flex;
  flex-direction: column;
  row-gap: 4px;
}
.link-tab__lists{
  display: flex;
  margin-bottom: 24px;
}
.link-tab__lists > li {
  flex-grow: 1;
}
.link-tab__select-tab{
  width: 50%;
  min-height: 60px;
  border-bottom: 2px #ddd solid;
  transition: .3s;
}
.link-tab__title {
  color: #242323;
  font-weight: 600;
  text-align: center;
  font-size: 1.4rem;
  line-height: 1.5;
  transition: .3s;
  display: flex;
  justify-content: center;
  width: 100%;
  height: 100%;
  padding: 10px 2px 8px;
  align-items: center;
}
.link-tab__title:hover {
  text-decoration: none;
}
.link-tab__select-tab.active{
  border-bottom: 2px #fa1919 solid;
}
.link-tab__select-tab.active .link-tab__title{
  color: #fa1919;
}
.about-nisa__text-wrrap{
  display: flex;
  flex-direction: column;
  align-items: center;
}
.about-nisa__img{
  margin: 0 auto;
  max-width: 334px;
  margin-top: 24px;
}
.features-list{
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 16px;
  max-width: 346px;
  margin: 0 auto;
  margin-top: 24px;
  justify-content: center;
}
.features-item{
  position: relative;
  margin-top: 18px;
  border: 1px solid #DDD;
  border-radius: 18px;
  text-align: center;
}
.features-item__wrrap{
  display: flex;
  padding: 15px 0;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  align-self: stretch;
}
.features-item__num{
  position: absolute;
  max-width: 80px;
  width: 100%;
  top: -18px;
  left: 50%;
  transform: translate(-50%, 0%);
  padding: 6px 12px;
  border-radius: 20px;
  font-size: 1.4rem;
  font-weight: 600;
  text-align: center;
  color: #fff;
  background-color: #00B9F5;
}
.features-item__sub-title{
  font-size: 1.8rem;
  font-weight: 600;
  color: #333;
  display: flex;
  height: 54px;
  flex-direction: column;
  justify-content: center;
  flex-shrink: 0;
  align-self: stretch;
}
.features-item__title{
  display: flex;
  align-items: end;
  justify-content: center;
  font-size: 2rem;
  font-weight: bold;
  color: #FA1919;
}
.features-item__title--fz32{
  font-size: 3.2rem;
}
.features-item__title--fz24{
  font-size: 2.4rem;
}
.features-item__title--small{
  font-size: 1.8rem;
}
.simulation-nisa__data{
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.simulation-nisa__img{
  max-width: 432px;
  margin:  0 auto;
}
.simulation-table{
  max-width: 432px;
  margin:  0 auto;
  width: 100%;
  border-spacing: 0;
}
.simulation-thead th{
  color: #fff;
  font-weight: 600;
  padding: 8px;
  background-color: #3481E9;
  text-align: center;
  border-bottom: 2px solid #fff;
}
.simulation-tbody td{
  width: 50%;
  padding: 8px;
}
.simulation-tbody__title,.simulation-tbody__content{
  border-bottom: 2px solid #fff;
}
.simulation-tbody__title{
  font-weight: bold;
  background-color: #BAEEFF;
  border-right: 2px solid #fff;
}
.simulation-tbody__content{
  text-align: right;
  background-color: #E5F8FF;
}
.flow{
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.flow-img{
  max-width: 342px;
  margin: 0 auto;
}
@media screen and (min-width:768px) {
  .page-h1{
    padding: 0;
  }
  .page-content__wrapper {
    margin: 0;
  }
  .link-tab__lists > li {
    cursor: pointer;
  }  
  .link-tab__title {
    font-size: 1.6rem;
    line-height: 1.5;
    padding: 18px 2px 16px;
  }  
.page-content__head2{
    font-size: 3.2rem;
  }
  .kv{
    max-width: 840px;
  }
  .kv-inner{
    width: 100%;
    margin: 0;
  }
    .child-nisa__btn-link{
    max-width: 400px;
  }  
  .features-text{
    display: flex;
    justify-content: center;
  }
  .features-list{
    width: 100%;
    max-width: initial;
    grid-template-columns: repeat(auto-fit, minmax(198px, 1fr));
  }
  .simulation-nisa__data{
    flex-wrap: wrap;
    flex-direction: row-reverse;
  }
  .flow{
    flex-direction: row;
  }
  .simulation-table,.simulation-nisa__img{
    max-width: 408px;
  }
  .child-nisa__btn-link{
    min-height: 60px;
    font-size: 1.6rem;
  }  
}