/* media query */
/* font size */
@import url("https://fonts.googleapis.com/css2?family=Source+Serif+Pro&display=swap");
.newslist {
  width: 100%; }
  .newslist ul {
    width: 96%;
    margin: 15px; }
    .newslist ul li {
      margin-bottom: 5px;
      text-align: left; }
      .newslist ul li a, .newslist ul li .nolink {
        color: #000;
        display: flex;
        padding: 5px;
        transition: 0.2s;
        text-decoration: none; }
        @media all and (max-width: 700px) {
          .newslist ul li a, .newslist ul li .nolink {
            padding-left: 0;
            display: block; } }
      .newslist ul li p {
        font-size: 1.6rem;
        line-height: 1.8;
        letter-spacing: 0.06em;
        vertical-align: middle; }
        .newslist ul li p.date {
          white-space: nowrap; }
          .newslist ul li p.date span {
            background-color: #18448E;
            color: #FFF;
            display: inline-block;
            font-size: 1.2rem;
            line-height: 1.2;
            margin: -2px 10px 0;
            padding: 4px 5px;
            text-align: center;
            vertical-align: middle;
            min-width: 90px; }
            .newslist ul li p.date span.t-red {
              background-color: #910734; }
        .newslist ul li p.title {
          padding-left: 20px;
          text-decoration: none;
          position: relative;
          transition: 0.2s; }
          @media all and (max-width: 700px) {
            .newslist ul li p.title {
              padding-left: 0;
              display: block; } }
      .newslist ul li a:hover p.title {
        color: #333;
        text-decoration: underline; }

#section_detail_date {
  padding-bottom: 40px; }
  #section_detail_date .contents {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: nowrap; }
    @media all and (max-width: 700px) {
      #section_detail_date .contents {
        display: block; } }
    #section_detail_date .contents .section_detail_box {
      width: calc(100% - 310px);
      text-align: left;
      order: 1; }
      @media all and (max-width: 700px) {
        #section_detail_date .contents .section_detail_box {
          width: 100%;
          margin-bottom: 30px; } }
      #section_detail_date .contents .section_detail_box > p {
        text-align: left;
        margin-bottom: 20px; }
      #section_detail_date .contents .section_detail_box > h4, #section_detail_date .contents .section_detail_box h5 {
        text-align: left;
        margin-bottom: 10px; }
      #section_detail_date .contents .section_detail_box .icon {
        margin: 0 6px; }
      #section_detail_date .contents .section_detail_box dl {
        width: 100%;
        margin: 0;
        padding: 0;
        display: flex;
        flex-wrap: wrap; }
        @media all and (max-width: 700px) {
          #section_detail_date .contents .section_detail_box dl {
            display: block; } }
        #section_detail_date .contents .section_detail_box dl > dt, #section_detail_date .contents .section_detail_box dl dd {
          padding: 4px;
          margin-top: 0;
          margin-bottom: 10px;
          box-sizing: border-box; }
        #section_detail_date .contents .section_detail_box dl > dt {
          width: 21%;
          margin-right: 5px; }
          @media all and (max-width: 700px) {
            #section_detail_date .contents .section_detail_box dl > dt {
              width: 100%; } }
          #section_detail_date .contents .section_detail_box dl > dt p {
            width: 100%;
            background-color: #a8a8a8;
            color: #fff;
            text-align: center; }
        #section_detail_date .contents .section_detail_box dl > dd {
          width: calc(79% - 20px);
          text-align: left; }
          @media all and (max-width: 700px) {
            #section_detail_date .contents .section_detail_box dl > dd {
              width: 100%; } }
          #section_detail_date .contents .section_detail_box dl > dd .barrierfree th, #section_detail_date .contents .section_detail_box dl > dd .barrierfree td {
            padding: 5px;
            text-align: left; }
    #section_detail_date .contents .section_detail_img {
      max-width: 280px;
      order: 2; }
      @media all and (max-width: 700px) {
        #section_detail_date .contents .section_detail_img {
          max-width: 100%; } }
      #section_detail_date .contents .section_detail_img ul {
        width: 100%; }
        #section_detail_date .contents .section_detail_img ul li {
          list-style: none;
          margin: 0 0 15px;
          text-align: right; }
          @media all and (max-width: 700px) {
            #section_detail_date .contents .section_detail_img ul li {
              text-align: center; } }
          #section_detail_date .contents .section_detail_img ul li img {
            width: auto;
            max-width: 100%;
            border: 1px solid #ddd; }
            @media all and (max-width: 700px) {
              #section_detail_date .contents .section_detail_img ul li img {
                width: 100%; } }

#detail_map {
  padding-bottom: 50px; }
  #detail_map #googlemap {
    height: 0;
    overflow: hidden;
    padding-bottom: 46.25%;
    position: relative; }
    @media all and (max-width: 700px) {
      #detail_map #googlemap {
        padding-bottom: 66.25%; } }
    #detail_map #googlemap iframe {
      position: absolute;
      left: 0;
      top: 0;
      height: 100%;
      width: 100%; }

#backbtn {
  padding-bottom: 50px; }
  #backbtn .btn {
    display: block;
    padding: 1.7rem;
    color: #18448E;
    text-align: center;
    text-decoration: none;
    letter-spacing: .1rem;
    transition: .5s;
    background-color: #18448E;
    color: #fff;
    border-radius: 6px;
    width: 400px;
    margin: 0 auto 0; }
    #backbtn .btn i {
      margin: 0 6px; }
    #backbtn .btn:hover {
      background-color: #8AA6D4; }
    @media all and (max-width: 700px) {
      #backbtn .btn {
        width: 100%; } }