@charset "utf-8";
/* Slider */
.main__splide {
  max-width: 1360px;
  margin: 0 auto;
  overflow-x: hidden;
}

.splide__wrapper {
    padding: 20px 0 66px;
    max-width: 1200px;
    margin: 0 80px;
}

.splide__slide a:hover {
  opacity: 1;
}

.splide__slide img {
  height: auto;
  width: 100%;
  border-radius: 10px;
}

.splide__pagination {
  bottom: -30px;
}

.splide__arrow {
  background-color: transparent;
}

.splide__arrow--prev {
  left: 20px;
  width: 50px;
}

.splide__arrow--next {
  right: 20px;
  width: 50px;
}

.splide__pagination__page {
  background: #C8C8C8;
}

.splide__pagination__page.is-active {
  background: #7DCDF4;
}

.main .news .news__item {
  margin-bottom: 60px;
  display: flex;
}

.main .news .news_left {
  color: #fff;
  background-color: #7DCDF4;
  border-radius: 4px 0 0 4px;
  padding: 0 20px;
  font-size: 1.6rem;
  font-weight: 700;
  display: flex;
  align-items: center;
  width: 104px;
  flex-shrink: 0;
}

.main .news .news_right {
  background-color: #F5F5F5;
  font-size: 1.4rem;
  line-height: 2;
  padding: 20px;
  border-radius: 0px 4px 4px 0px;
  width: 100%;
}

.main .news .news_right .bottom-border {
  border-bottom: 1px dashed #C8C8C8;
  padding-bottom: 20px;
  margin-bottom: 20px;
}

.main .news .news_right a {
  color: #1E1E1E;
  display: block;
}

.main .news .news_right a p {
  position: relative;
  display: inline;
}

.main .news .news_right a p span.new {
  color: #FAAF18;
  font-weight: bold;
}

