@charset "UTF-8";

.pc_none {
  display: none !important;
}

.sp_none {
  display: block !important;
}

.kodomoNisaIntro {
  display: flex;
  align-items: center;
  gap: 15px;
  margin: 0 0 15px;
  font-size: 2.0rem;
  font-weight: bold;
  line-height: 1.4;
}

.kodomoNisaIntro .kodomoNisaIntro__image {
  width: 40px;
}

.kodomoNisaIntro .kodomoNisaIntro__text {
  width: calc(100% - 55px);
}

.kodomoNisaPoint {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 30px;
}

.kodomoNisaPoint .kodomoNisaPoint__col {
  width: calc((100% - 60px) / 3);
  padding: 52px 40px 30px;
  box-sizing: border-box;
  border-radius: 10px;
  font-size: 1.4rem;
  line-height: 1.4;
  text-align: center;
  background: #F3F6FA;
  position: relative;
}

.kodomoNisaPoint .kodomoNisaPoint__col::before {
    content: "";
    display: block;
    width: 40px;
    height: 5px;
    background: var(--Main1);
    border-radius: 100px;
    position: absolute;
    top: -2.5px;
    left: 40px;
}

.kodomoNisaPoint .kodomoNisaPoint__col .kodomoNisaPoint__col--point {
  position: absolute;
  top: 25px;
  left: 40px;
    display: grid;
    justify-content: center;
    font-family: "Outfit", sans-serif;
    font-weight: 700;
    font-size: 1.5rem;
    line-height: .88;
    color: var(--Main1);
    white-space: nowrap;
}

.kodomoNisaPoint .kodomoNisaPoint__col .kodomoNisaPoint__col--point .num {
    font-size: 4.0rem;
}

.kodomoNisaPoint .kodomoNisaPoint__col .kodomoNisaPoint__col--img {
  margin: 0 0 20px;
}

.kodomoNisaPoint .kodomoNisaPoint__col .kodomoNisaPoint__col--type {
  display: inline-block;
  margin: 0 0 5px;
  padding: 6px 10px 7px;
  border-radius: 3px;
  font-weight: bold;
  color: var(--Main1);
  line-height: 1.1;
  background: var(--bgBlue);
}

.kodomoNisaPoint .kodomoNisaPoint__col .kodomoNisaPoint__col--title {
  margin: 0 0 5px;
  font-size: 2.8rem;
  font-weight: bold;
  color: var(--Main1);
}

.kodomoNisaPoint .kodomoNisaPoint__col .kodomoNisaPoint__col--title._small {
  font-size: 2.4rem;
}

.kodomoNisa__scroll {
  overflow: auto;
}

.kodomoNisa__scroll img {
  width: 1028px;
  max-width: none;
}

.kodomoNisaComment {
  padding: 20px 30px 30px;
  border-radius: 5px;
  text-align: center;
  background: var(--bgYellow);
}

.kodomoNisaComment .kodomoNisaComment__cmt {
  display: inline-block;
  margin: 0 0 15px;
  padding: 5px 15px;
  border-radius: 10px;
  font-size: 1.5rem;
  font-weight: bold;
  font-family: "Outfit", sans-serif;
  color: var(--Main1);
  line-height: 1;
  background: var(--Yellow);
}

.kodomoNisaComment .kodomoNisaComment__text {
  font-size: 2.4rem;
  font-weight: bold;
  line-height: 1.4;
}

.kodomoNisa2col {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
}

.kodomoNisa2col .kodomoNisa2col__col {
  width: calc((100% - 30px) / 2);
  padding: 30px;
  border: 1px solid var(--lineColor);
  border-radius: 10px;
  box-sizing: border-box;
}

.kodomoNisa2col .kodomoNisa2col__col .componentHeading03 {
  margin: 0 0 20px;
}

.kodomoNisa2col .kodomoNisa2col__col .kodomoNisa2col__col--inner {
  display: flex;
  justify-content: space-between;
}

