/* style sheet*/
.nteacher {
  margin-top: 7rem;
}

.nteacher .teacher-title {
  margin: 7rem auto;
}

.nteacher .introduce-top {
  margin-top: 30rem;
}

.nteacher .introduce {
  height: 13rem;
  position: relative;
}

.nteacher .introduce .introduce-container {
  width: 100%;
  max-width: 850px;
  position: absolute;
  left: 0;
  right: 0;
}

.nteacher .introduce .introduce-container .cards {
  color: white;
  cursor: pointer;
}

.nteacher .introduce .introduce-container .cards img {
  border-radius: 50%;
}



.nteacher .introduce .introduce-container .cards .hobbyLength {
  font-size: 15px;
  padding: 4px 0 4px 0;
}

.nteacher .introduce .introduce-container .cards .hobbyLengthM {
  font-size: 10.4px;
  padding: 4px 0 4px 0;
}

.nteacher .introduce .introduce-container .cards .hobbyLengthL {
  font-size: 8px;
  padding: 4px 0 4px 0;
}

.nteacher .introduce .introduce-container .cards .hobbyLengthXl {
  font-size: 6px;
  padding: 4px 0 4px 0;
}

.nteacher .second-row {
  margin-top: 10rem !important;
}

/* introduce */

.nintroduce .introduce-row .cards-row .cards .cards-top .hobbyLength {
  font-size: 15px;
  padding: 4px 0 4px 0;
}

.nteacher .introduce .introduce-container .cards .hobbyLengthM {
  font-size: 10.4px;
  padding: 4px 0 4px 0;
}

.nintroduce .introduce-row .cards-row .cards .cards-top .hobbyLengthXM {
  font-size: 9px;
  padding: 4px 0 4px 0;
}

.nintroduce .introduce-row .cards-row .cards .cards-top .hobbyLengthL {
  font-size: 8px;
  padding: 4px 0 4px 0;
}

.nintroduce .introduce-row .cards-row .cards .cards-top .hobbyLengthXl {
  font-size: 6px;
  padding: 4px 0 4px 0;
}



a {
  text-decoration: none;
  color: white;
}

.nintroduce .introduce-title {
  padding: 7rem 0 15rem 0;
}

.nintroduce .introduce-row {
  position: relative;
  padding-bottom: 10rem;
}

.nintroduce .introduce-row .bg-subcolor {
  height: 10px;
  background-color: #b89849;
}

.nintroduce .introduce-row .bg-maincolor {
  height: 320px;
}

.nintroduce .introduce-row .cards-row {
  max-width: 870px;
  position: absolute;
  top: -8rem;
  right: 0;
  left: 0;
}

.nintroduce .introduce-row .cards-row .cards {
  /*【gg-013】検索機能改善*/
  width: 22%;
  /*width: 33%;*/
  border-top-left-radius: 87px 87px;
  border-top-right-radius: 87px 87px;
  z-index: 77;
  border: 3px solid #b89849;
  position: relative;
  cursor: pointer;
}

.nintroduce .introduce-row .cards-row .cards .cards-img {
  position: absolute;
  top: -12px;
  left: -2.3px;
  width: 102%;
}

.introduce .introduce-row .cards-row .cards .cards-img img {
  width: 101% !important;
  border: 3px solid #b89849;
  border-radius: 50%;
  margin-top: -2px;
}

.nintroduce .introduce-row .cards-row .cards .cards-top {
  padding-top: 175px;
}

.nintroduce .introduce-row .cards-row .cards .cards-top .evaluation {
  width: 70%;
  height: 2rem;
}

.nintroduce .introduce-row .cards-row .cards .cards-top .evaluation .star {
  color: #ff9900;
}

.nintroduce .introduce-row .cards-row .cards .cards-body {
  border-top: 3px dotted #b89849;
}

.nintroduce .introduce-row .cards-row .cards .cards-body .schedule {
  /*【gg-013】検索機能改善*/
  /*max-width: 100px;*/
  width: 100%;
  margin: 0;
}

