@charset "UTF-8";
.loader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  z-index: 9999; }

.l-container {
  padding-bottom: 0; }

.root#index .mv {
  width: 100%;
  background-color: #000;
  font-size: 0; }
.root#index .importantNotice {
  background-color: #C777C6;
  padding: 5px 0; }
  .root#index .importantNotice__list__item {
    margin-bottom: 5px; }
    .root#index .importantNotice__list__item:last-child {
      margin-bottom: 0; }
    .root#index .importantNotice__list__item > dl {
      display: flex;
      color: #fff; }
      .root#index .importantNotice__list__item > dl > dt {
        font-size: 14px;
        font-size: 1.4rem;
        white-space: nowrap;
        margin-right: 10px; }
        .root#index .importantNotice__list__item > dl > dt:after {
          content: "："; }
      .root#index .importantNotice__list__item > dl > dd {
        font-size: 14px;
        font-size: 1.4rem;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap; }
        .root#index .importantNotice__list__item > dl > dd > a {
          color: #fff;
          text-decoration: underline; }
          .root#index .importantNotice__list__item > dl > dd > a:hover {
            text-decoration: none; }
.root#index .bnrArea {
  position: relative;
  padding: 30px 0; }
  .root#index .bnrArea__bnrList {
    width: 400px;
    margin-left: -22px; }
    @media only screen and (max-width: 767px) {
      .root#index .bnrArea__bnrList {
        width: 90%; } }
    .root#index .bnrArea__bnrList__item {
      padding: 0 22px; }
      .root#index .bnrArea__bnrList__item__anchor {
        position: relative;
        display: block; }
        .root#index .bnrArea__bnrList__item__anchor:before {
          content: "";
          display: block;
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          border: 5px solid #E86D9E;
          opacity: 0; }
        .root#index .bnrArea__bnrList__item__anchor:hover:before {
          opacity: 1; }
  .root#index .bnrArea__sliderArrow {
    font-size: 0; }
    .root#index .bnrArea__sliderArrow__prev {
      position: absolute;
      top: 50%;
      left: 0;
      margin-top: -28px;
      z-index: 2;
      display: inline-block;
      width: 56px;
      height: 56px;
      background-image: url(../../images/common/icon_prevArrow_off.png);
      background-size: cover; }
      .root#index .bnrArea__sliderArrow__prev:hover {
        background-image: url(../../images/common/icon_prevArrow_on.png); }
    .root#index .bnrArea__sliderArrow__next {
      position: absolute;
      top: 50%;
      right: 0;
      margin-top: -28px;
      z-index: 2;
      display: inline-block;
      width: 56px;
      height: 56px;
      background-image: url(../../images/common/icon_nextArrow_off.png);
      background-size: cover; }
      .root#index .bnrArea__sliderArrow__next:hover {
        background-image: url(../../images/common/icon_nextArrow_on.png); }
  .root#index .bnrArea .slick-slider .slick-list {
    overflow: visible; }
  .root#index .bnrArea.is-animated .bnrArea__bnrList {
    opacity: 1;
    transform: translateX(0); }
  .root#index .bnrArea.is-animated .bnrArea__sliderArrow {
    opacity: 1; }
.root#index .pickup {
  padding: 70px 0;
  background-color: #fff; }
  @media only screen and (max-width: 767px) {
    .root#index .pickup {
      padding: 35px 0; } }
  .root#index .pickup__hl {
    margin-bottom: 40px; }
    @media only screen and (max-width: 767px) {
      .root#index .pickup__hl {
        margin-bottom: 20px; } }
    .root#index .pickup__hl__main {
      font-size: 60px;
      font-size: 6rem;
      font-weight: 400;
      font-family: 'Playfair Display', serif;
      color: #00509D; }
      @media only screen and (max-width: 767px) {
        .root#index .pickup__hl__main {
          font-size: 36px;
          font-size: 3.6rem; } }
      .root#index .pickup__hl__main > em {
        font-size: 80px;
        font-size: 8rem;
        font-style: normal; }
        @media only screen and (max-width: 767px) {
          .root#index .pickup__hl__main > em {
            font-size: 44px;
            font-size: 4.4rem; } }
      .root#index .pickup__hl__main > span {
        font-style: italic; }
    .root#index .pickup__hl__sub {
      font-size: 20px;
      font-size: 2rem;
      font-weight: 400;
      font-family: "NotoSerifCJKjp";
      display: block;
      color: #404040; }
      @media only screen and (max-width: 767px) {
        .root#index .pickup__hl__sub {
          font-size: 14px;
          font-size: 1.4rem; } }
  .root#index .pickup__articleList {
    width: 300px;
    margin-left: -22px;
    margin-bottom: 50px; }
    @media only screen and (max-width: 767px) {
      .root#index .pickup__articleList {
        width: 90%; } }
    .root#index .pickup__articleList__item {
      padding: 0 22px; }
      .root#index .pickup__articleList__item__anchor {
        display: block; }
        .root#index .pickup__articleList__item__anchor__fig {
          position: relative; }
          .root#index .pickup__articleList__item__anchor__fig__category {
            display: inline-block;
            position: absolute;
            bottom: 0;
            left: 0;
            background-color: #fff;
            font-size: 12px;
            font-size: 1.2rem;
            padding: 5px 15px;
            color: #404040; }
        .root#index .pickup__articleList__item__anchor__texts {
          padding: 20px 15px;
          background-color: #fff; }
          .root#index .pickup__articleList__item__anchor__texts__date {
            font-size: 14px;
            font-size: 1.4rem;
            margin-bottom: 10px;
            color: #404040; }
          .root#index .pickup__articleList__item__anchor__texts__abstract {
            font-size: 14px;
            font-size: 1.4rem;
            line-height: 1.5;
            text-decoration: underline; }
        .root#index .pickup__articleList__item__anchor:hover .pickup__articleList__item__anchor__texts__abstract {
          text-decoration: none; }
  .root#index .pickup__sliderArrow {
    font-size: 0; }
    .root#index .pickup__sliderArrow__prev {
      position: absolute;
      top: 70px;
      right: 56px;
      z-index: 2;
      display: inline-block;
      width: 56px;
      height: 56px;
      background-image: url(../../images/common/icon_prevArrow_off.png);
      background-size: cover; }
      .root#index .pickup__sliderArrow__prev:hover {
        background-image: url(../../images/common/icon_prevArrow_on.png); }
    .root#index .pickup__sliderArrow__next {
      position: absolute;
      top: 70px;
      right: 0;
      z-index: 2;
      display: inline-block;
      width: 56px;
      height: 56px;
      background-image: url(../../images/common/icon_nextArrow_off.png);
      background-size: cover; }
      .root#index .pickup__sliderArrow__next:hover {
        background-image: url(../../images/common/icon_nextArrow_on.png); }
  .root#index .pickup__btn {
    display: block;
    width: 356px;
    margin-left: auto;
    margin-right: auto; }
    @media only screen and (max-width: 767px) {
      .root#index .pickup__btn {
        width: 100%; } }
  .root#index .pickup .slick-slider .slick-list {
    overflow: visible; }
  .root#index .pickup.is-animated .pickup__hl > div {
    opacity: 1;
    transform: translateY(0); }
  .root#index .pickup.is-animated .pickup__articleList {
    opacity: 1;
    transform: translateX(0); }
  .root#index .pickup.is-animated .pickup__sliderArrow {
    opacity: 1; }
  .root#index .pickup.is-animated .pickup__btn {
    opacity: 1;
    transform: translateY(0); }