.kodomoNisa2col .kodomoNisa2col__col .kodomoNisa2col__col--inner .kodomoNisa2col__col--inner_txt {
  width: calc(100% - 100px);
}

.kodomoNisa2col .kodomoNisa2col__col .kodomoNisa2col__col--inner .kodomoNisa2col__col--inner_img {
  width: 80px;
}

.kodomoNisa2col .kodomoNisa2col__col .kodomoNisa2col__col--list li {
  padding: 0 0 0 24px;
  background: url(../img/ico_cross.svg) no-repeat 0 .5em;
  background-size: 14px auto;
}

.kodomoStartIntro {
  display: flex;
  justify-content: space-between;
}

.kodomoStartIntro .kodomoStartIntro__txt {
  width: calc(100% - 340px);
}

.kodomoStartIntro .kodomoStartIntro__img {
  width: 300px;
}

.kodomoNisa__table .kodomoNisa__table--gray {
  background: #EDEDED;
}

.kodomoNisa__table .componentTable tr th {
  width: 29%;
  box-sizing: border-box;
}

.kodomoNisa__table .componentTable tr th:first-child {
  width: 13%;
}


.kodomoNisa__table .componentTable tr td {
  width: 29%;
}

.componentTable__title--gray {
  color: #fff;
  background: var(--gray) !important
}

.kodomoNisaType {
  padding: 40px;
  border-radius: 20px;
  background: var(--bgGray);
  position: relative;
}

.kodomoNisaType .kodomoNisaType__image {
  position: absolute;
  top: -20px;
  left: 40px;
}

.kodomoNisaType .kodomoNisaType__title {
  margin: 0 0 40px;
  padding: 0 110px; 
  font-size: 2.8rem;
  font-weight: bold;
  text-align: center;
  line-height: 1.4;
}

.kodomoNisaType .kodomoNisaType__list {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
  margin: 0 0 40px;
  position: relative;
}

.kodomoNisaType .kodomoNisaType__list .kodomoNisaType__list--col {
  width: calc((100% - 30px) / 2);
  border: 1px solid var(--Main1);
  border-radius: 10px;
  background: var(--White);
  overflow: hidden;
}

.kodomoNisaType .kodomoNisaType__list .kodomoNisaType__list--col
 .kodomoNisaType__list--col_tit {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 15px;
  padding: 10px 40px;
  font-size: 2.4rem;
  font-weight: bold;
  color: var(--White);
  line-height: 1.4;
  background: var(--Main1);
}

.kodomoNisaType .kodomoNisaType__list .kodomoNisaType__list--col
 .kodomoNisaType__list--col_in {
  padding: 20px 40px 30px;
}

.kodomoNisaType .kodomoNisaType__list .kodomoNisaType__list--col
 .kodomoNisaType__list--col_in .tit_area {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin: 0 0 15px;
  padding: 0 0 15px;
  border-bottom: 1px dashed #BFCFE5;
}

.kodomoNisaType .kodomoNisaType__list .kodomoNisaType__list--col
 .kodomoNisaType__list--col_in .tit_area .tit {
  margin: 0 0 10px;
  font-size: 2.2rem;
  font-weight: bold;
  color: var(--Main1);
  line-height: 1.4;
}

.kodomoNisaType .kodomoNisaType__list .kodomoNisaType__list--col
 .kodomoNisaType__list--col_in .tit_area .detail {
  padding: 6px 10px;
  border-radius: 3px;
  font-size: 1.4rem;
  font-weight: bold;
  color: var(--Main1);
  line-height: 1.1;
  background: var(--bgBlue);
}

.kodomoNisaType .kodomoNisaType__list .kodomoNisaType__list--col
 .kodomoNisaType__list--col_in .list_tit {
  margin: 0 0 5px;
  font-size: 1.8rem;
  font-weight: bold;
  color: var(--Main1);
 }

