@charset "UTF-8";
/*
@mixin bgRadiusLeft( $bgColor:#fff,$topPC:0,$topSP:0) {
  content: "";
  background: $bgColor;
  width: 75%;
  max-width: 1030px;
  position: absolute;
  height: 1470px;
  border-radius: 0 420px 420px 0;
  background: #fff;
  top: $topPC + px;
  left: 0;
  z-index: -1;
  @include bp( max, 1366px ) {
    height: vw_pc( 1470 );
    max-width: vw_pc( 1030 );
    border-radius: 0 vw_pc( 420 ) vw_pc( 420 ) 0;
    top: vw_pc( $topPC );
  }
  @include bp( max, 828px ) {
    width: vw_sp( 351 );
    max-width: 100%;
    height: vw_sp( 502 );
    border-radius: 0 vw_sp( 140 ) vw_sp( 140 ) 0;
    top: vw_sp( $topSP );
  }
}
@mixin bgRadiusRight($bgColor:#fff,$topPC:0,$topSP:0) {
  content: "";
  background: $bgColor;
  width: 75%;
  max-width: 1030px;
  position: absolute;
  height: 1470px;
  border-radius: 420px 0 0 420px;
  background: #fff;
  top: $topPC + px;
  right: 0;
  z-index: -1;
  @include bp( max, 1366px ) {
    height: vw_pc( 1470 );
    max-width: vw_pc( 1030 );
    border-radius: vw_pc( 420 ) 0 0 vw_pc( 420 );
    top: vw_pc( $topPC );
  }
  @include bp( max, 828px ) {
    width: vw_sp( 351 );
    max-width: 100%;
    height: vw_sp( 502 );
    border-radius: vw_sp( 140 ) 0 0 vw_sp( 140 );
    top: vw_sp( $topSP );
  }
}
*/
/*
// セクションリード
@mixin sectionLead($fontSizePC:16,$lineHeightPC:2.2,$letterSpacingPC:40,$fontSizeSP:14,$lineHeightSP:2.2,$letterSpacingSP:40) {
  .sectionLead {
    font-family: "ShipporiMincho-Regular";
    font-size: $fontSizePC / 10 + rem;
    line-height: $lineHeightPC;
    letter-spacing: ls( $letterSpacingPC );
    text-align: center;
    @include bp( max, 1366px ) {
      font-size: vw_pc( $fontSizePC );
    }
    @include bp( max, 828px ) {
      font-size: vw_sp( $fontSizeSP );
      line-height: $lineHeightSP;
      letter-spacing: ls( $letterSpacingSP );
    }
  }
}

@mixin pageLead() {
  font-family: "ShipporiMincho-Regular";
  font-size: 2.4rem;
  line-height: 2.4;
  letter-spacing: ls( 200 );
  text-align: center;
  @include bp( max, 1366px ) {
    font-size: vw_pc( 24 );
  }
  @include bp( max, 828px ) {
    font-size: vw_sp( 17 );
    letter-spacing: ls( 40 );
    text-align: left;
  }
}



@mixin notice($fontSize:11) {
  //font-size: 1.2rem;
  font-size: $fontSize / 10 + rem;
  line-height: 1.8;
  color: #777;
  @include bp( max, 1366px ) {
    //font-size: vw_pc( 12 );
    font-size: vw_pc( $fontSize );
  }
  @include bp( max, 828px ) {
    font-size: vw_sp( 10 );
    //font-size: vw_sp( $fontSize );
  }
}

@mixin noticeMark($fontSize:10) {
  font-size: $fontSize / 10 + rem;
  line-height: 1;
  color: #777;
  @include bp( max, 1366px ) {
    font-size: vw_pc( $fontSize );
  }
  @include bp( max, 828px ) {
    font-size: vw_sp( $fontSize );
  }
}
*/
.seminarPage .sectionTitle_main, .seminarPage .sectionTitle_sub {
  display: block; }

