@charset "UTF-8";
main a, main button {
  -webkit-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
}
main a:hover, main button:hover {
  opacity: 0.7;
}

.h-line:hover {
  text-decoration: underline;
}

.mt01 {
  margin-top: 60px;
}
@media screen and (max-width: 767px) {
  .mt01 {
    margin-top: 25px;
  }
}

.mt02 {
  margin-top: 35px;
}
@media screen and (max-width: 767px) {
  .mt02 {
    margin-top: 5px;
  }
}

.mt03 {
  margin-top: 20px;
  display: inline-block;
}
@media screen and (max-width: 767px) {
  .mt03 {
    margin-top: 20px;
  }
}

.mt04 {
  margin-top: 40px;
}
@media screen and (max-width: 767px) {
  .mt04 {
    margin-top: 15px;
  }
}

.mt05 {
  margin-top: 105px;
}
@media screen and (max-width: 767px) {
  .mt05 {
    margin-top: 45px;
  }
}

.mt06 {
  margin-top: 80px;
}
@media screen and (max-width: 767px) {
  .mt06 {
    margin-top: 50px;
  }
}

.mt07 {
  margin-top: 30px;
}
@media screen and (max-width: 767px) {
  .mt07 {
    margin-top: 52.5px;
  }
}

@media screen and (max-width: 767px) {
  .inline-sp {
    display: inline;
  }
}

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

.txt-right {
  margin-left: auto;
}

.ttl01 {
  font-size: 28px;
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  .ttl01 {
    font-size: 20px;
  }
}

.ttl02 {
  font-size: 30px;
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  .ttl02 {
    font-size: 20px;
  }
}
@media screen and (max-width: 767px) {
  .ttl02.mb01 {
    padding-bottom: 5px;
  }
}
.ttl02 + .col04 {
  margin-top: 30px;
}
@media screen and (max-width: 767px) {
  .ttl02 + .col04 {
    margin-top: 25px;
  }
}

.ttl03 {
  font-size: 24px;
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  .ttl03 {
    font-size: 16px;
  }
}

.ttl04 {
  font-size: 40px;
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  .ttl04 {
    font-size: 23px;
  }
}

.h-line {
  line-height: 30px;
}
@media screen and (max-width: 767px) {
  .h-line {
    line-height: 28px;
  }
}
.h-line.--url {
  line-height: 1.5;
}
.h-line.--url.--external::before {
  content: "　";
  display: inline-block;
  width: 1em;
  height: 1.5em;
  margin-right: 0.5em;
  text-decoration: none !important;
  background: url(../img/common/icon_external-link_black_02.svg) no-repeat center/contain;
}

.txt01 {
  font-size: 16px;
  line-height: 30px;
}
@media screen and (max-width: 767px) {
  .txt01 {
    font-size: 16px;
    line-height: 28px;
  }
}

.txt02 {
  font-size: 22px;
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  .txt02 {
    font-size: 16px;
  }
}
.txt02 + .txt01 {
  margin-top: 10px;
}

.col01 {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 290px 1fr;
  grid-template-columns: 290px 1fr;
}
@media screen and (max-width: 767px) {
  .col01 {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}
@media screen and (max-width: 767px) {
  .col01.mt01 {
    margin-top: 25px !important;
  }
}

.col01 + .col01 {
  margin-top: 130px;
}
@media screen and (max-width: 767px) {
  .col01 + .col01 {
    margin-top: 72.5px;
  }
}

.col02 {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 210px 1fr;
  grid-template-columns: 210px 1fr;
  border-top: 1px solid #333333;
}
@media screen and (max-width: 767px) {
  .col02 {
    -ms-grid-columns: 110px 1fr;
    grid-template-columns: 110px 1fr;
  }
}
.col02 > li:first-of-type {
  padding: 20px 30px;
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  .col02 > li:first-of-type {
    padding: 17.5px 10px;
  }
}
.col02 > li:last-of-type {
  padding: 20px 30px;
  background-color: #F0F0F0;
}
@media screen and (max-width: 767px) {
  .col02 > li:last-of-type {
    padding: 17.5px 15px 17.5px 10px;
  }
}

.col03 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 60px;
     -moz-column-gap: 60px;
          column-gap: 60px;
}
@media screen and (max-width: 1023px) {
  .col03 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    row-gap: 22.5px;
  }
}
.col03 > img {
  width: 570px;
  height: auto;
  -ms-flex-item-align: baseline;
      align-self: baseline;
}
@media screen and (max-width: 1023px) {
  .col03 > img {
    width: 100%;
  }
}
.col03 + .col04 {
  margin-top: 60px;
}
@media screen and (max-width: 767px) {
  .col03 + .col04 {
    margin-top: 50px;
  }
}

