@charset "UTF-8";
/* ----------------
 * About
 * ---------------- */
#feature {
  counter-reset: number 0; }
  #feature .ncColumns:not(:last-of-type) {
    margin-bottom: 5rem; }
  #feature .ncColumns:last-of-type {
    margin-bottom: 0; }
  #feature .ncColumns_panel {
    padding-top: 9rem; }
    #feature .ncColumns_panel:last-of-type {
      position: relative; }
      #feature .ncColumns_panel:last-of-type::before {
        position: absolute;
        top: 0;
        left: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 2rem;
        background-color: #E45403;
        color: #fff;
        font-size: 150%;
        counter-increment: number 1;
        content: counter(number,decimal-leading-zero); }
  #feature .textblock dt {
    color: #E45403;
    font-size: 120%; }
  #feature .textblock dd {
    margin-bottom: 2rem; }

.l-feature .introduction {
  padding-top: 5rem;
  padding-bottom: 6.9rem; }

.l-feature .introduction .m-headline2 {
  background-image: url("/wp-content/package/common/img/icon_feature.png?umw6fw4xd"); }

.l-feature .introduction .inner {
  margin-top: 5rem; }

.l-feature .introduction .inner .text {
  margin-top: 2.8rem;
  font-size: 1.6rem;
  line-height: 3.5rem;
  letter-spacing: .06em; }

/*SP仕様*/
@media screen and (max-width: 767px) {
  .l-feature .introduction {
    width: 100%;
    padding-right: 4rem;
    padding-left: 4rem; }

  .l-feature .introduction .inner {
    width: 100%; } }
@media screen and (min-width: 768px) {
  .l-feature .introduction {
    width: 100%; }

  .l-feature .introduction {
    padding-top: 9rem;
    padding-bottom: 8.6rem; }

  .l-feature .introduction .inner {
    width: 94rem;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0; }

  .l-feature .introduction .inner .text {
    margin-top: 5rem; } }
.l-feature .feature-list ul > li .imageblock {
  margin-left: -4rem;
  margin-right: -4rem; }

.l-feature .feature-list ul > li .imageblock img {
  width: 100%;
  height: auto; }

.l-feature .feature-list ul > li .textblock {
  padding-top: 4rem;
  padding-bottom: 4rem; }

.l-feature .feature-list ul > li .textblock .lead {
  font-size: 2.4rem;
  line-height: 5rem;
  letter-spacing: .2em;
  font-weight: bold; }

.l-feature .feature-list ul > li .textblock .text {
  margin-top: 2rem;
  font-size: 1.6rem;
  line-height: 3.2rem;
  letter-spacing: .12em; }

@media screen and (min-width: 768px) {
  .l-feature .feature-list {
    width: 100%; }

  .l-feature .feature-list > .inner {
    width: 94rem;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0; }

  .l-feature .feature-list ul > li {
    display: flex;
    justify-content: space-between;
    align-items: center; }

  .l-feature .feature-list ul > li + li {
    margin-top: 11.2rem; }

  .l-feature .feature-list ul > li.left {
    margin-left: -21.3rem; }

  .l-feature .feature-list ul > li.right {
    margin-right: -21.3rem;
    flex-direction: row-reverse; }

  .l-feature .feature-list ul > li .imageblock {
    margin: 0;
    width: 56.5rem; }

  .l-feature .feature-list ul > li .textblock {
    padding: 0;
    width: 50.7rem; }

  .l-feature .feature-list ul > li .textblock .text {
    margin-top: 3.5rem; } }
/*SP仕様*/
@media screen and (max-width: 767px) {
  .l-feature .feature-list {
    width: 100%;
    padding-right: 4rem;
    padding-left: 4rem; }

  .l-feature .feature-list > .inner {
    width: 100%; } }
#nickname .border {
  color: inherit; }
#nickname h2 {
  text-align: center;
  font-size: 120%; }

