/*	.wrap
============================== */
.cont {
  background-color: #f3e8d8;
}
@media all and (min-width: 768px) {
  .wrap {
    padding: 5em;
  }
  .cont {
    border: solid 5px #ffffff;
  }

}

@media all and (max-width: 767px) {
  .wrap {
    /* padding: 2vw; */
  }
}
/*	lower h2
============================== */
.lower h2 {
  color: #264c58;
}

@media all and (min-width: 768px) {
.lower h2 {
    font-size: 30px;
    margin-bottom: 20px;
    text-align: center;
  }
}

@media all and (max-width: 767px) {
  .lower h2 {
    font-size: 5.5vw;
    margin-bottom: 3vw;
    text-align: center;
  }
}

/*	.plhd
============================== */
.plhd {
  background-color: #fff;
}

.plhd .pic span {
    background-size: cover;
}

.plhd .box {
  display: table;
  box-sizing: border-box;
}

.plhd .box .inner {
  display: table-cell;
  vertical-align: middle;
}

.plhd .box .name1 {
  color: #d63933;
}

.plhd .box .name2 {
  color: #d63933;
  font-weight: bold;
}

.plhd .box .date {
  color: #264c58;
}

.plhd .box .hour {
  color: #264c58;
}
@media all and (min-width: 768px) {
  .plhd .box {
    height: 265px;
    padding: 30px;
    width: 100%;
  }

  .plhd .pic span {
    width: 370px;
    height: 265px;
  }
  .plhd .box .name1 {
    font-size: 55px;
    margin-bottom: 15px;
  }

  .plhd .box .name2 {
    font-size: 35px;
    font-weight: bold;
    margin-bottom: 20px;
    line-height: 1.2;
  }

  .plhd .box .date {
    font-size: 25px;
    margin-bottom: 15px;
  }

  .plhd .box .hour {
    font-size: 20px;
  }
}
@media all and (max-width: 767px) {
  .plhd {
    padding: 1em 0;
  }

  .plhd .box {
    padding: 0 4vw;
    width: 100%;
  }

  .plhd .pic {
    width: 60%;
    margin: 0 auto 1em;
  }
  .plhd .pic span {
    height: 0;
    padding-top: calc((530 / 740)*100%);
    z-index: 1;
  }
  .plhd .pic span img {
    /* display: block; */
    /* height: 100%; */
    /* position: absolute; */
    /* left: 0; */
    top: 0;
    width: 100%;
  }
  .plhd .box .name1 {
    font-size: 6vw;
    margin-bottom: 2vw;
  }

  .plhd .box .name2 {
    font-size: 4.5vw;
    font-weight: bold;
    margin-bottom: 2vw;
    line-height: 1.2;
  }

  .plhd .box .date {
    font-size: 3vw;
    margin-bottom: 2vw;
  }

  .plhd .box .hour {
    font-size: 2.5vw;
  }
}
/*	news
============================== */
.news {
  background-color: #fff;
  text-align: center;
}

@media all and (min-width: 768px) {
  .news {
    border-radius: 20px;
    border: 5px solid #f2b42f;
    padding: 30px 70px;
    font-size: 20px;
    width: max-content;
    max-width: 940px;
    margin: 50px auto;
    box-sizing: border-box;
  }

  .news .txt {
    line-height: 25px;
    font-size: 15px;
    text-align: center;
    /* width: max-content; */
    /* margin: 0 auto; */
  }
}

@media all and (max-width: 767px) {
  .news {
    border-radius: 4vw;
    border: 1vw solid #f2b42f;
    padding: 5vw 4vw 4vw;
    margin: 5vw;
    font-size: 3vw;
    /* width: max-content; */
    /* margin: 5vw auto; */
    max-width: 85%;
  }

  .news .txt {
    line-height: 1.5;
    text-align: left;
    /* width: max-content; */
    /* margin: 0 auto; */
  }
}

/*	.subox
============================== */
.subox {
  background-color: hsla(0, 0%, 100%, 0.9);
}

.subox header {
  line-height: 1.5;
  color: #fff;
  background-color: #6eabd0;
  padding-bottom: 0.25em;
  border-radius: 10px 10px 0 0;
}

.subox header h3 {
  padding: 1em 0.75em 0.75em;
  border-bottom: 1px solid #fff;
  line-height: 1.5;
}

@media all and (min-width: 768px) {
  .subox {
    margin: 2em;
    border-radius: 10px;
  }

  .subox>div.inner {
    padding: 10px 32px 20px;
  }

  .subox header h3 {
    font-size: 112.5%;
  }
}

@media all and (max-width: 767px) {
  .subox {
    margin: 2vw;
    border-radius:  4vw;
  }
  .subox>div.inner {
    padding: 0 10px 20px;
  }
}

/*	table
============================== */
div.tbl table.vab td {
  vertical-align: baseline;
}

div.tbl>table>tbody>tr {
  border-bottom: 1px solid rgb(0 0 0 / 40%);
}

div.tbl>table>tbody>tr>th, div.tbl>table>tbody>tr>td {
  line-height: 1.5;
}

div.tbl>table>tbody>tr>th {
  text-align: center;
  color: #fff;
  background-color: #77afe8;
  vertical-align: middle;
  font-weight: normal;
}

div.tbl>table>tbody>tr:nth-child(odd) td {
  background-color: #ffffff;
}

div.tbl>table>tbody>tr:nth-child(even) td {
  background-color: #eef3fc;
}

div.tbl>table>tbody>tr>td:nth-child(odd) {
  /* border-left: 1px solid #000; */
}

@media all and (min-width: 768px) {
  div.tbl>table {
    font-size: 100%;
    width: 100%;
  }

  div.tbl>table>tbody>tr>th, div.tbl>table>tbody>tr>td {
    padding: 0.75em 1.5em;
  }
}

@media all and (max-width: 767px) {
  div.tbl>table {
    font-size: 87.5%;
    /* margin-bottom: 15px; */
    width: 100%;
  }

  div.tbl>table>tbody>tr>th, div.tbl>table>tbody>tr>td {
    padding: 0.75em 0.75em;
    word-break: break-all;
  }
}