.kodomoNisaType .kodomoNisaType__list .kodomoNisaType__list--col
 .kodomoNisaType__list--col_in .list {
  display: flex;
  flex-direction: column;
  gap: 5px;
  margin: 0 0 0 30px;
  list-style-type: disc;
 }

.kodomoNisaType .kodomoNisaType__list .kodomoNisaType__list--col
 .kodomoNisaType__list--col_in .list li::marker {
  color: var(--Main1);
 }

.kodomoNisaType .kodomoNisaType__list .kodomoNisaType__list--cross {
  position: absolute;
  top: 100px;
  left: 50%;
  transform: translate(-50%,0);
}

.kodomoNisaType .kodomoNisaType__list .kodomoNisaType__list--col ~ .kodomoNisaType__list--col {
  border-color: var(--Main2);
}

.kodomoNisaType .kodomoNisaType__list .kodomoNisaType__list--col ~ .kodomoNisaType__list--col .kodomoNisaType__list--col_tit {
  background: var(--Main2);
}

.kodomoNisaType .kodomoNisaType__list .kodomoNisaType__list--col ~ .kodomoNisaType__list--col .kodomoNisaType__list--col_in .tit_area .tit {
  color: var(--Main2);
}

.kodomoNisaType .kodomoNisaType__list .kodomoNisaType__list--col ~ .kodomoNisaType__list--col .kodomoNisaType__list--col_in .tit_area .detail {
  color: var(--Main2);
  background: #ECF7F1;
}

.kodomoNisaType .kodomoNisaType__list .kodomoNisaType__list--col ~ .kodomoNisaType__list--col .kodomoNisaType__list--col_in .list_tit {
  color: var(--Main2);
}

.kodomoNisaType .kodomoNisaType__list .kodomoNisaType__list--col ~ .kodomoNisaType__list--col .kodomoNisaType__list--col_in .list li::marker {
  color: var(--Main2);
}

.kodomoNisaType .kodomoNisaType__text {
  font-size: 2.4rem;
  font-weight: bold;
  text-align: center;
  line-height: 1.4;
}

.kodomoNisaType .kodomoNisaType__text .em {
  color: var(--Main1);
  background:linear-gradient(transparent 60%, #FEE260 60%);
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
}

.kodomoNisaType .kodomoNisaType__text .em2 {
  color: var(--Main2);
  background:linear-gradient(transparent 60%, #FEE260 60%);
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
}

.kodomoNisaCv {
  padding: 20px 40px;
  border-radius: 10px;
  text-align: center;
  background: var(--bgYellow);
}

.kodomoNisaCv .kodomoNisaCv_text {
  margin: 0 0 40px;
  padding: 0 170px;
  font-size: 2.4rem;
  font-weight: bold;
  color: var(--Main1);
  background: url(../img/bg_cv02.png) no-repeat right center, url(../img/bg_cv01.png) no-repeat 0 center;
  background-size: 151px auto, 151px auto;
}

.kodomoNisaCv .kodomoNisaCv_btn {
  max-width: 402px;
  margin: 0 auto 40px;
}

.kodomoNisaCv .kodomoNisaCv_btn .componentBtn.disabled {
  border-color: var(--lineColor);
  background: var(--lineColor);
}

.kodomoNisaCv .kodomoNisaCv_btn .componentBtn.disabled::before {
    background-image: url(../img/icon_account_disabled.svg);
    background-size: 100% auto;
}

.kodomoNisaCv .kodomoNisaCv_btn .componentBtn.disabled > span {
  color: #787878;
}

.kodomoNisaCv .kodomoNisaCv_inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 20px;
  border-radius: 20px;
  background: #FEF3BF;
}

.kodomoNisaCv .kodomoNisaCv_inner .kodomoNisaCv_inner--cmt {
    display: inline-block;
    margin: 0 0 10px;
    padding: 5px 15px 7px;
    font-weight: 700;
    background: var(--Yellow);
    border-radius: 10px;
    line-height: 1.25;
    letter-spacing: .04em;
    position: relative
}

.kodomoNisaCv .kodomoNisaCv_inner .kodomoNisaCv_inner--cmt::after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    margin: 0 auto;
    border-left: 5px solid rgba(0,0,0,0);
    border-right: 5px solid rgba(0,0,0,0);
    border-top: 10px solid var(--Yellow);
    position: absolute;
    top: calc(100% - 3px);
    left: 50%;
    transform: translateX(-50%)
}

