@charset "UTF-8";
/*数値の設定
------------------------------------------*/
/*上記数値の設定を呼び出しているmixin
------------------------------------------*/
/*
よく使用するmixin
------------------------------------------*/
/*
-----------------------------------------------------------*/
.sec-open .openSeminarListWrap .openSeminarList .openSeminar .inner .openSeminarText .title.oneLine {
  margin-bottom: 1em; }

.sec-open .openSeminarListWrap .openSeminarList .openSeminar .inner .openSeminarImg {
  width: 25%; }
  @media only screen and (max-width: 767px) {
    .sec-open .openSeminarListWrap .openSeminarList .openSeminar .inner .openSeminarImg {
      width: 100%; } }

.sec-open .openSeminarListWrap .openSeminarList .openSeminar .inner .openSeminarText {
  width: 65%;
  margin-right: 10%; }
  @media only screen and (max-width: 767px) {
    .sec-open .openSeminarListWrap .openSeminarList .openSeminar .inner .openSeminarText {
      width: 100%;
      margin-right: 0; } }

.sec-open .openSeminarListWrap .openSeminarList .openSeminar .inner .openSeminarText .text {
  padding-top: 60px; }
  @media only screen and (max-width: 767px) {
    .sec-open .openSeminarListWrap .openSeminarList .openSeminar .inner .openSeminarText .text {
      padding-top: 30px; } }

@media only screen and (max-width: 767px) {
  .sec-open .openSeminarListWrap .openSeminarList .openSeminar .inner .openSeminarText .title {
    font-size: 17px; } }
@media only screen and (max-width: 360px) {
  .sec-open .openSeminarListWrap .openSeminarList .openSeminar .inner .openSeminarText .title {
    font-size: 16px; } }

.outline table {
  width: 100%;
  margin: 50px 0;
  border: 1px solid #adb1b6; }
  .outline table th, .outline table td {
    padding: 15px;
    font-weight: normal;
    border-bottom: 1px solid #adb1b6;
    background: rgba(255, 255, 255, 0.2); }
  .outline table th {
    max-width: 50px;
    background: rgba(255, 255, 255, 0.4);
    border-right: 1px solid #adb1b6; }

.sec-open .openSeminarListWrap .openSeminarList .openSeminar:not(.longText)::before {
  height: 180px; }
  @media only screen and (max-width: 991px) {
    .sec-open .openSeminarListWrap .openSeminarList .openSeminar:not(.longText)::before {
      height: 18vw; } }

.voiceWrap {
  margin: 50px 0 0; }
  .voiceWrap .voiceTitle {
    font-size: 20px;
    font-weight: normal;
    margin-bottom: 30px; }
    .voiceWrap .voiceTitle small {
      display: block;
      font-size: .75em; }
  .voiceWrap ul {
    padding-top: 20px;
    border-top: 1px dotted #999; }
  .voiceWrap li {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px dotted #999; }

.qaWrap {
  max-width: 700px;
  margin: 100px auto 0; }
  @media only screen and (max-width: 767px) {
    .qaWrap {
      margin: 50px auto 0; } }
  .qaWrap .qaTitle {
    margin-bottom: 50px;
    font-size: 24px;
    font-weight: normal;
    text-align: center; }
    @media only screen and (max-width: 767px) {
      .qaWrap .qaTitle {
        margin-bottom: 20px;
        font-size: 20px; } }
  .qaWrap .qaList .qa {
    margin-bottom: 50px; }
    @media only screen and (max-width: 991px) {
      .qaWrap .qaList .qa {
        margin-bottom: 20px; } }
    .qaWrap .qaList .qa .inner {
      display: flex; }
      @media only screen and (max-width: 991px) {
        .qaWrap .qaList .qa .inner {
          flex-wrap: wrap; } }
      .qaWrap .qaList .qa .inner .textWrap {
        width: 50%; }
        @media only screen and (max-width: 991px) {
          .qaWrap .qaList .qa .inner .textWrap {
            width: 100%; } }
        .qaWrap .qaList .qa .inner .textWrap .title {
          margin-bottom: 30px;
          font-size: 18px;
          font-weight: normal; }
          @media only screen and (max-width: 767px) {
            .qaWrap .qaList .qa .inner .textWrap .title {
              font-size: 14px; } }
          .qaWrap .qaList .qa .inner .textWrap .title .q {
            font-size: 1.25em; }
        .qaWrap .qaList .qa .inner .textWrap .answerWrap {
          display: inline-block;
          min-width: 300px;
          padding: 30px;
          background: rgba(255, 255, 255, 0.2);
          border: 1px solid rgba(173, 177, 182, 0.5); }
          @media only screen and (max-width: 991px) {
            .qaWrap .qaList .qa .inner .textWrap .answerWrap {
              min-width: 100%; } }
          .qaWrap .qaList .qa .inner .textWrap .answerWrap h4 {
            margin-bottom: 20px;
            font-size: 16px;
            font-weight: normal; }
          .qaWrap .qaList .qa .inner .textWrap .answerWrap .answerList li {
            display: flex;
            margin-bottom: 10px;
            padding-bottom: 10px;
            border-bottom: 1px dotted #aaa; }
            .qaWrap .qaList .qa .inner .textWrap .answerWrap .answerList li::before {
              content: "■";
              color: #f77f4b;
              font-size: 20px;
              margin-right: .25em;
              line-height: .75; }
            .qaWrap .qaList .qa .inner .textWrap .answerWrap .answerList li:nth-of-type(2)::before {
              color: #f9ab75; }
            .qaWrap .qaList .qa .inner .textWrap .answerWrap .answerList li:nth-of-type(3)::before {
              color: #fff; }
            .qaWrap .qaList .qa .inner .textWrap .answerWrap .answerList li:nth-of-type(4)::before {
              color: #5cbaea; }
            .qaWrap .qaList .qa .inner .textWrap .answerWrap .answerList li:nth-of-type(5)::before {
              color: #3f7aaa; }
            .qaWrap .qaList .qa .inner .textWrap .answerWrap .answerList li span {
              display: block;
              width: 80%; }
            .qaWrap .qaList .qa .inner .textWrap .answerWrap .answerList li span:nth-of-type(2) {
              width: 20%;
              text-align: right; }
      .qaWrap .qaList .qa .inner .imgWrap {
        width: 50%; }
        @media only screen and (max-width: 991px) {
          .qaWrap .qaList .qa .inner .imgWrap {
            width: 100%;
            max-width: 500px;
            margin: 50px auto 0;
            text-align: center; } }
        @media only screen and (max-width: 767px) {
          .qaWrap .qaList .qa .inner .imgWrap {
            margin: 20px auto 0; } }

.readMoreBtn {
  margin: 60px auto 0; }

/*# sourceMappingURL=seminar-detail01.css.map */