@charset "UTF-8";
/* Scss Document */
/* -------------------------------------------------- */
/* file   : support.css                               */
/* update : 2026                                      */
/* -------------------------------------------------- */
/* -------------------------------------------------- */
/* pc向け */
/* --------------------------------------------------- */
.section {
  margin-top: 120px;
}
.section.bg_color {
  background: #F9F9F8;
  padding: 120px 0;
}

.mt01 {
  margin-top: 64px;
}

.title_l {
  text-align: center;
  font-size: 48px;
  font-weight: bold;
  color: #199778;
  line-height: 1.5;
}
.title_l .icon {
  display: inline-block;
  margin-right: 16px;
}

.btn_grade {
  width: 56.45%;
  max-width: 700px;
  margin: 96px auto;
}
.btn_grade a {
  display: block;
  background: #199778;
  border-radius: 50px;
  text-align: center;
  font-size: 20px;
  font-weight: bold;
  color: #fff;
  line-height: 1.5;
  padding: 35px 20px;
  transition: all 0.3s ease;
}
@media screen and (min-width: 750px) {
  .btn_grade a:hover {
    background: #0F775D;
  }
}
.btn_grade .icon {
  display: inline-block;
  margin-right: 8px;
}

.sec_title {
  position: relative;
  font-size: 40px;
  font-weight: bold;
  line-height: 1.5;
  padding-bottom: 16px;
  margin-bottom: 48px;
}
.sec_title::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 3px;
  background: #C9CFCE;
}
.sec_title::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 120px;
  height: 3px;
  background: #199778;
}
.sec_title .text_s {
  font-size: 30px;
}

.sec_middle_title {
  font-size: 28px;
  font-weight: bold;
  line-height: 1.3;
  margin-bottom: 24px;
}
.sec_middle_title .text_s {
  font-size: 24px;
}

.line {
  background: linear-gradient(transparent 50%, #F7F27A 0);
}

#commute_style {
  padding-top: 104px;
  margin-top: -104px;
}