.kodomoNisaCv .kodomoNisaCv_inner .kodomoNisaCv_inner--title {
  display: inline-block;
  margin: 0 0 20px;
  padding: 0 30px;
  font-size: 2.0rem;
  font-weight: bold;
  color: var(--Main1);
  line-height: 1.4;
  position: relative;
}

.kodomoNisaCv .kodomoNisaCv_inner .kodomoNisaCv_inner--title::before {
  content: '';
  position: absolute;
  top: calc(50% - 10px);
  left: 5px;
  width: 2px;
  height: 20px;
  background: var(--Main1);
  rotate: -25deg;
}

.kodomoNisaCv .kodomoNisaCv_inner .kodomoNisaCv_inner--title::after {
  content: '';
  position: absolute;
  top: calc(50% - 10px);
  right: 5px;
  width: 2px;
  height: 20px;
  background: var(--Main1);
  rotate: 25deg;
}

.kodomoNisaCv .kodomoNisaCv_inner .componentBtn {
  max-width: 375px;
  background: var(--White);
}

.kodomoNisaCv .kodomoNisaCv_inner .componentBtn:hover {
  background: var(--Main2);
}

.kodomoNisaCv .kodomoNisaCv_inner .componentBtn::before {
  width: 32px;
  height: 32px;
  background-size: 20px auto;
}

.kodomoNisaCv .kodomoNisaCv_inner .componentBtn > span {
  font-size: 1.6rem;
  color: var(--Main2);
}

.kodomoNisaCv .kodomoNisaCv_inner .componentBtn:hover > span {
  color: var(--White);
}

.kodomoNisaLogin {
  padding: 40px;
  border-radius: 10px;
  background: var(--bgGray);
}

.kodomoNisaLogin .kodomoNisaLogin__title {
  display: flex;
  gap: 50px;
  margin: 0 0 30px;
}

.kodomoNisaLogin .kodomoNisaLogin__title .kodomoNisaLogin__title--text {
  width: calc(100% - 342px);
  font-weight: bold;
}

.kodomoNisaLogin .kodomoNisaLogin__title .componentBtn {
  width: 292px;
  height: 72px;
}

.kodomoNisaLogin .kodomoNisaLogin__title .componentBtn > span {
  line-height: 1.2;
}

.kodomoNisaLogin .kodomoNisaLogin__title .componentBtn b {
  display: block;
}

.kodomoNisaLogin .kodomoNisaLogin__list {
  padding: 10px 40px 30px;
  border-radius: 10px;
  background: var(--White);
}

.kodomoNisaLogin .kodomoNisaLogin__list .kodomoNisaLogin__list--ac {
  padding: 20px 0;
  border-bottom: 1px dashed #BFCFE5;
}

.kodomoNisaLogin .kodomoNisaLogin__list .kodomoNisaLogin__list--ac .trigger {
  padding: 3px 40px 3px 0;
  font-size: 1.8rem;
  font-weight: bold;
  color: var(--Main1);
  line-height: 1.4;
  background: url(../img/ico_open.svg) no-repeat right center;
  background-size: 30px auto;
  cursor: pointer;
}

.kodomoNisaLogin .kodomoNisaLogin__list .kodomoNisaLogin__list--ac .trigger.active {
  background: url(../img/ico_close.svg) no-repeat right center;
  background-size: 30px auto;
}