.nintroduce .introduce-row .cards-row .cards .cards-body .schedule .table {
    display: block;
    width: 100% !important;
    height: calc(80vh/4);
    overflow-y: scroll;
    /*【gg-013】検索機能改善*/
    /*padding-left: 2.5px;*/
    padding-left: 17px;
}

.nintroduce .introduce-row .cards-row .cards .cards-body .schedule .table::-webkit-scrollbar {
  width: 1px;
}

.nintroduce .introduce-row .cards-row .cards:hover {
  background-color: #94d4f7 !important;
  opacity: 1;
}

.nintroduce .reservation-description {
  padding-top: 7rem;
}

/*【gg-013】検索機能改善*/
.formlink {
  width:80px;
  height:80px;
  font-size:15px;
  border:1px solid;
  text-align: center;
  padding:20px;
  margin-top: 10px;
}
/*【gg-013】検索機能改善*/
.formlink:hover {
  background-color: #94d4f7 !important;
  opacity: 1;
}
/*【gg-013】検索機能改善*/
.formlinkall {
  width:80px;
  height:80px;
  font-size:15px;
  border:1px solid;
  text-align: center;
  padding:30px;
  margin-top: 10px;
}
/*【gg-013】検索機能改善*/
.formlinkall:hover {
  background-color: #94d4f7 !important;
  opacity: 1;
}

/*【gg-013】検索機能改善*/
.shosai_top {
  margin-top: 40px;
}
/*【gg-013】検索機能改善*/
.shosai {
  margin-top: 20px;
}

/*【gg-013】検索機能改善*/
.js-cards_nihongo {
  font-size:13px;
}

/*【gx-009】詳細検索ちらつき防止*/ 
#box_shosai {
  display:none;
}