.root#index .newsAndTopics {
  padding: 40px 0;
  background-color: #FCF2F9; }
  @media only screen and (max-width: 767px) {
    .root#index .newsAndTopics {
      padding: 35px 0; } }
  .root#index .newsAndTopics__hl {
    margin-bottom: 40px; }
  .root#index .newsAndTopics__tabContents__tabs {
    margin-bottom: 20px; }
    .root#index .newsAndTopics__tabContents__tabs__list {
      display: flex;
      justify-content: left;
      margin-left: -20px; }
      @media only screen and (max-width: 767px) {
        .root#index .newsAndTopics__tabContents__tabs__list {
          justify-content: space-between;
          margin-left: 0; } }
      .root#index .newsAndTopics__tabContents__tabs__list__item {
        margin-left: 20px;
        width: 190px; }
        @media only screen and (max-width: 767px) {
          .root#index .newsAndTopics__tabContents__tabs__list__item {
            width: 48%;
            margin-left: 0; } }
        .root#index .newsAndTopics__tabContents__tabs__list__item__btn {
          display: block;
          text-align: center;
          font-size: 14px;
          font-size: 1.4rem;
          font-weight: 500;
          color: #C777C6;
          background-color: #fff;
          padding: 10px;
          border-radius: 24px; }
          .root#index .newsAndTopics__tabContents__tabs__list__item__btn.is-active {
            color: #fff;
            background-color: #C777C6;
            pointer-events: none; }
          .root#index .newsAndTopics__tabContents__tabs__list__item__btn:hover {
            opacity: 0.7; }
  .root#index .newsAndTopics__tabContents__contents__eachContent {
    display: none; }
    .root#index .newsAndTopics__tabContents__contents__eachContent__infoList {
      width: 100%;
      margin-bottom: 50px;
      display: table; }
      .root#index .newsAndTopics__tabContents__contents__eachContent__infoList__item {
        position: relative;
        margin-top: 10px;
        background-color: #fff; }
        .root#index .newsAndTopics__tabContents__contents__eachContent__infoList__item__data {
          width: 140px;
          text-align: center;
          padding: 10px;
          font-size: 14px;
          font-size: 1.4rem;
          display: table-cell;
          vertical-align: middle; }
          @media only screen and (max-width: 767px) {
            .root#index .newsAndTopics__tabContents__contents__eachContent__infoList__item__data {
              width: 100px;
              text-align: left;
              padding-left: 20px; } }
        .root#index .newsAndTopics__tabContents__contents__eachContent__infoList__item__new {
          width: 60px;
          text-align: center;
          padding: 10px;
          padding-left: 0;
          color: #C777C6;
          font-size: 14px;
          font-size: 1.4rem;
          display: table-cell;
          vertical-align: middle;
          font-weight: 700; }
          @media only screen and (max-width: 767px) {
            .root#index .newsAndTopics__tabContents__contents__eachContent__infoList__item__new {
              padding: 0;
              padding-right: 10px;
              width: auto; } }
        .root#index .newsAndTopics__tabContents__contents__eachContent__infoList__item__category {
          display: table-cell;
          vertical-align: middle; }
          .root#index .newsAndTopics__tabContents__contents__eachContent__infoList__item__category__categoryTag {
            min-width: 140px; }
        .root#index .newsAndTopics__tabContents__contents__eachContent__infoList__item__title {
          width: calc(100% - 310px);
          padding: 10px 20px;
          font-size: 14px;
          font-size: 1.4rem;
          display: table-cell;
          vertical-align: middle; }
          @media only screen and (max-width: 767px) {
            .root#index .newsAndTopics__tabContents__contents__eachContent__infoList__item__title {
              width: 100%;
              display: block;
              padding-top: 0; } }
          .root#index .newsAndTopics__tabContents__contents__eachContent__infoList__item__title > a {
            text-decoration: underline; }
            .root#index .newsAndTopics__tabContents__contents__eachContent__infoList__item__title > a:hover {
              text-decoration: none; }
        .root#index .newsAndTopics__tabContents__contents__eachContent__infoList__item[data-status="new"]:before {
          content: "";
          display: block;
          width: 4px;
          height: 100%;
          background-color: #C777C6;
          position: absolute;
          top: 0;
          left: 0; }
    .root#index .newsAndTopics__tabContents__contents__eachContent__btn {
      display: block;
      width: 356px;
      margin-left: auto;
      margin-right: auto; }
      @media only screen and (max-width: 767px) {
        .root#index .newsAndTopics__tabContents__contents__eachContent__btn {
          width: 100%; } }