.kodomoNisaLogin .kodomoNisaLogin__list .kodomoNisaLogin__list--ac .accordion {
  display: none;
  margin: 15px 0 0;
}

.kodomoStartLearn {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
}

.kodomoStartLearn .kodomoStartLearn__col {
  width: calc((100% - 60px) / 3);
  padding: 15px 15px 20px;
  border: 1px solid var(--lineColor);
  box-sizing: border-box;
  border-radius: 10px;
  box-shadow: 4px 4px 0px rgba(15, 19, 80, .07);
}

@media screen and (min-width: 1025px) {
  .kodomoStartLearn .kodomoStartLearn__col {
    transition: all .2s ease;
  }
  .kodomoStartLearn .kodomoStartLearn__col:hover {
    border-color:var(--Main1);
    color: var(--Main1);
    box-shadow: none;
    transform: translateX(4px) translateY(4px)
  }
}

.kodomoStartLearn .kodomoStartLearn__col .kodomoStartLearn__col--img {
  margin: 0 0 10px;
}

.kodomoStartLearn .kodomoStartLearn__col .kodomoStartLearn__col--img img {
  border-radius: 10px;
}

.kodomoStartLearn .kodomoStartLearn__col .kodomoStartLearn__col--cmt {
  display: inline-block;
  margin: 0 0 7px;
  padding: 3px 10px;
  border-radius: 10px;
  background: #F3F6FA;
  font-size: 1.3rem;
  font-weight: bold;
  color: var(--Main1);
  line-height: 1.4;
  position: relative;
}

.kodomoStartLearn .kodomoStartLearn__col .kodomoStartLearn__col--cmt::before {
  content: '';
  position: absolute;
  bottom: -7px;
  left: calc(50% - 5px);
  border-top: 10px solid #F3F6FA;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
}

.kodomoStartLearn .kodomoStartLearn__col .kodomoStartLearn__col--title {
  line-height: 1.4;
}