.main .news .news_right a:hover p {
  background: linear-gradient(transparent 97%, #1069C4 97%);
  color: #1069C4;
  padding-bottom: 3px;
  transition: .3s;
}

.main .news .news_right a:hover {
  opacity: 1;
}

.main .course__select .catch_copy {
  font-size: 2.6rem;
  font-weight: 700;
  text-align: center;
  margin-bottom: 40px;
}

.main .blue.marker {
  background: linear-gradient(transparent 85%, #FFF44E 85%);
}

.main .course__select {
  margin-bottom: 80px;
}

.main .course__select .column_wrap {
  display: flex;
  margin-bottom: 40px;
}

.main .course__select .column {
  width: calc(100% / 2 - 20px);
}

.main .course__select .column:nth-of-type(odd) {
  margin-right: 40px;
}

.main .course__select .column_content {
  background-color: #DCF4FF;
  padding: 20px 40px 30px 40px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.main .course__select .column_content .contents__inner__btn {
  margin-bottom: 0;
}

.main .course__select .column_content .normal__btn {
  margin-bottom: 0;
}

.main .course__select .admission__item__wrap {
  padding: 0;
}

.main .case-study-inner {
  margin-bottom: 20px;
}

.main .case-study .case-study-h2 {
  font-size: 3.8rem;
  font-weight: 700;
  margin: 80px 0 40px 0;
  padding: 0;
}

.main .case-study .case-study-item .thumbnail-wrap {
  overflow: hidden;
  border-radius: 10px 10px 0 0;
}

.main .case-study .case-study-item img {
  transition: transform .6s ease;
  height: 100%;
}

.main .case-study .case-study-item a:hover {
  opacity: 1;
}

.main .case-study .case-study-item a:hover img {
  transform: scale(1.1);
}

.main .case-study .normal__btn {
  max-width: 420px;
}

.main .bgc__light_blue {
  background-color: #DCF4FF;
  padding-bottom: 80px;
}

.main .monthly_fee-h2 {
  font-size: 3.8rem;
  font-weight: 700;
  padding: 80px 0 40px 0;
  margin: 0;
}

.main .monthly_fee .monthly_fee-h3__wrap {
  display: flex;
  align-items: end;
  justify-content: center;
  margin-bottom: 20px;
}

.main .monthly_fee .monthly_fee-h3 {
  margin-left: 5px;
}

.main .monthly_fee .cards__half {
  margin-bottom: 50px;
}

.main .monthly_fee .cards__half__item {
  padding: 30px 40px;
}

.main .monthly_fee .cards__half__item .mb0 {
  margin-bottom: 0;;
}

.main .monthly_fee .cards__half__item dl {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 0;
}

.main .monthly_fee .cards__half__item dl:last-of-type {
  margin-bottom: 30px;
}

.main .monthly_fee .cards__half__item dd {
  margin: 0;
}

.main .monthly_fee .cards__half__item .normal__btn {
  max-width: 100%;
}

.main .monthly_fee .admission__item__wrap {
  padding: 0;
}

.main .monthly_fee .admission__item {
  margin-bottom: 0;
}

.main .message .h2 {
  margin-bottom: 40px;
}

.main .e-pencil img {
  width: 100%;
}

.main .message .case-study-inner {
  margin-bottom: 40px;
}

.main .details_page {
  margin-bottom: 80px;
}

.main .details_page .content_top {
  display: flex;
  margin-bottom: 10px;
  align-items: center;
}

.main .details_page .lang {
  color: #fff;
  font-weight: 700;
  font-size: 1.2rem;
  padding: 3.5px 10px;
  width: fit-content;
  margin-right: 20px;
}

.main .details_page .lang-ger {
  background-color: #343399;
}

.main .details_page .lang-fr {
  background-color: #BC2766;
}

.main .details_page .case-date {
  margin-bottom: 0;
}

.main .details_page .case-study-headline {
  padding:0 0 20px 0;
  font-size: 3.2rem;
  font-weight: 700;
  border-bottom: 4px solid #F5F5F5;
  margin-bottom: 20px;
}

.main .details_page .case-study-prof {
  display: flex;
  margin-bottom: 40px;
}

.main .details_page .prof-text {
  margin-bottom: 0;
  margin-right: 10px;
  font-weight: 700;
}

.main .details_page .tag {
  font-size: 1.2rem;
  padding: 5px 10px;
}

.main .details_page .tag.german {
  color: #343399;
  background-color: #3433991A;
}

.main .details_page .tag.french {
  color: #bc2766;
  background-color: #bc27661A;
}

.main .details_page .tag.german :not(:last-of-type) {
  border-right: 1px solid #343399;
  padding-right: 10px;
}

.main .details_page .tag.french :not(:last-of-type) {
  border-right: 1px solid #bc2766;
  padding-right: 10px;
}

.main .details_page .tag :not(:first-of-type) {
  padding-left: 10px;
}

.main .details_page .details-page-mv {
  margin-bottom: 80px;
}

.main .details_page .fig_img {
  max-width: 640px;
  margin: 0 auto;
  text-align: center;
}

.main .details_page .fig_img img {
  margin-bottom: 10px;
}

.main .details_page figcaption {
  font-size: 1.2rem;
}

.main .details_page .mv__text {
  line-height: 1.6;
  margin-bottom: 80px;
}

.main .text__img.german .img__inner .left img {
  width: 290px;
}

.main .text__img.german .img__inner figcaption {
  color: #343399;
}

.main .free_trial .mv {
  margin-bottom: 80px;
}

.main .free_trial .mv img {
  width: 100%;
}

.main .faq .faq__acco dd .a_headline {
  margin-bottom: 10px;
}

.main .faq .faq__acco dd p {
  line-height: 1.8;
}

.main .faq .faq__acco ul,
.main .faq .faq__acco ol {
  font-size: 1.4rem;
  padding-left: 4em;
  line-height: 1.8;
}

.main .faq .faq__acco ul span,
.main .faq .faq__acco .annotation {
  font-size: 1.2rem;
}

.main .correspondence {
  margin-bottom: 80px;
}

.main .correspondence_study_flow {
  margin-bottom: 0;
}

.main .flow {
  padding-bottom: 40px;
  position: relative;
}

.main .flow::after {
  position: absolute;
  content: "";
  border-bottom: 1px solid #C8C8C8;
  width: 96.3%;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}

.main .correspondence .h2 {
  margin-bottom: 20px;
}

.main .correspondence ul {
  font-size: 1.4rem;
  padding-left: 1em;
}

.main .correspondence ul li:not(:last-of-type) {
  margin-bottom: 7px;
}

.main .correspondence .annotation_wrap ul li {
  margin-bottom: 0;
  font-size: 1.2rem;
}

.main .correspondence .annotation {
  font-size: 1.2rem;
}

.main .correspondence .annotation a {
  color: #1069C4;
  text-decoration: underline;
}

.main .correspondence .gray {
  background-color: #F5F5F5;
  border-radius: 4px;
  margin-bottom: 40px;
  padding: 20px;
}

.main .correspondence .attention ul {
  padding-left: 20px;
  margin: 0;
}

.main .correspondence .attention li {
  font-size: 1.4rem;
  padding: 0;
  border: 0;
  border-radius: 0;
  margin: 0;
}

.main .correspondence .admission_flow ol {
  margin-bottom: 40px;
}

.main .correspondence.start > p {
  font-size: 1.6rem;
  margin-bottom: 20px;
}

.main .correspondence.start .catch_copy {
  font-size: 2.6rem;
  font-weight: 700;
  margin-bottom: 50px;
}

.main .correspondence .contents__inner__btn {
  margin-bottom: 0;
}

.main .correspondence .contents__inner__btn .button {
  margin-bottom: 0;
}

.main .study_course .h2 {
  margin-bottom: 40px;
}

.main .gray_cards .gray_cards_inner + .gray_cards_inner {
  margin-top: 40px;
}

.cards_kumon_blue .inner_flex {
  display: flex;
}

.cards_kumon_blue .kumon_blue_cards_inner .fig_img {
  margin-left: 40px;
  min-width: 180px;
  width: 100%
}

.main .classroom .attention {
  font-size: 1.2rem;
  margin-bottom: 20px;
}

.main .classroom .text:not(:last-of-type){
  margin-bottom: 10px;
}

.main .classroom_study_flow {
  margin-bottom: 0;
}

.main .classroom_study_flow .text {
  margin-bottom: 0;
}

.main .classroom_study_flow .text:not(:last-of-type) {
  margin-bottom: 10px;
}

.main .classroom_study_flow .attention {
  color: #1E1E1E;
  margin-bottom: 0;
  font-weight: 400;
}

.main .examination_table table {
  margin-bottom: 20px;
}

.main .examination_table .text,
.main .examination_table_under .text {
  margin-bottom: 0;
}

.main .examination_table table th {
  font-size: 1.5rem;
  padding: 20px;
}

.main .examination_table table .th_rigth {
  border-left: 1px solid #fff;
}

.main .examination_table table .td_headline {
  width: 14.25%;
}

.main .examination_table table .td_right {
  width: 23%;
  border-left: 1px solid #C8C8C8;
}

.main .examination_table_under {
  border: 1px solid #C8C8C8;
}

.main .examination_table .under_left {
  width: 100%;
  border-radius: 0;
  background: #DCF4FF;
  color: #1E1E1E;
  padding: 20px;
  max-width: 14.25%;
}

.main .examination_table .under_right {
  background: #fff;
  border-radius: 0;
}

.main .classroom_admission .inspection_item {
  justify-content: space-around;
}

.main .classroom_admission .inspection_item .inspection_right {
  padding-right: 30px;
}

.main .classroom_admission .admission .membership_fee td {
  width: calc(100% / 4);
}

.main .correspondence .classroom_admission_h2 {
  margin-bottom: 40px;
}

.main .classroom_addmission_contact {
  align-items: center;
  flex-wrap: wrap;
}

.main .classroom_addmission_contact .inner {
  display: flex;
  align-items: center;
}

.main .classroom_addmission_contact .text {
  margin-bottom: 0;
}

.main .classroom_addmission_contact .title {
  width: 200px;
}

.main .classroom_addmission_contact .title,
.main .classroom_addmission_contact .tel {
  margin-right: 20px;
}

.main .classroom_addmission_contact .tel {
  display: flex;
  align-items: center;
}

.main .classroom_addmission_contact .tel > .text {
  font-size: 2.6rem;
}

.main .classroom_addmission_contact .tel img {
  margin-right: 7px;
}

.main .classroom_addmission_contact .tel [data-ruby] {
  position: relative;
}

.main .classroom_addmission_contact .tel [data-ruby]::before {
  font-size: .9rem;
  position: absolute;
  top: -7px;
  right: 0;
  left: 0;
  margin: auto;
  content: attr(data-ruby);
  text-align: center;
}

.main .classroom_addmission_contact .time {
  font-size: 1.5rem;
}

.main .classroom_inspection {
  margin-bottom: 20px;
}

.main .to_examination {
  margin-top: 80px;
}

.main .flex_btn {
  display: flex;
  justify-content: center;
}

.main .flex_btn .button {
  width: 100%;
  margin: 0;
}

.main .flex_btn .button:first-of-type {
  margin-right: 30px;
}

.main .movie-wrap {
  margin-bottom: 40px;
}

.main .important__btn.mt15 {
  margin-top: 15px;
  margin-bottom: 0;
}

.main .max_btn .button {
  max-width: 100%;
}

  @media screen and (max-width:1200px) {
    .splide__wrapper {
      margin: 0 6.66vw;
    }
  }

  @media screen and (max-width:1050px) {
    .main .classroom_addmission_contact .title {
      width: 100%;
      margin-bottom: 20px;
    }
  }

  @media screen and (max-width:992px) {
    .main .monthly_fee .cards__half__item dl:first-of-type {
      margin-bottom: 10px;
    }
  }

  @media screen and (max-width:768px) {
    .splide__wrapper {
      margin: 0 20px;
      padding-top: 5px;
    }

    .splide__slide img {
      border-radius: 2.666666666666667vw;
    }

    .splide__arrow--next {
      right: 0;
      transform: translate(50%, -50%);
    }

    .splide__arrow--prev {
      left: 0;
      transform: translate(-50%, -50%);
    }

    .splide__arrow img {
      width: 8vw;
      height: 8vw;
    }

    .splide__pagination {
      bottom: -25px;
    }

    .main .news .news__item {
      display: block;
      margin-bottom: 10.666666666666668vw;
    }

    .main .news .news_left {
      width: 100%;
      border-radius: 4px 4px 0 0;
      padding: 2.666666666666667vw 5.333333333333334vw;
      font-size: 4.266666666666667vw;
    }

    .main .news .news_right {
      font-size: 3.733333333333334vw;
      padding: 2.666666666666667vw 5.333333333333334vw;
      border-radius: 0 0 4px 4px;
      line-height: 1.57;
    }

    .main .course__select {
      margin-bottom: 10.666666666666668vw;
    }

    .main .course__select .catch_copy {
      font-size: 5.333333333333334vw;
      margin-bottom: 8vw;
    }

    .main .course__select .column_wrap {
      display: block;
      margin-bottom: 5.333333333333334vw;
    }

    .main .course__select .column {
      width: 100%;
      margin-bottom: 5.333333333333334vw;
    }

    .main .course__select .column:nth-of-type(odd) {
      margin-right: 0;
    }

    .main .course__select .column_content {
      padding: 5.333333333333334vw;
    }

    .main .course__select .admission__item {
      margin-bottom: 10.666666666666668vw;
    }

    .main .case-study-item {
      margin-bottom: 5.333333333333334vw;
    }

    .main .case-study .case-study-h2 {
      margin: 10.666666666666668vw 0 5.333333333333334vw 0;
      font-size: 8vw;
    }

    .main .case-study .normal__btn {
      max-width: 100%;
    }

    .main .case-study .contents__inner__btn {
      margin-bottom: 10.933333333333334vw;
    }

    .main .monthly_fee-h2 {
      font-size: 8vw;
      padding: 10.666666666666668vw 0 5.4879999999999995vw 0;
    }

    .main .bgc__light_blue {
      padding-bottom: 10.666666666666668vw;
    }

    .main .monthly_fee .monthly_fee-h3__wrap {
      margin-bottom: 5.4639999999999995vw;
    }

    .main .monthly_fee .monthly_fee-h3 {
      font-size: 6.4vw;
      margin-left: 2.666666666666667vw;
    }

    .main .monthly_fee .monthly_fee-h3__wrap img {
      width: 20.533333333333335vw;
    }

    .main .monthly_fee .cards__half {
      margin-bottom: 0;
    }

    .main .monthly_fee .cards__half__item dl:first-of-type {
      margin-bottom: 1.3333333333333335vw;
    }

    .main .monthly_fee .cards__half__item {
      margin-bottom: 5.333333333333334vw;
      padding: 5.333333333333334vw;
    }

    .main .e-pencil {
      margin-top: 5.333333333333334vw;
    }

    .main .details_page .lang {
      font-size: 3.2vw;
      padding: 1.3333333333333335vw 2.666666666666667vw;
      margin-right: 2.666666666666667vw;
    }

    .main .details_page .content_top {
      margin-bottom: 3.2vw;
      margin-top: 5.333333333333334vw;
    }

    .main .details_page .case-study-headline {
      font-size: 5.866666666666666vw;
      padding-bottom: 5.333333333333334vw;
      margin-bottom: 5.333333333333334vw;
    }

    .main .details_page .details-page-mv {
      margin-bottom: 10.666666666666668vw;
    }

    .main .details_page .case-study-prof {
      display: block;
    }

    .main .details_page .tag {
      width: fit-content;
      font-size: 2.666666666666667vw;
      padding: 1.3333333333333335vw 2.666666666666667vw;
    }

    .main .details_page .prof-text {
      margin-right: 0;
      margin-bottom: 2.666666666666667vw;
    }

    .main .details_page .fig_img {
      max-width: 100%;
    } 

    .main .details_page .fig_img img {
      margin-bottom: 2.666666666666667vw;
    }

    .main .details_page figcaption {
      font-size: 2.666666666666667vw;
    }

    .main .details_page .mv__text {
      margin-bottom: 10.666666666666668vw;
    }

    .main .text__img.german .img__inner .left img {
      width: 38vw;
    }

    .main .free_trial {
      margin-top: 5.333333333333334vw;
    }

    .main .free_trial .mv {
      margin-bottom: 10.666666666666668vw;
    }

    .main .faq .faq__acco dd .a_headline {
      margin-bottom: 2.666666666666667vw;
    }

    .main .faq .faq__acco ul,
    .main .faq .faq__acco ol {
      font-size: 3.733333333333334vw;
      padding-left: 3em;
    }
    
    .main .faq .faq__acco ul span,
    .main .faq .faq__acco .annotation {
      font-size: 3.2vw;
    }

    .main .faq .faq__acco dd .a_headline::before {
      top: 3.5vw
    }

    .main .faq.contents:last-of-type {
      margin-bottom: 10.666666666666668vw;
    }

    .faq .main .contents__inner__btn {
      margin-bottom: 10.666666666666668vw;
    }

    .main .correspondence {
      margin-bottom: 10.666666666666668vw;
    }

    .main .correspondence.flow {
      margin-bottom: 10.666666666666668vw;
      padding-bottom: 5.333333333333334vw;
    }

    .main .correspondence.flow::after {
      width: 90vw;
    }

    .main .admission .membership_fee {
      margin-bottom: 5.333333333333334vw;
    }

    .main .correspondence ul {
      font-size: 3.733333333333334vw;
      margin-bottom: 5.333333333333334vw;
    }

    .main .correspondence .annotation {
      font-size: 3.2vw;
    }

    .main .correspondence .gray {
      padding: 5.333333333333334vw;
      margin-bottom: 10.666666666666668vw;
    }

    .main .correspondence .attention ul {
      padding-left: 4vw;
    }

    .main .correspondence .attention li {
      font-size: 3.733333333333334vw;
    }

    .main .correspondence .admission_flow ol {
      margin-bottom: 10.666666666666668vw;
    }

    .main .correspondence .last_gray {
      margin-bottom: 0;
    }

    .main .correspondence.start {
      padding-bottom: 0;
    }

    .main .correspondence.start > p {
      font-size: 3.733333333333334vw;
      margin-bottom: 5.333333333333334vw;
    }

    .main .correspondence.start .catch_copy {
      font-size: 5.333333333333334vw;
      margin-bottom: 6.133333333333333vw;
    }

    /* .main .correspondence.start .admission__item {
      margin-bottom: 0;
    } */

    .cards_kumon_blue .inner_flex {
      display: block;
    }

    .cards_kumon_blue .inner_flex .text {
      width: 100%;
    }

    .cards_kumon_blue .kumon_blue_cards_inner .fig_img {
      width: 75%;
      margin: 5.333333333333334vw auto 0 auto;
      min-width: 75%;
    }

    .main .classroom_study_flow,
    .main .correspondence_study_flow {
      margin-bottom: 0;
    }

    .main .classroom_study_flow .text {
      margin-bottom: 0;
    }

    .main .classroom .text:not(:last-of-type){
      margin-bottom: 2.666666666666667vw;
    }

    .main .classroom .attention {
      font-size: 3.2vw;
      margin-bottom: 5.333333333333334vw;
    }

    .main .classroom_study_flow .text:not(:last-of-type) {
      margin-bottom: 2.666666666666667vw;
    }

    .main .classroom_study_flow .study__flow__item .double {
      width: 36vw!important;
    }

    .main .classroom_study_flow .study__flow__item .single {
      width: 15vw!important;
    }

    .main .examination {
      margin-top: 5.333333333333334vw;
    }

    .main .examination_table {
      margin-bottom: 10.666666666666668vw;
    }

    .main .examination_table table {
      margin-bottom: 5.333333333333334vw;
    }

    .main .examination_table table th {
      font-size: 3.733333333333334vw;
      padding: 3.4vw;
    }

    .main .examination_table table .td_right {
      padding: 2.666666666666667vw;
      width: 35%;
    }

    .main .free_trial table td {
      padding: 2.666666666666667vw;
    }

    .main .examination .examination_table_under {
      display: flex;
    }

    .main .examination_table .under_left {
      padding: 2.666666666666667vw;
      max-width: 100%;
    }

    .main .examination_table .under_right {
      padding: 2.666666666666667vw;
      width: 299vw;
      text-align: left;
    }

    .main .inspection {
      margin-bottom: 21.333333333333336vw;
    }

    .main .classroom_addmission_contact .title {
      margin-bottom: 4.8vw;
    }

    .main .classroom_admission .admission .membership_fee td {
      padding: 2.933333333333333vw 1vw;
    }

    .main .classroom_admission .admission .membership_fee .tl {
      text-align: left;
    }

    .main .classroom_admission .admission .membership_fee .primary {
      font-size: 3.34vw;
    }

    .main .classroom_addmission_contact .tel > .text {
      font-size: 4.8vw;
    }

    .main .classroom_addmission_contact .tel img {
      width: 8vw;
      object-fit: cover;
      height: 100%;
    }

    .main .classroom_addmission_contact .time {
      font-size: 3vw;
    }

    .main .classroom_admission .inspection_item .inspection_right {
      padding-right: 0;
    }

    .main .classroom_admission .inspection_item .inspection_right img {
      width: 32.266666666666666vw;
    }

    .main .classroom_inspection {
      margin-bottom: 0;
    }

    .main .classroom_admission .admission_flow {
      margin-bottom: 0;
    }

    .main .to_examination {
      margin-top: 10.666666666666668vw;
    }

    .main .flex_btn {
      display: block;
      margin-bottom: 10.666666666666668vw;
    }

    .main .flex_btn .button {
      margin: 0 auto;
    }
    
    .main .flex_btn .button:first-of-type {
      margin: 0 auto 5.333333333333334vw auto;
    }
    
    .main .movie-wrap {
      margin-bottom: 10.666666666666668vw;
    }

    .main .important__btn.mt15 {
      margin-top: 4vw;
    }

  }

  @media screen and (max-width:585px) {
    .main .classroom_addmission_contact .inner {
      display: block;
    }

    .main .classroom_addmission_contact .tel img {
      width: 11vw;
    }

    .main .classroom_addmission_contact .tel > .text {
      font-size: 8vw;
    }

    .main .classroom_addmission_contact .title, .main .classroom_addmission_contact .tel {
      margin-right: 0;

    }

    .main .classroom_addmission_contact .time {
      font-size: 4vw;
    }

  }

  @media screen and (max-width:428px) {
    .main .case-study-inner {
      margin-bottom: 2.666666666666667vw;
    }

    .main .message .h2 {
      margin-bottom: 5.333333333333334vw;
    }

    .main .message .case-study-inner {
      margin-bottom: 16vw;
    }
  }