@charset "UTF-8";
/* CSS Document */
/* 赤 */
/* 赤 */
/* 赤 */
/* 赤 */
/* グレー */
/* グレー */
h1.heso_h1 {
  font-size: 4.0rem;
  margin-bottom: 50px; }

.notice {
  border: 1px solid #df861c;
  background: rgba(241, 223, 194, 0.3);
  padding: 2rem;
  margin-bottom: 4rem;
  border-radius: 1rem; }
  .notice h2 {
    font-size: 2.0rem;
    margin-bottom: 2rem; }

@media screen and (max-width: 767px) {
  h1.heso_h1 {
    font-size: 3.2rem;
    margin-bottom: 50px;
    line-height: 1.3; } }
h2.heso_h2 {
  font-weight: bold;
  font-size: 15px;
  border-bottom: 2px solid #d8316e;
  display: inline-block;
  padding-left: 2em; }

h2.heso_h2_02 {
  font-weight: bold;
  font-size: 20px;
  border-bottom: 2px solid #df861c;
  display: inline-block;
  padding-left: 2em;
  margin-bottom: 2rem; }

a.heso_link_text {
  color: #6cb709 !important;
  text-decoration: none; }
  a.heso_link_text :before {
    content: "> "; }

/* linkpdf */
ul.linkpdf {
  display: flex;
  justify-content: center;
  max-width: 600px;
  margin: 0 auto 40px;
  list-style: none; }
  ul.linkpdf li {
    padding: 0 20px; }
    ul.linkpdf li img {
      max-width: 100%; }
    ul.linkpdf li p {
      font-weight: bold;
      font-size: 15px;
      text-align: center;
      margin-bottom: 10px; }

div.information {
  background: #FFFFCC;
  padding: 50px 5%;
  margin: 20px 0; }
  div.information strong {
    color: #FF0000; }

div.message {
  background: #FFFF;
  padding: 40px 5%;
  margin: 50px auto;
  max-width: 900px; }
  div.message h2 {
    margin: 0 0 20px 0;
    font-size: 24px; }
  div.message div.message p {
    margin-bottom: 1em; }
    div.message div.message p.sig {
      text-align: right; }

.headLead {
  background: rgba(241, 223, 194, 0.9);
  border-radius: 2px;
  display: inline-block;
  font-size: 2.0rem;
  font-weight: 500;
  padding: 0 1rem; }

.arasuji div.message {
  padding: 20px 20px;
  max-width: none;
  background: rgba(241, 223, 194, 0.3);
  border-radius: 5px;
  border: 1px dotted #df861c; }
  .arasuji div.message .sig {
    text-align: right; }

/*staffroll01*/
dl.staffroll01 {
  margin-bottom: 1.5rem; }
  dl.staffroll01 dt {
    float: left;
    clear: both; }
    dl.staffroll01 dt:after {
      content: ":"; }
  dl.staffroll01 dd {
    padding-left: 8em; }

div.ticketback dt {
  padding-left: 1em;
  text-indent: -1em;
  margin-bottom: 1em; }

div.ticketback dd {
  padding-left: 1em;
  margin-bottom: 2em; }
  div.ticketback dd ul {
    list-style: none;
    padding: 0;
    margin: 0; }
    div.ticketback dd ul li {
      padding-left: 1em;
      text-indent: -1em;
      margin-bottom: 1em; }

/* ticket */
.ticket .data .ticket_table {
  margin-bottom: 2rem; }
  .ticket .data .ticket_table tr th {
    text-align: left;
    font-weight: 500;
    display: inline-block;
    padding: 0 1rem 0 0;
    background: linear-gradient(transparent 75%, #EFEFEF 75%); }
  .ticket .data .ticket_table tr td {
    display: inline-block;
    padding: 0 0 0 1rem; }
.ticket .data > dl.ticketservice dt {
  font-weight: bold;
  margin-bottom: 1em; }
.ticket .data > dl.ticketservice dd {
  margin-bottom: 1em; }
.ticket .data .notes {
  margin-bottom: 3rem; }
  .ticket .data .notes li {
    padding-left: 1em;
    text-indent: -1em; }
.ticket .data .service {
  padding: 1em 2em;
  background: #EFEFEF;
  margin-bottom: 2em; }
  .ticket .data .service h3 {
    font-weight: bold;
    font-size: 1.8rem;
    margin-bottom: 1rem;
    line-height: 1.4; }

@media screen and (max-width: 767px) {
  .ticket {
    display: block; }
    .ticket .data {
      padding: 20px 0 0;
      width: 100%; }
      .ticket .data .ticket_table tr th {
        display: block;
        background: #EFEFEF;
        padding: .5rem 1rem;
        line-height: 1.4; }
      .ticket .data .ticket_table tr td {
        display: block;
        padding: .5rem 1rem 1.5rem; }
      .ticket .data .service {
        padding: 1em 1em;
        background: #EFEFEF;
        margin-bottom: 2em; } }
/* staff */
.staff {
  margin-bottom: 30px; }
  .staff .staffTable tr th {
    text-align: left;
    white-space: nowrap;
    padding: 0rem 1rem;
    vertical-align: top; }
  .staff .staffTable tr td {
    padding: 0rem 1rem; }
    .staff .staffTable tr td span.nw {
      display: inline-block; }
  .staff .staffTableSP {
    display: none; }

.bunkacho {
  display: flex;
  justify-content: space-between;
  align-items: center; }
  .bunkacho dt {
    padding-right: 2rem;
    width: 150px; }
  .bunkacho dd {
    width: calc(100% - 150px);
    line-height: 1.3; }
    .bunkacho dd span {
      display: inline-block; }

.agoraCredit {
  margin: 2rem 0;
  display: flex;
  grid-gap: 2rem; }
  .agoraCredit img {
    height: 60px;
    width: auto;
    max-width: auto; }

.kacCredit img {
  height: 60px;
  width: auto;
  max-width: auto; }

@media screen and (max-width: 767px) {
  .staff .staffTable th {
    font-size: 1.6rem; }
  .staff .staffTable td {
    font-size: 1.6rem; }
  .staff .staffTable tr.noSP {
    display: none; }
  .staff .staffTableSP {
    display: block; }
    .staff .staffTableSP th {
      display: block;
      text-align: left;
      padding: 0rem 1rem; }
    .staff .staffTableSP td {
      display: block;
      padding: 0rem 1rem; }
  .staff .bunkacho dt {
    padding-right: 1rem;
    width: auto; }
  .staff .bunkacho dd {
    width: auto; }
    .staff .bunkacho dd span {
      display: inline-block;
      white-space: nowrap; }
  .staff .agoraCredit {
    margin: 2rem 0;
    display: flex;
    grid-gap: 2rem; }
    .staff .agoraCredit li:first-child {
      width: 37%; }
    .staff .agoraCredit li:last-child {
      width: 63%; }
    .staff .agoraCredit img {
      height: auto;
      width: auto;
      max-width: auto; } }
/* kansen */
.kansen h2 {
  padding-right: 20px;
  font-size: 2.4rem;
  border-bottom: 2px solid #000;
  font-weight: bold;
  margin-bottom: 15px; }

.tab-wrap img {
  max-width: 600px;
  width: 100%; }

.heso2022photo {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-bottom: 30px; }

.heso2022photo li {
  width: 49.5%;
  margin-bottom: 1%; }

.heso2022photo li.photoby {
  width: 100%;
  text-align: right;
  font-size: 1.2rem; }