@media only screen and (max-width: 1024px) {

  .pc_none {
    display: block !important;
  }

  .sp_none {
    display: none !important;
  }

  .kodomoNisaIntro {
    font-size: 1.8rem;
  }

  .kodomoNisaPoint {
    flex-direction: column;
    gap: 20px;
  }

  .kodomoNisaPoint .kodomoNisaPoint__col {
    width: 100%;
    padding: 52px 20px 20px;
    font-size: 1.2rem;
  }

  .kodomoNisaPoint .kodomoNisaPoint__col::before {
    width: 37px;
    height: 2px;
    top: -2px;
    left: 20px;
  }

  .kodomoNisaPoint .kodomoNisaPoint__col .kodomoNisaPoint__col--point {
    left: 20px;
    font-size: 1.2rem;
  }

  .kodomoNisaPoint .kodomoNisaPoint__col .kodomoNisaPoint__col--point .num {
    font-size: 3.2rem;
  }

  .kodomoNisaPoint .kodomoNisaPoint__col .kodomoNisaPoint__col--title {
    font-size: 2.4rem;
  }

  .kodomoNisaPoint .kodomoNisaPoint__col .kodomoNisaPoint__col--title._small {
    font-size: 2.0rem;
  }

  .kodomoNisaComment {
    padding: 20px;
  }

  .kodomoNisaComment .kodomoNisaComment__cmt {
    margin: 0 0 10px;
    font-size: 1.3rem;
  }

  .kodomoNisaComment .kodomoNisaComment__text {
    font-size: 1.8rem;
  }

  .kodomoNisa2col {
    flex-direction: column;
    gap: 20px;
  }

  .kodomoNisa2col .kodomoNisa2col__col {
    width: 100%;
    padding: 20px;
  }

  .kodomoStartIntro {
    flex-direction: column;
    gap: 20px;
  }

  .kodomoStartIntro .kodomoStartIntro__txt {
    width: 100%;
  }

  .kodomoStartIntro .kodomoStartIntro__img {
    width: 100%;
    text-align: center;
  }

  .kodomoNisaType {
    padding: 20px;
  }

  .kodomoNisaType .kodomoNisaType__image {
    display: none;
  }

  .kodomoNisaType .kodomoNisaType__title {
    margin: 0 0 20px;
    font-size: 2.0rem;
  }

  .kodomoNisaType .kodomoNisaType__list {
    flex-direction: column;
    gap: 0;
    margin: 0 0 20px;
  }

  .kodomoNisaType .kodomoNisaType__list .kodomoNisaType__list--col {
    width: 100%;
  }

  .kodomoNisaType .kodomoNisaType__list .kodomoNisaType__list--col .kodomoNisaType__list--col_tit {
    gap: 10px;
    padding: 10px 20px;
    font-size: 1.8rem;
  }

  .kodomoNisaType .kodomoNisaType__list .kodomoNisaType__list--col .kodomoNisaType__list--col_tit .ico {
    width: 35px;
  }

  .kodomoNisaType .kodomoNisaType__list .kodomoNisaType__list--col .kodomoNisaType__list--col_in {
    padding: 20px;
  }

  .kodomoNisaType .kodomoNisaType__list .kodomoNisaType__list--col .kodomoNisaType__list--col_in .tit_area .tit {
    font-size: 1.8rem;
  }

  .kodomoNisaType .kodomoNisaType__list .kodomoNisaType__list--col .kodomoNisaType__list--col_in .tit_area .detail {
    font-size: 1.2rem;
  }

  .kodomoNisaType .kodomoNisaType__list .kodomoNisaType__list--col .kodomoNisaType__list--col_in .list_tit {
    font-size: 1.6rem;
  }

  .kodomoNisaType .kodomoNisaType__list .kodomoNisaType__list--cross {
    margin: -20px auto -8px;
    position: static;
    transform: translate(0,0);
    text-align: center;
  }

  .kodomoNisaType .kodomoNisaType__text {
    font-size: 1.8rem;
  }

  .kodomoNisaCv {
    padding: 20px;
  }

  .kodomoNisaCv .kodomoNisaCv_text {
    margin: 0 0 20px;
    padding: 0;
    font-size: 1.8rem;
    background: none;
  }

  .kodomoNisaCv .kodomoNisaCv_inner {
    padding: 15px;
  }

  .kodomoNisaCv .kodomoNisaCv_inner .kodomoNisaCv_inner--title {
    font-size: 1.8rem;
  }

  .kodomoNisaLogin {
    padding: 20px;
  }

  .kodomoNisaLogin .kodomoNisaLogin__title {
    flex-direction: column;
    gap: 20px;
  }

  .kodomoNisaLogin .kodomoNisaLogin__title .kodomoNisaLogin__title--text {
    width: 100%;
  }

  .kodomoNisaLogin .kodomoNisaLogin__title .componentBtn {
    max-width: 292px;
    width: 100%;
  }

  .kodomoNisaLogin .kodomoNisaLogin__list {
    padding: 5px 15px 15px;
  }

  .kodomoNisaLogin .kodomoNisaLogin__list .kodomoNisaLogin__list--ac {
    padding: 10px 0;
  }

  .kodomoNisaLogin .kodomoNisaLogin__list .kodomoNisaLogin__list--ac .trigger {
    font-size: 1.6rem;
  }

  .kodomoNisaLogin .kodomoNisaLogin__list .kodomoNisaLogin__list--ac .accordion {
    margin: 10px 0 0;
  }

  .kodomoStartLearn {
    flex-direction: column;
    gap: 20px;
  }

  .kodomoStartLearn .kodomoStartLearn__col {
    width: 100%;
  }

  .kodomoStartLearn .kodomoStartLearn__col .kodomoStartLearn__col--img {
    text-align: center;
  }

  .componentBlockAbout>.item__inner .item__img {
    text-align: center;
  }

}