#result #year .ncFrame_content {
  padding: 2rem; }
  #result #year .ncFrame_content h3 {
    width: 100%;
    color: #E45403; }
  @media (max-width: 767px) {
    #result #year .ncFrame_content {
      line-height: 2; }
      #result #year .ncFrame_content h3 {
        border-bottom: 1px solid #aaa;
        margin-bottom: 0.5em; }
      #result #year .ncFrame_content span {
        margin-left: 0.5em;
        color: #E45403; } }
  @media (min-width: 768px) {
    #result #year .ncFrame_content {
      display: flex;
      flex-wrap: wrap;
      justify-content: center; }
      #result #year .ncFrame_content.-row2 div {
        width: 45%; }
      #result #year .ncFrame_content.-row3 div {
        width: calc(100% / 3); }
      #result #year .ncFrame_content.-row4 div {
        width: 25%; }
      #result #year .ncFrame_content h3 {
        text-align: center; }
      #result #year .ncFrame_content div {
        display: flex;
        justify-content: center;
        padding: 1rem; }
        #result #year .ncFrame_content div p {
          display: flex;
          flex-direction: column;
          justify-content: center;
          align-items: center;
          width: 95%;
          padding: 1.5rem;
          border: 2px solid #E45403;
          border-radius: 1.5rem; }
        #result #year .ncFrame_content div:nth-of-type(1) p, #result #year .ncFrame_content div:nth-of-type(2) p {
          width: 90%; }
        #result #year .ncFrame_content div span {
          display: block;
          color: #E45403;
          font-size: 120%;
          font-weight: bold;
          margin-top: 1rem; } }
#result #trial .ncFrame_content {
  text-align: center; }

@media (min-width: 768px) {
  #guidance {
    padding-top: 10.3rem;
    padding-bottom: 3rem; } }
#guidance .m-headline2 {
  background-image: url("/wp-content/package/common/img/icon_guidance.png?umw6fw4xg"); }
#guidance .slider-guidance {
  margin: 5.5rem -1rem 0; }
  @media (min-width: 768px) {
    #guidance .slider-guidance {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      margin: 6.8rem 0 0; } }
  #guidance .slider-guidance .item {
    padding: 0 1rem; }
    @media (min-width: 768px) {
      #guidance .slider-guidance .item {
        padding: 0;
        width: calc((100% - calc(8px * 4)) / 2); } }
    #guidance .slider-guidance .item .image img {
      width: 100%;
      height: auto; }
    #guidance .slider-guidance .item .description {
      padding: 3rem 2rem;
      font-size: 1.6rem;
      line-height: 3.2rem;
      letter-spacing: .06em;
      text-align: center; }
      @media (min-width: 768px) {
        #guidance .slider-guidance .item .description {
          padding: 2rem 0 1.5rem; } }
  #guidance .slider-guidance .slick-prev {
    top: 36vw;
    left: 2.6rem; }
  #guidance .slider-guidance .slick-next {
    top: 36vw;
    right: 2.6rem; }
  #guidance .slider-guidance .slick-dots li button:before {
    font-size: 1rem; }
  #guidance .slider-guidance .slick-dots li.slick-active button:before {
    color: #E45403; }

#facility {
  background-color: #F5F5F5; }
  @media (min-width: 768px) {
    #facility {
      width: 100%;
      padding-top: 10rem;
      padding-bottom: 6.7rem; } }
  #facility .m-headline2 {
    background-image: url("/wp-content/package/common/img/icon_facility.png?umw6fw4xk"); }
  @media (min-width: 768px) {
    #facility > .inner {
      width: 108rem;
      margin-left: auto;
      margin-right: auto;
      left: 0;
      right: 0; } }
  #facility > .inner ul.slider-facility {
    margin: 5.5rem 0 0; }
    @media (min-width: 768px) {
      #facility > .inner ul.slider-facility {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-around; } }
    @media (min-width: 768px) {
      #facility > .inner ul.slider-facility li.item {
        margin-top: 6.2rem;
        width: 27%; } }
    @media (max-width: 767px) {
      #facility > .inner ul.slider-facility li.item {
        padding: 0 3.2rem; } }
    #facility > .inner ul.slider-facility .image img {
      width: 100%;
      height: auto; }
    #facility > .inner ul.slider-facility .name {
      margin-top: 2rem;
      font-size: 1.8rem;
      line-height: 3.2rem; }
    #facility > .inner ul.slider-facility .description {
      margin-top: 1rem;
      padding-bottom: 1.5rem;
      font-size: 1.6rem;
      line-height: 3.2rem;
      letter-spacing: .06em; }
      @media (min-width: 768px) {
        #facility > .inner ul.slider-facility .description {
          padding-bottom: 0; } }
    #facility > .inner ul.slider-facility .slick-prev {
      top: 25.6vw;
      left: 1.6rem; }
    #facility > .inner ul.slider-facility .slick-next {
      top: 25.6vw;
      right: 1.6rem; }
    #facility > .inner ul.slider-facility .slick-dots li button:before {
      font-size: 1rem; }
    #facility > .inner ul.slider-facility .slick-dots li.slick-active button:before {
      color: #E45403; }