.root#index .forExaminee {
  padding: 40px 0; }
  @media only screen and (max-width: 767px) {
    .root#index .forExaminee {
      padding: 35px 0; } }
  .root#index .forExaminee__hl {
    margin-bottom: 40px; }
  .root#index .forExaminee__bnr {
    position: relative;
    display: block;
    width: 100%; }
    @media only screen and (max-width: 767px) {
      .root#index .forExaminee__bnr {
        margin-bottom: 40px; } }
    .root#index .forExaminee__bnr__next {
      position: absolute;
      top: 40px;
      left: 50%;
      transform: translateX(-50%);
      background-color: #EE2A7C;
      color: #fff;
      font-size: 14px;
      font-size: 1.4rem;
      padding: 0 24px;
      border-radius: 24px;
      display: flex;
      align-items: center; }
      @media only screen and (max-width: 767px) {
        .root#index .forExaminee__bnr__next {
          top: 10%; } }
      .root#index .forExaminee__bnr__next__text {
        font-size: 14px;
        font-size: 1.4rem;
        margin-right: 10px;
        white-space: nowrap; }
      .root#index .forExaminee__bnr__next__date {
        font-size: 16px;
        font-size: 1.6rem;
        white-space: nowrap; }
        .root#index .forExaminee__bnr__next__date > em {
          font-size: 35px;
          font-size: 3.5rem;
          font-style: normal;
          font-weight: 400;
          margin-right: 5px; }
          @media only screen and (max-width: 767px) {
            .root#index .forExaminee__bnr__next__date > em {
              font-size: 30px;
              font-size: 3rem; } }
  .root#index .forExaminee__menu__list {
    width: 500px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    justify-content: space-between;
    margin-bottom: 30px; }
    @media only screen and (max-width: 767px) {
      .root#index .forExaminee__menu__list {
        width: 100%; } }
    .root#index .forExaminee__menu__list__item {
      width: 140px;
      text-align: center; }
      @media only screen and (max-width: 767px) {
        .root#index .forExaminee__menu__list__item {
          width: 30%; } }
      .root#index .forExaminee__menu__list__item__anchor {
        text-decoration: underline; }
        .root#index .forExaminee__menu__list__item__anchor__fig {
          overflow: hidden;
          border-radius: 50%;
          margin-bottom: 10px; }
        .root#index .forExaminee__menu__list__item__anchor__text {
          font-size: 16px;
          font-size: 1.6rem; }
          @media only screen and (max-width: 767px) {
            .root#index .forExaminee__menu__list__item__anchor__text {
              font-size: 14px;
              font-size: 1.4rem; } }
        .root#index .forExaminee__menu__list__item__anchor:hover {
          text-decoration: none; }
  .root#index .forExaminee__menu__btn {
    width: 356px;
    margin-left: auto;
    margin-right: auto; }