.seminarPage .sectionTitle_sub {
  font-family: "futura-pt-bold", sans-serif;
  color: #18549F;
  font-size: 1.2rem;
  letter-spacing: 0.1em; }
  @media screen and (max-width: 1366px) {
    .seminarPage .sectionTitle_sub {
      font-size: 0.87848vw; } }
  @media screen and (max-width: 828px) {
    .seminarPage .sectionTitle_sub {
      font-size: 3.38164vw;
      letter-spacing: 0.08em;
      line-height: 1.3; } }

.seminarPage .sectionTitle_main {
  margin-top: 8px;
  font-size: 3.4rem;
  font-weight: 900;
  letter-spacing: 0.16em; }
  @media screen and (max-width: 1366px) {
    .seminarPage .sectionTitle_main {
      margin-top: 0.58565vw;
      font-size: 2.48902vw; } }
  @media screen and (max-width: 828px) {
    .seminarPage .sectionTitle_main {
      margin-top: 1.93237vw;
      font-size: 8.21256vw; } }

.seminarPage .mainHeader {
  padding-top: 96px; }
  @media screen and (max-width: 1366px) {
    .seminarPage .mainHeader {
      padding-top: 7.02782vw; } }
  @media screen and (max-width: 828px) {
    .seminarPage .mainHeader {
      padding-top: 15.45894vw; } }
  .seminarPage .mainHeader_title {
    font-weight: 900;
    font-size: 4.4rem;
    letter-spacing: 0.1em;
    line-height: 1.6;
    color: #333;
    padding-bottom: 16px;
    font-weight: 800;
    /*
      &::before {
        content: "";
        //background: $orange;
        background: $headerColor;
        width: 30px; 
        height: 3px;
        position: absolute;
        bottom: 0;
        left: 0;
        @include bp( max, 1366px ) {
          width: vw_pc( 30 );
          height: vw_pc( 3 );
        }
        @include bp( max, 828px ) {
          width: vw_sp( 30 );
          height: vw_sp( 3 );
        }
      }
      */ }
    @media screen and (max-width: 1366px) {
      .seminarPage .mainHeader_title {
        font-size: 3.22108vw; } }
    @media screen and (max-width: 828px) {
      .seminarPage .mainHeader_title {
        font-size: 8.45411vw;
        letter-spacing: 0.1em;
        line-height: 1.6; } }
    @media screen and (max-width: 1366px) {
      .seminarPage .mainHeader_title {
        padding-bottom: 1.1713vw; } }
    @media screen and (max-width: 828px) {
      .seminarPage .mainHeader_title {
        padding-bottom: 3.86473vw; } }
  .seminarPage .mainHeader_text {
    margin-top: 40px;
    line-height: 2.0; }
    @media screen and (max-width: 1366px) {
      .seminarPage .mainHeader_text {
        margin-top: 2.92826vw; } }
    @media screen and (max-width: 828px) {
      .seminarPage .mainHeader_text {
        margin-top: 7.72947vw; } }
  .seminarPage .mainHeader_image {
    margin-top: 48px; }
    @media screen and (max-width: 1366px) {
      .seminarPage .mainHeader_image {
        margin-top: 3.51391vw; } }
    @media screen and (max-width: 828px) {
      .seminarPage .mainHeader_image {
        margin-top: 7.72947vw; } }
    .seminarPage .mainHeader_image_text {
      position: absolute;
      bottom: -6px;
      right: 0;
      font-family: "futura-pt-bold", sans-serif;
      color: #333;
      font-size: 6.8rem;
      letter-spacing: 0.04em;
      line-height: 1; }
      @media screen and (max-width: 1366px) {
        .seminarPage .mainHeader_image_text {
          font-size: 4.97804vw;
          bottom: -0.43924vw; } }
      @media screen and (max-width: 828px) {
        .seminarPage .mainHeader_image_text {
          font-size: 6.76329vw;
          bottom: -0.96618vw; } }