.col04 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 55px;
}
@media screen and (min-width: 768px) {
  .col04 {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
@media screen and (max-width: 767px) {
  .col04 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    row-gap: 47.5px;
  }
}
@media screen and (min-width: 768px) {
  .col04 > figure {
    width: 363.333px;
  }
}
@media screen and (max-width: 767px) {
  .col04 > figure {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
@media screen and (max-width: 767px) {
  .col04 > figure > img {
    margin-top: 5px;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
}
@media screen and (min-width: 768px) {
  .col04 > figure > img + .ttl03 {
    margin-top: 20px;
  }
}
@media screen and (max-width: 767px) {
  .col04 > figure .ttl03 {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
}
@media screen and (max-width: 767px) {
  .col04 > figure > p {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
}
@media screen and (max-width: 767px) {
  .col04 > figure > a {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
  }
}
.col04 > figure > p + p {
  margin-top: 45px;
}
@media screen and (max-width: 767px) {
  .col04 > figure > p + p {
    margin-top: 22.5px;
  }
}

.col05 {
  margin: -30px calc(50% - 50vw) 0;
  padding: 75px 0;
  width: 100vw;
  background-color: #F0F0F0;
}
.col05 .inner {
  margin: 0 auto;
  max-width: 1200px;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 20px 1fr 20px 1fr;
  grid-template-columns: repeat(3, 1fr);
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 20px;
     -moz-column-gap: 20px;
          column-gap: 20px;
}
@media screen and (max-width: 767px) {
  .col05 .inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    row-gap: 20px;
  }
}
@media screen and (max-width: 767px) {
  .col05 {
    margin: -16px calc(50% - 50vw) 0;
    padding: 30px 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    row-gap: 23px;
    background-color: #E6F2F6;
  }
}
.col05 .info01 {
  height: clamp(14.25rem, 2.917rem + 23.61vw, 20.625rem);
  color: #fff;
}
@media screen and (min-width: 768px) {
  .col05 .info01 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
@media screen and (max-width: 767px) {
  .col05 .info01 {
    padding: 55px 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    position: relative;
  }
  .col05 .info01::after {
    content: "";
    width: 50px;
    height: 50px;
    background-image: url(../img/common/icon_arrow_circle_gray.svg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    top: 50%;
    right: 9vw;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
}
.col05 .info01 > li {
  position: relative;
  z-index: 1;
}
.col05 .info02 {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[2];
  grid-template-columns: repeat(2, 1fr);
  -ms-grid-rows: 80px (1fr)[2];
  grid-template-rows: 80px repeat(2, 1fr);
  background-color: #fff;
}
.col05 .info02 > *:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}
.col05 .info02 > *:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 2;
}
.col05 .info02 > *:nth-child(3) {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
}
.col05 .info02 > *:nth-child(4) {
  -ms-grid-row: 2;
  -ms-grid-column: 2;
}
.col05 .info02 > *:nth-child(5) {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
}
.col05 .info02 > *:nth-child(6) {
  -ms-grid-row: 3;
  -ms-grid-column: 2;
}
.col05 .info02--ttl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  grid-area: 1/1/2/3;
  font-size: 30px;
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  .col05 .info02--ttl {
    font-size: 23px;
  }
}
.col05 .info02--img01 {
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-area: 2/1/3/2;
  border-top: 1px solid;
  border-right: 1px solid;
}
.col05 .info02--img02 {
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  grid-area: 2/2/3/3;
  border-top: 1px solid;
}
.col05 .info02--img03 {
  -ms-grid-row: 3;
  -ms-grid-row-span: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-area: 3/1/4/2;
  border-top: 1px solid;
  border-right: 1px solid;
}
.col05 .info02--img04 {
  -ms-grid-row: 3;
  -ms-grid-row-span: 1;
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  grid-area: 3/2/4/3;
  border-top: 1px solid;
}

.col06 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-column-gap: 20px;
     -moz-column-gap: 20px;
          column-gap: 20px;
}
@media screen and (max-width: 767px) {
  .col06 {
    margin: 0 calc(50% - 50vw);
    width: 100vw;
    -webkit-column-gap: 2.5px;
       -moz-column-gap: 2.5px;
            column-gap: 2.5px;
  }
}
.col06 > a > figure > figcaption {
  margin-top: 20px;
  text-align: center;
  font-size: 20px;
}
@media screen and (max-width: 767px) {
  .col06 > a > figure > figcaption {
    margin-top: 5px;
    font-size: 15px;
    font-weight: 700;
  }
}

.h-box-m01 {
  width: 100%;
  overflow: hidden;
  position: relative;
}
.h-box-m01::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  position: absolute;
  top: 0;
}
.h-box-m01:hover:before {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
.h-box-m01.h-box01::before {
  background-image: url(../img/event_seminar/info01-pc.jpg);
}
@media screen and (max-width: 767px) {
  .h-box-m01.h-box01::before {
    background-image: url(../img/event_seminar/info01-sp.jpg);
  }
}
.h-box-m01.h-box02::before {
  background-image: url(../img/event_seminar/info02-pc.jpg);
}
@media screen and (max-width: 767px) {
  .h-box-m01.h-box02::before {
    background-image: url(../img/event_seminar/info02-sp.jpg);
  }
}

.h-box-m02 .h-box01 {
  overflow: hidden;
  height: auto;
}
.h-box-m02:hover .h-box-img01 {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
.h-box-m02 .h-box-img01 {
  width: 100%;
  height: 100%;
  display: block;
  -o-object-fit: contain;
     object-fit: contain;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

@media screen and (max-width: 767px) {
  .border01 {
    padding-bottom: 5px;
    border-bottom: 2px solid #333333;
  }
}

@media screen and (max-width: 767px) {
  .border02 {
    border-top: 2px solid #CCCCCC !important;
  }
}

.block01[id^=sec] {
  scroll-margin-top: 80px;
}
@media screen and (max-width: 767px) {
  .block01[id^=sec] {
    scroll-margin-top: 90px;
  }
}

.block01 + .block01 {
  margin-top: 140px;
}
@media screen and (max-width: 767px) {
  .block01 + .block01 {
    margin-top: 50px;
  }
}

.block01 + .block02 {
  margin-top: 200px;
}
@media screen and (max-width: 767px) {
  .block01 + .block02 {
    margin-top: 62.5px;
  }
}

.block02 + .block03 {
  margin-top: 105px;
}
@media screen and (max-width: 767px) {
  .block02 + .block03 {
    margin-top: 40px;
  }
}

.main-c {
  margin: 0 auto 165px;
  max-width: 1250px;
  padding: 0 25px;
  width: 100%;
}
@media screen and (max-width: 767px) {
  .main-c {
    margin: 0 auto 57.5px;
    max-width: 86.667%;
    padding: 0;
  }
}
.main-c.mb-non {
  margin-bottom: 0;
}

.brc01-items {
  padding: 18px 25px;
}
.brc01-items + .under-c {
  margin-top: 50px;
}
@media screen and (max-width: 767px) {
  .brc01-items + .under-c {
    margin-top: 10px;
  }
}

.brc01 {
  text-decoration: underline;
}
.brc01:hover {
  text-decoration: none;
}
.brc01.is-current {
  text-decoration: none;
  pointer-events: none;
}
.brc01-items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-column-gap: 14px;
     -moz-column-gap: 14px;
          column-gap: 14px;
}
.brc01-items > li {
  display: block;
}
.brc01-items > li + li::before {
  content: ">";
  display: inline-block;
  margin-right: 8px;
}

.seminar-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 35px;
     -moz-column-gap: 35px;
          column-gap: 35px;
  border-top: 5px solid #3296b4;
  background-color: #E6F2F6;
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  .seminar-content {
    margin: 0 calc(50% - 50vw);
    width: 100vw;
    -webkit-column-gap: 2.608vw;
       -moz-column-gap: 2.608vw;
            column-gap: 2.608vw;
    border-top: 3px solid #3296b4;
  }
}
.seminar-content .seminar-img {
  width: 368px;
  height: auto;
  -ms-flex-item-align: baseline;
      align-self: baseline;
}
@media screen and (max-width: 767px) {
  .seminar-content .seminar-img {
    width: 33.247vw;
  }
}
.seminar-content .seminar-box {
  padding-right: 35px;
}
@media screen and (max-width: 767px) {
  .seminar-content .seminar-box {
    padding-right: 5px;
  }
}
.seminar-content .seminar-box .sub-ttl {
  margin: 20px 0 0;
  padding: 3px 0;
  width: 158px;
  background-color: #fff;
  text-align: center;
  font-size: 18px;
  border: 2px solid #fff;
}
@media screen and (max-width: 767px) {
  .seminar-content .seminar-box .sub-ttl {
    margin: 2.608vw 0 2.608vw;
    padding: 0.131vw 0;
    width: 26.076vw;
    font-size: 3.13vw;
  }
}
.seminar-content .seminar-box .sub-ttl.--offline {
  border: 2px solid #8C8C8C;
  color: #8C8C8C;
  background-color: transparent;
}
.seminar-content .seminar-box .free-ttl {
  font-size: 18px;
  color: #3296b4;
  font-weight: 700;
  margin-block: 20px 10px;
  line-height: 1;
}
@media screen and (max-width: 767px) {
  .seminar-content .seminar-box .free-ttl {
    font-size: 3.39vw;
    margin-block: 2.608vw;
  }
}
.seminar-content .seminar-box .free-ttl + .ttl01 {
  margin-top: 0;
}
@media screen and (max-width: 767px) {
  .seminar-content .seminar-box .free-ttl + .ttl01 {
    margin-top: 0;
  }
}
.seminar-content .seminar-box .ttl {
  margin-top: 10px;
  font-size: 34px;
}
@media screen and (max-width: 767px) {
  .seminar-content .seminar-box .ttl {
    margin-top: 0.783vw;
    font-size: 4.433vw;
  }
}
.seminar-content .seminar-box .ttl01 {
  font-size: 28px;
  font-weight: 700;
  margin-top: 20px;
}
@media screen and (max-width: 767px) {
  .seminar-content .seminar-box .ttl01 {
    font-size: 17px;
    margin-block: 2.608vw;
  }
}
.seminar-content .seminar-box .date {
  margin-top: 6px;
  font-size: 22px;
}
@media screen and (max-width: 767px) {
  .seminar-content .seminar-box .date {
    margin-top: 6px;
    font-size: 3.651vw;
  }
}

.anchor {
  margin: 40px auto 0;
  display: -ms-grid;
  display: grid;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-column-gap: 3.6vw;
     -moz-column-gap: 3.6vw;
          column-gap: 3.6vw;
}
@media screen and (max-width: 767px) {
  .anchor {
    -webkit-column-gap: 1px;
       -moz-column-gap: 1px;
            column-gap: 1px;
  }
}
.anchor.btn-col3 {
  max-width: 1080px;
  -ms-grid-columns: (1fr)[3];
  grid-template-columns: repeat(3, 1fr);
}
.anchor.btn-col2 {
  max-width: 750px;
  -ms-grid-columns: (1fr)[2];
  grid-template-columns: repeat(2, 1fr);
}
.anchor.btn-col4 {
  max-width: 1080px;
  -ms-grid-columns: (1fr)[4];
  grid-template-columns: repeat(4, 1fr);
}
@media screen and (max-width: 767px) {
  .anchor.wid01 {
    margin: 40px calc(50% - 50vw);
    width: 100vw;
  }
}
@media screen and (max-width: 767px) {
  .anchor.wid02 {
    margin: 40px auto;
  }
}
.anchor .anchor-btn {
  padding: 10px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #F0F0F0;
  border: 1px solid #888888;
  text-align: center;
  font-size: 19px;
  font-weight: 700;
  position: relative;
}
@media screen and (max-width: 767px) {
  .anchor .anchor-btn {
    padding: 10px 0 15px;
    font-size: 14.5px;
  }
}
.anchor .anchor-btn::after {
  content: "";
  width: 15px;
  height: 15px;
  display: inline-block;
  border-top: 2px solid #333333;
  border-right: 2px solid #333333;
  -webkit-transform: translateY(-25%) rotate(135deg);
          transform: translateY(-25%) rotate(135deg);
  position: absolute;
  bottom: 33%;
  right: 6%;
}
@media screen and (max-width: 767px) {
  .anchor .anchor-btn::after {
    width: 8px;
    height: 8px;
    bottom: 10%;
  }
}
@media screen and (max-width: 767px) {
  .anchor .anchor-btn.arrow-col3::after {
    right: 15vw;
  }
}
.anchor .anchor-btn.arrow-col3 > span {
  width: 15em;
}
@media screen and (max-width: 767px) {
  .anchor .anchor-btn.arrow-col3 > span {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .anchor .anchor-btn.arrow-col2::after {
    right: 20.5vw;
  }
}
.anchor .anchor-btn.arrow-col2 > span {
  width: 17em;
}
@media screen and (max-width: 767px) {
  .anchor .anchor-btn.arrow-col2 > span {
    width: 100%;
  }
}

.box01 + .box01 {
  margin-top: 60px;
}
@media screen and (max-width: 767px) {
  .box01 + .box01 {
    margin-top: 32.5px;
  }
}

.box01 + .box02 {
  margin-top: 95px;
}
@media screen and (max-width: 767px) {
  .box01 + .box02 {
    margin-top: 42.5px;
  }
}

.box02 + .box01 {
  margin-top: 95px;
}
@media screen and (max-width: 767px) {
  .box02 + .box01 {
    margin-top: 42.5px;
  }
}

.box02 + .box02 {
  margin-top: 55px;
}
@media screen and (max-width: 767px) {
  .box02 + .box02 {
    margin-top: 50px;
  }
}

.person {
  margin-top: 75px;
  margin-left: 290px;
  padding: 42px;
  border: 1px solid #333333;
}
@media screen and (max-width: 767px) {
  .person {
    margin-top: 50px;
    margin-left: 0;
    padding: 15px;
    width: 100%;
  }
}
.person__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 60px;
     -moz-column-gap: 60px;
          column-gap: 60px;
}
@media screen and (min-width: 768px) {
  .person__wrap {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
@media screen and (max-width: 767px) {
  .person__wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    row-gap: 20px;
  }
}
.person__col01 {
  float: left;
}
.person__ttl {
  font-size: 26px;
  font-weight: bold;
}
@media screen and (max-width: 767px) {
  .person__ttl {
    font-size: 16px;
  }
}
.person__img {
  width: 157px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media screen and (max-width: 767px) {
  .person__img {
    display: block;
    max-width: 45%;
    margin: auto;
  }
}
.person__txt {
  margin-top: 5px;
}
.person__wysiwyg h2 {
  font-size: 26px;
  font-weight: bold;
  display: inline-block;
}
@media screen and (max-width: 767px) {
  .person__wysiwyg h2 {
    font-size: 16px;
    display: block;
  }
}
.person__wysiwyg h3 {
  font-size: 22px;
  font-weight: bold;
  display: inline-block;
}
@media screen and (max-width: 767px) {
  .person__wysiwyg h3 {
    font-size: 16px;
    display: block;
  }
}
.person__wysiwyg p {
  margin-top: 5px;
  font-size: 16px;
  line-height: 30px;
}
@media screen and (max-width: 767px) {
  .person__wysiwyg p {
    margin-top: 20px;
    font-size: 16px;
    line-height: 28px;
  }
}
.person__wysiwyg ul {
  margin-top: 5px;
  font-size: 16px;
}
.person__wysiwyg ul li {
  position: relative;
  padding-left: 1em;
}
.person__wysiwyg ul li::before {
  content: "・";
  position: absolute;
  left: 0;
}
@media screen and (max-width: 767px) {
  .person__wysiwyg ul {
    margin-top: 20px;
    font-size: 16px;
    line-height: 28px;
  }
}
.person__wysiwyg ol {
  margin-top: 5px;
  font-size: 16px;
  line-height: 30px;
  list-style-type: decimal;
  padding-left: 1.5em;
}
@media screen and (max-width: 767px) {
  .person__wysiwyg ol {
    margin-top: 20px;
    font-size: 16px;
    line-height: 28px;
  }
}

.exhibition-kv {
  border-top: 5px solid #3296b4;
}
@media screen and (max-width: 767px) {
  .exhibition-kv {
    margin: 0 calc(50% - 50vw);
    width: 100vw;
    border-top: 3px solid #3296b4;
  }
}
.exhibition-kv + .block01 {
  margin-top: 110px;
}
@media screen and (max-width: 767px) {
  .exhibition-kv + .block01 {
    margin-top: 37.5px;
  }
}

@media screen and (min-width: 768px) {
  .content {
    padding-left: 40px;
    border-left: 1px solid #333333;
  }
}
@media screen and (max-width: 767px) {
  .content {
    padding-top: 25px;
    border-top: 2px solid #333333;
  }
}
.content > .table > .col02:last-of-type {
  border-bottom: 1px solid #333;
}
.content.wysiwyg figure {
  margin-bottom: 60px;
}
@media screen and (max-width: 767px) {
  .content.wysiwyg figure {
    margin-bottom: 32.5px;
  }
}
.content.wysiwyg figure a {
  display: block;
}
.content.wysiwyg figure a img {
  width: initial;
  height: auto;
  max-width: 100%;
}
.content.wysiwyg h2 {
  font-size: 26px;
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  .content.wysiwyg h2 {
    font-size: 18px;
  }
}
.content.wysiwyg h2 + h3 {
  margin-top: 10px;
}
.content.wysiwyg h2 + p {
  margin-top: 10px;
}
.content.wysiwyg h2 + ul {
  margin-top: 10px;
}
.content.wysiwyg h2 + ol {
  margin-top: 10px;
}
.content.wysiwyg h3 {
  font-size: 22px;
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  .content.wysiwyg h3 {
    font-size: 16px;
  }
}
.content.wysiwyg h3 + p {
  margin-top: 10px;
}
.content.wysiwyg h3 + ul {
  margin-top: 10px;
}
.content.wysiwyg h3 + ol {
  margin-top: 10px;
}
.content.wysiwyg p {
  font-size: 16px;
  line-height: 30px;
}
@media screen and (max-width: 767px) {
  .content.wysiwyg p {
    font-size: 16px;
    line-height: 28px;
  }
}
.content.wysiwyg p + h2 {
  margin-top: 60px;
}
@media screen and (max-width: 767px) {
  .content.wysiwyg p + h2 {
    margin-top: 32.5px;
  }
}
.content.wysiwyg p + h3 {
  margin-top: 60px;
}
@media screen and (max-width: 767px) {
  .content.wysiwyg p + h3 {
    margin-top: 32.5px;
  }
}
.content.wysiwyg ul {
  margin-top: 5px;
  font-size: 16px;
  line-height: 30px;
}
.content.wysiwyg ul li {
  position: relative;
  padding-left: 1em;
}
.content.wysiwyg ul li::before {
  content: "・";
  position: absolute;
  left: 0;
}
@media screen and (max-width: 767px) {
  .content.wysiwyg ul {
    margin-top: 20px;
    font-size: 16px;
    line-height: 28px;
  }
}
.content.wysiwyg ul + h2 {
  margin-top: 60px;
}
@media screen and (max-width: 767px) {
  .content.wysiwyg ul + h2 {
    margin-top: 32.5px;
  }
}
.content.wysiwyg ul + h3 {
  margin-top: 60px;
}
@media screen and (max-width: 767px) {
  .content.wysiwyg ul + h3 {
    margin-top: 32.5px;
  }
}
.content.wysiwyg ol {
  margin-top: 5px;
  font-size: 16px;
  line-height: 30px;
  list-style-type: decimal;
  padding-left: 1.5em;
}
@media screen and (max-width: 767px) {
  .content.wysiwyg ol {
    margin-top: 20px;
    font-size: 16px;
    line-height: 28px;
  }
}
.content.wysiwyg ol + h2 {
  margin-top: 60px;
}
@media screen and (max-width: 767px) {
  .content.wysiwyg ol + h2 {
    margin-top: 32.5px;
  }
}
.content.wysiwyg ol + h3 {
  margin-top: 60px;
}
@media screen and (max-width: 767px) {
  .content.wysiwyg ol + h3 {
    margin-top: 32.5px;
  }
}
@media screen and (max-width: 767px) {
  .content.wysiwyg.--time h3 {
    display: inline-block;
  }
  .content.wysiwyg.--time h3 + h3 {
    margin-left: 0.5em;
  }
}

@media screen and (min-width: 768px) {
  .l-border .content {
    padding-left: 0;
    border-left: none;
  }
}
.l-border .content > .table > .col02:last-of-type {
  border-bottom: 1px solid #333;
}
@media screen and (min-width: 768px) {
  .l-border .content > .box02 .ttl01 {
    padding-left: 40px;
    border-left: 1px solid #333;
  }
}
@media screen and (min-width: 768px) {
  .l-border .content > .box02 .table {
    padding-left: 40px;
    border-left: 1px solid #333;
  }
}
.l-border .content > .box02 .table > .col02:last-of-type {
  border-bottom: 1px solid #333;
}
@media screen and (min-width: 768px) {
  .l-border .content > .box02 > .txt01 {
    padding-left: 40px;
    border-left: 1px solid #333;
  }
}
@media screen and (min-width: 768px) {
  .l-border .content > .box02 > .txt01.mt03 {
    margin-top: 0;
    padding-top: 20px;
  }
}

@media screen and (max-width: 767px) {
  .table {
    word-break: break-all;
  }
}

.col07 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-column-gap: 40px;
     -moz-column-gap: 40px;
          column-gap: 40px;
}
@media screen and (max-width: 767px) {
  .col07 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    row-gap: 30px;
  }
}

.btn01 {
  padding: 20px 0;
  width: 371px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: #3296b4;
  text-align: center;
  font-size: 20px;
  font-weight: 700;
  color: #fff;
  position: relative;
}
@media screen and (max-width: 767px) {
  .btn01 {
    padding: 10px 0;
    width: 100%;
  }
}
.btn01 > span {
  width: 17em;
}
@media screen and (max-width: 767px) {
  .btn01 > span {
    width: 14.5em;
  }
}
.btn01.col01 {
  background-color: #8c8c8c;
}
.btn01::before {
  content: "";
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.btn01.icon01::before {
  width: 30px;
  height: 26px;
  background-image: url(../img/common/icon_download_white.svg);
  margin-right: 13em;
}
.btn01.pt01 {
  padding-left: 40px;
}
.btn01.icon02::before {
  width: 30px;
  height: 26px;
  background-image: url(../img/common/icon_mail_white.svg);
  margin-right: 9em;
}
.btn01.pt02 {
  padding-left: 40px;
}
@media screen and (max-width: 767px) {
  .btn01.arrow01 {
    position: relative;
  }
}
.btn01.arrow01::before {
  width: 30px;
  height: 26px;
  background-image: url(../img/common/icon_arrow_line_white_bold.svg);
}
@media screen and (min-width: 768px) {
  .btn01.arrow01::before {
    margin-left: 16.5em;
  }
}
@media screen and (max-width: 767px) {
  .btn01.arrow01::before {
    width: 10px;
    aspect-ratio: 1/1;
    right: 4vw;
  }
}

.btn02 {
  margin: 0 auto;
  padding: 19px 0;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: #F0F0F0;
  border: 1px solid #888888;
  text-align: center;
  font-size: 19px;
  font-weight: 700;
  color: #333333;
  position: relative;
}
@media screen and (max-width: 767px) {
  .btn02 {
    padding: 11.5px 0 14px;
    line-height: 1.467em;
    font-size: 15px;
    font-size: 14.5px;
  }
}
.btn02 > span {
  width: 3em;
  text-align: left;
}
@media screen and (max-width: 767px) {
  .btn02 > span {
    width: 2.5em;
  }
}
.btn02::before {
  content: "";
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media screen and (max-width: 767px) {
  .btn02.arrow01 {
    position: relative;
  }
}
.btn02.arrow01::before {
  background-image: url(../img/event_seminar/icon_arrow_line_black_bold.svg);
}
@media screen and (min-width: 768px) {
  .btn02.arrow01::before {
    margin-left: 7.5em;
    width: 25px;
    height: 21px;
  }
}
@media screen and (max-width: 767px) {
  .btn02.arrow01::before {
    width: 14px;
    height: 14px;
    right: 1vw;
  }
}

.block03 + .block04 {
  margin-top: 155px;
}
@media screen and (max-width: 767px) {
  .block03 + .block04 {
    margin-top: 70px;
  }
}

.eve-semi-kv {
  min-height: 340px;
  background-image: url(../img/event_seminar/eve-semi-kv-pc.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
@media screen and (max-width: 767px) {
  .eve-semi-kv {
    background-image: url(../img/event_seminar/eve-semi-kv-sp.jpg);
    min-height: auto;
  }
}
.eve-semi-kv > h1 {
  padding: 145px 0;
  text-align: center;
  font-size: 36px;
  font-weight: 700;
  letter-spacing: 0.35em;
}
@media screen and (max-width: 767px) {
  .eve-semi-kv > h1 {
    padding: 30px 0;
    font-size: 23px;
    letter-spacing: 0.15em;
  }
}
.eve-semi-kv + .quote-c {
  margin-top: 70px;
}
@media screen and (max-width: 767px) {
  .eve-semi-kv + .quote-c {
    margin-top: 37.5px;
  }
}

.quote-c + .main-c {
  margin-top: 105px;
}
@media screen and (max-width: 767px) {
  .quote-c + .main-c {
    margin-top: 0;
  }
}
.quote-c .ttl01 {
  line-height: 1.965em;
  font-size: 28px;
  font-weight: bold;
}
@media screen and (max-width: 767px) {
  .quote-c .ttl01 {
    line-height: 1.375em;
    font-size: 20px;
  }
}
.quote-c .ttl01.col1 {
  color: #3296b4;
}
.quote-c .ttl01.line {
  border-bottom: 1px solid #dedede;
  padding-bottom: 20px;
}
@media screen and (max-width: 767px) {
  .quote-c .ttl01.line {
    padding-bottom: 16px;
  }
}
.quote-c .ttl01 + .block02 {
  margin-top: 205px;
}
@media screen and (max-width: 767px) {
  .quote-c .ttl01 + .block02 {
    margin-top: 70px;
  }
}
.quote-c .ttl02 {
  font-size: 32px;
  font-weight: bold;
}
@media screen and (max-width: 767px) {
  .quote-c .ttl02 {
    font-size: 23px;
  }
}
.quote-c .ttl02.col1 {
  color: #3296b4;
}
.quote-c .ttl02.col2 {
  color: #333333;
}
.quote-c .ttl02.center {
  text-align: center;
}
.quote-c .ttl03 {
  line-height: 1.471em;
  font-size: 22px;
  font-weight: bold;
}
@media screen and (max-width: 767px) {
  .quote-c .ttl03 {
    font-size: 17px;
  }
}
.quote-c .ttl03 .mrk01 {
  vertical-align: top;
  -webkit-transform: translate(0, 50%);
          transform: translate(0, 50%);
}
@media screen and (max-width: 767px) {
  .quote-c .ttl03 .mrk01 {
    -webkit-transform: translate(0, 20%);
            transform: translate(0, 20%);
  }
}
.quote-c .ttl04 {
  font-size: 24px;
  line-height: 38px;
  font-weight: bold;
}
@media screen and (max-width: 767px) {
  .quote-c .ttl04 {
    font-size: 21px;
  }
}
.quote-c .ttl04.col1 {
  color: #3296b4;
}
.quote-c .ttl04.col2 {
  color: #333333;
}
.quote-c .ttl04.center {
  text-align: center;
}
.quote-c .sub01 {
  line-height: 1.2em;
  font-size: 20px;
}
@media screen and (max-width: 767px) {
  .quote-c .sub01 {
    font-size: 17px;
  }
}
.quote-c .sub01 + .crd01-items.wid1 {
  padding-top: 10px;
}
.quote-c .sub02 {
  line-height: 1.2em;
  font-size: 18px;
}
@media screen and (max-width: 767px) {
  .quote-c .sub02 {
    font-size: 15px;
  }
}
.quote-c .sub03 {
  line-height: 1.471em;
  font-size: 18px;
}
@media screen and (max-width: 767px) {
  .quote-c .sub03 {
    font-size: 17px;
  }
}
.quote-c .sub03 .mrk01 {
  vertical-align: top;
  -webkit-transform: translate(0, 24%);
          transform: translate(0, 24%);
}
.quote-c .sub04 {
  line-height: 1.5em;
  font-size: 20px;
}
@media screen and (max-width: 767px) {
  .quote-c .sub04 {
    font-size: 17px;
  }
}
.quote-c .sub04 .mrk01 {
  margin-left: 0.8em;
  vertical-align: top;
  -webkit-transform: translate(0, 24%);
          transform: translate(0, 24%);
}
.quote-c .led01 {
  text-align: center;
  line-height: 1.5em;
  font-size: 40px;
}
@media screen and (max-width: 767px) {
  .quote-c .led01 {
    line-height: 1.5em;
    font-size: 20px;
  }
}
.quote-c .led01.col1 {
  color: #3296b4;
}
.quote-c .txt01 {
  font-size: 16px;
  line-height: 1.7em;
  text-align: justify;
}
@media screen and (max-width: 767px) {
  .quote-c .txt01 {
    line-height: 1.6em;
  }
}
.quote-c .txt02 {
  line-height: 1.5em;
  font-size: 16px;
  text-align: justify;
}
@media screen and (min-width: 768px) {
  .quote-c .txt02.pc_center {
    text-align: center;
  }
}
@media screen and (max-width: 767px) {
  .quote-c .txt02 {
    line-height: 1.467em;
    font-size: 15px;
  }
}
.quote-c .txt02.center {
  text-align: center;
}
.quote-c .txt02.kome > p {
  padding-left: 1em;
  text-indent: -1em;
}
.quote-c .txt03 {
  line-height: 1.5em;
  font-size: 16px;
  text-align: justify;
}
@media screen and (max-width: 767px) {
  .quote-c .txt03 {
    font-size: 13px;
  }
}
.quote-c .txt03.center {
  text-align: center;
}
.quote-c .txt03.col1 {
  color: #3296b4;
}
.quote-c .txt04 {
  line-height: 2.125em;
  font-size: 16px;
}
@media screen and (max-width: 767px) {
  .quote-c .txt04 {
    line-height: 1.467em;
    font-size: 15px;
  }
}
.quote-c .att01 {
  line-height: 1.2em;
  font-size: 12px;
  text-align: justify;
}
@media screen and (min-width: 768px) {
  .quote-c .att01.pc_center {
    text-align: center;
  }
}
.quote-c .att01.error {
  color: #f00;
}
.quote-c .att02 {
  line-height: 1.2em;
  font-size: 12px;
  text-align: justify;
}
@media screen and (max-width: 767px) {
  .quote-c .att02 {
    font-size: 10px;
  }
}
.quote-c .att02 .icn01 {
  width: 1.2em;
}
.quote-c .icn01 {
  display: inline-block;
  border-radius: 50%;
  margin-right: 0.2em;
  font-style: normal;
  text-align: center;
}
.quote-c .icn01.col1 {
  background: #333333;
  color: #fff;
}
.quote-c .mrk01 {
  display: inline-block;
  border: 1px solid;
  padding: 0 0.25em;
  line-height: 1.417em;
  font-size: 12px;
}
@media screen and (max-width: 767px) {
  .quote-c .mrk01 {
    padding: 0.1em 0.25em 0;
    line-height: 1.455em;
    font-size: 11px;
  }
}
.quote-c .mrk01.col1 {
  background: #e80000;
  border-color: #e80000;
  color: #fff;
}
.quote-c .mrk01.col2 {
  color: #3296b4;
}
.quote-c .img01 {
  position: relative;
  overflow: hidden;
}
.quote-c .img01 > figcaption {
  inset: 0 0 auto 0;
  text-align: center;
}
.quote-c .img01.col1 > figcaption {
  background: #3296b4;
  color: #fff;
}
.quote-c .tag01 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 1px solid;
  border-radius: 30px;
  padding: 0 0.625em;
  line-height: 1.2em;
  font-size: 16px;
  font-weight: 700;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .quote-c .tag01 {
    font-size: 12px;
  }
}
.quote-c .tag01.col1 {
  border-color: #808080;
}
.quote-c .tag01.col2 {
  color: #3296b4;
}
.quote-c .tag01.col3 {
  background: #666;
  border-color: #666;
  color: #fff;
}
.quote-c .tag01.col4 {
  background: #d04141;
  border-color: #d04141;
  color: #fff;
}
.quote-c .tag01.col5 {
  background: #F0F0F0;
  border-color: #888888;
  color: #333333;
}
.quote-c .tag01.col6 {
  background: #8C8C8C;
  border-color: #8C8C8C;
  color: #fff;
}
.quote-c .tag01.col7 {
  background-color: #3296b4;
  color: #fff;
}
.quote-c .tag01.rect {
  border-radius: 0;
}
@media screen and (min-width: 768px) {
  .quote-c .tag01-items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
@media screen and (max-width: 767px) {
  .quote-c .tag01-items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-column-gap: 10px;
       -moz-column-gap: 10px;
            column-gap: 10px;
  }
}
@media screen and (min-width: 768px) {
  .quote-c .tag01-items.wid1 {
    -webkit-column-gap: 16px;
       -moz-column-gap: 16px;
            column-gap: 16px;
  }
}
@media screen and (max-width: 767px) {
  .quote-c .tag01-items.wid1 {
    row-gap: 5px;
  }
}
.quote-c .tag01-items.wid1 .tag01 {
  min-width: 8.438em;
  height: 1.875em;
}
.quote-c .cat01 {
  position: relative;
  line-height: 1.2em;
  font-size: 16px;
  font-weight: 700;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .quote-c .cat01 {
    padding: 0 0.625em;
  }
}
@media screen and (max-width: 767px) {
  .quote-c .cat01 {
    line-height: 1.2em;
    font-size: 14px;
  }
}
@media screen and (min-width: 768px) {
  .quote-c .cat01-items.wid1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: right;
        -ms-flex-pack: right;
            justify-content: right;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .quote-c .cat01-items.wid1 {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 140px;
    grid-template-columns: 140px;
  }
}
.quote-c .cat01-items.wid1 > li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 50px;
}
@media screen and (min-width: 1024px) {
  .quote-c .cat01-items.wid1 > li {
    border-right: 1px solid;
    width: 140px;
  }
}
@media screen and (max-width: 1023px) {
  .quote-c .cat01-items.wid1 > li {
    border-bottom: 1px solid;
  }
}
@media screen and (min-width: 1024px) {
  .quote-c .cat01-items.wid1 > li:first-of-type {
    border-left: 1px solid;
  }
}
@media screen and (max-width: 1023px) {
  .quote-c .cat01-items.wid1 > li:first-of-type {
    border-top: 1px solid;
  }
}
.quote-c .lnk01 {
  position: relative;
}
.quote-c .lnk01.line {
  text-decoration: underline;
}
.quote-c .lnk01.line:hover {
  text-decoration: none;
}
.quote-c .lnk01.arrow {
  padding-right: 4.375em;
}
.quote-c .lnk01.arrow::before {
  content: "";
  position: absolute;
  background-color: #fff;
  background-image: url(../img/event_seminar/arrow01_k.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  border: 1px solid #333333;
  border-radius: 50%;
  width: 2.5em;
  height: 2.5em;
  inset: 0 0 0 auto;
  margin: auto 0;
}
.quote-c .btn01 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  border: 1px solid;
  width: auto;
  color: #333333;
  cursor: pointer;
}
.quote-c .btn01::before {
  position: unset;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
.quote-c .btn01.wid1 {
  max-width: 28.422em;
  min-height: 3.158em;
  padding: 0.379em 3.658em;
  line-height: 1.2em;
  font-size: 19px;
}
@media screen and (max-width: 767px) {
  .quote-c .btn01.wid1 {
    max-width: 100%;
    width: 100%;
    min-height: 3.125em;
    padding: 0.601em 2.427em;
    line-height: 1.275em;
    font-size: 16px;
  }
}
.quote-c .btn01.wid1.arrow::after {
  content: "";
  width: 30px;
  height: 30px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 3%;
}
.quote-c .btn01.wid1.arrow-w::after {
  background-image: url(../img/common/arrow01_w.png);
}
.quote-c .btn01.wid1.arrow-k::after {
  background-image: url(../img/event_seminar/arrow01_k.png);
}
.quote-c .btn01.wid2 {
  width: 16em;
  height: 2.688em;
  line-height: 1.75em;
  font-size: 16px;
}
.quote-c .btn01.wid2.arrow::after {
  content: "";
  width: 30px;
  height: 30px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 3%;
}
.quote-c .btn01.wid2.arrow-w::after {
  background-image: url(../img/common/arrow01_w.png);
}
.quote-c .btn01.wid2.arrow-k::after {
  background-image: url(../img/event_seminar/arrow01_k.png);
}
.quote-c .btn01.wid3 {
  width: 7.813em;
  height: 3.125em;
  line-height: 1.75em;
  font-size: 16px;
}
@media screen and (max-width: 767px) {
  .quote-c .btn01.wid3 {
    width: 6em;
    height: 2.667em;
    line-height: 1.334em;
    font-size: 15px;
  }
}
.quote-c .btn01.wid3.arrow > svg {
  stroke-width: 1px;
}
@media screen and (max-width: 767px) {
  .quote-c .btn01.wid3.arrow > svg {
    stroke-width: 2px;
  }
}
.quote-c .btn01.wid4 {
  max-width: 27em;
  min-height: 4em;
  padding: 0.8em 2em;
  line-height: 1.2em;
  font-size: 20px;
}
@media screen and (min-width: 768px) {
  .quote-c .btn01.wid4 {
    -webkit-box-pack: left;
        -ms-flex-pack: left;
            justify-content: left;
    -webkit-column-gap: 40px;
       -moz-column-gap: 40px;
            column-gap: 40px;
  }
}
@media screen and (max-width: 767px) {
  .quote-c .btn01.wid4 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: self-start;
        -ms-flex-align: self-start;
            align-items: self-start;
    row-gap: 5px;
    max-width: 20.313em;
    min-height: 2.813em;
    padding: 0.769em 1.25em;
    line-height: 1.275em;
    font-size: 16px;
  }
}
.quote-c .btn01.wid4.arrow::after {
  content: "";
  width: 30px;
  height: 30px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 3%;
}
.quote-c .btn01.wid4.arrow-w::after {
  background-image: url(../img/common/arrow01_w.png);
}
.quote-c .btn01.wid4.arrow-k::after {
  background-image: url(../img/event_seminar/arrow01_k.png);
}
@media screen and (max-width: 767px) {
  .quote-c .btn01.wid-sp {
    max-width: 100%;
    width: 100%;
  }
}
.quote-c .btn01.col1 {
  background: #3296b4;
  border-color: #3296b4;
  color: #fff;
}
.quote-c .btn01.col1.login::before {
  background-image: url(../img/common/login01_w.png);
}
.quote-c .btn01.col1.play::before {
  background-color: #3296b4;
  background-image: url(../img/common/arrow03_k.png);
}
.quote-c .btn01.col1.download::before {
  background-image: url(../img/common/download01_w.png);
}
.quote-c .btn01.col1.arrow > svg {
  stroke: #fff;
}
.quote-c .btn01.col2 {
  background: #f0f0f0;
  border-color: #888;
}
.quote-c .btn01.col2.login::before {
  background-image: url(../img/common/login01_k.png);
}
.quote-c .btn01.col2.play::before {
  background-image: url(../img/event_seminar/arrow03_w.png);
}
.quote-c .btn01.col2.download::before {
  background-image: url(../img/common/download01_k.png);
}
.quote-c .btn01.col2.arrow > svg {
  stroke: #333333;
}
.quote-c .btn01.col3 {
  background: #fff;
  border-color: #767676;
}
.quote-c .btn01.col3.login::before {
  background-image: url(../img/common/login01_k.png);
}
.quote-c .btn01.col3.play::before {
  background-color: #3296b4;
  background-image: url(../img/event_seminar/arrow03_w.png);
}
.quote-c .btn01.col3.download::before {
  background-image: url(../img/event_seminar/download01_w.png);
}
.quote-c .btn01.col3.arrow > svg {
  stroke: #333333;
}
.quote-c .btn01.col4 {
  background: #444;
  border-color: #444;
  color: #fff;
}
.quote-c .btn01.col4.login::before {
  background-image: url(../img/common/login01_w.png);
}
.quote-c .btn01.col4.play::before {
  background-image: url(../img/common/arrow03_k.png);
}
.quote-c .btn01.col4.download::before {
  background-image: url(../img/event_seminar/download01_w.png);
}
.quote-c .btn01.col4.arrow > svg {
  stroke: #fff;
}
.quote-c .btn01.col5 {
  background: #777575;
  border-color: #777575;
  color: #fff;
}
.quote-c .btn01.col5.login::before {
  background-image: url(../img/common/login01_w.png);
}
.quote-c .btn01.col5.play::before {
  background-image: url(../img/common/arrow03_k.png);
}
.quote-c .btn01.col5.download::before {
  background-image: url(../img/common/download01_w.png);
}
.quote-c .btn01.col5.arrow > svg {
  stroke: #fff;
}
.quote-c .btn01.col6 {
  border-color: #888;
}
.quote-c .btn01.login::before {
  content: "";
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 1.375em;
  height: 1.375em;
  margin-right: 0.675em;
}
.quote-c .btn01.play::before {
  content: "";
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  border-radius: 50%;
  width: 1.375em;
  height: 1.375em;
  margin-right: 0.675em;
}
.quote-c .btn01.download::before {
  content: "";
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 1.201em;
  height: 1.041em;
  margin-right: 0.719em;
}
.quote-c .btn01.arrow.back::after {
  left: 3%;
  -webkit-transform: translateY(-50%) rotate(180deg);
          transform: translateY(-50%) rotate(180deg);
}
.quote-c .btn01-items.wid1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (min-width: 768px) {
  .quote-c .btn01-items.wid1 {
    -webkit-column-gap: 30px;
       -moz-column-gap: 30px;
            column-gap: 30px;
  }
}
@media screen and (max-width: 767px) {
  .quote-c .btn01-items.wid1 {
    -webkit-column-gap: 25px;
       -moz-column-gap: 25px;
            column-gap: 25px;
  }
}
.quote-c .btn01-items.wid2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (min-width: 768px) {
  .quote-c .btn01-items.wid2 {
    -webkit-column-gap: 30px;
       -moz-column-gap: 30px;
            column-gap: 30px;
  }
}
@media screen and (max-width: 767px) {
  .quote-c .btn01-items.wid2 {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-column-gap: 25px;
       -moz-column-gap: 25px;
            column-gap: 25px;
    row-gap: 29.25px;
  }
  .quote-c .btn01-items.wid2 .btn01 {
    width: 100%;
  }
}
.quote-c .btn01-items.wid3 {
  display: -ms-grid;
  display: grid;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (min-width: 768px) {
  .quote-c .btn01-items.wid3 {
    grid-template-columns: repeat(auto-fit, 350px);
    -webkit-column-gap: 30px;
       -moz-column-gap: 30px;
            column-gap: 30px;
    row-gap: 30px;
  }
}
@media screen and (max-width: 767px) {
  .quote-c .btn01-items.wid3 {
    -ms-grid-columns: 100%;
    grid-template-columns: 100%;
    row-gap: 29.25px;
  }
}
@media screen and (max-width: 767px) {
  .quote-c .btn01-items.wid3 .back, .quote-c .btn01-items.wid3 .cancel {
    -webkit-box-ordinal-group: 101;
        -ms-flex-order: 100;
            order: 100;
  }
}
.quote-c .btn01-items.wid4 {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (min-width: 768px) {
  .quote-c .btn01-items.wid4 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 30px;
       -moz-column-gap: 30px;
            column-gap: 30px;
  }
}
@media screen and (max-width: 767px) {
  .quote-c .btn01-items.wid4 {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 100%;
    grid-template-columns: 100%;
    row-gap: 29.25px;
  }
}
@media screen and (max-width: 767px) {
  .quote-c .btn01-items.wid4 .back, .quote-c .btn01-items.wid4 .cancel {
    -webkit-box-ordinal-group: 101;
        -ms-flex-order: 100;
            order: 100;
  }
}
.quote-c .btn01-items.wid5 {
  display: -ms-grid;
  display: grid;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (min-width: 768px) {
  .quote-c .btn01-items.wid5 {
    grid-template-columns: repeat(auto-fit, 720px);
    row-gap: 20px;
  }
}
@media screen and (max-width: 767px) {
  .quote-c .btn01-items.wid5 {
    -ms-grid-columns: 100%;
    grid-template-columns: 100%;
    row-gap: 29.25px;
  }
}
.quote-c .btn01-items.wid5 .btn01 {
  max-width: none;
}
.quote-c .btn01-items.wid6 {
  display: -ms-grid;
  display: grid;
  grid-template-columns: repeat(auto-fit, 580px);
  row-gap: 50px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media screen and (max-width: 767px) {
  .quote-c .btn01-items.wid6 {
    -ms-grid-columns: 100%;
    grid-template-columns: 100%;
    row-gap: 29.25px;
  }
}
@media screen and (max-width: 767px) {
  .quote-c .btn01-items.wid-sp {
    max-width: 100%;
    width: 100%;
  }
}
.quote-c .btn03 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 50%;
  width: 1.438em;
  height: 1.438em;
  line-height: 1;
  font-size: 16px;
  font-weight: bold;
  cursor: pointer;
}
.quote-c .btn03.col1 {
  background: #444;
  color: #fff;
}
.quote-c .crd01.wid1 {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 124px 16px 1fr;
  grid-template-columns: 124px 1fr;
  -webkit-column-gap: 16px;
     -moz-column-gap: 16px;
          column-gap: 16px;
  row-gap: 5px;
  border: 1px solid;
  padding: 14px;
}
@media screen and (max-width: 767px) {
  .quote-c .crd01.wid1 {
    -ms-grid-columns: 106px 15px 1fr;
    grid-template-columns: 106px 1fr;
    -webkit-column-gap: 15px;
       -moz-column-gap: 15px;
            column-gap: 15px;
    padding: 13px;
  }
}
.quote-c .crd01.wid1 .img01 {
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-column: 1/2;
  -ms-grid-row: 1;
  -ms-grid-row-span: 2;
  grid-row: 1/3;
}
.quote-c .crd01.wid1 .txt03 {
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  grid-column: 2/3;
}
.quote-c .crd01.wid1 .att02 {
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  grid-column: 2/3;
}
.quote-c .crd01.col1 {
  border-color: #707070;
}
.quote-c .crd01-items {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 30px 1fr;
  grid-template-columns: repeat(2, 1fr);
  -webkit-column-gap: 30px;
     -moz-column-gap: 30px;
          column-gap: 30px;
  row-gap: 30px;
}
@media screen and (max-width: 767px) {
  .quote-c .crd01-items {
    -ms-grid-columns: 100%;
    grid-template-columns: 100%;
    row-gap: 18px;
  }
}
.quote-c .pnl01.wid1 {
  display: -ms-grid;
  display: grid;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  -ms-grid-columns: 25% 30px auto 30px 1fr;
  grid-template-columns: 25% auto 1fr;
  -webkit-column-gap: 30px;
     -moz-column-gap: 30px;
          column-gap: 30px;
  -ms-grid-rows: auto auto 1fr auto;
  grid-template-rows: auto auto 1fr auto;
  padding: 70px 0;
}
.quote-c .pnl01.wid1 > *:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}
.quote-c .pnl01.wid1 > *:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
}
.quote-c .pnl01.wid1 > *:nth-child(3) {
  -ms-grid-row: 1;
  -ms-grid-column: 5;
}
.quote-c .pnl01.wid1 > *:nth-child(4) {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
}
.quote-c .pnl01.wid1 > *:nth-child(5) {
  -ms-grid-row: 2;
  -ms-grid-column: 3;
}
.quote-c .pnl01.wid1 > *:nth-child(6) {
  -ms-grid-row: 2;
  -ms-grid-column: 5;
}
.quote-c .pnl01.wid1 > *:nth-child(7) {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
}
.quote-c .pnl01.wid1 > *:nth-child(8) {
  -ms-grid-row: 3;
  -ms-grid-column: 3;
}
.quote-c .pnl01.wid1 > *:nth-child(9) {
  -ms-grid-row: 3;
  -ms-grid-column: 5;
}
.quote-c .pnl01.wid1 > *:nth-child(10) {
  -ms-grid-row: 4;
  -ms-grid-column: 1;
}
.quote-c .pnl01.wid1 > *:nth-child(11) {
  -ms-grid-row: 4;
  -ms-grid-column: 3;
}
.quote-c .pnl01.wid1 > *:nth-child(12) {
  -ms-grid-row: 4;
  -ms-grid-column: 5;
}
@media screen and (min-width: 768px) {
  .quote-c .pnl01.wid1 {
    row-gap: 13px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .quote-c .pnl01.wid1 .cat01-items {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
@media screen and (max-width: 767px) {
  .quote-c .pnl01.wid1 {
    -ms-grid-columns: 1fr 20px 105px;
    grid-template-columns: 1fr 105px;
    -webkit-column-gap: 20px;
       -moz-column-gap: 20px;
            column-gap: 20px;
    padding: 30px 0;
  }
}
.quote-c .pnl01.wid1 .img01 {
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-column: 1/2;
  -ms-grid-row: 1;
  -ms-grid-row-span: 4;
  grid-row: 1/5;
}
@media screen and (max-width: 767px) {
  .quote-c .pnl01.wid1 .img01 {
    -ms-grid-row: 3;
    -ms-grid-row-span: 1;
    grid-row: 3/4;
    margin-top: 20px;
  }
}
.quote-c .pnl01.wid1 .ttl04 {
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  grid-column: 2/3;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  grid-row: 1/2;
}
@media screen and (min-width: 768px) {
  .quote-c .pnl01.wid1 .ttl04 {
    width: 410px;
  }
}
@media screen and (max-width: 767px) {
  .quote-c .pnl01.wid1 .ttl04 {
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    grid-column: 1/3;
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    grid-row: 1/2;
  }
}
.quote-c .pnl01.wid1 .ttl04 .lnk01 {
  padding-top: 0;
}
@media screen and (max-width: 767px) {
  .quote-c .pnl01.wid1 .ttl04 .lnk01 {
    text-decoration: underline;
    color: #3296b4;
  }
}
.quote-c .pnl01.wid1 .ttl04 .lnk01:hover {
  text-decoration: underline;
}
.quote-c .pnl01.wid1 .cat01-items {
  -ms-grid-column: 3;
  -ms-grid-column-span: 1;
  grid-column: 3/4;
  -ms-grid-row: 1;
  -ms-grid-row-span: 2;
  grid-row: 1/3;
}
@media screen and (max-width: 767px) {
  .quote-c .pnl01.wid1 .cat01-items {
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
    grid-column: 2/3;
    -ms-grid-row: 3;
    -ms-grid-row-span: 1;
    grid-row: 3/4;
    padding-top: 20px;
  }
}
.quote-c .pnl01.wid1 .dsc01 {
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  grid-column: 2/3;
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  grid-row: 2/3;
}
@media screen and (max-width: 767px) {
  .quote-c .pnl01.wid1 .dsc01 {
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    grid-column: 1/3;
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    grid-row: 2/3;
    padding-top: 12px;
  }
}
.quote-c .pnl01.wid1 .lnk01, .quote-c .pnl01.wid1 .txt01 {
  display: block;
  -ms-grid-column: 2;
  -ms-grid-column-span: 2;
  grid-column: 2/4;
  -ms-grid-row: 3;
  -ms-grid-row-span: 1;
  grid-row: 3/4;
  padding-top: 3px;
}
@media screen and (max-width: 767px) {
  .quote-c .pnl01.wid1 .lnk01, .quote-c .pnl01.wid1 .txt01 {
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    grid-column: 1/3;
    -ms-grid-row: 5;
    -ms-grid-row-span: 1;
    grid-row: 5/6;
    padding-right: 0;
    padding-top: 15px;
  }
  .quote-c .pnl01.wid1 .lnk01::before, .quote-c .pnl01.wid1 .txt01::before {
    display: none;
  }
}
.quote-c .pnl01.wid1 .tag01-items {
  -ms-grid-column: 2;
  -ms-grid-column-span: 2;
  grid-column: 2/4;
  -ms-grid-row: 4;
  -ms-grid-row-span: 1;
  grid-row: 4/5;
  padding-top: 7px;
}
@media screen and (max-width: 767px) {
  .quote-c .pnl01.wid1 .tag01-items {
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    grid-column: 1/3;
    -ms-grid-row: 4;
    -ms-grid-row-span: 1;
    grid-row: 4/5;
    padding-top: 17.5px;
  }
}
.quote-c .pnl01.wid1 .btn01-items {
  -ms-grid-column: 2;
  -ms-grid-column-span: 2;
  grid-column: 2/4;
  -ms-grid-row: 4;
  -ms-grid-row-span: 1;
  grid-row: 4/5;
  padding-top: 7px;
}
@media screen and (max-width: 767px) {
  .quote-c .pnl01.wid1 .btn01-items {
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    grid-column: 1/3;
    -ms-grid-row: 6;
    -ms-grid-row-span: 1;
    grid-row: 6/7;
    padding-top: 17.5px;
  }
}
.quote-c .pnl01.wid1 .btn01-items.pstn {
  position: relative;
}
.quote-c .pnl01.wid2 {
  padding: 50px 0;
}
@media screen and (max-width: 767px) {
  .quote-c .pnl01.wid2 {
    padding: 50px 20px;
  }
}
.quote-c .pnl01.wid2 .att01 + .ipt01-items {
  padding-top: 10px;
}
.quote-c .pnl01.wid3 {
  display: -ms-grid;
  display: grid;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-grid-columns: 800px;
  grid-template-columns: 800px;
}
@media screen and (min-width: 768px) {
  .quote-c .pnl01.wid3 {
    row-gap: 13px;
  }
}
@media screen and (max-width: 767px) {
  .quote-c .pnl01.wid3 {
    -ms-grid-columns: 100%;
    grid-template-columns: 100%;
  }
}
@media screen and (max-width: 767px) {
  .quote-c .pnl01.wid3 .ttl02 {
    padding-top: 20px;
  }
}
@media screen and (max-width: 767px) {
  .quote-c .pnl01.wid3 .dsc01 {
    padding-top: 12px;
  }
}
.quote-c .pnl01.wid3 .txt01 {
  display: block;
  padding-top: 3px;
}
@media screen and (max-width: 767px) {
  .quote-c .pnl01.wid3 .txt01 {
    padding-top: 15px;
  }
}
.quote-c .pnl01.wid3 .btn01-items {
  padding-top: 7px;
}
@media screen and (max-width: 767px) {
  .quote-c .pnl01.wid3 .btn01-items {
    padding-top: 17.5px;
  }
}
.quote-c .pnl01.col1 {
  background: #f5f5f5;
}
.quote-c .pnl01.col2 {
  background: #eff7f9;
}
.quote-c .pnl01 .semi-end {
  position: relative;
  z-index: 0;
}
.quote-c .pnl01 .semi-end::before {
  content: "開催終了";
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: rgba(0, 0, 0, 0.5);
  font-size: 30px;
  font-weight: bold;
  color: #fff;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
@media screen and (max-width: 767px) {
  .quote-c .pnl01 .semi-end::before {
    font-size: 20px;
  }
}
.quote-c .pnl01-items.wid1 {
  border-top: 2px solid #333333;
}
.quote-c .pnl01-items.wid1 .pnl01 {
  border-bottom: 1px solid #dedede;
}
.quote-c .pnl01-items.wid2 {
  display: -ms-grid;
  display: grid;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  grid-template-columns: repeat(auto-fit, 580px);
  -webkit-column-gap: 40px;
     -moz-column-gap: 40px;
          column-gap: 40px;
  row-gap: 40px;
}
@media screen and (max-width: 767px) {
  .quote-c .pnl01-items.wid2 {
    -ms-grid-columns: 100%;
    grid-template-columns: 100%;
  }
}
@media screen and (min-width: 768px) {
  .quote-c .pnl01-items.wid2 .pnl01 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
@media screen and (min-width: 768px) {
  .quote-c .pnl01-items.wid2 .pnl01 .ipt01.wid3 {
    width: 420px;
  }
}
.quote-c .brc01 {
  line-height: 1.2em;
  font-size: 14px;
  text-decoration: underline;
}
.quote-c .brc01:hover {
  text-decoration: none;
}
.quote-c .brc01.is-current {
  text-decoration: none;
  pointer-events: none;
}
.quote-c .brc01-items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-column-gap: 14px;
     -moz-column-gap: 14px;
          column-gap: 14px;
}
.quote-c .brc01-items > li {
  display: block;
}
.quote-c .brc01-items > li + li::before {
  content: ">";
  display: inline-block;
  margin-right: 8px;
}
.quote-c .pgn01 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  width: 100%;
  height: 100%;
  line-height: 1;
  font-size: 24px;
}
.quote-c .pgn01::after {
  content: "";
  position: absolute;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  inset: 0;
  pointer-events: none;
}
.quote-c .pgn01.prev::after, .quote-c .pgn01.first::after {
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1);
}
.quote-c .pgn01.is-current {
  pointer-events: none;
}
.quote-c .pgn01.col1 {
  background: #ececec;
  color: #515151;
}
.quote-c .pgn01.col1.prev::after, .quote-c .pgn01.col1.next::after {
  background-image: url(../img/event_seminar/pagination01_g.png);
}
.quote-c .pgn01.col1.first::after, .quote-c .pgn01.col1.last::after {
  background-image: url(../img/event_seminar/pagination02_g.png);
}
.quote-c .pgn01.col1.is-current {
  background: #3296b4;
  color: #fff;
}
.quote-c .pgn01-items.wid1 {
  display: -ms-grid;
  display: grid;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  grid-template-columns: repeat(auto-fit, 48px);
  grid-template-rows: repeat(auto-fit, 48px);
  -webkit-column-gap: 1px;
     -moz-column-gap: 1px;
          column-gap: 1px;
}
.quote-c .stp01 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  height: 100%;
  line-height: 1.364em;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .quote-c .stp01 {
    font-size: 11px;
  }
}
.quote-c .stp01::before, .quote-c .stp01::after {
  content: "";
  position: absolute;
  border-left: 14px solid;
  border-top: 35px solid transparent;
  border-bottom: 35px solid transparent;
  z-index: 5;
}
@media screen and (max-width: 767px) {
  .quote-c .stp01::before, .quote-c .stp01::after {
    border-left: 9px solid;
    border-top: 29.5px solid transparent;
    border-bottom: 29.5px solid transparent;
  }
}
.quote-c .stp01::before {
  inset: 0 auto 0 calc(100% + 2px);
}
@media screen and (max-width: 767px) {
  .quote-c .stp01::before {
    inset: 0 auto 0 calc(100% + 1px);
  }
}
.quote-c .stp01::after {
  inset: 0 auto 0 100%;
}
li:last-of-type > .quote-c .stp01::after {
  display: none;
}
.quote-c .stp01 > p {
  position: relative;
  z-index: 10;
}
@media screen and (max-width: 767px) {
  .quote-c .stp01 > p {
    -webkit-transform: translate(10%, 0);
            transform: translate(10%, 0);
  }
}
@media screen and (max-width: 767px) {
  li:first-of-type > .quote-c .stp01 > p {
    -webkit-transform: translate(5%, 0);
            transform: translate(5%, 0);
  }
}
.quote-c .stp01.col1 {
  background: #d9d9d9;
}
.quote-c .stp01.col1::before {
  color: #fff;
}
.quote-c .stp01.col1::after {
  color: #d9d9d9;
}
li.is-current > .quote-c .stp01.col1 {
  background: #3296b4;
  color: #fff;
}
li.is-current > .quote-c .stp01.col1::after {
  color: #3296b4;
}
.quote-c .stp01-items > li {
  position: relative;
}
.quote-c .stp01-items.wid1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-column-gap: 2px;
     -moz-column-gap: 2px;
          column-gap: 2px;
}
@media screen and (max-width: 767px) {
  .quote-c .stp01-items.wid1 {
    -webkit-column-gap: 1px;
       -moz-column-gap: 1px;
            column-gap: 1px;
  }
}
.quote-c .stp01-items.wid1 > li {
  width: 100%;
  height: 74px;
  padding: 2px 0;
}
@media screen and (max-width: 767px) {
  .quote-c .stp01-items.wid1 > li {
    height: 61px;
    padding: 1px 0;
  }
}
@media screen and (min-width: 768px) {
  .quote-c .stp01-items.wid1 > li .stp01 {
    padding: 0 20px;
  }
}
.quote-c .dsc01.wid1 {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto 1fr;
  grid-template-columns: auto 1fr;
  row-gap: 10px;
  line-height: 1.2em;
  font-size: 18px;
}
.quote-c .dsc01.wid1 > dt {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-column: 1/2;
  font-weight: bold;
}
.quote-c .dsc01.wid1 > dd {
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  grid-column: 2/3;
  font-weight: bold;
}
.quote-c .dsc01.wid2 {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
}
.quote-c .dsc01.wid2 .dsc01-row {
  -ms-grid-columns: 28.334% 1fr;
  grid-template-columns: 28.334% 1fr;
  padding: 23px 0;
}
@media screen and (min-width: 768px) {
  .quote-c .dsc01.wid2 .dsc01-row {
    border-top: 1px solid;
  }
  .quote-c .dsc01.wid2 .dsc01-row:last-of-type {
    border-bottom: 1px solid;
  }
}
@media screen and (max-width: 767px) {
  .quote-c .dsc01.wid2 .dsc01-row {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    padding: 27.5px 0 0;
  }
  .quote-c .dsc01.wid2 .dsc01-row:first-of-type {
    padding-top: 0;
  }
}
@media screen and (min-width: 768px) {
  .quote-c .dsc01.wid2 .dsc01-row .dsc01-head {
    padding: 0 10.589%;
  }
}
@media screen and (min-width: 768px) {
  .quote-c .dsc01.wid2 .dsc01-row .dsc01-head.top {
    -webkit-box-align: self-start;
        -ms-flex-align: self-start;
            align-items: self-start;
    padding-top: 12px;
  }
  .quote-c .dsc01.wid2 .dsc01-row .dsc01-head.top .mrk01 {
    -webkit-transform: translate(0, 0.25em);
            transform: translate(0, 0.25em);
  }
}
.quote-c .dsc01.wid2 .dsc01-row .dsc01-head + .dsc01-body {
  padding-left: 0;
}
@media screen and (max-width: 767px) {
  .quote-c .dsc01.wid2 .dsc01-row .dsc01-head + .dsc01-body {
    padding-top: 15px;
  }
}
.quote-c .dsc01.wid2 .dsc01-row .dsc01-head .mrk01 + .sub01 {
  padding-left: 10px;
}
@media screen and (min-width: 768px) {
  .quote-c .dsc01.wid2 .dsc01-row .dsc01-head .sub01 {
    padding-left: 40px;
  }
}
@media screen and (min-width: 768px) {
  .quote-c .dsc01.wid2 .dsc01-row .dsc01-body {
    padding: 0 4.187%;
  }
}
.quote-c .dsc01.wid2 .dsc01-row .dsc01-body .ipt01-items + .att01, .quote-c .dsc01.wid2 .dsc01-row .dsc01-body .ipt01-items + .att02, .quote-c .dsc01.wid2 .dsc01-row .dsc01-body .chk01-items + .att01, .quote-c .dsc01.wid2 .dsc01-row .dsc01-body .chk01-items + .att02, .quote-c .dsc01.wid2 .dsc01-row .dsc01-body .slc01-items + .att01, .quote-c .dsc01.wid2 .dsc01-row .dsc01-body .slc01-items + .att02 {
  padding-top: 10px;
}
.quote-c .dsc01.wid2 .dsc01-row .dsc01-body .att01 + .att01, .quote-c .dsc01.wid2 .dsc01-row .dsc01-body .att01 + .att02, .quote-c .dsc01.wid2 .dsc01-row .dsc01-body .att02 + .att01, .quote-c .dsc01.wid2 .dsc01-row .dsc01-body .att02 + .att02 {
  padding-top: 10px;
}
.quote-c .dsc01.wid2 .dsc01-row + .dsc01-cell {
  padding-top: 40px;
}
@media screen and (min-width: 768px) {
  .quote-c .dsc01.wid2 .dsc01-row + .dsc01-cell {
    border-top: 1px solid;
  }
}
.quote-c .dsc01.wid2 .dsc01-cell .dsc01-body .chk01-items + .att01, .quote-c .dsc01.wid2 .dsc01-cell .dsc01-body .chk01-items + .att02 {
  padding-top: 10px;
}
.quote-c .dsc01.wid2 .dsc01-cell .dsc01-body .att01 {
  text-align: center;
}
.quote-c .dsc01.wid3 {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  row-gap: 16px;
  border-top: 1px solid;
  border-bottom: 1px solid;
  padding: 30px 0;
}
@media screen and (max-width: 767px) {
  .quote-c .dsc01.wid3 {
    row-gap: 34px;
    padding: 16px 0;
  }
}
.quote-c .dsc01.wid3 .dsc01-row {
  -ms-grid-columns: 26.667% 1fr;
  grid-template-columns: 26.667% 1fr;
}
@media screen and (max-width: 767px) {
  .quote-c .dsc01.wid3 .dsc01-row {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}
@media screen and (min-width: 768px) {
  .quote-c .dsc01.wid3 .dsc01-row .dsc01-head {
    padding: 0 7.813%;
    font-weight: 400;
  }
}
.quote-c .dsc01.wid3 .dsc01-row .dsc01-head + .dsc01-body {
  padding-left: 0;
}
@media screen and (max-width: 767px) {
  .quote-c .dsc01.wid3 .dsc01-row .dsc01-head + .dsc01-body {
    padding-top: 12px;
  }
}
.quote-c .dsc01.wid4 {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
}
.quote-c .dsc01.wid4 .dsc01-row {
  border-top: 1px solid;
  -ms-grid-columns: 28.334% 1fr;
  grid-template-columns: 28.334% 1fr;
  padding: 23px 0;
}
@media screen and (min-width: 768px) {
  .quote-c .dsc01.wid4 .dsc01-row:last-of-type {
    border-bottom: 1px solid;
  }
}
@media screen and (max-width: 767px) {
  .quote-c .dsc01.wid4 .dsc01-row {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    padding: 27.5px 0 0;
  }
}
@media screen and (min-width: 768px) {
  .quote-c .dsc01.wid4 .dsc01-row .dsc01-head {
    padding: 0 10.589%;
  }
}
@media screen and (min-width: 768px) {
  .quote-c .dsc01.wid4 .dsc01-row .dsc01-head.top {
    -webkit-box-align: self-start;
        -ms-flex-align: self-start;
            align-items: self-start;
  }
  .quote-c .dsc01.wid4 .dsc01-row .dsc01-head.top .mrk01 {
    -webkit-transform: translate(0, 0.25em);
            transform: translate(0, 0.25em);
  }
}
.quote-c .dsc01.wid4 .dsc01-row .dsc01-head + .dsc01-body {
  padding-left: 0;
}
@media screen and (max-width: 767px) {
  .quote-c .dsc01.wid4 .dsc01-row .dsc01-head + .dsc01-body {
    padding-top: 15px;
  }
}
.quote-c .dsc01.wid4 .dsc01-row .dsc01-head .mrk01 + .sub01 {
  padding-left: 10px;
}
@media screen and (min-width: 768px) {
  .quote-c .dsc01.wid4 .dsc01-row .dsc01-head .sub01 {
    padding-left: 40px;
  }
}
@media screen and (min-width: 768px) {
  .quote-c .dsc01.wid4 .dsc01-row .dsc01-body {
    padding: 0 4.187%;
  }
}
.quote-c .dsc01.wid4 .dsc01-row .dsc01-body .ipt01-items + .att01, .quote-c .dsc01.wid4 .dsc01-row .dsc01-body .ipt01-items + .att02, .quote-c .dsc01.wid4 .dsc01-row .dsc01-body .chk01-items + .att01, .quote-c .dsc01.wid4 .dsc01-row .dsc01-body .chk01-items + .att02, .quote-c .dsc01.wid4 .dsc01-row .dsc01-body .slc01-items + .att01, .quote-c .dsc01.wid4 .dsc01-row .dsc01-body .slc01-items + .att02 {
  padding-top: 10px;
}
.quote-c .dsc01.wid4 .dsc01-row .dsc01-body .att01 + .att01, .quote-c .dsc01.wid4 .dsc01-row .dsc01-body .att01 + .att02, .quote-c .dsc01.wid4 .dsc01-row .dsc01-body .att02 + .att01, .quote-c .dsc01.wid4 .dsc01-row .dsc01-body .att02 + .att02 {
  padding-top: 10px;
}
.quote-c .dsc01.wid4 .dsc01-row + .dsc01-cell {
  padding-top: 40px;
}
@media screen and (min-width: 768px) {
  .quote-c .dsc01.wid4 .dsc01-row + .dsc01-cell {
    border-top: 1px solid;
  }
}
.quote-c .dsc01.wid4 .dsc01-cell .dsc01-body .chk01-items + .att01, .quote-c .dsc01.wid4 .dsc01-cell .dsc01-body .chk01-items + .att02 {
  padding-top: 10px;
}
.quote-c .dsc01.wid4 .dsc01-cell .dsc01-body .att01 {
  text-align: center;
}
.quote-c .dsc01.wid5 {
  display: -ms-grid;
  display: grid;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-grid-columns: 640px;
  grid-template-columns: 640px;
}
@media screen and (max-width: 767px) {
  .quote-c .dsc01.wid5 {
    -ms-grid-columns: 100%;
    grid-template-columns: 100%;
  }
}
.quote-c .dsc01.wid5 .dsc01-row {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 31.25% 1fr;
  grid-template-columns: 31.25% 1fr;
}
@media screen and (max-width: 767px) {
  .quote-c .dsc01.wid5 .dsc01-row {
    -ms-grid-columns: 100%;
    grid-template-columns: 100%;
    row-gap: 15px;
  }
}
@media screen and (min-width: 768px) {
  .quote-c .dsc01.wid5 .dsc01-row .dsc01-head.top {
    -webkit-box-align: self-start;
        -ms-flex-align: self-start;
            align-items: self-start;
    padding-top: 12px;
  }
  .quote-c .dsc01.wid5 .dsc01-row .dsc01-head.top .mrk01 {
    -webkit-transform: translate(0, 0.25em);
            transform: translate(0, 0.25em);
  }
}
.quote-c .dsc01.wid5 .dsc01-row .dsc01-head .sub01 + .mrk01 {
  margin-left: 10px;
}
.quote-c .dsc01.wid5 .dsc01-row .dsc01-body .ipt01-items + .att01 {
  padding-top: 10px;
}
.quote-c .dsc01.wid6 {
  display: -ms-grid;
  display: grid;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-grid-columns: 740px;
  grid-template-columns: 740px;
  row-gap: 20px;
}
@media screen and (max-width: 767px) {
  .quote-c .dsc01.wid6 {
    -ms-grid-columns: 100%;
    grid-template-columns: 100%;
    row-gap: 25px;
  }
}
.quote-c .dsc01.wid6 .dsc01-row {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 40.541% 1fr;
  grid-template-columns: 40.541% 1fr;
}
@media screen and (max-width: 767px) {
  .quote-c .dsc01.wid6 .dsc01-row {
    -ms-grid-columns: 100%;
    grid-template-columns: 100%;
    row-gap: 15px;
  }
}
@media screen and (min-width: 768px) {
  .quote-c .dsc01.wid6 .dsc01-row .dsc01-head.top {
    -webkit-box-align: self-start;
        -ms-flex-align: self-start;
            align-items: self-start;
    padding-top: 12px;
  }
  .quote-c .dsc01.wid6 .dsc01-row .dsc01-head.top .mrk01 {
    -webkit-transform: translate(0, 0.25em);
            transform: translate(0, 0.25em);
  }
}
.quote-c .dsc01.wid6 .dsc01-row .dsc01-head .sub02 + .mrk01 {
  margin-left: 10px;
}
.quote-c .dsc01.wid6 .dsc01-row .dsc01-body .ipt01-items + .att01 {
  padding-top: 10px;
}
.quote-c .dsc01.wid7 .dsc01-row {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 100%;
  grid-template-columns: 100%;
  row-gap: 20px;
  border-bottom: 1px solid;
  padding: 30px 0;
}
@media screen and (max-width: 767px) {
  .quote-c .dsc01.wid7 .dsc01-row {
    row-gap: 15px;
    padding: 20px 0;
  }
}
.quote-c .dsc01.wid7 .dsc01-row:first-of-type {
  padding-top: 0;
}
.quote-c .dsc01.wid7 .dsc01-row .dsc01-head .sub02 + .mrk01 {
  margin-left: 10px;
}
.quote-c .dsc01.wid7 .dsc01-row .dsc01-body .txt02 + .chk01-items {
  padding-top: 25px;
}
.quote-c .dsc01.wid8 {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 100%;
  grid-template-columns: 100%;
  row-gap: 40px;
  border-top: 1px solid;
  border-bottom: 1px solid;
  padding: 20px 2.084% 30px;
}
.quote-c .dsc01.wid8 .dsc01-head + .dsc01-body {
  padding-top: 10px;
}
.quote-c .dsc01.wid8 .dsc01-row .txt04 + .txt04 {
  padding-top: 20px;
}
.quote-c .dsc01.col1 {
  border-color: #dedede !important;
}
.quote-c .dsc01.col1 .dsc01-row, .quote-c .dsc01.col1 .dsc01-cell {
  border-color: #dedede !important;
}
.quote-c .dsc01-row {
  display: -ms-grid;
  display: grid;
}
@media screen and (min-width: 768px) {
  .quote-c .dsc01-wrap > p {
    padding: 20px 10.589% 0;
  }
}
@media screen and (max-width: 767px) {
  .quote-c .dsc01-wrap > p {
    padding: 20px 0 0;
  }
}
@media screen and (max-width: 767px) {
  .quote-c .dsc01-wrap + .dsc01-body {
    padding: 20px 0 0;
  }
}
.quote-c .dsc01-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (min-width: 768px) {
  .quote-c .dsc01-head {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.quote-c .dsc01-head .mrk01 {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.quote-c .box01 {
  position: relative;
}
.quote-c .box01::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
}
.quote-c .box01::after {
  content: "";
  position: absolute;
  border: 1px solid;
  inset: 0;
  pointer-events: none;
}
.quote-c .box01.wid1 {
  padding: 30px 60px;
}
@media screen and (max-width: 767px) {
  .quote-c .box01.wid1 {
    padding: 20px 0 0;
  }
  .quote-c .box01.wid1::before {
    inset: 0 -7.692%;
  }
}
.quote-c .box01.wid1 .box01-head {
  border-bottom: 1px solid;
  padding-bottom: 10px;
}
.quote-c .box01.wid1 .box01-head + .box01-body {
  padding-top: 30px;
}
.quote-c .box01.wid1 .box01-body {
  padding: 0 7px 20px;
}
@media screen and (max-width: 767px) {
  .quote-c .box01.wid1 .box01-body {
    padding: 0 0 20px;
  }
}
.quote-c .box01.wid1 .box01-body .att01.error + .rdo01-items, .quote-c .box01.wid1 .box01-body .att01.error + .chk01-items, .quote-c .box01.wid1 .box01-body .att01.error + .sub03 {
  margin-top: 25px;
}
.quote-c .box01.wid1 .box01-body .sub03 + .rdo01-items, .quote-c .box01.wid1 .box01-body .sub03 + .chk01-items {
  margin-top: 10px;
}
.quote-c .box01.wid1 .box01-body .rdo01-items + .sub03, .quote-c .box01.wid1 .box01-body .chk01-items + .sub03 {
  margin-top: 45px;
}
.quote-c .box01.wid1 + .quote-c .box01.wid1 {
  margin-top: 30px;
}
@media screen and (max-width: 767px) {
  .quote-c .box01.wid1 + .quote-c .box01.wid1 {
    margin-top: 20px;
  }
}
.quote-c .box01.wid2 {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: max(16.667%, 160px) 1fr;
  grid-template-columns: max(16.667%, 160px) 1fr;
}
@media screen and (max-width: 767px) {
  .quote-c .box01.wid2 {
    -ms-grid-columns: 100%;
    grid-template-columns: 100%;
  }
}
.quote-c .box01.wid2 .box01-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 120px;
}
@media screen and (max-width: 767px) {
  .quote-c .box01.wid2 .box01-head {
    min-height: 45px;
    padding: 10px 0;
  }
}
.quote-c .box01.wid2 .box01-body {
  padding: 30px 5%;
}
@media screen and (max-width: 767px) {
  .quote-c .box01.wid2 .box01-body {
    padding: 10px 18px 18px;
  }
}
.quote-c .box01.wid2 .box01-body .sub04 + .txt02 {
  padding-top: 10px;
}
.quote-c .box01.col1::after {
  border-color: #707070;
}
@media screen and (max-width: 767px) {
  .quote-c .box01.col1::after {
    display: none;
  }
}
.quote-c .box01.col1 .box01-head {
  border-color: #9d9d9d;
}
.quote-c .box01.col2::after {
  border-color: #707070;
}
.quote-c .box01.col2 .box01-head {
  background: #f5f5f5;
  border-color: transparent;
}
.quote-c .box01.is-error::before {
  background: #ffeaed;
}
.quote-c .box01-head {
  position: relative;
}
.quote-c .box01-body {
  position: relative;
}
.quote-c .ipt01 {
  border: 1px solid;
  border-radius: 5px;
  width: 100%;
  padding: 12px 24px;
  line-height: 1.5em;
  font-size: 16px;
}
@media screen and (max-width: 767px) {
  .quote-c .ipt01 {
    padding: 8px 16px;
    line-height: 1.467em;
    font-size: 15px;
  }
}
@media screen and (min-width: 768px) {
  .quote-c .ipt01.wid1 {
    max-width: 680px;
  }
}
@media screen and (min-width: 768px) {
  .quote-c .ipt01.wid2 {
    max-width: 280px;
  }
}
@media screen and (min-width: 768px) {
  .quote-c .ipt01.wid3 {
    max-width: 420px;
  }
}
.quote-c .ipt01.col1 {
  background: #f7f7f7;
  border-color: #707070;
}
.quote-c .ipt01.col2 {
  background: #fff;
  border-color: #707070;
}
.quote-c .ipt01.is-error {
  background: #ffeaed;
}
.quote-c .ipt01-items.wid1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (min-width: 768px) {
  .quote-c .ipt01-items.wid1 {
    -webkit-column-gap: 30px;
       -moz-column-gap: 30px;
            column-gap: 30px;
  }
}
@media screen and (max-width: 767px) {
  .quote-c .ipt01-items.wid1 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    row-gap: 15px;
  }
}
.quote-c .ipt01-items.wid2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media screen and (min-width: 768px) {
  .quote-c .ipt01-items.wid2 {
    row-gap: 25px;
  }
}
@media screen and (max-width: 767px) {
  .quote-c .ipt01-items.wid2 {
    row-gap: 15px;
  }
}
.quote-c .ipt01-items.wid2 .ipt01-item {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  row-gap: 5px;
}
.quote-c .ipt01-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 18px;
     -moz-column-gap: 18px;
          column-gap: 18px;
  width: 100%;
}
@media screen and (max-width: 767px) {
  .quote-c .ipt01-item {
    -webkit-column-gap: 13px;
       -moz-column-gap: 13px;
            column-gap: 13px;
  }
}
.quote-c .ipt01-item .btn01 {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.quote-c .txa01 {
  border: 1px solid;
  border-radius: 5px;
  width: 100%;
  padding: 12px 24px;
  line-height: 1.5em;
  font-size: 16px;
  resize: vertical;
}
@media screen and (max-width: 767px) {
  .quote-c .txa01 {
    padding: 8px 16px;
    line-height: 1.467em;
    font-size: 15px;
  }
}
.quote-c .txa01.wid1 {
  height: 15.625em;
}
@media screen and (max-width: 767px) {
  .quote-c .txa01.wid1 {
    height: 14em;
  }
}
.quote-c .txa01.wid2 {
  height: 9.375em;
}
@media screen and (max-width: 767px) {
  .quote-c .txa01.wid2 {
    height: 14em;
  }
}
.quote-c .txa01.wid3 {
  height: 4.375em;
}
@media screen and (max-width: 767px) {
  .quote-c .txa01.wid3 {
    height: 14em;
  }
}
.quote-c .txa01.col1 {
  background: #f7f7f7;
  border-color: #707070;
}
.quote-c .txa01.is-error {
  background: #ffeaed;
}
.quote-c .txa01-wrap .txt01 + .txa01 {
  margin-top: 5px;
}
.quote-c .rdo01 {
  border: 1px solid;
  border-radius: 50%;
  width: 20px;
  height: 20px;
}
@media screen and (max-width: 767px) {
  .quote-c .rdo01 {
    width: 16px;
    height: 16px;
  }
}
.quote-c .rdo01:checked {
  -webkit-box-shadow: 0 0 0 4px inset #fff;
          box-shadow: 0 0 0 4px inset #fff;
}
@media screen and (max-width: 767px) {
  .quote-c .rdo01:checked {
    -webkit-box-shadow: 0 0 0 2.5px inset #fff;
            box-shadow: 0 0 0 2.5px inset #fff;
  }
}
.quote-c .rdo01.col1 {
  background: #fff;
  border-color: #707070;
}
.quote-c .rdo01.col1:checked {
  background: #707070;
}
.quote-c .rdo01-items.wid1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 15px;
}
.quote-c .rdo01-items.wid2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 40px;
     -moz-column-gap: 40px;
          column-gap: 40px;
}
.quote-c .rdo01-items.wid2 .rdo01-items {
  -ms-grid-columns: 26px 1fr;
  grid-template-columns: 26px 1fr;
}
@media screen and (max-width: 767px) {
  .quote-c .rdo01-items.wid2 .rdo01-items {
    -ms-grid-columns: 16px 1fr;
    grid-template-columns: 16px 1fr;
  }
}
.quote-c .rdo01-items.wid2 .rdo01 {
  width: 26px;
  height: 26px;
}
@media screen and (max-width: 767px) {
  .quote-c .rdo01-items.wid2 .rdo01 {
    width: 16px;
    height: 16px;
  }
}
.quote-c .rdo01-item {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 20px 10px 1fr;
  grid-template-columns: 20px 1fr;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 10px;
     -moz-column-gap: 10px;
          column-gap: 10px;
  row-gap: 10px;
}
.quote-c .rdo01-item .rdo01 {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.quote-c .rdo01-item .txa01 {
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  grid-column: 2/3;
}
@media screen and (max-width: 767px) {
  .quote-c .rdo01-item .txa01 {
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    grid-column: 1/3;
  }
}
.quote-c .rdo01-label {
  line-height: 1.5em;
  font-size: 16px;
}
@media screen and (max-width: 767px) {
  .quote-c .rdo01-label {
    line-height: 1.467em;
    font-size: 15px;
  }
}
.quote-c .chk01 {
  position: absolute;
  width: 1px;
  height: 1px;
  opacity: 0;
  -webkit-appearance: none;
}
.quote-c .chk01 + .chk01-label {
  padding-left: 30px;
}
@media screen and (max-width: 767px) {
  .quote-c .chk01 + .chk01-label {
    padding-left: 21px;
  }
}
.quote-c .chk01 + .chk01-label::before {
  content: "";
  position: absolute;
  border: 1px solid;
  width: 20px;
  height: 20px;
  inset: 2px auto auto 0;
}
@media screen and (max-width: 767px) {
  .quote-c .chk01 + .chk01-label::before {
    width: 16px;
    height: 16px;
    inset: 3px auto auto 0;
  }
}
.quote-c .chk01 + .chk01-label::after {
  position: absolute;
  border-left: 3px solid;
  border-bottom: 3px solid;
  width: 12px;
  height: 9px;
  inset: 5px auto 0 4px;
  -webkit-transform: rotateZ(-45deg);
          transform: rotateZ(-45deg);
}
@media screen and (max-width: 767px) {
  .quote-c .chk01 + .chk01-label::after {
    border-left: 2px solid;
    border-bottom: 2px solid;
    width: 9.5px;
    height: 7px;
    inset: 6px auto 0 3px;
  }
}
.quote-c .chk01.is-error + .chk01-label::before {
  background: #ffeaed;
}
.quote-c .chk01:checked + .chk01-label::after {
  content: "";
}
.quote-c .chk01.col1 + .chk01-label::before {
  background: #fff;
  border-color: #707070;
}
.quote-c .chk01.col1 + .chk01-label::after {
  color: #fff;
}
.quote-c .chk01.col1:checked {
  background: #707070;
}
.quote-c .chk01.col1:checked + .chk01-label::before {
  background: #707070;
}
.quote-c .chk01-items.wid1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 40px;
     -moz-column-gap: 40px;
          column-gap: 40px;
}
.quote-c .chk01-items.wid2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-column-gap: 40px;
     -moz-column-gap: 40px;
          column-gap: 40px;
}
.quote-c .chk01-items.wid3 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 20px;
}
@media screen and (max-width: 767px) {
  .quote-c .chk01-items.wid3 {
    row-gap: 10px;
  }
}
.quote-c .chk01-items.wid4 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 15px;
}
.quote-c .chk01-item {
  position: relative;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 20px 10px 1fr;
  grid-template-columns: 20px 1fr;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 10px;
     -moz-column-gap: 10px;
          column-gap: 10px;
  row-gap: 10px;
}
.quote-c .chk01-item .chk01-label {
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  grid-column: 1/3;
}
.quote-c .chk01-item .txa01 {
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  grid-column: 2/3;
}
@media screen and (max-width: 767px) {
  .quote-c .chk01-item .txa01 {
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    grid-column: 1/3;
  }
}
.quote-c .chk01-label {
  display: block;
  position: relative;
  line-height: 1.5em;
  font-size: 16px;
}
@media screen and (max-width: 767px) {
  .quote-c .chk01-label {
    font-size: 15px;
  }
}
.quote-c .eve-semi-ttl {
  text-align: center;
  font-size: 40px;
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  .quote-c .eve-semi-ttl {
    font-size: 20px;
  }
}
.quote-c .slc-ttl {
  margin: 65px 0 35px;
  text-align: center;
  font-size: 24px;
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  .quote-c .slc-ttl {
    margin: 25px 0 20px;
    font-size: 16px;
  }
}
.quote-c .slc-wrap {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 180px 20px 180px 20px 180px 20px 180px;
  grid-template-columns: repeat(4, 180px);
  -webkit-column-gap: 20px;
     -moz-column-gap: 20px;
          column-gap: 20px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 767px) {
  .quote-c .slc-wrap {
    margin: 0 calc(50% - 50vw);
    width: 100vw;
    -ms-grid-columns: 1fr 2px 1fr 2px 1fr 2px 1fr;
    grid-template-columns: repeat(4, 1fr);
    -webkit-column-gap: 2px;
       -moz-column-gap: 2px;
            column-gap: 2px;
  }
}
.quote-c .slc01 {
  position: relative;
  width: 100%;
  padding: 19px 0;
  -webkit-appearance: none;
  line-height: 1.5em;
  font-size: 16px;
  inset: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: block;
  cursor: pointer;
  width: 100%;
  position: relative;
  z-index: 2;
  outline: none;
  font-size: 19px;
  font-weight: 700;
  color: #fff;
  text-align: center;
  padding-inline: 20px 35px;
}
@media screen and (max-width: 767px) {
  .quote-c .slc01 {
    padding-block: 12.5px 15px;
    padding-inline: 10px;
    line-height: 1.467em;
    font-size: 15px;
    font-size: 14.5px;
    text-align: left;
  }
}
.quote-c .slc01:focus:not(:focus-visible) {
  opacity: 1;
  outline: none;
}
.quote-c .slc01-wrap {
  display: block;
  position: relative;
  width: 100%;
}
.quote-c .slc01-wrap::after {
  content: "";
  position: absolute;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  -webkit-transform: translate(-100%, -75%) rotate(135deg);
          transform: translate(-100%, -75%) rotate(135deg);
  width: 15px;
  height: 15px;
  inset: 50% 0 auto auto;
  margin: auto 0;
  pointer-events: none;
  z-index: 2;
}
@media screen and (max-width: 767px) {
  .quote-c .slc01-wrap::after {
    width: 8px;
    height: 8px;
    inset: 50% 0 auto auto;
  }
}
@media screen and (min-width: 768px) {
  .quote-c .slc01-wrap.wid1 {
    max-width: 680px;
  }
}
@media screen and (min-width: 768px) {
  .quote-c .slc01-wrap.wid2 {
    max-width: 280px;
  }
}
.quote-c .slc01-wrap.col1 {
  background: #8C8C8C;
}
.quote-c .slc01-wrap.col1::after {
  color: #707070;
}
.quote-c .slc01-wrap.col1 .slc01 {
  border-color: #707070;
  background-color: #8C8C8C;
}
.quote-c .slc01-wrap.is-error {
  background: #ffeaed;
}
.quote-c .slc01-items.wid1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-column-gap: 30px;
     -moz-column-gap: 30px;
          column-gap: 30px;
}
.quote-c .slc01-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 18px;
     -moz-column-gap: 18px;
          column-gap: 18px;
  width: 100%;
}
.quote-c .label {
  padding: 20px 0;
  position: absolute;
  width: 100%;
  display: inline-block;
  border: 1px solid;
  z-index: 1;
  text-align: center;
  font-size: 19px;
  font-weight: 700;
  color: #fff;
}
@media screen and (max-width: 767px) {
  .quote-c .label {
    padding: 12.5px 0 15px;
    line-height: 1.467em;
    font-size: 15px;
    font-size: 14.5px;
  }
}
.quote-c .label > span {
  width: calc(100% - 20px);
  display: block;
}
@media screen and (max-width: 767px) {
  .quote-c .label > span {
    width: 100%;
  }
}
.quote-c .main a, .quote-c .main button {
  -webkit-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
}
.quote-c .main a:hover, .quote-c .main button:hover {
  opacity: 0.7;
}
.quote-c .main_inner {
  max-width: 1250px;
  margin: 0 auto;
  padding: 0 25px 40px;
}
@media screen and (max-width: 767px) {
  .quote-c .main_inner {
    max-width: 86.667%;
    padding: 0 0 25px;
  }
}
.mv + .quote-c .main_inner {
  padding-top: 60px;
}
@media screen and (max-width: 767px) {
  .mv + .quote-c .main_inner {
    padding-top: 30px;
  }
}
.quote-c .main_head .brc01-items {
  padding: 18px 25px;
}
@media screen and (max-width: 767px) {
  .quote-c .main_head .brc01-items {
    display: none;
  }
}
.quote-c .main_head .brc01-items + .ttl01 {
  padding-top: 50px;
}
@media screen and (max-width: 767px) {
  .quote-c .main_head .brc01-items + .ttl01 {
    padding-top: 20px;
  }
}
.quote-c .main_head .ttl01 {
  padding-top: 55px;
}
@media screen and (max-width: 767px) {
  .quote-c .main_head .ttl01 {
    padding-top: 25px;
  }
}
.quote-c .main_head .ttl01 + .stp01-items {
  padding-top: 30px;
}
.quote-c .main_section + .main_section {
  margin-top: 100px;
}
@media screen and (max-width: 767px) {
  .quote-c .main_section + .main_section {
    margin-top: 55px;
  }
}
.quote-c .main_content + .quote-c .main_content {
  margin-top: 80px;
}
@media screen and (max-width: 767px) {
  .quote-c .main_content + .quote-c .main_content {
    margin-top: 45px;
  }
}
.quote-c .main_block {
  scroll-margin-top: 80px;
}
@media screen and (max-width: 767px) {
  .quote-c .main_block {
    scroll-margin-top: 90px;
  }
}
.quote-c .main_block + .main_block {
  margin-top: 100px;
}
@media screen and (max-width: 767px) {
  .quote-c .main_block + .main_block {
    margin-top: 55px;
  }
}
.quote-c .main_block + .main_block.mt1 {
  margin-top: 120px;
}
@media screen and (max-width: 767px) {
  .quote-c .main_block + .main_block.mt1 {
    margin-top: 100px;
  }
}
.quote-c .main_block + .main_item {
  margin-top: 100px;
}
@media screen and (max-width: 767px) {
  .quote-c .main_block + .main_item {
    margin-top: 32.5px;
  }
}
.quote-c .main_item + .main_block {
  margin-top: 100px;
}
@media screen and (max-width: 767px) {
  .quote-c .main_item + .main_block {
    margin-top: 32.5px;
  }
}
.quote-c .main_block + .report {
  margin-top: 180px;
}
@media screen and (max-width: 767px) {
  .quote-c .main_block + .report {
    margin-top: 60px;
  }
}
.quote-c .slc-wrap + .main_block {
  margin-top: 90px;
}
@media screen and (max-width: 767px) {
  .quote-c .slc-wrap + .main_block {
    margin-top: 40px;
  }
}
.quote-c .main_item + .quote-c .main_item {
  margin-top: 40px;
}
@media screen and (max-width: 767px) {
  .quote-c .main_item + .quote-c .main_item {
    margin-top: 30px;
  }
}
.quote-c .main_cell + .quote-c .main_cell {
  margin-top: 20px;
}
@media screen and (max-width: 767px) {
  .quote-c .main_cell + .quote-c .main_cell {
    margin-top: 16px;
  }
}
@media screen and (max-width: 767px) {
  .quote-c .mt-non {
    margin-top: 0 !important;
  }
}

