@charset "UTF-8";
.d-sp {
  display: none; }
  
.c5-table-bg{
  background-color: #DBE7F4;
}
.c5-d-sp {
  display: none; }



@media screen and (max-width: 768px) {
  .d-sp {
    display: block; }

  .d-pc {
    display: none; } }
.d-block {
  display: block !important; }

.d-inline-b {
  display: inline-block !important; }

.d-inline {
  display: inline !important; }

.d-mb {
  display: none; }

.c5-table-bg-pc{
  background-color: #fff;
}

  @media screen and (max-width: 480px) {
    .d-mb {
      display: block; } }

.align-c {
  text-align: center; }

.align-r {
  text-align: right; }

.student-support {
  font-family: 'メイリオ', 'Meiryo', 'Hiragino Kaku Gothic ProN',sans-serif; }
  .student-support html, .student-support body, .student-support div, .student-support span, .student-support applet, .student-support object, .student-support iframe,
  .student-support h1, .student-support h2, .student-support h3, .student-support h4, .student-support h5, .student-support h6, .student-support p, .student-support blockquote, .student-support pre,
  .student-support a, .student-support abbr, .student-support acronym, .student-support address, .student-support big, .student-support cite, .student-support code,
  .student-support del, .student-support dfn, .student-support em, .student-support img, .student-support ins, .student-support kbd, .student-support q, .student-support s, .student-support samp,
  .student-support small, .student-support strike, .student-support strong, .student-support sub, .student-support sup, .student-support tt, .student-support var,
  .student-support b, .student-support u, .student-support i, .student-support center,
  .student-support dl, .student-support dt, .student-support dd, .student-support ol, .student-support ul, .student-support li,
  .student-support fieldset, .student-support form, .student-support label, .student-support legend,
  .student-support table, .student-support caption, .student-support tbody, .student-support tfoot, .student-support thead, .student-support tr, .student-support th, .student-support td,
  .student-support article, .student-support aside, .student-support canvas, .student-support details, .student-support embed,
  .student-support figure, .student-support figcaption {
    margin: 0;
    font-style: normal;
    zoom: 1; }
  .student-support article, .student-support aside, .student-support details, .student-support figcaption, .student-support figure,
  .student-support footer, .student-support header, .student-support hgroup, .student-support menu, .student-support nav, .student-support section {
    display: block; }
  .student-support h1, .student-support h2, .student-support h3, .student-support h4, .student-support h5 {
    font-size: 100%;
    font-weight: normal;
    line-height: 1; }
  .student-support ul, .student-support ol {
    list-style-type: none; }
  .student-support img {
    max-width: 100%;
    width: auto; }
  .student-support p {
    font-size: 18px; 
  }
    @media screen and (max-width: 768px) {
      .student-support p {
        font-size: 15px; } }

.c5-wordkeep {
  display: inline-block; }

@media screen and (max-width: 1090px) {
  .c5-pc-br {
    display: none; } }

html {
  scroll-behavior: smooth; }

.student-support .mv-txt {
  background-color: #FFEEF6;
  text-align: center;
  font-size: 24px;
  font-weight: bold;
  padding: 20px 5px;
  margin: 30px auto 25px;
  max-width: 1260px;
  width: calc(100% - 60px); }
  @media screen and (max-width: 768px) {
    .student-support .mv-txt {
      width: calc(100% - 40px);
      font-size: 18px; } }
.student-support .mv-lead {
  font-size: 24px;
  font-weight: bold;
  line-height: calc(36/24);
  max-width: 1200px;
  width: calc(100% - 60px);
  margin: 20px auto 30px;
 }
  .student-support .mv-lead2{
    max-width: 1260px;
    margin: 0 auto 30px;
  }
  @media screen and (max-width: 768px) {
    .student-support .mv-lead {
      width: calc(100% - 40px);
      font-size: 18px;
      text-align: left; } }
