@charset "UTF-8";
/* ==================================
レスポンシブ設計
===================================*/
.pc {
  display: block; }
  @media screen and (max-width: 897px) {
    .pc {
      display: none; } }

.sp {
  display: none; }
  @media screen and (max-width: 897px) {
    .sp {
      display: block; } }

.councilDetails {
  max-width: 840px;
  padding: 0 0 30px 0;
  margin: auto; }
  @media screen and (max-width: 897px) {
    .councilDetails {
      padding: 0 20px 30px 20px; } }
  .councilDetails__headline {
    padding: 60px 0; }
    @media screen and (max-width: 897px) {
      .councilDetails__headline {
        padding: 30px 0; } }
    .councilDetails__headline__ttl {
      padding: 0 0 30px 0;
      display: flex;
      justify-content: flex-start;
      align-items: center; }
      @media screen and (max-width: 897px) {
        .councilDetails__headline__ttl {
          display: block;
          padding: 0 0 20px 0;
          text-align: center; } }
      .councilDetails__headline__ttl .ttl {
        padding: 0 15px 0 0; }
        .councilDetails__headline__ttl .ttl h2 {
          font-size: 180%;
          font-weight: 700;
          color: #93bf6b;
          letter-spacing: 2px; }
          @media screen and (max-width: 897px) {
            .councilDetails__headline__ttl .ttl h2 {
              font-size: 140%;
              padding: 0 0 15px 0; } }
      .councilDetails__headline__ttl .logo {
        width: 50%; }
        @media screen and (max-width: 897px) {
          .councilDetails__headline__ttl .logo {
            margin: auto;
            text-align: center; } }
    .councilDetails__headline__copy {
      letter-spacing: 2px;
      line-height: 180%;
      font-size: 16px; }
  .councilDetails__box {
    padding: 0 0 40px 0; }
    @media screen and (max-width: 897px) {
      .councilDetails__box {
        padding: 0 0 20px 0; } }
    .councilDetails__box__txt {
      padding: 0; }
      @media screen and (max-width: 897px) {
        .councilDetails__box__txt {
          padding: 0 0 10px 0; } }
      .councilDetails__box__txt h3 {
        font-size: 20px;
        line-height: 100%;
        letter-spacing: 2px;
        background: #A2CE7B;
        color: #FFFFFF;
        padding: 15px;
        text-align: center;
        margin: 0 0 20px 0; }
        @media screen and (max-width: 897px) {
          .councilDetails__box__txt h3 {
            margin: 0 0 5px 0; } }
      .councilDetails__box__txt h4 {
        position: relative;
        font-size: 19px;
        padding: 0 0 5px 0;
        margin: 0 0 30px 0;
        font-weight: 700; }
        .councilDetails__box__txt h4::before {
          content: '';
          position: absolute;
          bottom: -12px;
          left: 0;
          width: 100%;
          height: 10px;
          background-image: repeating-linear-gradient(-45deg, #f7de8d 0px, #f7de8d 2px, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 50%);
          background-size: 10px 10px;
          z-index: 1; }
        .councilDetails__box__txt h4::after {
          content: attr(data-en);
          position: relative;
          margin-left: 20px;
          font-size: 16px;
          z-index: 2; }
    .councilDetails__box__img p {
      padding: 20px 0 0 0; }
      @media screen and (max-width: 897px) {
        .councilDetails__box__img p {
          padding: 0 !important;
          margin: 0 !important; } }
    .councilDetails__box__img .inbox {
      display: flex;
      justify-content: space-between; }
      @media screen and (max-width: 897px) {
        .councilDetails__box__img .inbox {
          display: block !important;
          text-align: justify; } }
      .councilDetails__box__img .inbox .txt {
        width: 62%;
        font-size: 110%;
        line-height: 1.7; }
        @media screen and (max-width: 897px) {
          .councilDetails__box__img .inbox .txt {
            width: 100%;
            font-size: 16px; } }
        .councilDetails__box__img .inbox .txt P {
          padding: 0 0 10px 0;
          margin: 0; }
      .councilDetails__box__img .inbox .img {
        width: 35%; }
        @media screen and (max-width: 897px) {
          .councilDetails__box__img .inbox .img {
            width: 100%;
            margin: 5px 0 0 0; } }
  .councilDetails__summary h3 {
    font-size: 20px;
    line-height: 100%;
    letter-spacing: 2px;
    background: #A2CE7B;
    color: #FFFFFF;
    padding: 15px;
    text-align: center;
    margin: 0 0 20px 0; }
  .councilDetails__summary table.ct {
    border-collapse: collapse;
    font-size: 16px; }
  .councilDetails__summary table.ct th {
    background: #fafafa;
    font-weight: 700;
    text-align: left;
    width: 20%;
    padding: 15px;
    border: solid 1px #e6e6e6; }
  .councilDetails__summary table.ct tr:first-child th {
    background: #e9f5df;
    font-size: 120%;
    line-height: 130%;
    letter-spacing: 2px; }
  .councilDetails__summary table.ct tr:first-child th span:before {
    content: "●";
    color: #93bf6b;
    margin-right: 5px; }
  .councilDetails__summary table.ct td {
    word-break: break-all;
    letter-spacing: 2px;
    line-height: 180%;
    padding: 15px;
    border: solid 1px #e6e6e6; }
  .councilDetails .inbox {
    display: flex;
    justify-content: space-between; }

@media screen and (max-width: 640px) {
  .councilDetails__summary table.ct th {
    padding: 10px;
    width: auto;
    display: block;
    text-align: center; }

  .councilDetails__summary table.ct td {
    padding: 10px;
    display: block;
    text-align: center; } }