@charset "UTF-8";
/*!
*******************************************

このCSSはSassで記述されています。
修正する場合は「.scss」を修正してください。

*******************************************
*/
#postsArea-Body p {
  margin-bottom: 10px;
}
#postsArea-Body .imgArea ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 30px -15px;
}
@media screen and (max-width:767px) {
  #postsArea-Body .imgArea ul {
    margin: 15px 0px;
  }
}
#postsArea-Body .imgArea ul li {
  padding: 0 15px;
  width: calc(100% / 3);
  margin: 0;
  list-style: none;
}
@media screen and (max-width:767px) {
  #postsArea-Body .imgArea ul li {
    width: 100%;
    margin-top: 15px;
    text-align: center;
  }
  #postsArea-Body .imgArea ul li:first-child {
    margin-top: 0;
  }
}
#postsArea-Body strong {
  font-weight: bold;
}
#postsArea-Body em {
  font-style: italic;
}
#postsArea-Body sub {
  vertical-align: sub;
  font-size: smaller;
}
#postsArea-Body sup {
  vertical-align: super;
  font-size: smaller;
}
#postsArea-Body ol {
  list-style: decimal;
  margin: 10px 0;
}
#postsArea-Body ol li {
  margin-left: 1.5em;
}
#postsArea-Body ul {
  list-style: disc;
  margin: 10px 0;
}
#postsArea-Body ul li {
  margin-left: 1.5em;
}
#postsArea-Body hr {
  display: block;
  unicode-bidi: isolate;
  margin: 0.5em auto;
  overflow: hidden;
  border-style: inset;
  border-width: 1px;
  margin: 10px 0;
}
#postsArea-Body blockquote {
  display: block;
  margin: 1em 40px;
}

.sectionBox {
  margin-bottom: 4em;
}
@media screen and (max-width:767px) {
  .sectionBox {
    margin-bottom: 2em;
  }
}
.sectionBox:last-child {
  margin-bottom: 0;
}
.sectionBox .content_items {
  margin-bottom: 2em;
}
.sectionBox p:not([class]) {
  margin-bottom: 10px;
}
.sectionBox strong {
  font-weight: bold !important;
}
.sectionBox em {
  font-style: italic !important;
}
.sectionBox ol {
  margin: 1em 0;
  padding-left: 1.5em;
}
.sectionBox ol li {
  list-style: list-item !important;
}
.sectionBox ul {
  margin: 1em 0;
  padding-left: 1.5em;
}
.sectionBox ul li {
  list-style: disc !important;
}
.sectionBox a {
  color: #A92955;
}
.sectionBox a:hover {
  color: #d86089;
}
.sectionBox a.btn {
  padding: 10px 30px;
  display: inline-block;
  border: 1px solid #A92955;
  border-radius: 15rem;
  font-weight: 700;
  color: #A92955;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  text-align: center;
}
.sectionBox a.btn:hover {
  background-color: #A92955;
  color: #fff;
}
@media screen and (max-width:767px) {
  .sectionBox a.btn {
    padding: 10px 20px;
  }
}
.sectionBox .time {
  text-align: right;
  margin-bottom: 10px;
}
.sectionBox .imgBottom {
  margin-top: 20px;
}
@media screen and (max-width: 768px) {
  .sectionBox .imgBottom {
    margin-top: 10px;
  }
}
.sectionBox .imgBottom ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 -10px;
  padding: 0;
}
@media screen and (max-width: 768px) {
  .sectionBox .imgBottom ul {
    margin: 0;
  }
}
.sectionBox .imgBottom ul li {
  width: 33.3333333333%;
  list-style: none !important;
  margin-bottom: 20px;
  padding: 0 10px;
}
@media screen and (min-width: 768px) and (max-width: 992px) {
  .sectionBox .imgBottom ul li {
    width: 50%;
  }
}
@media screen and (max-width: 768px) {
  .sectionBox .imgBottom ul li {
    margin-bottom: 10px;
    padding: 0;
    width: 100%;
  }
}
.sectionBox a[target=_blank]:after,
.sectionBox a[href$=".pdf"]:after,
.sectionBox a[href$=".doc"]:after,
.sectionBox a[href$=".docx"]:after,
.sectionBox a[href$=".xls"]:after,
.sectionBox a[href$=".xlsx"]:after,
.sectionBox a[href$=".zip"]:after,
.sectionBox a[href$=".txt"]:after,
.sectionBox a[href$=".ppt"]:after,
.sectionBox a[href$=".pptx"]:after,
.sectionBox a[href^="mailto:"]:after {
  font-family: "FontAwesome";
  display: inline-block;
  color: #A92955;
  margin-left: 0.2em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-decoration: none !important;
}
.sectionBox a[target=_blank]:hover:after,
.sectionBox a[href$=".pdf"]:hover:after,
.sectionBox a[href$=".doc"]:hover:after,
.sectionBox a[href$=".docx"]:hover:after,
.sectionBox a[href$=".xls"]:hover:after,
.sectionBox a[href$=".xlsx"]:hover:after,
.sectionBox a[href$=".zip"]:hover:after,
.sectionBox a[href$=".txt"]:hover:after,
.sectionBox a[href$=".ppt"]:hover:after,
.sectionBox a[href$=".pptx"]:hover:after,
.sectionBox a[href^="mailto:"]:hover:after {
  color: #d86089;
}
.sectionBox a[target=_blank]:after {
  content: "\f08e";
}
.sectionBox a[href$=".pdf"]:after {
  content: "\f1c1";
}
.sectionBox a[href$=".doc"]:after,
.sectionBox a[href$=".docx"]:after {
  content: "\f1c2";
}
.sectionBox a[href$=".xls"]:after,
.sectionBox a[href$=".xlsx"]:after {
  content: "\f1c3";
}
.sectionBox a[href$=".zip"]:after {
  content: "\f1c6";
}
.sectionBox a[href^="mailto:"]:after {
  content: "\f003";
}
.sectionBox a[href$=".txt"]:after {
  content: "\f016";
}
.sectionBox a[href$=".ppt"]:after,
.sectionBox a[href$=".pptx"]:after {
  content: "\f1c4";
}