.student-support .support-introduction {
  background-color: #D9F4F6;
  padding: 56px 0;
  border-bottom: 1px solid #1A1A1A; }
  .student-support .support-introduction .support-introduction-flex {
    display: flex;
    max-width: 1200px;
    width: calc(100% - 60px);
    margin: auto;
    grid-gap: 40px;
    justify-content: center; }
    @media screen and (max-width: 768px) {
      .student-support .support-introduction .support-introduction-flex {
        flex-direction: column;
        padding: 0;
        width: calc(100% - 40px);
        grid-gap: 20px; } }
    .student-support .support-introduction .support-introduction-flex .support-introduction-flex-child {
      background-color: #fff;
      border-top: 6px solid #01C1D1;
      width: 100%;
      max-width: 368px; }
      @media screen and (max-width: 768px) {
        .student-support .support-introduction .support-introduction-flex .support-introduction-flex-child {
          max-width: none; } }
      .student-support .support-introduction .support-introduction-flex .support-introduction-flex-child a {
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding-right: 20px;
        box-sizing: border-box; }
        @media screen and (max-width: 768px) {
          .student-support .support-introduction .support-introduction-flex .support-introduction-flex-child a {
            padding: 0px 10px; } }
        .student-support .support-introduction .support-introduction-flex .support-introduction-flex-child a h4 {
          text-align: center;
          font-size: 18px;
          font-weight: bold;
          width: 100%;
          line-height: calc(27/18); }
          @media screen and (max-width: 768px) {
            .student-support .support-introduction .support-introduction-flex .support-introduction-flex-child a h4 {
              font-size: 16px; } }
        .student-support .support-introduction .support-introduction-flex .support-introduction-flex-child a span {
          display: block;
          max-width: 52px;
          width: 100%;
          margin: 14px 0 20px;
          background: url("../../img/link2.jpg") no-repeat;
          background-size: contain; }
          @media screen and (max-width: 768px) {
            .student-support .support-introduction .support-introduction-flex .support-introduction-flex-child a span {
              max-width: 40px;
              margin: 10px 0 16px; } }
          .student-support .support-introduction .support-introduction-flex .support-introduction-flex-child a span img {
            transition: all 0.3s ease; }
        .student-support .support-introduction .support-introduction-flex .support-introduction-flex-child a:hover {
          text-decoration: none;
          color: #1A1A1A; }
          .student-support .support-introduction .support-introduction-flex .support-introduction-flex-child a:hover span img {
            opacity: 0; }
.student-support .support-survice {
  background-color: #F0F2F4;
  padding: 95px 0 100px;
  border-bottom: 1px solid #1A1A1A; }
  @media screen and (max-width: 768px) {
    .student-support .support-survice {
      padding: 65px 0 70px; } }
  .student-support .support-survice .support-inner {
    max-width: 1200px;
    width: calc(100% - 60px);
    margin: auto; }
    @media screen and (max-width: 768px) {
      .student-support .support-survice .support-inner {
        width: calc(100% - 40px); } }
    .student-support .support-survice .support-inner .support-title {
      font-size: 48px;
      text-align: center;
      font-weight: bold;
      line-height: 1.3; }
      .student-support .support-survice .support-inner .support-title small {
        max-width: 110px;
        width: 100%;
        margin: 0 auto 20px;
        display: block;
        line-height: 0; }
      @media screen and (max-width: 768px) {
        .student-support .support-survice .support-inner .support-title {
          font-size: 28px; } }
    .student-support .support-survice .support-inner .support-survice-lead {
      text-align: center;
      line-height: calc(36/24);
      font-weight: bold;
      font-size: 24px;
      margin: 50px 0 40px; }
      @media screen and (max-width: 768px) {
        .student-support .support-survice .support-inner .support-survice-lead {
          font-size: 18px;
          text-align: left; } }
    .student-support .support-survice .support-inner .support-survice-box-no {
      margin-top: 30px;
      background-color: #FFF95A;
      border: 1px solid #1A1A1A;
      width: 96px;
      aspect-ratio: 96/55; }
      @media screen and (max-width: 768px) {
        .student-support .support-survice .support-inner .support-survice-box-no {
          width: 52px;
          padding: 8px; } }
      .student-support .support-survice .support-inner .support-survice-box-no figure {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 100%; }
    .student-support .support-survice .support-inner .support-survice-box {
      border: 1px solid #1A1A1A;
      background-color: #fff; }
      .student-support .support-survice .support-inner .support-survice-box .support-survice-box-inner {
        max-width: 1120px;
        padding: 40px 40px 30px; }
        @media screen and (max-width: 768px) {
          .student-support .support-survice .support-inner .support-survice-box .support-survice-box-inner {
            padding: 40px 20px; } }
        .student-support .support-survice .support-inner .support-survice-box .support-survice-box-inner h4 {
          font-size: 32px;
          text-align: center;
          font-weight: bold;
          line-height: calc(36/32);
          margin-bottom: 30px; }
          @media screen and (max-width: 768px) {
            .student-support .support-survice .support-inner .support-survice-box .support-survice-box-inner h4 {
              font-size: 20px; } }
        .student-support .support-survice .support-inner .support-survice-box .support-survice-box-inner .support-survice-box-leadtxt {
          text-align: center;
          font-size: 18px;
          font-weight: bold;
          margin: 24px auto; }
          .student-support .support-survice .support-inner .support-survice-box .support-survice-box-inner .support-survice-box-leadtxt span {
            display: block; }
          @media screen and (max-width: 768px) {
            .student-support .support-survice .support-inner .support-survice-box .support-survice-box-inner .support-survice-box-leadtxt {
              font-size: 15px; } }
        .student-support .support-survice .support-inner .support-survice-box .support-survice-box-inner .flex-bg-pink {
          background-color: #FFEEF6; }
          .student-support .support-survice .support-inner .support-survice-box .support-survice-box-inner .flex-bg-pink .support-survice-box-flex {
            max-width: 1000px;
            margin: auto;
            padding: 25px; }
        .student-support .support-survice .support-inner .support-survice-box .support-survice-box-inner .c5-priceImg {
          margin: 16px auto 24px; }
        .student-support .support-survice .support-inner .support-survice-box .support-survice-box-inner .support-survice-box-flex {
          display: flex;
          align-items: flex-start;
          grid-gap: 20px; }
          @media screen and (max-width: 768px) {
            .student-support .support-survice .support-inner .support-survice-box .support-survice-box-inner .support-survice-box-flex {
              flex-direction: column; } }
          .student-support .support-survice .support-inner .support-survice-box .support-survice-box-inner .support-survice-box-flex .support-survice-box-flex-left p {
            font-size: 20px;
            font-weight: bold;
            line-height: calc(27/20); }
          .student-support .support-survice .support-inner .support-survice-box .support-survice-box-inner .support-survice-box-flex .support-survice-box-flex-left figure {
            line-height: 0; }
            .student-support .support-survice .support-inner .support-survice-box .support-survice-box-inner .support-survice-box-flex .support-survice-box-flex-left figure img {
              max-width: 585px;
              width: 100%; }
          .student-support .support-survice .support-inner .support-survice-box .support-survice-box-inner .support-survice-box-flex .support-survice-box-flex-right {
            max-width: 510px;
            width: 100%; }
            .student-support .support-survice .support-inner .support-survice-box .support-survice-box-inner .support-survice-box-flex .support-survice-box-flex-right ol {
              margin-left: 50px;
              list-style: decimal; }
              .student-support .support-survice .support-inner .support-survice-box .support-survice-box-inner .support-survice-box-flex .support-survice-box-flex-right ol li {
                font-size: 18px;
                margin-bottom: 4px; }
              @media screen and (max-width: 768px) {
                .student-support .support-survice .support-inner .support-survice-box .support-survice-box-inner .support-survice-box-flex .support-survice-box-flex-right ol {
                  margin-left: 1.1rem; }
                  .student-support .support-survice .support-inner .support-survice-box .support-survice-box-inner .support-survice-box-flex .support-survice-box-flex-right ol li {
                    font-size: 15px; } }
    .student-support .support-survice .support-inner .support-survice-box01 .support-survice-box-inner h4 {
      margin-bottom: 0; }
    .student-support .support-survice .support-inner .support-survice-box01 .support-survice-box-inner .support-survice-box-flex {
      align-items: center; }
      .student-support .support-survice .support-inner .support-survice-box01 .support-survice-box-inner .support-survice-box-flex .support-survice-box-flex-right {
        max-width: none;
        width: auto; }
        .student-support .support-survice .support-inner .support-survice-box01 .support-survice-box-inner .support-survice-box-flex .support-survice-box-flex-right ol {
          padding: 0; }
      @media screen and (max-width: 768px) {
        .student-support .support-survice .support-inner .support-survice-box01 .support-survice-box-inner .support-survice-box-flex .support-survice-box-flex-left p {
          text-align: center; } }
    .student-support .support-survice .support-inner .support-survice-box01 .support-survice-box-inner figure {
      margin: 15px auto 25px; }
    .student-support .support-survice .support-inner .support-survice-box02 .support-survice-box-inner .c5-btn {
      margin-top: 30px;
      text-align: right; }
    .student-support .support-survice .support-inner .support-survice-box03 .support-survice-box-inner p + p {
      margin-top: 24px; }
.student-support .support-plan {
  background-color: #D9F4F6;
  padding: 100px 0 80px;
  border-bottom: 1px solid #1A1A1A; }
  @media screen and (max-width: 768px) {
    .student-support .support-plan {
      padding: 70px 0 70px; } }
  .student-support .support-plan .support-inner {
    max-width: 1200px;
    width: calc(100% - 60px);
    margin: auto; }
    @media screen and (max-width: 768px) {
      .student-support .support-plan .support-inner {
        width: calc(100% - 40px); } }
        .student-support .support-plan .support-inner small a{
          text-decoration: underline;
        }
    .student-support .support-plan .support-inner .support-title {
      font-size: 48px;
      text-align: center;
      font-weight: bold; }
      .student-support .support-plan .support-inner .support-title small {
        max-width: 63px;
        width: 100%;
        margin: 0 auto 20px;
        display: block;
        line-height: 0; }
      .student-support .support-plan .support-inner .support-title span {
        font-size: 32px;
        display: block;
        margin-bottom: 10px; }
      @media screen and (max-width: 768px) {
        .student-support .support-plan .support-inner .support-title {
          font-size: 28px; }
          .student-support .support-plan .support-inner .support-title span {
            font-size: 20px; } }
    .student-support .support-plan .support-inner .support-plan-lead {
      margin-top: 50px;
      font-size: 24px;
      line-height: calc(36/24);
      font-weight: bold;
      text-align: center; }
      .student-support .support-plan .support-inner .support-plan-lead small {
        font-weight: normal;
        display: inline-block; }
      @media screen and (max-width: 768px) {
        .student-support .support-plan .support-inner .support-plan-lead {
          font-size: 18px;
          text-align: left; } }
    .student-support .support-plan .support-inner .support-plan-img {
      margin-top: 4px;
      border: 1px solid #1A1A1A;
      padding: 25px 0;
      background-color: #fff; }
      @media screen and (max-width: 768px) {
        .student-support .support-plan .support-inner .support-plan-img {
          padding: 10px 0 10px 10px;
          overflow-x: scroll; } }
      .student-support .support-plan .support-inner .support-plan-img .support-plan-img-inner {
        margin: auto;
        max-width: 1120px;
        width: calc(100% - 80px); }
        @media screen and (max-width: 768px) {
          .student-support .support-plan .support-inner .support-plan-img .support-plan-img-inner {
            min-width: 643px; } }
.student-support .support-other {
  background-color: #F0F2F4;
  padding: 100px 0 100px; }
  @media screen and (max-width: 768px) {
    .student-support .support-other {
      padding: 70px 0 90px; } }
  .student-support .support-other .support-inner {
    max-width: 1200px;
    width: calc(100% - 60px);
    margin: auto; }
    @media screen and (max-width: 768px) {
      .student-support .support-other .support-inner {
        width: calc(100% - 40px); } }
    .student-support .support-other .support-inner .support-title {
      font-size: 48px;
      text-align: center;
      font-weight: bold;
      margin-bottom: 50px;
      line-height: 1.3; }
      .student-support .support-other .support-inner .support-title small {
        max-width: 85px;
        width: 100%;
        margin: 0 auto 20px;
        display: block;
        line-height: 0; }
      @media screen and (max-width: 768px) {
        .student-support .support-other .support-inner .support-title {
          font-size: 28px; } }
    .student-support .support-other .support-inner .support-other-list {
      padding: 0; }
      .student-support .support-other .support-inner .support-other-list .support-other-list-child + .support-other-list-child {
        margin-top: 40px; }
      .student-support .support-other .support-inner .support-other-list .support-other-list-child .support-other-list-child-title {
        font-size: 24px;
        font-weight: bold;
        padding-bottom: 28px;
        position: relative;
        margin-bottom: 32px; }
        .student-support .support-other .support-inner .support-other-list .support-other-list-child .support-other-list-child-title:before {
          content: '';
          width: 100%;
          background-color: #CECECE;
          height: 4px;
          position: absolute;
          bottom: 0;
          left: 0; }
        .student-support .support-other .support-inner .support-other-list .support-other-list-child .support-other-list-child-title:after {
          content: '';
          width: 100px;
          background-color: #01C1D1;
          height: 4px;
          position: absolute;
          bottom: 0;
          left: 0; }
        @media screen and (max-width: 768px) {
          .student-support .support-other .support-inner .support-other-list .support-other-list-child .support-other-list-child-title {
            font-size: 18px;
            padding-bottom: 20px;
            margin-bottom: 20px; } }
      .student-support .support-other .support-inner .support-other-list .support-other-list-child .support-other-list-child-con figure {
        width: 100%;
        display: flex;
        grid-gap: 30px;
        margin: 20px 0; }
        @media screen and (max-width: 768px) {
          .student-support .support-other .support-inner .support-other-list .support-other-list-child .support-other-list-child-con figure {
            flex-direction: column;
            grid-gap: 10px; } }
        .student-support .support-other .support-inner .support-other-list .support-other-list-child .support-other-list-child-con figure img {
          width: calc(50% - 15px); }
          @media screen and (max-width: 768px) {
            .student-support .support-other .support-inner .support-other-list .support-other-list-child .support-other-list-child-con figure img {
              width: 100%; } }
      .student-support .support-other .support-inner .support-other-list .support-other-list-child .support-other-list-child-con ul {
        padding: 0;
        margin-left: 1.1rem;
        list-style: disc; }
      .student-support .support-other .support-inner .support-other-list .support-other-list-child .support-other-list-child-con .support-other-list-child-contact {
        text-align: center;
        margin-top: 40px; }
        .student-support .support-other .support-inner .support-other-list .support-other-list-child .support-other-list-child-con .support-other-list-child-contact h4 {
          margin-bottom: 15px;
          font-weight: bold;
          line-height: 1.3; }
          .student-support .support-other .support-inner .support-other-list .support-other-list-child .support-other-list-child-con .support-other-list-child-contact h4 span {
            margin-left: 1rem; }
            @media screen and (max-width: 768px) {
              .student-support .support-other .support-inner .support-other-list .support-other-list-child .support-other-list-child-con .support-other-list-child-contact h4 span {
                margin-left: 0;
                display: block; } }
        .student-support .support-other .support-inner .support-other-list .support-other-list-child .support-other-list-child-con .support-other-list-child-contact p {
          margin-top: 10px; }
          .student-support .support-other .support-inner .support-other-list .support-other-list-child .support-other-list-child-con .support-other-list-child-contact p a {
            color: #34568e;
            text-decoration: underline; }
        .student-support .support-other .support-inner .support-other-list .support-other-list-child .support-other-list-child-con .support-other-list-child-contact .c5-support-btnBox {
          display: flex;
          justify-content: center;
          margin-top: 50px;
        }
          .student-support .support-other .support-inner .support-other-list .support-other-list-child .support-other-list-child-con .support-other-list-child-contact .c5-support-btnBox .c5-support-btn {
            display: inline-block;
            margin: 5px;
            width: 50%;
            max-width: 290px; }
            .student-support .support-other .support-inner .support-other-list .support-other-list-child .support-other-list-child-con .support-other-list-child-contact .c5-support-btnBox .c5-support-btn span {
              display: block; }
              .student-support .support-other .support-inner .support-other-list .support-other-list-child .support-other-list-child-con .support-other-list-child-contact .c5-support-btnBox .c5-support-btn span + span {
                font-size: 120%; }
            .student-support .support-other .support-inner .support-other-list .support-other-list-child .support-other-list-child-con .support-other-list-child-contact .c5-support-btnBox .c5-support-btn small {
              line-height: 1.3;
              display: inline-block;
              margin-top: 5px; }
            @media screen and (max-width: 768px) {
              .student-support .support-other .support-inner .support-other-list .support-other-list-child .support-other-list-child-con .support-other-list-child-contact .c5-support-btnBox .c5-support-btn a {
                min-width: 280px;
                width: 100%; } }
          @media screen and (max-width: 768px) {
            .student-support .support-other .support-inner .support-other-list .support-other-list-child .support-other-list-child-con .support-other-list-child-contact .c5-support-btnBox {
              display: block; }
              .student-support .support-other .support-inner .support-other-list .support-other-list-child .support-other-list-child-con .support-other-list-child-contact .c5-support-btnBox .c5-support-btn {
                width: 100%; } }
.student-support .c5-mt-md--30 {
  margin-top: 0px !important; }
  @media screen and (max-width: 768px) {
    .student-support .c5-mt-md--30 {
      margin-top: 20px !important; } }

.s5-container .s5-storeHeadingGroup {
  margin-top: 40px; }

.c5-explanation-YellowBox {
  margin-top: 72px;
  padding: 0 60px 40px; }

.c5-explanation-YellowBox02 {
  margin-top: 24px; }

.c5-explanation-YellowBox h3 {
  font-size: 32px;
  font-weight: bold;
  line-height: 1.5;
  text-align: center;
  position: relative; }

.c5-explanation-small {
  font-size: 16px !important;
  font-weight: normal;
  line-height: 1.5;
  text-align: center;
  position: relative; }
  @media screen and (max-width: 769px) {
    .c5-explanation-small {
      font-size: 15px !important; } }

.c5-explanation-YellowBox li .c5-explanation-Sellprice {
  font-size: 16px;
  font-weight: normal; }

.c5-explanation-YellowBox h3 br {
  display: none; }

@media screen and (max-width: 1110px) {
  .c5-explanation-YellowBox h3 {
    text-align: left; }

  .c5-explanation-YellowBox h3 br {
    display: block; } }
.c5-explanation-YellowBox .c5-explanationList {
  display: flex;
  justify-content: space-between;
  margin: 24px 0 0; }

.c5-explanation-YellowBox .c5-explanationList li {
  width: calc(33% - 0px);
  max-width: 300px;
  background-color: #fff;
  border: 4px solid #EFB293;
  border-radius: 8px;
  text-align: center;
  font-weight: bold;
  padding: 23px 0 19px;
  margin-right: 50px; }

.c5-explanation-YellowBox .c5-explanationList li:last-child {
  margin-right: 0; }

.c5-explanation-YellowBox .c5-explanationList li h4 {
  font-size: 24px;
  line-height: 1;
  width: fit-content;
  background-color: #F5E149;
  padding: 4px 8px;
  margin: 0 auto; }

.c5-explanation-YellowBox .c5-explanationList li p {
  line-height: 1.5;
  margin-top: 4px; }

.c5-explanation-YellowBox .c5-explanationList li .c5-explanationList-img {
  width: 100%;
  max-width: 160px;
  margin: 0 auto;
  margin-top: 48px; 
}

.c5-explanation-YellowBox .c5-explanationList li .c5-explanationList-img01 {
  margin-top: 26px; }

.c5-explanation-YellowBox .c5-explanationList li .c5-explanationList-img02 {
  margin-top: 8px;
  max-width: 210px; }

.c5-explanation-YellowBox .c5-explanationList li .c5-explanationList-img03 {
  margin-top: 32px;
  max-width: 144px; }

.c5-explanation-YellowBox .c5-explanationList li .c5-explanationList-img04 {
  margin-top: 16px; }

.c5-explanation-YellowBox .c5-explanationList li .c5-explanationList-imgLast {
  max-width: 248px;
  margin-top: 44px; }

.c5-explanation-YellowBox .c5-explanationList li .c5-explanationList-price {
  font-size: 14px;
  font-weight: bold;
  color: #F5683A;
  margin-top: 16px; }

.c5-explanation-YellowBox .c5-explanationList li .c5-explanationList-price05 {
  margin-top: 24px; }

.c5-explanation-YellowBox .c5-explanationList li .c5-explanationList-priceLast {
  margin-top: 14px; }

.c5-explanation-YellowBox .c5-explanationList li .c5-explanationList-price span {
  font-size: 24px;
  color: #F5683A; }

.c5-explanation-YellowBox .c5-explanationList li .c5-ProductName {
  font-size: 16px; }

@media screen and (max-width: 1260px) {
  .c5-explanation-YellowBox h3 {
    position: relative;
    display: flex;
    align-items: center;
    width: fit-content;
    margin: auto; }

  .c5-explanation-YellowBox h3::after {
    position: unset;
    top: -83px;
    right: -28px;
    display: inline-block;
    width: 152px;
    height: 138px;
    margin-left: 16px; }

  .c5-explanation-YellowBox .c5-explanationList {
    display: flex;
    justify-content: space-between;
    margin: 0; } }
@media screen and (max-width: 1200px) {
  .c5-explanation-YellowBox h3 {
    font-size: 26px;
    text-align: left; }

  .c5-explanation-YellowBox h3::after {
    width: 120px;
    height: 109px; }

  .c5-explanation-YellowBox .c5-explanationList li p br {
    display: none; }

  .c5-explanation-YellowBox .c5-explanationList {
    display: block; }

  .c5-explanation-YellowBox .c5-explanationList li {
    width: calc(100% - 0px);
    max-width: unset;
    margin: 24px auto 0; }

  .c5-explanation-YellowBox .c5-explanationList li:first-child {
    margin: 0 auto 0; } }
@media screen and (max-width: 767px) {
  .c5-explanation-YellowBox {
    padding: 0px;
    margin-top: 36px; }

  .c5-explanation-YellowBox h3 {
    font-size: 18px;
    text-align: center; }

  .c5-explanation-YellowBox h3::after {
    display: none; }

  .c5-explanation-YellowBox .c5-explanationList li {
    width: calc(100% - 32px);
    margin: 16px auto 0;
    padding: 16px;
    border: 2px solid #EFB293; }

  .c5-explanation-YellowBox .c5-explanationList li:first-child {
    margin: 16px auto 0; }

  .c5-explanation-YellowBox .c5-explanationList li h4 {
    font-size: 18px; }

  .c5-explanation-YellowBox .c5-explanationList li p br {
    display: block; }

  .c5-explanation-YellowBox .c5-explanationList li .c5-explanationList-price span {
    font-size: 18px; } }

    @media screen and (max-width: 639px) {
  
      .c5-mtList{
        margin-top: 10px;
      }
      .c5-d-pc{
        display: none;
      }
      .c5-d-sp {
        display: block; }

      .c5-table-bg-sp{
        background-color: none;
      }
      .c5-border{
        border-bottom: #1A1A1A solid 1px !important;
      }
      .c5-content-box{
          padding: 0;
      }
    }

    .c5-list {
      display: flex;
      justify-content: center;
      margin: 24px 0 0; 
      padding: 20px;
      li{
        position: relative;
        width: calc(33% - 0px);
        max-width: 275px;
        background-color: #fcfcfc;
        border: 4px solid #cecece;
        text-align: center;
        font-weight: bold;
        margin-right: 50px;
      border-radius: 8px; }
      }
    
      @media screen and (max-width: 920px) {
        .c5-list {
            display: block;
            padding: 0;
            li{
              width: calc(100% - 32px);
              margin: 40px auto 0;
              padding: 16px;
              border: 2px solid #cecece; 
              max-width: 100%;
            }
        }
      }








      .nav,.nav02{ display: none; }
      .c5-nav-open{
        display: block;
        max-width: 260px;
        margin: 30px auto 20px !important;
        position: relative;
        padding: 14px 50px 10px 30px;
        cursor: pointer;
      }
      .nav-open02{
        position: relative;
        display: block;
        padding-right: 40px;
        cursor: pointer;
      }
      @media screen and (max-width: 639px){
        .c5-nav-open{
          margin: 10px 0 10px 0;
          padding-right: 35px;
        }
        .nav-open02{
          padding-right: 35px;
        }
      }
      .nav-open::before,.nav-open02::before{
        position: absolute;
        right: 0;
        top: 50%;
        transform: translate(-50%, -50%);
        z-index: 0;
        content: "";
        display: inline-block;
        width: 25px;
        height: 25px;
        background-image: url(/share5/svg/icon/plus-sign.svg);
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
      }

      @media screen and (max-width: 639px){
        .nav-open::before,.nav-open02::before{
          content: '';
          width: 1.2rem !important;
          height: 1.2rem !important;
          z-index: 0;
        }
      }
      .nav-open.active::before,.nav-open02.active::before {
        position: absolute;
        right: 0px;
        top: 50%;
        transform: translate(-50%, -50%);
        z-index: 0;
        content: "";
        display: inline-block;
        width: 25px;
        height: 25px;
        background-image: url(/share5/svg/icon/minus-sign.svg);
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
      }
      
      .c5-red-note{
        border: 1px solid #c93434;
        padding: 20px;
        text-align: center;
        box-sizing: border-box;
      }
      .c5-red-note span{
        font-size: 130%;
      }
      .c5-red-note b{
        font-weight: bold;
      }
      @media screen and (max-width: 830px){
        .c5-red-note > br{
          display: none;
        }
      }
      
      .c5-heading2{
        line-height: 1;
        margin-bottom: -10px;
      }
      
      .accordion{ 
        border: 4px solid #cecece;
        padding: 20px;
      }

      .c5-accordion_inner{
        width: 95%;
        margin: auto !important;
      }
      @media screen and (max-width: 639px){
        .c5-accordion_inner{
          width: 100%;
        }
      }

      .c5-content-box{
        padding-left: 0;
      }





      
      
      .modal-container{
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        text-align: center;
        background: rgba(0,0,0,50%);
        padding: 40px 20px;
        overflow: auto;
        opacity: 0; 
        visibility: hidden; 
        transition: .3s;
        box-sizing: border-box;
      }
      
      .modal-container:before{
        content: "";
        display: inline-block;
        vertical-align: middle;
        height: 100%;
      }
      
      .modal-container.active{
        opacity: 1;
        visibility: visible;
        z-index: 1;
      }
      
      .modal-body{
        position: relative;
        display: inline-block;
        vertical-align: middle;
        max-width: 500px;
        width: 90%;
      }
     
      .modal-close{
        position: absolute;
        display: flex;
          align-items: center;
          justify-content: center;
        top: -40px;
        right: -40px;
        width: 40px;
        height: 40px;
        font-size: 40px;
        color: #fff;
        cursor: pointer;
      }
      /*モーダル内のコンテンツの指定*/
      .modal-content{
        background: #fff;
        text-align: left;
        padding: 30px;
      }
      .modal-content img{
        margin: auto;
        border-radius: 8px;
        display: block;
        margin-bottom: 20px;
      }

      .c5-Box{
        margin-left: 9em !important;
      }
      .c5-Box div{
        margin: 5px;
        width: 100%;
        text-align: left;
      }
      .c5-Box p{
        margin-top: 0.5em !important;
      }
      @media screen and (max-width: 639px){
        .c5-Box{
          margin-left: 0 !important;
        }
        .c5-Box div{
          margin: auto;
        }
    }

    .c5-p2{
      font-size: 14px !important;
    }

    .c5-title_name{
      border-bottom: solid 2px #cecece;
      display: block;
      padding: 10px 0;
      margin-bottom: 10px !important;
      font-size: 0.8rem;
    }

    .modal-open{
      cursor: pointer;
      padding: 20px;
    }
    .modal-open img{
      display: block;
      border-radius: 8px;
      margin: auto;
    }
    

    .c5-list_Item{
      border-bottom: solid 1px #cecece;
      padding: 20px 0;
      border-top: solid 1px #cecece;
      display: flex;
    }
    .c5-list_Item_under{
      border-bottom: solid 1px #cecece;
      padding: 20px 0;
      display: flex;
    }

    .c5-title_Item{
      width: 7.5em;
      display: inline-block;
      text-align-last: justify;
    }

    .c5-list_Content{
      /* width: calc(100% - 8.5em); */
      padding-right: 4%;
    }

    .c5-img_Icon{
      position: absolute;
      right: 20px;
    bottom: 23px;
    }

    @media screen and (max-width: 639px){
      .modal-open{
        padding: 0;
      }
      .c5-list_Item{
        display: block;
      }
      .c5-list_Item_under{
        
        display: block;
      }
      .c5-title_Item{
        width: auto;
        display: inline-block;
        text-align-last: unset;
      }
      .c5-img_Icon{
       bottom: 20px;
      }
      .c5-title_name{
        font-size: 0.9rem;
      }
      .c5-name{
        font-size: 20px;
      }

      .c5-list_Content{
        width: 100%;
      }
    }

.c5-p1{
  font-size: 16px !important;
  font-size: 1rem !important;
}