/*【gg-013】検索機能改善 iphone12 */
@media screen and (max-width: 480px) and (min-width: 380px) {
  .introduce-title {
    padding: 4rem 0 4rem 0 !important;
  }
  .introduce-row {
    padding-bottom: 2rem !important;
  }
  .introduce-row .cards-row {
    top: 2rem !important;
  }
  .introduce-row .cards-row .cards {
    /*【gg-013】検索機能改善*/
    /*width: 22% !important;*/
    width: 31% !important;
  }
  .introduce-row .cards-row .cards .cards-top {
    /*【gg-013】検索機能改善*/
    /*padding-top: 60px !important;*/
    padding-top: 110px !important;

  }
  .introduce-row .cards-row .cards .cards-top p {
    margin-bottom: 0;
  }
  .introduce-row .cards-row .cards .cards-top .evaluation {
    margin-bottom: 0 !important;
  }
  .introduce-row .cards-row .cards .cards-body {
    /*【gg-013】検索機能改善*/
    /*padding: 10px 0 10px 0 !important;*/
    padding: 5px 0 10px 0 !important;
  }
  .introduce-row .cards-row .cards .cards-body .schedule {
    height: 8rem !important;
    /*【gg-013】検索機能改善*/
    width:60px;
    /*width:360px;*/
    /*【gg-013】検索機能改善*/
    font-size: 9px;
  }
    /*【gg-013】検索機能改善*/
  .introduce-row .cards-row .cards .cards-body .schedule th {
    padding: 0;
    width:60px;
    font-size:12px;
  }

  /*【gg-013】検索機能改善*/
  .introduce-row .cards-row .cards .cards-body .schedule .td1{
    padding: 0;
    width:30px;
    min-width:30px;
  }  
  /*【gg-013】検索機能改善*/
  .introduce-row .cards-row .cards .cards-body .schedule .td2 {
    padding: 0;
    width:250px;
    min-width:100px;
  }
  /*【gg-013】検索機能改善*/
  .formlink {
  width:40px;
  height:40px;
  font-size:9px;
  border:1px solid;
  text-align: center;
  padding:5px;
  margin-top: 10px;
  }
  /*【gg-013】検索機能改善*/
  .formlinkall {
  width:40px;
  height:40px;
  font-size:9px;
  border:1px solid;
  text-align: center;
  padding:12px;
  margin-top: 10px;
  }
  /*【gg-013】検索機能改善*/
  .shosai_top {
      margin-top: 20px;
  }
  /*【gg-013】検索機能改善*/
  .shosai {
    margin-top: 10px;
  }
  /*【gg-013】検索機能改善*/
  .js-cards_nihongo {
    font-size:9px;
  }
  /*【gg-013】検索機能改善*/
  .button_sibori {
    font-size:12px;
  }
  /*【gg-013】検索機能改善*/
  .introduce .introduce-row .cards-row .cards .cards-body .schedule .table {

    display: block;
    width: 100% !important;
    /*height: calc(80vh/4);*/
    height: calc(80vh/4.6);
    overflow-y: scroll;
    /*padding-left: 2.5px;*/
    padding-left: 5px;
  }
/*【gx-009】詳細検索ちらつき防止*/ 
  #box_shosai {
    display:none;
  }
}
/*【gg-013】検索機能改善  iphone7, aquos */
@media screen and (max-width: 380px) {
  .introduce-title {
    padding: 4rem 0 4rem 0 !important;
  }
  .introduce-row {
    padding-bottom: 2rem !important;
  }
  .introduce-row .cards-row {
    top: 2rem !important;
  }
  .introduce-row .cards-row .cards {
    /*gg-013*/
    /*width: 22% !important;*/
    width: 31% !important;
  }
  .introduce-row .cards-row .cards .cards-top {
    /*gg-013*/
    /*padding-top: 60px !important;*/
    padding-top: 110px !important;

  }
  .introduce-row .cards-row .cards .cards-top p {
    margin-bottom: 0;
  }
  .introduce-row .cards-row .cards .cards-top .evaluation {
    margin-bottom: 0 !important;
  }
  .introduce-row .cards-row .cards .cards-body {
    /*gg-013*/
    /*padding: 10px 0 10px 0 !important;*/
    padding: 5px 0 10px 0 !important;
  }
  .introduce-row .cards-row .cards .cards-body .schedule {
    height: 8rem !important;
    /*gg-013*/
    width:60px;
    /*width:360px;*/
    /*gg-013*/
    font-size: 8px;
  }
    /*gg-013*/
  .introduce-row .cards-row .cards .cards-body .schedule th {
    padding: 0;
    width:60px;
    font-size:12px;
  }

  /*gg-013*/
  .introduce-row .cards-row .cards .cards-body .schedule .td1{
    padding: 0;
    width:30px;
    min-width:30px;
  }  
  /*gg-013*/
  .introduce-row .cards-row .cards .cards-body .schedule .td2 {
    padding: 0;
    width:250px;
    min-width:100px;
  }
  /*gg-013*/
  .formlink {
  width:40px;
  height:40px;
  font-size:9px;
  border:1px solid;
  text-align: center;
  padding:5px;
  margin-top: 10px;
  }
  /*gg-013*/
  .formlinkall {
  width:40px;
  height:40px;
  font-size:9px;
  border:1px solid;
  text-align: center;
  padding:12px;
  margin-top: 10px;
  }
  /*gg-013*/
  .shosai_top {
      margin-top: 20px;
  }
  /*gg-013*/
  .shosai {
    margin-top: 10px;
  }
  /*gg-013*/
  .js-cards_nihongo {
    font-size:9px;
  }
  /*gg-013*/
  .button_sibori {
    max-width: 200px;
    font-size:10px;
  }
  /*gg-013*/
  .introduce .introduce-row .cards-row .cards .cards-body .schedule .table {

    display: block;
    width: 100% !important;
    /*height: calc(80vh/4);*/
    /*gg-013-2*/
    height: calc(80vh/4);
    overflow-y: scroll;
    /*padding-left: 2.5px;*/
    padding-left: 5px;
  }
  #box_shosai {
    display:none;
  }
}
/*# sourceMappingURL=introduce.css.map */