.lead_sec {
  background: #FBFBF2;
  padding: 120px 0;
  margin-top: 64px;
}
.lead_sec .title {
  text-align: center;
  margin-top: 16px;
}
.lead_sec .title span {
  background: linear-gradient(transparent 92%, #EFD40C 0%);
  font-size: 48px;
  font-weight: bold;
  color: #199778;
  padding-bottom: 10px;
}
.lead_sec .sub_text {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  text-align: center;
  font-size: 28px;
  font-weight: bold;
  color: #199778;
  line-height: 1.2;
}
.lead_sec .sub_text::before, .lead_sec .sub_text::after {
  content: "";
  width: 2px;
  height: 30px;
  background-color: #199778;
  border-radius: 20px;
}
.lead_sec .sub_text::before {
  margin-right: 0.8em;
  transform: rotate(-40deg);
}
.lead_sec .sub_text::after {
  margin-left: 0.8em;
  transform: rotate(40deg);
}
.lead_sec .sec_title {
  margin-top: 96px;
}
.lead_sec .price_wrap {
  display: flex;
  gap: 0 4.84%;
}
.lead_sec .price_wrap .price_title {
  font-size: 20px;
  font-weight: bold;
  line-height: 1.5;
}
.lead_sec .price_wrap .price_title span {
  font-size: 14px;
}
.lead_sec .price_wrap .img_box {
  margin-top: 16px;
}
.lead_sec .price_wrap .price_item {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.lead_sec .price_wrap .item01 {
  position: relative;
  width: 43.55%;
}
.lead_sec .price_wrap .item01 img {
  width: 100%;
}
.lead_sec .price_wrap .item01::after {
  content: "";
  position: absolute;
  right: -8.5%;
  top: 70%;
  transform: translate(-8.5%, -70%);
  display: block;
  background: url(/tenhennyu/support/img/plus.svg) no-repeat top center/contain;
  width: 5%;
  aspect-ratio: 1/1;
}
.lead_sec .price_wrap .plus {
  width: 2.02%;
}
.lead_sec .price_wrap .item02 {
  width: 51.61%;
}
.lead_sec .price_wrap .item02 img {
  width: 100%;
}
.lead_sec .price_text {
  margin-top: 16px;
}
.lead_sec .price_text .line {
  font-size: 20px;
  font-weight: bold;
}

.table_box {
  width: 100%;
  box-sizing: border-box;
  border: 1px solid #E4E7E6;
  line-height: 1.5;
}
.table_box th,
.table_box td {
  box-sizing: border-box;
  border-bottom: 1px solid #E4E7E6;
  border-right: 1px solid #E4E7E6;
  vertical-align: middle;
  text-align: center;
  padding: 14px 28px;
}
.table_box th.th_color1 {
  background: #F9F9F8;
}
.table_box th.th_color2 {
  background: #FBFBF2;
}
.table_box td.text_l {
  text-align: left;
}
.table_box td.text_r {
  text-align: right;
}
.table_box.bg_white {
  background: #fff;
}

.table01 .th01 {
  width: 19.52%;
}
.table01 .td01 {
  width: 22.26%;
}
.table01 .td02 {
  width: 58.23%;
  text-align: left;
}

.table02 th {
  width: 50%;
}
.table02 td {
  width: 50%;
}

.table03 .th01 {
  width: 12.1%;
}
.table03 .th02 {
  width: 20.16%;
}
.table03 .th03 {
  width: 22.58%;
}

.table04 .th01 {
  width: 28.23%;
}
.table04 .th02 {
  width: 20.97%;
}
.table04 .th03 {
  width: 50%;
}

.exp_text {
  margin-top: 16px;
}
.exp_text .text_item {
  display: flex;
  gap: 0 5px;
}

.table_lead {
  font-size: 18px;
}

.table_supplement {
  font-size: 12px;
  text-align: right;
  margin-bottom: 4px;
}

.table_text_l {
  font-size: 20px;
  font-weight: bold;
  line-height: 1.5;
  margin-top: 16px;
}

.expenses_wrap {
  margin-top: 64px;
}
.expenses_wrap .tips_box {
  border: 2px solid #199778;
  border-radius: 20px;
  padding: 32px 40px;
  margin-top: 24px;
}
.expenses_wrap .tips_box .tips_title {
  font-size: 20px;
  font-weight: bold;
  color: #199778;
  line-height: 1.5;
}
.expenses_wrap .tips_box .tips_text {
  margin-top: 16px;
}

.simu_wrap {
  margin-top: 64px;
}
.simu_wrap .note {
  margin-top: 16px;
}

.style_wrap {
  margin-top: 16px;
}
.style_wrap .note {
  margin-top: 8px;
}

.option_wrap {
  margin-top: 16px;
}
.option_wrap .table04 td {
  width: 79.84%;
}
.option_wrap .point_box {
  display: flex;
  flex-wrap: wrap;
  gap: 0 2.1%;
  border: 2px solid #199778;
  border-radius: 20px;
  padding: 24px 32px;
  margin-top: 24px;
}
.option_wrap .point_box .point_icon {
  width: 3.23%;
}
.option_wrap .point_box .point_icon img {
  width: 100%;
}
.option_wrap .point_box .point_text {
  width: 90.32%;
}
.option_wrap .point_box .text_l {
  font-size: 20px;
  font-weight: bold;
  line-height: 1.5;
}
.option_wrap .point_box .note {
  display: inline-block;
}
.option_wrap .point_box .point_note {
  display: block;
  width: 100%;
  padding-left: 5.33%;
  margin-top: 8px;
}
.option_wrap .contact_text {
  font-size: 24px;
  font-weight: bold;
  line-height: 1.5;
  margin-top: 24px;
}

.school_wrap {
  margin-top: 16px;
}
.school_wrap .table_box .note {
  display: inline-block;
  text-align: left;
  margin-top: 16px;
}
.school_wrap .table04 th {
  width: 28.23%;
}
.school_wrap .table04 td {
  width: 71.77%;
}

/* -------------------pc END------------------------------- */
/* -------------------------------------------------- */
/* tablet向け */
/* --------------------------------------------------- */
/* ---------------------tablet END----------------------------- */
/* -------------------------------------------------- */
/* sp向け */
/* --------------------------------------------------- */
@media screen and (max-width: 750px) {
  .section {
    margin-top: 60px;
  }
  .section.bg_color {
    padding: 48px 0;
  }
  .mt01 {
    margin-top: 32px;
  }
  .title_l {
    font-size: 20px;
  }
  .title_l .icon {
    display: inline-block;
    width: 30px;
    margin-right: 8px;
  }
  .btn_grade {
    width: 100%;
    max-width: 100%;
    margin: 42px auto;
  }
  .btn_grade a {
    font-size: 16px;
    padding: 18px 10px;
  }
}
@media screen and (max-width: 750px) and (min-width: 750px) {
  .btn_grade a:hover {
    background: #199778;
  }
}
@media screen and (max-width: 750px) {
  .btn_grade .icon {
    display: inline-block;
    margin-right: 8px;
  }
  .sec_title {
    font-size: 22px;
    padding-bottom: 8px;
    margin-bottom: 24px;
  }
  .sec_title::before {
    height: 2px;
  }
  .sec_title::after {
    width: 60px;
    height: 2px;
  }
  .sec_title .text_s {
    font-size: 14px;
  }
  .sec_middle_title {
    font-size: 18px;
    margin-bottom: 12px;
  }
  .sec_middle_title .text_s {
    font-size: 14px;
  }
  #commute_style {
    padding-top: 62px;
    margin-top: -62px;
  }
  .lead_sec {
    padding: 60px 0;
    margin-top: 32px;
  }
  .lead_sec .title {
    margin-top: 8px;
  }
  .lead_sec .title span {
    font-size: 24px;
    padding-bottom: 5px;
  }
  .lead_sec .sub_text {
    font-size: 14px;
  }
  .lead_sec .sub_text::before, .lead_sec .sub_text::after {
    height: 20px;
  }
  .lead_sec .sec_title {
    margin-top: 48px;
  }
  .lead_sec .price_wrap {
    flex-direction: column;
    gap: 30px 0;
  }
  .lead_sec .price_wrap .price_title {
    font-size: 16px;
  }
  .lead_sec .price_wrap .price_title span {
    font-size: 12px;
  }
  .lead_sec .price_wrap .img_box {
    margin-top: 0;
  }
  .lead_sec .price_wrap .price_item {
    justify-content: flex-start;
  }
  .lead_sec .price_wrap .item01 {
    width: 100%;
  }
  .lead_sec .price_wrap .item01::after {
    top: auto;
    bottom: -25%;
    right: auto;
    left: 50%;
    transform: translate(-50%, 0);
  }
  .lead_sec .price_wrap .plus {
    width: 2.02%;
  }
  .lead_sec .price_wrap .item02 {
    width: 100%;
  }
  .lead_sec .price_text {
    margin-top: 8px;
  }
  .lead_sec .price_text .line {
    font-size: 16px;
  }
  .table_wrap {
    overflow-x: scroll;
  }
  .table_box {
    width: 800px;
    overflow-x: scroll;
  }
  .table_box th,
  .table_box td {
    padding: 8px 14px;
  }
  .exp_text {
    margin-top: 8px;
  }
  .exp_text .text_item {
    display: flex;
    gap: 0 5px;
  }
  .table_lead {
    font-size: 16px;
  }
  .table_text_l {
    font-size: 16px;
    margin-top: 32px;
  }
  .expenses_wrap {
    margin-top: 32px;
  }
  .expenses_wrap .table_wrap .table_box {
    width: 100%;
  }
  .expenses_wrap .tips_box {
    border-radius: 10px;
    padding: 16px 20px;
    margin-top: 12px;
  }
  .expenses_wrap .tips_box .tips_title {
    font-size: 16px;
  }
  .expenses_wrap .tips_box .tips_text {
    margin-top: 8px;
  }
  .simu_wrap {
    margin-top: 32px;
  }
  .simu_wrap .note {
    margin-top: 8px;
  }
  .style_wrap {
    margin-top: 8px;
  }
  .option_wrap {
    margin-top: 8px;
  }
  .option_wrap .table_wrap .table_box {
    width: 100%;
  }
  .option_wrap .table_wrap .table04 .th01 {
    width: 50%;
  }
  .option_wrap .table_wrap .table04 td {
    width: 50%;
  }
  .option_wrap .point_box {
    gap: 0 2%;
    border-radius: 10px;
    padding: 12px 18px;
    margin-top: 12px;
  }
  .option_wrap .point_box .point_icon {
    width: 8%;
  }
  .option_wrap .point_box .point_text {
    width: 90%;
  }
  .option_wrap .point_box .text_l {
    font-size: 15px;
  }
  .option_wrap .point_box .point_note {
    padding-left: 0;
  }
  .option_wrap .contact_text {
    font-size: 16px;
    margin-top: 16px;
  }
  .school_wrap {
    margin-top: 8px;
  }
}
/* -------------------sp END------------------------------- *//*# sourceMappingURL=support.css.map */