@charset "UTF-8";

/* ::::::::::  お知らせ  :::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

.info .wrapper {

  padding-bottom: 130px;

}



@media (max-width: 767px) {

  .info .wrapper {

    padding-bottom: 60px;

  }

}



.info .tabList {

  flex-wrap: wrap;

  margin-bottom: 30px;

}



@media (max-width: 767px) {

  .info .tabList {

    justify-content: space-between;

  }

}



.info .tabList li {

  margin: 0 5px 15px;

}



@media (max-width: 767px) {

  .info .tabList li {

    flex-grow: 0;

    width: calc(50% - 3px);

    margin: 6px 0 0;

  }

  .info .tabList li:nth-child(-n +2) {

    margin-top: 0;

  }

}



.info .tabList li + li {

  margin-left: 5px;

}



@media (max-width: 767px) {

  .info .tabList li + li {

    margin-left: 0;

  }

}



.info .tabList li a {

  width: 230px;

}



@media (max-width: 767px) {

  .info .tabList li a {

    width: 100%;

  }

}



.infoList {

  overflow: hidden;

  border-radius: 30px;

}



@media (min-width: 768px) and (max-width: 1024px) {

  .infoList {

    border-radius: 20px;

  }

}



@media (max-width: 767px) {

  .infoList {

    border-radius: 15px;

  }

}



.infoList li {

  margin-bottom: 1px;

}



.infoList li a {

  display: flex;

  background: #fff;

  padding: 15px 30px;

}



@media (max-width: 1024px) {

  .infoList li a {

    flex-wrap: wrap;

    padding: 15px 40px;

  }

}



@media (max-width: 767px) {

  .infoList li a {

    flex-wrap: wrap;

    padding: 15px 15px;

  }

}



.infoList li a .date {

  display: inline-block;

  width: 140px;

  margin-right: 25px;

  letter-spacing: .1em;

  color: #c2143d;

  font-weight: bold;

  white-space: nowrap;

}



@media (max-width: 1024px) {

  .infoList li a .date {

    width: auto;

    margin-right: 15px;

  }

}



@media (max-width: 767px) {

  .infoList li a .date {

    letter-spacing: 0;

    margin-right: 10px;

  }

}



.infoList li a .category {

  border-radius: 4px;

  background: #C99F63;

  width: 96px;

  height: 20px;

  line-height: 20px;

  margin: 4px 25px 0 0;

  text-align: center;

  color: #fff;

  font-weight: bold;

  font-size: 1.3rem;

}



@media (max-width: 1024px) {

  .infoList li a .category {

    margin-right: 0;

  }

}



.infoList li a .category.blue {

  background: #26b0bf;

}



.infoList li a .category.black {

  background: #78706A;

}



.infoList li a .category.yellow {

  background: #d9b64e;

}



.infoList li a .category.purple {

  background: #9179AC;

}



.infoList li a .category.red {

  background: #D2694F;

}



.infoList li a .title {

  width: calc(100% - (140px + 25px + 96px + 25px));

}



@media (max-width: 1024px) {

  .infoList li a .title {

    width: 100%;

    margin-top: 5px;

  }

}



/* ::::::::::  お知らせ詳細  :::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

/* =========================================================

infoDetail

========================================================= */

.infoDetail .wrapper {

  padding-top: 120px;

  padding-bottom: 130px;

  margin-top: -50px;

}



@media (max-width: 767px) {

  .infoDetail .wrapper {

    padding-top: 80px;

    padding-bottom: 60px;

    margin-top: -40px;

  }

}



.infoDetailBlock {

  border-radius: 30px 30px 0 0;

  background: #fff;

  padding: 70px 150px;

}



@media (min-width: 768px) and (max-width: 1024px) {

  .infoDetailBlock {

    border-radius: 20px 20px 0 0;

    padding: 40px 45px 50px;

  }

}



@media (max-width: 767px) {

  .infoDetailBlock {

    border-radius: 15px 15px 0 0;

    padding: 30px 20px;

  }

}



.infoDetailBlock .date {

  display: inline-block;

  margin-right: 15px;

  letter-spacing: .1em;

  color: #c2143d;

  font-weight: bold;

}



@media (max-width: 1024px) {

  .infoDetailBlock .date {

    margin-right: 15px;

  }

}



@media (max-width: 767px) {

  .infoDetailBlock .date {

    letter-spacing: 0;

    margin-right: 10px;

  }

}



.infoDetailBlock .category {

  display: inline-block;

  border-radius: 4px;

  background: #C99F63;

  width: 96px;

  height: 20px;

  line-height: 20px;

  margin: 0 10px 0 0;

  text-align: center;

  color: #fff;

  font-weight: bold;

  font-size: 1.3rem;

}



@media (max-width: 1024px) {

  .infoDetailBlock .category {

    margin-right: 0;

  }

}



.infoDetailBlock .category.blue {

  background: #26b0bf;

}



.infoDetailBlock .category.black {

  background: #78706A;

}



.infoDetailBlock .category.yellow {

  background: #d9b64e;

}



.infoDetailBlock .category.purple {

  background: #9179AC;

}



.infoDetailBlock .category.red {

  background: #D2694F;

}



.infoDetailBlock .category:last-of-type {

  margin-right: 0;

}



.infoDetailBlock .pageTitle {

  border-bottom: 1px solid #e3ddd7;

  padding-bottom: 20px;

  margin: 10px 0 40px;

  font-weight: bold;

  font-size: 2.6rem;

}



@media (max-width: 767px) {

  .infoDetailBlock .pageTitle {

    margin-bottom: 15px;

    line-height: 1.6;

    font-size: 2rem;

  }

}



.infoDetailBlock img {

  display: block;

  margin: 30px 0;

}



@media (max-width: 767px) {

  .infoDetailBlock img {

    margin: 20px 0;

  }

}



.infoDetailBlock p + p {

  margin-top: 2em;

}



@media (max-width: 767px) {

  .infoDetailBlock p + p {

    margin-top: 1.5em;

  }

}



.infoDetail .snsList {

  border-radius: 0 0 30px 30px;

  background: #EDEDED;

  padding: 24px 0;

  margin: 0 0 40px;

}



@media (min-width: 768px) and (max-width: 1024px) {

  .infoDetail .snsList {

    border-radius: 0 0 20px 20px;

  }

}



@media (max-width: 767px) {

  .infoDetail .snsList {

    border-radius: 0 0 15px 15px;

    margin: 0 0 25px;

  }

}



.infoDetail .snsList svg {

  fill: #7e8082;

}



/*# sourceMappingURL=map/info.css.map */