@charset "UTF-8";

/* Scss Document */

.body {

  position: relative; }



/***************************************/

.head {

  text-align: center;

  font: 20px/1.6em 'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";

  font-weight: 500;

  padding: 0 20px; }



/***************************************/

.lecture {

  padding: 80px 0 250px; }



/*max-width:1280px*/

/*max-width:1024px*/

/*max-width:768px*/

/*max-width:480px*/

/***************************************/

.lecture_box {

  margin: 0 auto 80px;

  width: calc(100% - 80px);

  max-width: 1280px;

  margin: 0 auto;

  display: -webkit-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  flex-direction: row;

  flex-wrap: wrap;

  -webkit-box-pack: justify;

  -ms-flex-pack: justify;

  -webkit-justify-content: space-between;

  justify-content: space-between; }



/*max-width:1280px*/

/*max-width:1024px*/

@media (max-width: 768px) {

  .lecture_box {

    margin: 0 auto 80px;

    width: calc(100% - 60px); } }

/*max-width:768px*/

@media (max-width: 480px) {

  .lecture_box {

    margin: 0 auto 80px;

    width: calc(100% - 40px);

    max-width: 1280px; } }

/*max-width:480px*/

/***************************************/

.lecture_item {

  width: calc((100% - 70px)/2);

  max-width: 600px;

  margin: 0 0 60px;

  display: -webkit-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  flex-direction: row;

  flex-wrap: wrap;

  -webkit-box-pack: justify;

  -ms-flex-pack: justify;

  -webkit-justify-content: flex-start;

  justify-content: flex-start;

  align-items: flex-start;

  border: 2px solid #a8cde1;

  background-color: #fff;

  position: relative;

  padding: 40px 20px; }

  .lecture_item:before {

    display: block;

    position: absolute;

    content: "";

    background-color: #a8cde1;

    width: 100%;

    height: 100%;

    z-index: -1;

    right: -10px;

    bottom: -10px; }

  .lecture_item .pic {

    position: relative;

    overflow: hidden;

    width: 210px;

    height: 300px;

    border: 1px solid #a8cde1; }

    .lecture_item .pic img {

      position: absolute;

      top: 50%;

      left: 50%;

      -webkit-transform: translate(-50%, -50%);

      /* Safari用 */

      transform: translate(-50%, -50%);

      width: auto;

      height: 100%; }

  .lecture_item .txt {

    padding: 0 0 0 20px;

    width: calc(100% - 210px); }

  .lecture_item dl {

    margin: 0 0 15px; }

    .lecture_item dl dd:last-of-type {

      font: 16px/1.6em 'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";

      font-weight: 400; }

  .lecture_item dt {

    background-color: #bae3f9;

    display: block;

    width: 70px;

    text-align: center;

    font: 14px/25px 'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";

    font-weight: 400;

    color: #20325f;

    border-radius: 25px;

    margin: 0 0 5px; }

  .lecture_item dd {

    margin: 0 0 20px;

    font: 16px/1.6em 'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";

    font-weight: 500;

    color: #20325f; }

  .lecture_item a {

    display: block;

    max-width: 250px;

    width: 100%;

    height: 40px;

    border: #c9caca 1px solid;

    font: 16px/37px 'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";

    font-weight: 500;

    color: #595757;

    padding: 0 0 0 50px;

    position: relative; }

    .lecture_item a:before {

      position: absolute;

      content: "";

      right: 15px;

      top: 13px;

      width: 6px;

      height: 6px;

      border-top: 3px solid #c9caca;

      border-right: 3px solid #c9caca;

      -webkit-transform: rotate(45deg);

      transform: rotate(45deg); }

    .lecture_item a:after {

      position: absolute;

      content: "";

      display: block;

      background: url("../images/public_lecture/icon.svg") center center no-repeat;

      width: 26px;

      height: 26px;

      left: 10px;

      top: 3px; }



@media (max-width: 1280px) {

  .lecture_item {

    width: calc((100% - 30px)/2);

    max-width: 600px; }

    .lecture_item .pic {

      width: 180px;

      height: 254px; }

    .lecture_item .txt {

      padding: 0 0 0 20px;

      width: calc(100% - 180px); } }

/*max-width:1280px*/

@media (max-width: 1024px) {

  .lecture_item {

    width: 100%;

    max-width: 600px;

    margin: 0 auto 40px; }

    .lecture_item .pic {

      width: 180px;

      height: 254px; }

    .lecture_item .txt {

      padding: 0 0 0 20px;

      width: calc(100% - 180px); } }

/*max-width:1024px*/

@media (max-width: 768px) {

  .lecture_item .pic {

    width: 175px;

    height: 250px; } }

/*max-width:768px*/

@media (max-width: 480px) {

  .lecture_item {

    flex-direction: column;

    padding: 20px 20px; }

    .lecture_item .pic {

      width: 210px;

      height: 300px;

      margin: 0 auto 15px; }

    .lecture_item .txt {

      padding: 10px 0 0;

      width: 100%; }

    .lecture_item dl dd:last-of-type {

      font: 15px/1.6em 'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";

      font-weight: 400; }

    .lecture_item dd {

      margin: 0 0 20px;

      font: 15px/1.6em 'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";

      font-weight: 400; } }

/*max-width:480px*/

/***************************************/

.pagination {

  max-width: 300px;

  margin: 0 auto;

  display: -webkit-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  flex-direction: row;

  flex-wrap: wrap;

  -webkit-box-pack: justify;

  -ms-flex-pack: justify;

  -webkit-justify-content: space-between;

  justify-content: center;

  align-items: center; }

  .pagination a, .pagination span {

    display: block;

    width: 30px;

    height: 30px;

    border: 1px solid #c9caca;

    text-align: center;

    line-height: 30px;

    margin: 3px; }

  .pagination span {

    border: 1px solid #c9caca;

    background-color: #727171;

    color: #fff; }



@media (min-width: 1024px) and (hover: hover) {

  .pagination a:hover {

    opacity: 0.5s; } }

@media (max-width: 480px) {

  .pagination {

    max-width: 300px;

    margin: 0 auto 60px; } }

/*max-width:480px*/

/***************************************/

/* これが無いとモーダルウィンドウ表示の際に余白が出る */

* {

  margin: 0;

  padding: 0; }



.modal {

  display: none;

  position: fixed;

  top: 0;

  left: 0;

  height: 100vh;

  width: 100%;

  z-index: 99999; }



.modal-bg {

  position: absolute;

  height: 100vh;

  width: 100%;

  background: rgba(0, 0, 0, 0.8); }



/* モーダル本体 */

.modal-content {

  position: absolute;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);

  overflow: scroll;

  /* はみ出た部分はスクロールさせる */

  height: 80%;

  /* これが無いと「overflow:scroll」が利かない */

  width: 80%;

  /* これが無いと「overflow:scroll」が利かない */

  background: white;

  padding: 40px;

  max-width: 840px; }

  .modal-content .top_dl {

    display: -webkit-box;

    display: -ms-flexbox;

    display: -webkit-flex;

    display: flex;

    flex-direction: row;

    flex-wrap: wrap;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    -webkit-justify-content: flex-start;

    justify-content: flex-start;

    align-items: flex-start;

    border-bottom: #c9caca 1px solid;

    padding: 0 0 20px;

    margin: 0 0 40px; }

    .modal-content .top_dl dt {

      font: 15px/1.0em 'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";

      font-weight: 400;

      width: 70px;

      background-color: #bae3f9;

      display: -webkit-box;

      display: -ms-flexbox;

      display: -webkit-flex;

      display: flex;

      flex-direction: column;

      flex-wrap: wrap;

      -webkit-box-pack: justify;

      -ms-flex-pack: justify;

      -webkit-justify-content: center;

      justify-content: center;

      align-items: center;

      border-radius: 5px;

      color: #20325f;

      max-height: 28px !important;

      padding: 0 0 2px; }

      .modal-content .top_dl dt:nth-of-type(1) {

        max-height: 70px !important; }

    .modal-content .top_dl dd {

      width: calc(100% - 70px);

      padding: 0 0 0 20px;

      margin: 0 0 30px;

      font: 16px/1.5em 'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";

      font-weight: 400; }

      .modal-content .top_dl dd.ttl {

        font: 26px/1.5em 'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";

        font-weight: 500;

        color: #20325f; }

  .modal-content .btm_dl dt {

    display: block;

    width: 130px;

    background-color: #bae3f9;

    display: -webkit-box;

    display: -ms-flexbox;

    display: -webkit-flex;

    display: flex;

    flex-direction: column;

    flex-wrap: wrap;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    -webkit-justify-content: center;

    justify-content: center;

    align-items: center;

    border-radius: 5px;

    color: #20325f;

    font: 15px/28px 'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";

    font-weight: 400;

    padding: 0 0 2px;

    margin: 0 0 10px; }

  .modal-content .btm_dl dd {

    margin: 0 0 30px;

    font: 16px/1.8em 'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";

    font-weight: 400; }

  .modal-content img {

    max-width: 640px;

    width: 100%;

    height: auto;

    display: block;

    margin: 0 auto 30px; }

  .modal-content .pdf_dl {

    width: 250px;

    height: 40px;

    border: 1px solid #dcdddd;

    display: block;

    margin: 0 0 40px;

    text-align: center;

    font: 15px/38px 'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";

    font-weight: 500;

    position: relative; }

    .modal-content .pdf_dl:before {

      position: absolute;

      content: "";

      display: block;

      background: url("../images/public_lecture/icon-dl.svg") center center no-repeat;

      width: 26px;

      height: 26px;

      left: 45px;

      top: 5px; }

  .modal-content .js-modal-close {

    width: 130px;

    display: block;

    border: 1px solid #dcdddd;

    font: 15px/30px 'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";

    font-weight: 500;

    color: #595757;

    padding: 0 0 0 25px;

    margin: 0 0 0 auto;

    position: relative; }

    .modal-content .js-modal-close.close_top {

      margin: 0 0 30px auto; }

    .modal-content .js-modal-close:before {

      position: absolute;

      content: "×";

      color: #b5b5b6;

      font: 15px/31px 'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";

      font-weight: 700;

      left: 5px; }



body.fixed {

  position: fixed;

  width: 100%;

  height: 100%;

  left: 0; }



/*max-width:1280px*/

/*max-width:1024px*/

@media (max-width: 768px) {

  .modal-content {

    height: 85%;

    width: 85%;

    padding: 25px; }



  .modal-content .top_dl {

    display: block;

    border-bottom: #c9caca 1px solid;

    padding: 0 0 0;

    margin: 0 0 35px; }

    .modal-content .top_dl dt {

      height: 28px;

      margin: 0 0 10px; }

    .modal-content .top_dl dd {

      width: 100%;

      padding: 0;

      margin: 0 0 25px;

      font: 15px/1.5em 'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";

      font-weight: 400; }

      .modal-content .top_dl dd.ttl {

        font: 18px/1.5em 'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";

        font-weight: 500;

        color: #20325f; }

  .modal-content .btm_dl dt {

    margin: 0 0 10px; }

  .modal-content .btm_dl dd {

    margin: 0 0 25px;

    font: 15/1.8em 'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";

    font-weight: 400; }

  .modal-content .pdf_dl {

    width: 200px;

    margin: 0 auto 40px;

    text-align: center;

    font: 15px/38px 'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";

    font-weight: 500; }

    .modal-content .pdf_dl:before {

      left: 20px; }

  .modal-content .js-modal-close {

    width: 120px;

    font: 14px/30px 'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";

    font-weight: 500; } }

/*max-width:768px*/

@media (max-width: 480px) {

  .modal-content {

    height: 95%;

    width: 90%;

    padding: 20px; } }

/*max-width:480px*/

/***************************************/

.lecture_single {

  max-width: 840px;

  margin: 0 auto;

  width: calc(100% - 80px); }

  .lecture_single .top_dl {

    display: -webkit-box;

    display: -ms-flexbox;

    display: -webkit-flex;

    display: flex;

    flex-direction: row;

    flex-wrap: wrap;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    -webkit-justify-content: flex-start;

    justify-content: flex-start;

    align-items: stretch;

    border-bottom: #c9caca 1px solid;

    padding: 0 0 20px;

    margin: 0 0 40px; }

    .lecture_single .top_dl dt {

      font: 15px/1.0em 'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";

      font-weight: 400;

      width: 70px;

      background-color: #bae3f9;

      display: -webkit-box;

      display: -ms-flexbox;

      display: -webkit-flex;

      display: flex;

      flex-direction: column;

      flex-wrap: wrap;

      -webkit-box-pack: justify;

      -ms-flex-pack: justify;

      -webkit-justify-content: center;

      justify-content: center;

      align-items: center;

      border-radius: 5px;

      color: #20325f;

      height: 28px !important;

      padding: 0 0 2px;

      margin: 0 0 30px; }

      .lecture_single .top_dl dt:nth-of-type(1) {

        height: 70px !important; }

    .lecture_single .top_dl dd {

      width: calc(100% - 70px);

      padding: 0 0 0 20px;

      margin: 0 0 30px;

      font: 16px/1.5em 'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";

      font-weight: 400; }

      .lecture_single .top_dl dd.ttl {

        font: 26px/1.5em 'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";

        font-weight: 500;

        color: #20325f;

        min-height: 70px;

        display: -webkit-box;

        display: -ms-flexbox;

        display: -webkit-flex;

        display: flex;

        flex-direction: column;

        flex-wrap: wrap;

        -webkit-box-pack: justify;

        -ms-flex-pack: justify;

        -webkit-justify-content: center;

        justify-content: center;

        align-items: flex-start; }

  .lecture_single .btm_dl dt {

    display: block;

    width: 130px;

    background-color: #bae3f9;

    display: -webkit-box;

    display: -ms-flexbox;

    display: -webkit-flex;

    display: flex;

    flex-direction: column;

    flex-wrap: wrap;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    -webkit-justify-content: center;

    justify-content: center;

    align-items: center;

    border-radius: 5px;

    color: #20325f;

    font: 15px/28px 'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";

    font-weight: 400;

    padding: 0 0 2px;

    margin: 0 0 10px; }

  .lecture_single .btm_dl dd {

    margin: 0 0 30px;

    font: 16px/1.8em 'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";

    font-weight: 400; }

  .lecture_single img {

    max-width: 640px;

    width: 100%;

    height: auto;

    display: block;

    margin: 0 auto 30px; }

  .lecture_single .pdf_dl {

    width: 250px;

    height: 40px;

    border: 1px solid #dcdddd;

    display: block;

    margin: 0 0 40px;

    text-align: center;

    font: 15px/38px 'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";

    font-weight: 500;

    position: relative; }

    .lecture_single .pdf_dl:before {

      position: absolute;

      content: "";

      display: block;

      background: url("../images/public_lecture/icon-dl.svg") center center no-repeat;

      width: 26px;

      height: 26px;

      left: 45px;

      top: 5px; }

  .lecture_single .pict {

    max-width: 640px;

    margin: 0 auto 50px;

    text-align: center; }

    .lecture_single .pict img {

      max-width: 100%; }



.back {

  margin: 0 auto 250px;

  display: block;

  max-width: 360px;

  height: 60px;

  width: calc(100% - 40px);

  text-align: center;

  border: 1px solid #b3b6cc;

  color: #20325f;

  font: 15px/58px 'Noto Sans JP', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";

  font-weight: 700; }



/*max-width:1280px*/

/*max-width:1024px*/

@media (max-width: 768px) {

  .lecture_single {

    max-width: 840px;

    margin: 0 auto;

    width: calc(100% - 60px); }

    .lecture_single .top_dl {

      display: block;

      border-bottom: #c9caca 1px solid;

      padding: 0 0 0;

      margin: 0 0 35px; }

      .lecture_single .top_dl dt {

        height: 28px !important;

        margin: 0 0 10px; }

        .lecture_single .top_dl dt:nth-of-type(1) {

          height: 28px !important; }

      .lecture_single .top_dl dd {

        min-height: auto !important;

        width: 100%;

        padding: 0;

        margin: 0 0 25px;

        font: 15px/1.5em 'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";

        font-weight: 400; }

        .lecture_single .top_dl dd.ttl {

          font: 18px/1.5em 'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";

          font-weight: 500;

          color: #20325f; }

    .lecture_single .btm_dl dt {

      margin: 0 0 10px; }

    .lecture_single .btm_dl dd {

      margin: 0 0 25px;

      font: 15/1.8em 'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";

      font-weight: 400; }

    .lecture_single .pdf_dl {

      width: 200px;

      margin: 0 auto 40px;

      text-align: center;

      font: 15px/38px 'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";

      font-weight: 500; }

      .lecture_single .pdf_dl:before {

        left: 20px; }

    .lecture_single .js-modal-close {

      width: 120px;

      font: 14px/30px 'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";

      font-weight: 500; } }

/*max-width:768px*/

@media (max-width: 480px) {

  .lecture_single {

    max-width: 840px;

    margin: 0 auto;

    width: calc(100% - 40px); } }

/*max-width:480px*/