.root#index .schoolGuidance {
  padding: 40px 0; }
  @media only screen and (max-width: 767px) {
    .root#index .schoolGuidance {
      padding: 35px 0; } }
  .root#index .schoolGuidance__hl {
    margin-bottom: 40px; }
  .root#index .schoolGuidance__schools {
    display: flex;
    justify-content: space-between;
    padding-top: 360px; }
    @media only screen and (max-width: 767px) {
      .root#index .schoolGuidance__schools {
        display: block;
        padding-top: 0; } }
    .root#index .schoolGuidance__schools__eachSchool {
      position: relative;
      width: 545px; }
      @media only screen and (max-width: 767px) {
        .root#index .schoolGuidance__schools__eachSchool {
          width: 100%; } }
      .root#index .schoolGuidance__schools__eachSchool__fig {
        position: absolute;
        top: -360px;
        width: calc(50vw - 50px);
        min-width: 600px;
        height: 610px;
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover; }
        @media only screen and (max-width: 767px) {
          .root#index .schoolGuidance__schools__eachSchool__fig {
            position: static;
            width: 100%;
            height: 375px;
            min-width: 100%; } }
      .root#index .schoolGuidance__schools__eachSchool__holder {
        position: relative;
        padding: 60px 100px;
        background-color: #FFF3F7; }
        @media only screen and (max-width: 767px) {
          .root#index .schoolGuidance__schools__eachSchool__holder {
            padding: 40px; } }
        .root#index .schoolGuidance__schools__eachSchool__holder__borderline {
          position: absolute;
          left: 0;
          width: 100%;
          height: 15px;
          font-size: 0;
          background-repeat: repeat-x;
          background-size: 15px auto; }
          .root#index .schoolGuidance__schools__eachSchool__holder__borderline[data-pos="top"] {
            top: 0; }
          .root#index .schoolGuidance__schools__eachSchool__holder__borderline[data-pos="bottom"] {
            bottom: 0; }
        .root#index .schoolGuidance__schools__eachSchool__holder__name {
          position: relative;
          display: block;
          font-size: 32px;
          font-size: 3.2rem;
          font-weight: 500;
          text-decoration: underline;
          margin-bottom: 20px; }
          .root#index .schoolGuidance__schools__eachSchool__holder__name:hover {
            text-decoration: none; }
          @media only screen and (max-width: 767px) {
            .root#index .schoolGuidance__schools__eachSchool__holder__name {
              font-size: 28px;
              font-size: 2.8rem;
              margin-left: 42px; } }
          .root#index .schoolGuidance__schools__eachSchool__holder__name > i {
            position: absolute;
            left: -50px;
            top: 50%;
            transform: translateY(-50%);
            width: 42px;
            height: 42px;
            background-color: #fff;
            border-radius: 50%; }
            .root#index .schoolGuidance__schools__eachSchool__holder__name > i:after {
              content: "";
              display: block;
              width: 14px;
              height: 14px;
              position: absolute;
              top: 48%;
              left: 50%;
              transform: rotate(45deg) translateY(-50%);
              margin-left: -14px; }
        .root#index .schoolGuidance__schools__eachSchool__holder__copy {
          font-size: 16px;
          font-size: 1.6rem;
          margin-bottom: 20px; }
        .root#index .schoolGuidance__schools__eachSchool__holder__list {
          margin-bottom: 40px; }
          .root#index .schoolGuidance__schools__eachSchool__holder__list__item {
            margin-bottom: 15px; }
            .root#index .schoolGuidance__schools__eachSchool__holder__list__item__anchor {
              position: relative;
              font-size: 16px;
              font-size: 1.6rem;
              text-decoration: underline;
              padding-left: 20px; }
              .root#index .schoolGuidance__schools__eachSchool__holder__list__item__anchor:before {
                content: "";
                display: block;
                width: 10px;
                height: 10px;
                position: absolute;
                top: 50%;
                left: 0;
                transform: rotate(45deg) translateY(-50%); }
              .root#index .schoolGuidance__schools__eachSchool__holder__list__item__anchor:hover {
                text-decoration: none; }
        .root#index .schoolGuidance__schools__eachSchool__holder__btn {
          width: 356px;
          margin-left: auto;
          margin-right: auto; }
          @media only screen and (max-width: 767px) {
            .root#index .schoolGuidance__schools__eachSchool__holder__btn {
              width: 100%; } }
      .root#index .schoolGuidance__schools__eachSchool[data-school="junior"] .schoolGuidance__schools__eachSchool__fig {
        right: -50px;
        background-image: url(../../images/root/index/schoolGuidance_fig_junior.png); }
      .root#index .schoolGuidance__schools__eachSchool[data-school="junior"] .schoolGuidance__schools__eachSchool__holder__name {
        color: #E86D9E; }
        .root#index .schoolGuidance__schools__eachSchool[data-school="junior"] .schoolGuidance__schools__eachSchool__holder__name > i:after {
          border-top: 3px solid #E86D9E;
          border-right: 3px solid #E86D9E; }
      .root#index .schoolGuidance__schools__eachSchool[data-school="junior"] .schoolGuidance__schools__eachSchool__holder__list__item__anchor {
        color: #E86D9E; }
        .root#index .schoolGuidance__schools__eachSchool[data-school="junior"] .schoolGuidance__schools__eachSchool__holder__list__item__anchor:before {
          border-top: 2px solid #E86D9E;
          border-right: 2px solid #E86D9E; }
      .root#index .schoolGuidance__schools__eachSchool[data-school="high"] .schoolGuidance__schools__eachSchool__fig {
        left: -50px;
        background-image: url(../../images/root/index/schoolGuidance_fig_high.png); }
      .root#index .schoolGuidance__schools__eachSchool[data-school="high"] .schoolGuidance__schools__eachSchool__holder__name {
        color: #C777C6; }
        .root#index .schoolGuidance__schools__eachSchool[data-school="high"] .schoolGuidance__schools__eachSchool__holder__name > i:after {
          border-top: 3px solid #C777C6;
          border-right: 3px solid #C777C6; }
      .root#index .schoolGuidance__schools__eachSchool[data-school="high"] .schoolGuidance__schools__eachSchool__holder__list__item__anchor {
        color: #C777C6; }
        .root#index .schoolGuidance__schools__eachSchool[data-school="high"] .schoolGuidance__schools__eachSchool__holder__list__item__anchor:before {
          border-top: 2px solid #C777C6;
          border-right: 2px solid #C777C6; }
.root#index .schoolLife {
  padding: 40px 0; }
  @media only screen and (max-width: 767px) {
    .root#index .schoolLife {
      padding: 35px 0; } }
  .root#index .schoolLife__hl {
    margin-bottom: 40px; }
  .root#index .schoolLife__menus {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 40px; }
    .root#index .schoolLife__menus__eachMenu {
      width: 256px; }
      @media only screen and (max-width: 767px) {
        .root#index .schoolLife__menus__eachMenu {
          width: 48%;
          margin-bottom: 20px; } }
      .root#index .schoolLife__menus__eachMenu__anchor {
        display: block; }
  .root#index .schoolLife__btn {
    width: 356px;
    margin-left: auto;
    margin-right: auto; }
