@charset "utf-8";
@import url("basic.css");



h3{
  text-align: left;
  font-weight: bold;
  font-size: larger;
  line-height: 1.8rem;
}

section.wcontents>div>div {
  margin-bottom: 20px;
}


/* メイン画像 */
div.mainpic img {
  width: 100%;
}

#wrapper h1 {
  text-align: center;
  font-family: 'Noto Serif JP', serif;
  font-size: 1.9rem;
  line-height: 2.8rem;
  margin: 20px 0;

  }

  section h2 {
    text-align: center;
    font-family: 'Noto Serif JP', serif;
    font-size: 1.6rem;
    line-height: 2.6rem;
    margin-bottom: 20px;
}


ul.jumplink {
width: 420px;
display: flex;
flex-wrap:wrap;
justify-content:space-between;
margin: 0 auto;
align-items: center;
}

ul.jumplink li {
  width: 49%;
  border: 1px solid rgb(204, 133, 0);
  text-align: center;
  margin-bottom: 10px;
  vertical-align: middle;


}

ul.jumplink li a{
  display: block;
  width: 100%;
  height: 100%;
  padding: 30px 0;
  font-size: 1.2rem;
  ba
}


  ul.jumplink li a:hover {
    background-color: rgb(204, 133, 0);
    color: white;
  }








/* ---------------------------------
メディアクエリー
--------------------------------- */
@media screen and (max-width: 767px) {

  ul.jumplink {
    width: 90%;

    }


    .mainpic {
      height: 200px;
  }

  .mainpic img {
      object-fit: cover;
      width: auto;
      height: 200px;
  }





｝