@charset "UTF-8";
/*--------------------
共通設定
----------------------*/
* {
  padding: 0;
  margin: 0; }

img, video {
  max-width: 100%;
  height: auto;
  vertical-align: bottom; }

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

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

a {
  text-decoration: none;
  color: #3c463c; }
  a:visited {
    color: inherit; }
  a.disabled {
    pointer-events: none;
    text-decoration: none; }

ul, ol {
  list-style: none; }

.fadein {
  opacity: 0;
  transition: opacity 1s, transform 1s; }
  .fadein.visible {
    opacity: 1; }

/*--------------------------------------------*/
.news_wrapper {
  box-sizing: border-box;
  background: #fdfdf8;
  letter-spacing: 1px;
  color: #3c463c;
  font-size: 14px;
  line-height: 1.7em;
  text-align: left;
  font-family: "toppan-bunkyu-gothic-pr6n", serif;
  font-weight: normal;
  font-style: normal;
  font-weight: 400;
  max-width: 1200px;
  margin: 0 auto;
  padding-top: 50px; }
  @media screen and (max-width: 1200px) {
    .news_wrapper {
      width: 96%;
      padding-top: 10px; } }
  .news_wrapper h1 {
    font-size: 1.2em;
    border-bottom: 1px solid #3c463c;
    padding: 0.5em;
    margin-bottom: 1.0em;
    text-align: left; }
    @media screen and (max-width: 600px) {
      .news_wrapper h1 {
        font-size: 4.3vw; } }
  .news_wrapper .news_img {
    max-width: 500px; }
  .news_wrapper section {
    margin-bottom: 10%; }
    @media screen and (max-width: 600px) {
      .news_wrapper section {
        width: 96%;
        margin: 0 auto 15%; } }
  .news_wrapper .mainTxt {
    margin: 5% auto; }
    .news_wrapper .mainTxt p {
      font-size: 1.0em;
      line-height: 2.0; }
      @media screen and (max-width: 600px) {
        .news_wrapper .mainTxt p {
          font-size: 3.2vw; } }
      .news_wrapper .mainTxt p span {
        font-size: 90%; }
  .news_wrapper h2 {
    font-size: 1.0em;
    border: none;
    margin-bottom: 0; }
    @media screen and (max-width: 600px) {
      .news_wrapper h2 {
        font-size: 3.7vw; } }
  .news_wrapper .box {
    margin: 5% auto; }
    @media screen and (max-width: 600px) {
      .news_wrapper .box {
        margin-bottom: 10%; } }
    .news_wrapper .box p {
      font-size: 0.9em; }
      @media screen and (max-width: 600px) {
        .news_wrapper .box p {
          font-size: 3.0vw; } }
      .news_wrapper .box p span {
        font-weight: 600;
        font-size: 110%; }
    .news_wrapper .box ul.at li {
      padding-left: 0.5em;
      position: relative; }
      .news_wrapper .box ul.at li::before {
        content: "・";
        position: absolute;
        top: 0;
        left: -0.5em; }
  .news_wrapper .txt {
    margin: 5% auto; }
    .news_wrapper .txt p {
      font-size: 1.0em; }
      @media screen and (max-width: 600px) {
        .news_wrapper .txt p {
          font-size: 3.0vw; } }
    .news_wrapper .txt .btn {
      background: #7A8C5B;
      color: #fff;
      font-size: 80%;
      display: block;
      width: fit-content;
      padding: 0.5em 2.0em;
      min-width: 120px;
      width: 40%;
      max-width: 250px;
      text-align: center;
      margin: 1.0em auto; }
  .news_wrapper .center {
    margin: 0 auto; }
    .news_wrapper .center p {
      text-align: center; }
  .news_wrapper .itemList {
    margin: 5% auto; }
    .news_wrapper .itemList ul {
      width: 100%;
      display: flex;
      align-items: flex-start;
      justify-content: space-between;
      flex-wrap: wrap; }
      .news_wrapper .itemList ul li {
        width: calc(100%/3 - 1%);
        margin-bottom: 5%;
        max-width: 270px; }
        @media screen and (max-width: 600px) {
          .news_wrapper .itemList ul li {
            width: calc(100%/2 - 1%); } }
        .news_wrapper .itemList ul li img {
          border: 1px solid #3c463c; }
        .news_wrapper .itemList ul li p {
          text-align: center;
          font-size: .8em;
          margin-top: 1.0em; }
          @media screen and (max-width: 600px) {
            .news_wrapper .itemList ul li p {
              font-size: 3.1vw; } }
          .news_wrapper .itemList ul li p.name {
            line-height: 1.5;
            margin-bottom: 0.7em; }
        .news_wrapper .itemList ul li h5 {
          font-weight: 400;
          font-size: 0.8em;
          margin-bottom: 0.3em; }
          @media screen and (max-width: 600px) {
            .news_wrapper .itemList ul li h5 {
              font-size: 3.0vw; } }