.root#index .soaiInsta {
  padding: 40px 0; }
  @media only screen and (max-width: 767px) {
    .root#index .soaiInsta {
      padding: 35px 0; } }
  .root#index .soaiInsta__hl {
    position: relative;
    margin-bottom: 40px;
    padding-left: 50px; }
    .root#index .soaiInsta__hl > i {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      left: 0;
      width: 40px;
      display: inline-block;
      font-size: 0; }
  .root#index .soaiInsta__photos__list__item {
    width: 256px;
    margin-left: 44px;
    margin-bottom: 60px;
    float: left; }
    .root#index .soaiInsta__photos__list__item:nth-child(4n+1) {
      clear: both;
      margin-left: 0; }
    @media only screen and (max-width: 767px) {
      .root#index .soaiInsta__photos__list__item {
        width: 48%;
        margin-left: 4%;
        margin-bottom: 20px; }
        .root#index .soaiInsta__photos__list__item:nth-child(4n+1) {
          clear: none; }
        .root#index .soaiInsta__photos__list__item:nth-child(2n+1) {
          clear: both;
          margin-left: 0; } }
    .root#index .soaiInsta__photos__list__item__anchor {
      display: block; }
      .root#index .soaiInsta__photos__list__item__anchor__thumbnail {
        margin-bottom: 10px; }
      .root#index .soaiInsta__photos__list__item__anchor__caption {
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 2;
        text-decoration: underline;
        color: #000;
        display: -webkit-box;
        overflow: hidden;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical; }
      .root#index .soaiInsta__photos__list__item__anchor:hover .soaiInsta__photos__list__item__anchor__caption {
        text-decoration: none; }
.root#index .guide {
  padding: 70px 0;
  background-image: url(../../images/root/index/guide_bg.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  height: 1020px; }
  @media only screen and (max-width: 767px) {
    .root#index .guide {
      padding: 35px 0;
      height: auto; } }
  .root#index .guide__hl {
    margin-bottom: 80px; }
    @media only screen and (max-width: 767px) {
      .root#index .guide__hl {
        margin-bottom: 20px; } }
    .root#index .guide__hl__main {
      font-size: 60px;
      font-size: 6rem;
      font-weight: 400;
      font-family: 'Playfair Display', serif;
      color: #00509D; }
      @media only screen and (max-width: 767px) {
        .root#index .guide__hl__main {
          font-size: 36px;
          font-size: 3.6rem; } }
      .root#index .guide__hl__main > em {
        font-size: 80px;
        font-size: 8rem;
        font-style: normal; }
        @media only screen and (max-width: 767px) {
          .root#index .guide__hl__main > em {
            font-size: 44px;
            font-size: 4.4rem; } }
      .root#index .guide__hl__main > span {
        font-style: italic; }
    .root#index .guide__hl__sub {
      font-size: 20px;
      font-size: 2rem;
      font-weight: 400;
      font-family: "NotoSerifCJKjp";
      display: block;
      color: #404040; }
      @media only screen and (max-width: 767px) {
        .root#index .guide__hl__sub {
          font-size: 14px;
          font-size: 1.4rem; } }
  .root#index .guide__tabContents__tabs {
    margin-bottom: 40px; }
    .root#index .guide__tabContents__tabs__list {
      font-size: 0; }
      .root#index .guide__tabContents__tabs__list__item {
        display: inline-block;
        margin-left: 20px; }
        .root#index .guide__tabContents__tabs__list__item:first-child {
          margin-left: 0; }
        .root#index .guide__tabContents__tabs__list__item__anchor {
          display: block;
          padding: 20px;
          font-size: 16px;
          font-size: 1.6rem;
          background-color: #fff;
          border-bottom: 2px solid #00509D;
          color: #00509D;
          border: 1px solid #CBCBCB; }
          .root#index .guide__tabContents__tabs__list__item__anchor.is-current {
            background-color: #00509D;
            border-bottom: 2px solid transparent;
            color: #fff; }
  .root#index .guide__tabContents__contents__slider {
    width: 300px;
    margin-left: -22px;
    margin-bottom: 100px; }
    @media only screen and (max-width: 767px) {
      .root#index .guide__tabContents__contents__slider {
        width: 90%; } }
    .root#index .guide__tabContents__contents__slider__eachSlide {
      padding: 0 22px; }
      .root#index .guide__tabContents__contents__slider__eachSlide__holder {
        position: relative;
        background-color: #fff;
        display: block; }
        .root#index .guide__tabContents__contents__slider__eachSlide__holder__date {
          position: relative;
          display: table;
          margin-top: -40px; }
          .root#index .guide__tabContents__contents__slider__eachSlide__holder__date__start {
            display: table-cell;
            vertical-align: middle;
            background-color: #00509D;
            padding: 10px;
            font-family: 'Trirong', serif;
            font-style: italic;
            color: #fff; }
            .root#index .guide__tabContents__contents__slider__eachSlide__holder__date__start > span {
              display: block;
              font-size: 20px;
              font-size: 2rem; }
          .root#index .guide__tabContents__contents__slider__eachSlide__holder__date__hyphen {
            position: relative;
            display: table-cell;
            vertical-align: middle;
            background-color: #00509D;
            padding: 10px;
            color: #fff;
            width: 20px; }
            .root#index .guide__tabContents__contents__slider__eachSlide__holder__date__hyphen:before {
              content: "";
              display: block;
              width: 70%;
              height: 1px;
              background-color: #fff;
              position: absolute;
              top: 55px;
              left: 50%;
              transform: translateX(-50%); }
          .root#index .guide__tabContents__contents__slider__eachSlide__holder__date__end {
            display: table-cell;
            vertical-align: middle;
            background-color: #00509D;
            color: #fff;
            padding: 10px;
            font-family: 'Trirong', serif;
            font-style: italic; }
            .root#index .guide__tabContents__contents__slider__eachSlide__holder__date__end > span {
              display: block;
              font-size: 20px;
              font-size: 2rem; }
        .root#index .guide__tabContents__contents__slider__eachSlide__holder__description {
          padding: 20px; }
          .root#index .guide__tabContents__contents__slider__eachSlide__holder__description__categoryList {
            margin-bottom: 10px; }
            .root#index .guide__tabContents__contents__slider__eachSlide__holder__description__categoryList__item {
              color: #00509D;
              border: 1px solid #00509D;
              display: inline-block;
              border-radius: 20px;
              padding: 2px 10px;
              font-size: 12px;
              font-size: 1.2rem; }
          .root#index .guide__tabContents__contents__slider__eachSlide__holder__description__title {
            font-size: 14px;
            font-size: 1.4rem;
            text-decoration: underline;
            line-height: 1.5; }
        .root#index .guide__tabContents__contents__slider__eachSlide__holder:hover .guide__tabContents__contents__slider__eachSlide__holder__description__title {
          text-decoration: none; }
  .root#index .guide__tabContents__contents__sliderArrow {
    font-size: 0; }
    .root#index .guide__tabContents__contents__sliderArrow__prev {
      position: absolute;
      top: 70px;
      right: 56px;
      z-index: 2;
      display: inline-block;
      width: 56px;
      height: 56px;
      background-image: url(../../images/common/icon_prevArrow_off.png);
      background-size: cover; }
      .root#index .guide__tabContents__contents__sliderArrow__prev:hover {
        background-image: url(../../images/common/icon_prevArrow_on.png); }
    .root#index .guide__tabContents__contents__sliderArrow__next {
      position: absolute;
      top: 70px;
      right: 0;
      z-index: 2;
      display: inline-block;
      width: 56px;
      height: 56px;
      background-image: url(../../images/common/icon_nextArrow_off.png);
      background-size: cover; }
      .root#index .guide__tabContents__contents__sliderArrow__next:hover {
        background-image: url(../../images/common/icon_nextArrow_on.png); }
  .root#index .guide__tabContents__contents__btnList {
    text-align: center;
    opacity: 0;
    transform: translateY(40px);
    transition: 0.8s all ease 0.6s; }
    .root#index .guide__tabContents__contents__btnList__item {
      display: inline-block;
      margin-left: 40px;
      width: 300px; }
      @media only screen and (max-width: 767px) {
        .root#index .guide__tabContents__contents__btnList__item {
          width: 100%;
          margin-left: 0; } }
      .root#index .guide__tabContents__contents__btnList__item:first-child {
        margin-left: 0; }
        @media only screen and (max-width: 767px) {
          .root#index .guide__tabContents__contents__btnList__item:first-child {
            margin-bottom: 20px; } }
  .root#index .guide__tabContents__contents .slick-slider .slick-list {
    overflow: visible; }
  .root#index .guide.is-animated .guide__hl > div {
    opacity: 1;
    transform: translateY(0); }
  .root#index .guide.is-animated .guide__tabContents__contents__slider {
    opacity: 1;
    transform: translateX(0); }
  .root#index .guide.is-animated .guide__tabContents__contents__sliderArrow {
    opacity: 1; }
  .root#index .guide.is-animated .guide__tabContents__contents__btnList {
    opacity: 1;
    transform: translateX(0); }
