@charset "UTF-8";
.cover {
  background: url(../img/blog/cover.jpg);
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

.cover::before {
  background: rgba(255, 255, 255, 0.4);
  content: "";
  height: 100%;
  position: absolute;
  width: 100%;
}

/*-----------------------------------------------------------
お知らせ
-----------------------------------------------------------*/
.main.in_main {
  padding-bottom: 140px;
}

.col2Set {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 0 auto;
  max-width: 1300px;
  width: 96%;
}

#col2Main {
  /* float: right; */
  max-width: 910px;
  padding: 50px 0 0;
  width: 70%;
  /* margin: 0 0 0 2%; */
}

#col2Side {
  margin: 50px 0 0 2%;
  max-width: 260px;
  width: 28%;
}

.categoryStyle > h4 {
  background: #2e2f32;
  color: #fff;
  font-size: 15px;
  margin: 0;
  padding: 15px;
  text-align: left;
}

.categoryStyle {
  -webkit-box-shadow: 2px 2px 7px 0px rgba(182, 182, 182, 0.52);
          box-shadow: 2px 2px 7px 0px rgba(182, 182, 182, 0.52);
  max-width: 240px;
  width: 100%;
}

.incate > li > a {
  border-bottom: solid 1px #ccc;
  color: #2e2f32;
  display: block;
  font-size: 14px;
  margin: 0 0;
  padding: 16px 15px;
  text-decoration: none;
}

.newsBtn:visited {
  color: #2e2f32;
}

.incate {
  background: #fff;
  margin: 0;
  padding: 0;
}

.incate > li > a:hover {
  background: #3bb1e6;
  color: #fff;
}

.itemCategory {
  margin: 0 0 2em;
}

.articleList {
  margin: 30px auto 0;
  padding: 8px 20px 20px;
}

.article02Box .articleImg {
  width: 33%;
}

.article02Box .articleImg img {
  -o-object-fit: cover;
     object-fit: cover;
}

.article02Box .articleMain {
  margin: 0 0 0 3%;
  padding: 0 0 60px;
  width: 64%;
}

.articleData {
  border-bottom: solid 1px #2e2f32;
  font-size: 0;
  margin: 16px auto 0;
  padding: 0 5px 12px;
}

.articleDate {
  color: #2e2f32;
  display: inline-block;
  font-size: 16px;
  font-weight: bold;
  max-width: 120px;
  padding: 0px 0 0;
  width: 48%;
}

.article02Box .articleMain h2 {
  color: #2e2f32;
  font-size: 1.8rem;
}

.article02Box .articleMain p {
  color: #2e2f32;
  font-size: 1.4rem;
}

.articleCate > span {
  background: #2e2f32;
  color: #fff;
  font-size: 14px;
  padding: 2px 4%;
}

.articleCate {
  display: inline-block;
  font-size: 16px;
  margin: 0 0 0 0.5em;
  width: 48%;
}

.article01Box,
.article02Box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 20px 0 0;
  /* padding: 0 0 60px; */
  position: relative;
}

.newsBtn {
  color: #2e2f32;
  display: block;
  font-size: 1.4rem;
  text-align: right;
}

.cBtn:hover {
  background: #2e2f32;
  color: #fff;
}

#col2Main .articleList:first-child {
  margin: 0;
}

.article02Box.noimg .articleMain {
  margin: auto;
  width: 100%;
}

.newsBtn:hover {
  color: #3bb1e6;
}

/*-----------------------------------------------------------
お知らせ(詳細)
-----------------------------------------------------------*/
.artcleDetlBox {
  border: solid 1px #2e2f32;
  border-top: solid 5px #2e2f32;
  margin: 0 auto 0;
  padding: 8px 20px 20px;
}

.newsDtleTit {
  border-bottom: dashed 1px #2e2f32;
  color: #2e2f32;
  font-size: 20px;
  font-weight: bold;
  margin: 0 5px;
  padding: 18px 0 15px;
}

.newsDtleImg {
  margin: 20px auto 0;
  text-align: center;
}

.newsDtleContents {
  word-wrap: break-word;
  font-size: 18px;
  margin: 20px 0 0;
  padding: 0 10px;
}

.articleDetailBox {
  margin: 30px 0 0;
}

.articleDetailBox p {
  color: #2e2f32;
  font-size: 1.6rem;
  margin: 30px auto 0;
}

.article h1 {
  color: #2e2f32;
}

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

/* max-width: 768px ここまで */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

/* max-width: 591px ここまで */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

/* max-width: 414px ここまで */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

/* max-width: 320px ここまで */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */
@media screen and (max-width: 768px) {
  /* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
  /* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
  #col2Main {
    float: none;
    margin: 0 auto;
    padding: 50px 1em;
    width: 100%;
  }
  #col2Side {
    float: none;
    margin: 40px auto 0;
    max-width: 100%;
    padding: 0 2em;
    width: 100%;
  }
  .categoryStyle {
    max-width: 100%;
  }
  .article02Box .articleMain h2 {
    font-size: 1.4rem;
  }
  .article02Box .articleMain p {
    font-size: 1.2rem;
  }
  .newsBtn {
    font-size: 1.2rem;
  }
  .main.in_main {
    padding-bottom: 70px;
  }
  /* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */
}
@media screen and (max-width: 591px) {
  /* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
  /* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
  /* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */
}
@media screen and (max-width: 414px) {
  /* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
  /* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
  /* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */
}
@media screen and (max-width: 320px) {
  /* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
  /* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
  /* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */
}