.report {
  display: block;
}
.report__inner {
  display: -ms-grid;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(478px, 1fr));
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #F0F0F0;
  position: relative;
}
@media screen and (max-width: 767px) {
  .report__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.report__inner::after {
  content: "";
  width: 2.5em;
  height: 2.5em;
  background-image: url(../img/event_seminar/arrow01_k.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  border: 1px solid #333333;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 3%;
}
@media screen and (max-width: 767px) {
  .report__inner::after {
    top: 92%;
    right: 45%;
  }
}
.report__txt {
  padding: 40px 100px 40px 45px;
}
@media screen and (max-width: 767px) {
  .report__txt {
    padding: 25px 20px 65px;
  }
}
.report__txt > h3 {
  font-size: 24px;
  line-height: 38px;
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  .report__txt > h3 {
    font-size: 19px;
    line-height: 30px;
  }
}
.report__txt > p {
  margin-top: 20px;
  font-size: 16px;
  line-height: 28px;
}
@media screen and (max-width: 767px) {
  .report__txt > p {
    margin-top: 15px;
    font-size: 16px;
    line-height: 28px;
  }
}

.answer {
  padding: 10px;
  width: 264px;
  background-color: #fff;
  border: 1px solid #707070;
  position: absolute;
  top: 7px;
  left: 270px;
  z-index: 1;
  display: none;
}
@media screen and (max-width: 767px) {
  .answer {
    padding: 0 15px 15px;
    width: 73vw;
    top: 39px;
    left: 11vw;
  }
}
.answer-btn {
  width: 28px;
  height: 28px;
  cursor: pointer;
  position: absolute;
  top: -15px;
  right: -13px;
}
.answer-btn:hover {
  opacity: 0.7;
}
.answer.is-active {
  display: block;
}

@media screen and (min-width: 768px) {
  .display-list {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[3];
    grid-template-columns: repeat(3, 1fr);
    row-gap: 55px;
  }
  .display-list figure img {
    display: block;
    width: 100%;
    height: auto;
  }
  .display-list figure h3, .display-list figure p {
    display: block;
  }
}

.anchor {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 1px;
     -moz-column-gap: 1px;
          column-gap: 1px;
}
@media screen and (max-width: 767px) {
  .anchor {
    width: 100vw;
  }
  .anchor > li {
    width: 100%;
    max-width: 162px;
    text-align: center;
  }
  .anchor > li .anchor-btn {
    position: relative;
    display: block;
  }
  .anchor > li .anchor-btn::after {
    right: 50%;
    -webkit-transform: translate(50%, -25%) rotate(135deg);
            transform: translate(50%, -25%) rotate(135deg);
  }
}
@media screen and (min-width: 768px) {
  .anchor {
    -webkit-column-gap: 55px;
       -moz-column-gap: 55px;
            column-gap: 55px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .anchor .anchor-btn > span {
    min-width: 320px;
    padding-right: 20px;
    text-align: center;
  }
}