.root#index .topics {
  padding: 70px 0;
  background-image: url(../../images/root/index/topics_bg.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover; }
  @media only screen and (max-width: 767px) {
    .root#index .topics {
      padding: 35px 0; } }
  .root#index .topics__hl {
    margin-bottom: 40px; }
    @media only screen and (max-width: 767px) {
      .root#index .topics__hl {
        margin-bottom: 20px; } }
    .root#index .topics__hl__main {
      font-size: 60px;
      font-size: 6rem;
      font-weight: 400;
      font-family: 'Playfair Display', serif;
      color: #00509D; }
      @media only screen and (max-width: 767px) {
        .root#index .topics__hl__main {
          font-size: 36px;
          font-size: 3.6rem; } }
      .root#index .topics__hl__main > em {
        font-size: 80px;
        font-size: 8rem;
        font-style: normal; }
        @media only screen and (max-width: 767px) {
          .root#index .topics__hl__main > em {
            font-size: 44px;
            font-size: 4.4rem; } }
      .root#index .topics__hl__main > span {
        font-style: italic; }
    .root#index .topics__hl__sub {
      font-size: 20px;
      font-size: 2rem;
      font-weight: 400;
      font-family: "NotoSerifCJKjp";
      display: block;
      color: #404040; }
      @media only screen and (max-width: 767px) {
        .root#index .topics__hl__sub {
          font-size: 14px;
          font-size: 1.4rem; } }
  .root#index .topics__contents__eachItem__anchor {
    position: relative;
    display: block; }
    .root#index .topics__contents__eachItem__anchor:before {
      content: "";
      width: 100%;
      height: 100%;
      border: 2px solid #fff;
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      transform: scale(0.95);
      z-index: 2; }
    .root#index .topics__contents__eachItem__anchor__fig {
      position: relative;
      width: 100%;
      height: 288px;
      overflow: hidden; }
      @media only screen and (max-width: 767px) {
        .root#index .topics__contents__eachItem__anchor__fig {
          height: calc((100vw - 40px) * 0.55786350148); } }
      .root#index .topics__contents__eachItem__anchor__fig > img {
        position: absolute;
        top: 50%;
        left: 50%;
        transition: 0.4s all ease;
        transform: translate(-50%, -50%) scale(1);
        width: 100%; }
    .root#index .topics__contents__eachItem__anchor__texts {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-repeat: no-repeat;
      background-size: contain;
      background-position: center center; }
      @media only screen and (max-width: 767px) {
        .root#index .topics__contents__eachItem__anchor__texts {
          background-size: 100% auto; } }
    .root#index .topics__contents__eachItem__anchor[data-contents="concert"] .topics__contents__eachItem__anchor__texts {
      background-image: url(../../images/root/index/topics_text_concert.png); }
    .root#index .topics__contents__eachItem__anchor[data-contents="lesson"] .topics__contents__eachItem__anchor__texts {
      background-image: url(../../images/root/index/topics_text_lesson.png); }
    .root#index .topics__contents__eachItem__anchor[data-contents="study"] .topics__contents__eachItem__anchor__texts {
      background-image: url(../../images/root/index/topics_text_study.png); }
    .root#index .topics__contents__eachItem__anchor:hover .topics__contents__eachItem__anchor__fig > img {
      transform: translate(-50%, -50%) scale(1.1); }
    .root#index .topics__contents__eachItem__anchor:hover[data-contents="concert"] .topics__contents__eachItem__anchor__texts {
      background-image: url(../../images/root/index/topics_text_concert_on.png); }
    .root#index .topics__contents__eachItem__anchor:hover[data-contents="lesson"] .topics__contents__eachItem__anchor__texts {
      background-image: url(../../images/root/index/topics_text_lesson_on.png); }
    .root#index .topics__contents__eachItem__anchor:hover[data-contents="study"] .topics__contents__eachItem__anchor__texts {
      background-image: url(../../images/root/index/topics_text_study_on.png); }
  .root#index .topics.is-animated .topics__hl > div {
    opacity: 1;
    transform: translateY(0); }
  .root#index .topics.is-animated .topics__contents {
    opacity: 1;
    transform: translateY(0); }