.seminarPage .pageNavi {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 56px; }
  @media screen and (max-width: 1366px) {
    .seminarPage .pageNavi {
      margin-top: 4.09956vw; } }
  @media screen and (max-width: 828px) {
    .seminarPage .pageNavi {
      margin-top: 1.93237vw; } }
  .seminarPage .pageNavi .pageNaviList {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 1.2rem; }
    @media screen and (max-width: 1366px) {
      .seminarPage .pageNavi .pageNaviList {
        font-size: 0.87848vw; } }
    @media screen and (max-width: 828px) {
      .seminarPage .pageNavi .pageNaviList {
        font-size: 2.17391vw; } }
    .seminarPage .pageNavi .pageNaviList_item:not(:first-child) {
      margin-left: 32px; }
      @media screen and (max-width: 1366px) {
        .seminarPage .pageNavi .pageNaviList_item:not(:first-child) {
          margin-left: 2.34261vw; } }
      @media screen and (max-width: 828px) {
        .seminarPage .pageNavi .pageNaviList_item:not(:first-child) {
          margin-left: 4.83092vw; } }
      .seminarPage .pageNavi .pageNaviList_item:not(:first-child):before {
        content: '';
        width: 7px;
        height: 7px;
        position: absolute;
        top: 1px;
        bottom: 0;
        left: -21px;
        margin: auto;
        border-right: 1px solid #858585;
        border-bottom: 1px solid #858585;
        -webkit-transform: rotate(315deg);
        -ms-transform: rotate(315deg);
        transform: rotate(315deg); }
        @media screen and (max-width: 1366px) {
          .seminarPage .pageNavi .pageNaviList_item:not(:first-child):before {
            width: 0.51245vw;
            height: 0.51245vw;
            left: -1.53734vw; } }
        @media screen and (max-width: 828px) {
          .seminarPage .pageNavi .pageNaviList_item:not(:first-child):before {
            width: 1.44928vw;
            height: 1.44928vw;
            left: -3.38164vw; } }
    .seminarPage .pageNavi .pageNaviList_item a {
      color: #18549F; }
      @media screen and (min-width: 829px) {
        .seminarPage .pageNavi .pageNaviList_item a {
          -webkit-transition: 0.8s;
          -o-transition: 0.8s;
          transition: 0.8s; }
          .seminarPage .pageNavi .pageNaviList_item a:hover {
            text-decoration: underline; } }

.seminarPage.seminarArchivePage .seminar {
  margin-top: 40px; }
  @media screen and (max-width: 1366px) {
    .seminarPage.seminarArchivePage .seminar {
      margin-top: 2.92826vw; } }
  @media screen and (max-width: 828px) {
    .seminarPage.seminarArchivePage .seminar {
      margin-top: 7.72947vw; } }
  .seminarPage.seminarArchivePage .seminar > .title {
    font-weight: 900;
    font-size: 4rem;
    letter-spacing: 0.08em;
    line-height: 1.6;
    color: #333;
    text-align: center; }
    @media screen and (max-width: 1366px) {
      .seminarPage.seminarArchivePage .seminar > .title {
        font-size: 2.92826vw; } }
    @media screen and (max-width: 828px) {
      .seminarPage.seminarArchivePage .seminar > .title {
        font-size: 7.24638vw;
        letter-spacing: 0.08em;
        line-height: 1.6; } }
  .seminarPage.seminarArchivePage .seminar .article {
    background: #fff;
    margin-top: 48px;
    padding: 56px 64px 64px;
    border-radius: 8px;
    border: 1px solid #ccc; }
    @media screen and (max-width: 1366px) {
      .seminarPage.seminarArchivePage .seminar .article {
        margin-top: 3.51391vw;
        padding: 4.09956vw 4.68521vw 4.68521vw;
        border-radius: 0.58565vw; } }
    @media screen and (max-width: 828px) {
      .seminarPage.seminarArchivePage .seminar .article {
        margin-top: 6.76329vw;
        padding: 5.7971vw;
        border-radius: 1.93237vw; } }
    .seminarPage.seminarArchivePage .seminar .article > .title {
      font-weight: 900;
      font-size: 2.2rem;
      letter-spacing: 0.08em;
      line-height: 1.6;
      color: #333;
      padding-bottom: 12px;
      border-bottom: 3px solid #18549F; }
      @media screen and (max-width: 1366px) {
        .seminarPage.seminarArchivePage .seminar .article > .title {
          font-size: 1.61054vw; } }
      @media screen and (max-width: 828px) {
        .seminarPage.seminarArchivePage .seminar .article > .title {
          font-size: 5.31401vw;
          letter-spacing: 0.08em;
          line-height: 1.6; } }
      @media screen and (max-width: 1366px) {
        .seminarPage.seminarArchivePage .seminar .article > .title {
          padding-bottom: 0.87848vw; } }
      @media screen and (max-width: 828px) {
        .seminarPage.seminarArchivePage .seminar .article > .title {
          padding-bottom: 2.89855vw; } }
    .seminarPage.seminarArchivePage .seminar .article .table {
      width: 100%;
      margin-top: 32px;
      border: 1px solid #ccc;
      border-bottom: none; }
      @media screen and (max-width: 1366px) {
        .seminarPage.seminarArchivePage .seminar .article .table {
          margin-top: 2.34261vw; } }
      @media screen and (max-width: 828px) {
        .seminarPage.seminarArchivePage .seminar .article .table {
          margin-top: 5.7971vw; } }
      .seminarPage.seminarArchivePage .seminar .article .table th {
        background: #F0F2F4;
        border-bottom: 1px solid #ccc;
        padding: 24px;
        min-width: 148px;
        width: 148px;
        white-space: nowrap; }
        @media screen and (max-width: 1366px) {
          .seminarPage.seminarArchivePage .seminar .article .table th {
            padding: 1.75695vw;
            width: 10.83455vw;
            min-width: 10.83455vw; } }
        @media screen and (max-width: 828px) {
          .seminarPage.seminarArchivePage .seminar .article .table th {
            padding: 1.93237vw;
            display: block;
            width: 100%;
            min-width: auto;
            max-width: 100%; } }
      .seminarPage.seminarArchivePage .seminar .article .table td {
        width: 100%;
        background: #fff;
        border-bottom: 1px solid #ccc;
        padding: 16px 24px; }
        @media screen and (max-width: 1366px) {
          .seminarPage.seminarArchivePage .seminar .article .table td {
            padding: 1.75695vw; } }
        @media screen and (max-width: 828px) {
          .seminarPage.seminarArchivePage .seminar .article .table td {
            padding: 3.86473vw;
            display: block;
            width: 100%; } }
    .seminarPage.seminarArchivePage .seminar .article .lecture {
      margin-top: 64px;
      display: -ms-grid;
      display: grid;
      -ms-grid-columns: (1fr)[2];
      grid-template-columns: repeat(2, 1fr);
      gap: 32px; }
      @media screen and (max-width: 1366px) {
        .seminarPage.seminarArchivePage .seminar .article .lecture {
          gap: 2.34261vw;
          margin-top: 4.68521vw; } }
      @media screen and (max-width: 828px) {
        .seminarPage.seminarArchivePage .seminar .article .lecture {
          -ms-grid-columns: (1fr)[1];
          grid-template-columns: repeat(1, 1fr);
          gap: 5.7971vw;
          margin-top: 11.5942vw; } }
      .seminarPage.seminarArchivePage .seminar .article .lecture .text {
        margin-top: 12px; }
        @media screen and (max-width: 1366px) {
          .seminarPage.seminarArchivePage .seminar .article .lecture .text {
            margin-top: 0.87848vw; } }
        @media screen and (max-width: 828px) {
          .seminarPage.seminarArchivePage .seminar .article .lecture .text {
            margin-top: 1.93237vw; } }
    .seminarPage.seminarArchivePage .seminar .article .voice {
      margin-top: 64px; }
      @media screen and (max-width: 1366px) {
        .seminarPage.seminarArchivePage .seminar .article .voice {
          margin-top: 4.68521vw; } }
      @media screen and (max-width: 828px) {
        .seminarPage.seminarArchivePage .seminar .article .voice {
          margin-top: 9.66184vw; } }
      .seminarPage.seminarArchivePage .seminar .article .voice > .title {
        font-weight: 900;
        font-size: 2.4rem;
        letter-spacing: 0.08em;
        line-height: 1.6;
        color: #333;
        text-align: center;
        padding-top: 40px; }
        @media screen and (max-width: 1366px) {
          .seminarPage.seminarArchivePage .seminar .article .voice > .title {
            font-size: 1.75695vw; } }
        @media screen and (max-width: 828px) {
          .seminarPage.seminarArchivePage .seminar .article .voice > .title {
            font-size: 5.31401vw;
            letter-spacing: 0.08em;
            line-height: 1.6; } }
        @media screen and (max-width: 1366px) {
          .seminarPage.seminarArchivePage .seminar .article .voice > .title {
            padding-top: 2.92826vw; } }
        @media screen and (max-width: 828px) {
          .seminarPage.seminarArchivePage .seminar .article .voice > .title {
            padding-top: 9.66184vw; } }
        .seminarPage.seminarArchivePage .seminar .article .voice > .title::before {
          content: "";
          background: url(../img/common/icon_voice.svg) no-repeat 0 0/contain;
          width: 40px;
          height: 31px;
          position: absolute;
          top: 0;
          right: 0;
          left: 0;
          margin: auto; }
          @media screen and (max-width: 1366px) {
            .seminarPage.seminarArchivePage .seminar .article .voice > .title::before {
              width: 2.92826vw;
              height: 2.2694vw; } }
          @media screen and (max-width: 828px) {
            .seminarPage.seminarArchivePage .seminar .article .voice > .title::before {
              width: 9.66184vw;
              height: 7.48792vw; } }
      .seminarPage.seminarArchivePage .seminar .article .voice .voiceList {
        margin-top: 24px; }
        @media screen and (max-width: 1366px) {
          .seminarPage.seminarArchivePage .seminar .article .voice .voiceList {
            margin-top: 1.75695vw; } }
        @media screen and (max-width: 828px) {
          .seminarPage.seminarArchivePage .seminar .article .voice .voiceList {
            margin-top: 3.86473vw; } }
        .seminarPage.seminarArchivePage .seminar .article .voice .voiceList_item {
          border: 4px solid #18549F;
          padding: 32px 40px;
          border-radius: 16px; }
          @media screen and (max-width: 1366px) {
            .seminarPage.seminarArchivePage .seminar .article .voice .voiceList_item {
              padding: 2.34261vw 2.92826vw;
              border-radius: 1.1713vw; } }
          @media screen and (max-width: 828px) {
            .seminarPage.seminarArchivePage .seminar .article .voice .voiceList_item {
              padding: 5.7971vw;
              border-radius: 1.93237vw; } }
          .seminarPage.seminarArchivePage .seminar .article .voice .voiceList_item::before {
            content: "";
            position: absolute;
            bottom: -23px;
            left: 10%;
            margin-left: -15px;
            border: 12px solid transparent;
            border-top: 12px solid #FFF;
            z-index: 2; }
          .seminarPage.seminarArchivePage .seminar .article .voice .voiceList_item::after {
            content: "";
            position: absolute;
            bottom: -30px;
            left: 10%;
            margin-left: -17px;
            border: 14px solid transparent;
            border-top: 14px solid #18549F;
            z-index: 1; }
          .seminarPage.seminarArchivePage .seminar .article .voice .voiceList_item:not(:first-child) {
            margin-top: 40px; }
            @media screen and (max-width: 1366px) {
              .seminarPage.seminarArchivePage .seminar .article .voice .voiceList_item:not(:first-child) {
                margin-top: 2.92826vw; } }
            @media screen and (max-width: 828px) {
              .seminarPage.seminarArchivePage .seminar .article .voice .voiceList_item:not(:first-child) {
                margin-top: 5.7971vw; } }
          .seminarPage.seminarArchivePage .seminar .article .voice .voiceList_item .text {
            line-height: 1.8; }