@charset "UTF-8";
@font-face {
  font-family: 'FG創英楷書体4';
  src: url("./font/FGPseki4-02.ttf") format("truetype"); }
@font-face {
  font-family: '小塚明朝Pro';
  src: url("./font/KozMinPro-Regular.otf") format("opentype"); }
@font-face {
  font-family: '小塚明朝Pro Medium';
  src: url("./font/KozMinPro-Medium.otf") format("opentype"); }
@font-face {
  font-family: '小塚明朝Pro Bold';
  src: url("./font/KozMinPro-Bold.otf") format("opentype"); }
@font-face {
  font-family: '小塚明朝Pro Heavy';
  src: url("./font/KozMinPro-Heavy.otf") format("opentype"); }
@font-face {
  font-family: '小塚明朝Pro Light';
  src: url("./font/KozMinPro-Light.otf") format("opentype"); }
@font-face {
  font-family: '小塚明朝Pro ExtraLight';
  src: url("./font/KozMinPro-ExtraLight.otf") format("opentype"); }
/*
1.@mixinの使用
@media 内では @extend できないため、 @include xxx で対応
*/
html, body {
  margin: 0;
  padding: 0;
  font-size: 16px;
  font-weight: 300;
  font-family: '小塚明朝Pro', 'ＭＳ 明朝', 'メイリオ', Meiryo;
  text-align: justify;
  color: black; }

img {
  display: block;
  max-width: 100%; }

#container {
  width: 1240px;
  height: 100%;
  min-height: 100%;
  margin: 0 auto;
  padding: 1em; }

header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: space-between;
  -webkit-justify-content: space-between;
  -ms-flex-pack: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  margin-bottom: 1em; }
  header > div:nth-child(1) {
    flex: 1; }
    header > div:nth-child(1) #title {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: space-around;
      -webkit-justify-content: space-around;
      -ms-flex-pack: space-around;
      justify-content: space-around;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      padding: 1rem 0;
      border-top: solid 2px #02a6eb;
      border-bottom: solid 2px #02a6eb;
      position: relative; }
      header > div:nth-child(1) #title:after {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        border-top: solid 2px #ccc;
        border-bottom: solid 2px #ccc;
        position: absolute;
        left: 1px;
        top: .5px;
        z-index: -1; }
      header > div:nth-child(1) #title h1 {
        display: inline-block;
        margin: 0;
        color: black;
        font-family: 'FG創英楷書体4';
        font-size: 2rem;
        text-align: center;
        letter-spacing: .1em;
        text-shadow: 2px 4px 3px #ccc; }
        header > div:nth-child(1) #title h1 span {
          font-size: 3.5rem;
          line-height: 1.2em;
          letter-spacing: .5em; }
        header > div:nth-child(1) #title h1 img {
          height: 100px; }
    header > div:nth-child(1) .contact {
      padding-right: 3em;
      text-align: right;
      line-height: 1em; }
      header > div:nth-child(1) .contact span {
        font-size: .85em; }
  header > div:nth-child(2) {
    padding-left: 1em; }

#content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }
  #content ul#menu {
    list-style: none;
    min-width: 300px;
    margin: 0;
    padding: 0;
    font-family: 'FG創英楷書体4';
    font-size: 1.3rem;
    box-sizing: border-box; }
    #content ul#menu li + li {
      margin-top: 1.5em; }
    #content ul#menu li a {
      color: black;
      text-decoration: none;
      text-shadow: 2px 4px 3px #ccc; }
    #content ul#menu li img {
      display: inline-block;
      height: 25px; }
  #content #page-content {
    width: 100%;
    height: 450px;
    min-height: 450px;
    max-height: 700px;
    position: relative; }
    #content #page-content h2 {
      margin: 0;
      position: absolute;
      top: 0;
      left: 0;
      transform: translateY(-35px); }
      #content #page-content h2 img {
        height: 30px; }
    #content #page-content #page-container {
      width: 100%;
      max-width: 940px;
      height: 100%;
      padding: 1rem 2rem;
      background: #ebf7fe;
      overflow-y: scroll;
      overflow-x: hidden;
      box-sizing: border-box; }

article h3, article h4, article h5, article h6 {
  font-family: '小塚明朝Pro Bold'; }
  article h3:first-child, article h4:first-child, article h5:first-child, article h6:first-child {
    margin-top: 0; }
article .date {
  margin: 1em 0;
  font-size: .8rem;
  text-indent: 0; }
article .text-left {
  text-align: left; }
article .text-center {
  text-align: center; }
article .text-right {
  text-align: right; }
article p {
  text-indent: 1em; }
article table {
  width: 100%;
  text-align: center;
  border-collapse: collapse; }
  article table, article table th, article table td {
    border: solid 1px black; }
  article table th {
    font-family: '小塚明朝Pro Bold'; }

hr {
  margin: 3rem 0;
  border: none;
  border-top: solid 1px gray; }

.greet ol.about {
  list-style: cjk-ideographic;
  margin: 2em 0;
  font-family: '小塚明朝Pro Bold';
  font-weight: bold; }
  .greet ol.about li + li {
    margin-top: 2em; }
  .greet ol.about li ol {
    list-style: decimal;
    font-family: "小塚明朝Pro", "ＭＳ 明朝", "メイリオ", Meiryo;
    font-weight: normal; }
    .greet ol.about li ol li + li {
      margin-top: 1em; }

.bylaw ul.bylaw-list {
  list-style: none;
  padding: 0; }
  .bylaw ul.bylaw-list li + li {
    margin-top: 1em; }
  .bylaw ul.bylaw-list > li {
    padding-left: 4em;
    text-indent: -4em; }
  .bylaw ul.bylaw-list ul {
    list-style: none; }
    .bylaw ul.bylaw-list ul li {
      margin-top: 0; }
.bylaw ul.provisions {
  list-style: none;
  padding-left: 2.5em; }
  .bylaw ul.provisions ul {
    list-style: none;
    padding: 0; }

.lecture .posters {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: space-between;
  -webkit-justify-content: space-between;
  -ms-flex-pack: space-between;
  justify-content: space-between; }
  .lecture .posters > div {
    width: 45%;
    margin: 0 0 2rem; }
    .lecture .posters > div p {
      margin: 0;
      text-indent: 0;
      font-family: '小塚明朝Pro Bold'; }


/* 2020-1106 追記 */

.index-h4 {
    margin: 0 0 0 5px;
}

.index-h5 {
    margin: 0 0 0 18px;
    font-size: 16px;
}

.index-p01 {
    margin: 0 0 20px 4px;
    font-size: 14px;
}

.index-p02 {
    margin: 0 0 10px 140px;
    font-weight: bold;
}

.index-p03 {
    margin: 0 0 30px 4px;
    font-size: 14px;
}

.index-p04 {
    margin: 0 0 30px 20px;
    font-size: 14px;
    text-indent: 0;
}

.index-table {
    border: none;
    width: auto;
    margin-left: 20px;
    font-size: 14px;
}

.index-table th {
    border: none;
    vertical-align: top;
    padding: 3px 30px 3px 0;
}

.index-table td {
    border: none;
    text-align: left;
    padding: 3px 0;
}

.index-table tr td:first-child {
    padding: 0 30px 0 0;
}

.new-table th {
    background: #bbe3f9;
    padding: 5px 0;
}

.exe-p01 {
    text-align: right;
    margin-bottom: 5px !important;
}

.exe-p02 {
    text-align: right;
    margin: 0 0 10px;
}


/*# sourceMappingURL=style.css.map */