.root#index .points {
  padding: 70px 0;
  background-color: #fff; }
  @media only screen and (max-width: 767px) {
    .root#index .points {
      padding: 35px 0; } }
  .root#index .points__hl {
    margin-bottom: 40px; }
    @media only screen and (max-width: 767px) {
      .root#index .points__hl {
        margin-bottom: 20px; } }
    .root#index .points__hl__main {
      font-size: 60px;
      font-size: 6rem;
      font-weight: 400;
      font-family: 'Playfair Display', serif;
      color: #00509D; }
      @media only screen and (max-width: 767px) {
        .root#index .points__hl__main {
          font-size: 36px;
          font-size: 3.6rem; } }
      .root#index .points__hl__main > em {
        font-size: 80px;
        font-size: 8rem;
        font-style: normal; }
        @media only screen and (max-width: 767px) {
          .root#index .points__hl__main > em {
            font-size: 44px;
            font-size: 4.4rem; } }
      .root#index .points__hl__main > span {
        font-style: italic; }
    .root#index .points__hl__sub {
      font-size: 20px;
      font-size: 2rem;
      font-weight: 400;
      font-family: "NotoSerifCJKjp";
      display: block;
      color: #404040; }
      @media only screen and (max-width: 767px) {
        .root#index .points__hl__sub {
          font-size: 14px;
          font-size: 1.4rem; } }
  .root#index .points__depList__item {
    width: 25%;
    float: left; }
    @media only screen and (max-width: 767px) {
      .root#index .points__depList__item {
        width: 50%; } }
    .root#index .points__depList__item__anchor {
      position: relative;
      display: block;
      background-color: #000; }
      .root#index .points__depList__item__anchor__bg {
        position: relative;
        overflow: hidden; }
        .root#index .points__depList__item__anchor__bg > div {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          transition: 0.4s all ease;
          transform: scale(1); }
      .root#index .points__depList__item__anchor__texts {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-repeat: no-repeat;
        background-position: center center;
        background-size: 342px auto; }
        @media only screen and (max-width: 767px) {
          .root#index .points__depList__item__anchor__texts {
            background-size: 100% auto; } }
      .root#index .points__depList__item__anchor[data-contents="music"] .points__depList__item__anchor__texts {
        background-image: url(../../images/root/index/points_music_texts.png); }
      .root#index .points__depList__item__anchor[data-contents="humanities"] .points__depList__item__anchor__texts {
        background-image: url(../../images/root/index/points_humanities_texts.png); }
      .root#index .points__depList__item__anchor[data-contents="child"] .points__depList__item__anchor__texts {
        background-image: url(../../images/root/index/points_child_texts.png); }
      .root#index .points__depList__item__anchor[data-contents="nutrition"] .points__depList__item__anchor__texts {
        background-image: url(../../images/root/index/points_nutrition_texts.png); }
      .root#index .points__depList__item__anchor:hover .points__depList__item__anchor__bg > div {
        transform: scale(1.1); }
      .root#index .points__depList__item__anchor:hover[data-contents="music"] .points__depList__item__anchor__texts {
        background-image: url(../../images/root/index/points_music_texts_on.png); }
      .root#index .points__depList__item__anchor:hover[data-contents="humanities"] .points__depList__item__anchor__texts {
        background-image: url(../../images/root/index/points_humanities_texts_on.png); }
      .root#index .points__depList__item__anchor:hover[data-contents="child"] .points__depList__item__anchor__texts {
        background-image: url(../../images/root/index/points_child_texts_on.png); }
      .root#index .points__depList__item__anchor:hover[data-contents="nutrition"] .points__depList__item__anchor__texts {
        background-image: url(../../images/root/index/points_nutrition_texts_on.png); }
  .root#index .points__btn {
    display: block;
    width: 356px;
    margin-left: auto;
    margin-right: auto; }
    @media only screen and (max-width: 767px) {
      .root#index .points__btn {
        width: 100%; } }
  .root#index .points.is-animated .points__hl > div {
    opacity: 1;
    transform: translateY(0); }
  .root#index .points.is-animated .points__depList {
    opacity: 1;
    transform: translateY(0); }
  .root#index .points.is-animated .points__btn {
    opacity: 1;
    transform: translateY(0); }
