@charset "UTF-8";
/* CSS Document */
/*---------------------------------

  共通

---------------------------------*/
section:not(.contact_block) {
  margin: 10rem auto;
}
section .wrap {
  margin: auto;
  max-width: 100rem;
  width: 90%;
}
section .wrap .title {
  max-width: 20rem;
}
section .wrap .title p {
  font-size: 3.6rem;
  font-weight: 600;
  font-style: italic;
  position: relative;
  padding-bottom: 1rem;
}
section .wrap .title p::after {
  content: '';
  background: rgb(255, 255, 255);
  background: linear-gradient(270deg, rgba(255, 255, 255, 1) 0%, rgba(251, 176, 59, 1) 30%, rgba(241, 90, 36, 1) 100%);
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 5px;
}
section .wrap .title h2 {
  font-size: 2.4rem;
  font-weight: 600;
  text-align: center;
}
/*---------------------------------

一覧

---------------------------------*/
section.news_block {}
section.news_block .wrap {}
section.news_block .wrap ul.infolist {
  flex-basis: 75rem;
  list-style: none;
}
section.news_block .wrap ul.infolist li {
  border-bottom: 1px dashed #ccc;
  margin-bottom: 5rem;
}
section.news_block .wrap ul.infolist li a {
  display: flex;
  color: #333;
  padding: 2rem;
}
section.news_block .wrap ul.infolist li a time {
  flex: 0 0 13rem;
  font-weight: 600;
}
section.news_block .wrap ul.infolist li a p {
  font-weight: 500;
}
@media screen and (max-width: 1024px) {}
@media screen and (max-width: 896px) {}
@media screen and (max-width: 480px) {}
/*---------------------------------

  新着情報

---------------------------------*/
.detail_block {}
.detail_block .wrap {}
.detail_block .wrap .title {
  margin: 0 auto 5rem;
  max-width: 75rem;
}
.detail_block .wrap .title h2 {
  padding: 0.25em 0.5em; /*上下 左右の余白*/
  color: #494949; /*文字色*/
  background: transparent; /*背景透明に*/
  border-left: solid 5px #cc3300; /*左線*/
  text-align: left;
}
.detail_block .wrap .title time {
  color: #888;
  display: block;
  margin-top: 1rem;
  font-size: 90%;
}
.detail_block .wrap .txt {
  margin: auto;
  max-width: 75rem;
}
.detail_block .wrap .txt p {
  margin: 1em 0;
}
.detail_block .wrap .txt ul, .detail_block .wrap .txt ol {
  margin: 1em 0;
  margin-left: 2rem;
}
.detail_block .wrap .txt img {
  margin: 1em 0;
  max-width: 100%;
  vertical-align: bottom;
}
.detail_block .wrap .btn {
  margin: 7rem auto 0;
  max-width: 25rem;
  text-align: center;
}
.detail_block .wrap .btn a {
  background: #cc3300;
  color: #fff;
  display: block;
  padding: 2rem;
}
@media screen and (max-width: 1024px) {}
@media screen and (max-width: 928px) {}
@media screen and (max-width: 480px) {}