.root#index .familiar {
  padding: 70px 0;
  background-color: #F7F7F7; }
  @media only screen and (max-width: 767px) {
    .root#index .familiar {
      padding: 35px 0; } }
  .root#index .familiar__hl {
    margin-bottom: 40px; }
    @media only screen and (max-width: 767px) {
      .root#index .familiar__hl {
        margin-bottom: 20px; } }
    .root#index .familiar__hl__main {
      font-size: 60px;
      font-size: 6rem;
      font-weight: 400;
      font-family: 'Playfair Display', serif;
      color: #00509D; }
      @media only screen and (max-width: 767px) {
        .root#index .familiar__hl__main {
          font-size: 36px;
          font-size: 3.6rem; } }
      .root#index .familiar__hl__main > em {
        font-size: 80px;
        font-size: 8rem;
        font-style: normal; }
        @media only screen and (max-width: 767px) {
          .root#index .familiar__hl__main > em {
            font-size: 44px;
            font-size: 4.4rem; } }
      .root#index .familiar__hl__main > span {
        font-style: italic; }
    .root#index .familiar__hl__sub {
      font-size: 20px;
      font-size: 2rem;
      font-weight: 400;
      font-family: "NotoSerifCJKjp";
      display: block;
      color: #404040; }
      @media only screen and (max-width: 767px) {
        .root#index .familiar__hl__sub {
          font-size: 14px;
          font-size: 1.4rem; } }
  .root#index .familiar__articleList {
    width: 260px;
    margin-left: -22px;
    margin-bottom: 50px; }
    @media only screen and (max-width: 767px) {
      .root#index .familiar__articleList {
        width: 90%; } }
    .root#index .familiar__articleList__item {
      padding: 0 22px; }
      .root#index .familiar__articleList__item__anchor {
        position: relative;
        display: block;
        background-color: #FFFFFF; }
        .root#index .familiar__articleList__item__anchor__fig {
          overflow: hidden; }
          .root#index .familiar__articleList__item__anchor__fig > img {
            transition: 0.4s all ease;
            transform: scale(1); }
        .root#index .familiar__articleList__item__anchor__texts {
          padding: 30px; }
          @media only screen and (max-width: 767px) {
            .root#index .familiar__articleList__item__anchor__texts {
              padding: 15px; } }
          .root#index .familiar__articleList__item__anchor__texts__title {
            font-size: 20px;
            font-size: 2rem;
            line-height: 1.5;
            font-weight: 400;
            font-family: "NotoSerifCJKjp";
            text-decoration: underline;
            margin-bottom: 20px; }
            @media only screen and (max-width: 767px) {
              .root#index .familiar__articleList__item__anchor__texts__title {
                font-size: 15px;
                font-size: 1.5rem; } }
          .root#index .familiar__articleList__item__anchor__texts__status {
            font-size: 14px;
            font-size: 1.4rem;
            color: #404040;
            margin-bottom: 20px; }
            @media only screen and (max-width: 767px) {
              .root#index .familiar__articleList__item__anchor__texts__status {
                font-size: 12px;
                font-size: 1.2rem; } }
            .root#index .familiar__articleList__item__anchor__texts__status > span {
              display: block;
              line-height: 1.5; }
          .root#index .familiar__articleList__item__anchor__texts__year {
            font-size: 12px;
            font-size: 1.2rem;
            color: #ACACAC; }
        .root#index .familiar__articleList__item__anchor:hover .familiar__articleList__item__anchor__fig > img {
          transform: scale(1.1); }
  .root#index .familiar__sliderArrow {
    font-size: 0; }
    .root#index .familiar__sliderArrow__prev {
      position: absolute;
      top: 70px;
      right: 58px;
      z-index: 2;
      display: inline-block;
      width: 56px;
      height: 56px;
      background-image: url(../../images/common/icon_prevArrow_off.png);
      background-size: cover; }
      .root#index .familiar__sliderArrow__prev:hover {
        background-image: url(../../images/common/icon_prevArrow_on.png); }
    .root#index .familiar__sliderArrow__next {
      position: absolute;
      top: 70px;
      right: 0;
      z-index: 2;
      display: inline-block;
      width: 56px;
      height: 56px;
      background-image: url(../../images/common/icon_nextArrow_off.png);
      background-size: cover; }
      .root#index .familiar__sliderArrow__next:hover {
        background-image: url(../../images/common/icon_nextArrow_on.png); }
  .root#index .familiar__btn {
    display: block;
    width: 356px;
    margin-left: auto;
    margin-right: auto; }
    @media only screen and (max-width: 767px) {
      .root#index .familiar__btn {
        width: 100%; } }
  .root#index .familiar .slick-slider .slick-list {
    overflow: visible; }
  .root#index .familiar.is-animated .familiar__hl > div {
    opacity: 1;
    transform: translateY(0); }
  .root#index .familiar.is-animated .familiar__sliderArrow {
    opacity: 1; }
  .root#index .familiar.is-animated .familiar__articleList {
    opacity: 1;
    transform: translateX(0); }
  .root#index .familiar.is-animated .familiar__btn {
    opacity: 1;
    transform: translateY(0); }

/*# sourceMappingURL=index.css.map */