@charset "UTF-8";

.center {
  text-align: center;
}

.main {
  width: 100%;
  padding: 35px 0 60px;
  background: #f7f6f3;
}
.main_column,
.side_column {
  display: inline-block;
  vertical-align: top;
  position: relative;
}
.main_column {
  width: 73%;
}
.side_column {
  width: 26.25%;
  padding-left: 3%;
}
@media screen and (max-width: 1023px) {
  .main {
    padding: 30px 0 20px;
  }
  .main_column,
  .side_column {
    display: block;
    max-width: 100%;
    width: 100%;
    margin-bottom: 10px;
  }
  .side_column {
    padding: 0;
  }
}
@media screen and (max-width: 639px) {
  .main {
    padding: 0;
    background: #fff;
  }
  .main_column,
  .side_column {
    padding: 0;
  }
  .main > .inner {
    width: 100%;
  }
}


/* メインcolumn　コンテンツ
--------------------------------------------------------- */
.main_content {
  width: 100%;
  background: #fff;
  padding: 30px 40px 40px;
  position: relative;
}
.main_content.genre_archive {
  background: none;
  padding: 0;
}
.archive_nopost {
  padding: 2em 0;
  font-size: 2rem;
  font-weight: bold;
  text-align: center;
}
.archive_cat_name {
  position: relative;
  margin-bottom: 1em;
  padding: .5em 1em;
  background: #efefef;
  font-size: 2.4rem;
}
ul + .archive_cat_name {
  margin-top: 2em;
}
.archive_cat_btn {
  position: absolute;
  top: 0;
  right: .5em;
  bottom: 0;
  height: 2em;
  margin: auto;
  padding: .5em 1em;
  border-radius: 3px;
  border: 1px solid #1e2631;
  background: #fff;
  font-size: 1.6rem;
  text-align: center;
  letter-spacing: 3px;
  line-height: 1;
}

@media screen and (max-width: 639px) {
  .main_content {
    padding: 0;
  }
}

/* コンテンツ下 PICKUP */
.pickup_frame {
  background: #fff;
  padding: 20px 35px ;
  margin-top: 30px;
}
@media screen and (max-width: 1023px) {
  .pickup_frame {
    margin: 20px auto 30px;
  }
}
@media screen and (max-width: 639px) {
  .pickup_frame {
    background: #f7f6f3;
    padding: 20px 5%;
    margin: 25px auto;
  }
}

/* PICKUPLIST カスタマイズ */
.pickup_item {
  padding-bottom: 0;
  margin: 10px 0 ;
}
.pickup_item_time,
.pickup_item_ttl {
  width: 100%;
}
@media screen and (min-width: 1024px) {
  .pickup_item_img {
    height: 120px;
  }
}

/* テキスト
--------------------------------------------------------- */
/* h1 タイトル */
.post_content h1,
.ttl {
  position: relative;
  font-size: 2.5rem;
  letter-spacing: 1px;
  font-weight: bold;
  padding-bottom: 15px;
  margin-bottom: 20px;
  border-bottom: 3px solid #eee;
  line-height: 1.3;
}
.post_content *+h1,
*+.ttl {
  margin-top: 50px;
}
.ttl::before {
  display: block;
  margin-bottom: .5em;
  font-size: 1.6rem;
  font-weight: normal;
  letter-spacing: 0;
  content: attr(data-sub-ttl);
}
@media screen and (max-width: 639px) {
  .post_content h1,
  .main_content .ttl {
    font-size: 1.9rem;
    padding: 2em 5%;
    margin-bottom: 16px;
    border-bottom: none;
    line-height: 1.4;
    background: #eee;
    width: 100%;
  }
  .post_content *+h1,
  *+.ttl {
    margin-top: 25px;
  }
}

/* h2 サブタイトル */
.chiikijin_mokuji h3,
.post_content h2,
.subttl {
  font-size: 1.8rem;
  letter-spacing: 1px;
  font-weight: bold;
  padding: 3px 0 3px 20px;
  margin-bottom: 8px;
  border-left: 3px solid #dc647c;
  line-height: 1.5;
}
.chiikijin_mokuji *+h3,
.post_content *+h2,
*+.subttl {
  margin-top: 30px;
}
@media screen and (max-width: 639px) {
  .chiikijin_mokuji h3,
  .post_content h2,
  .subttl {
    font-size: 15px;
    padding: 5px 0 5px 15px;
    margin-bottom: 12px;
    letter-spacing: 0.8px;
  }
  .post_content *+h2,
  .chiikijin_mokuji *+h3,
  *+.subttl {
    margin-top: 20px;
  }
}

/* h3 ミニタイトル */
.chiikijin_mokuji h4,
.post_content h3,
.minittl {
  font-size: 1.6rem;
  letter-spacing: 1px;
  font-weight: bold;
  padding: 1px 0 1px 20px;
  margin-bottom: 15px;
  border-left: 3px solid #aaa;
  line-height: 1.5;
}
.chiikijin_mokuji *+h4,
.post_content *+h3,
*+.minittl {
  margin-top: 25px;
}
@media screen and (max-width: 639px) {
  .chiikijin_mokuji h4,
  .post_content h3,
  .minittl {
    font-size: 14px;
    padding: 0 0 0 15px;
    margin-bottom: 10px;
    letter-spacing: 0.8px;
  }
  .chiikijin_mokuji *+h4,
  .post_content *+h3,
  *+.minittl {
    margin-top: 15px;
  }
}


/* アイコン型タイトル */
.chiikijin_mokuji h2,
.icon_ttl {
  display: inline-block;
  color: #fff;
  font-size: 1.3rem;
  line-height: 30px;
  padding: 0 15px;
  border-radius: 3px;
  background: #1e2631;
}
.icon_ttl.Lsize {
  display: block;
  font-size: 1.8rem;
  line-height: 48px;
  padding: 0 25px;
  margin-top: 50px;
}
.ttl+.icon_ttl.Lsize {
  margin-top: 0;
}
@media screen and (max-width: 639px) {
  .icon_ttl.Lsize {
    font-size: 1.7rem;
    line-height: 40px;
    padding: 0 15px;
    margin-top: 30px;
  }
}



/* 番号つきタイトル */
.nomber_ttl {
  position: relative;
  font-size: 1.8rem;
  letter-spacing: 1px;
  font-weight: bold;
  padding: 0 0 0 40px;
  margin-bottom: 18px;
  line-height: 1.5;
}
*+.nomber_ttl {
  margin-top: 30px;
}
.nomber_ttl span {
  position: absolute;
  left: 0;
  top: 0;
  width: 30px;
  height: 30px;
  text-align: center;
  line-height: 30px;
  color: #fff;
  background: #dc647c;
  background: linear-gradient(100deg, #df6b82, #c93d59);
  font-family: 'Nova Round', sans-serif;
  letter-spacing: 0;
  border-radius: 50%;
  font-size: 1.5rem;
}


/* インタビュータイトル */
.interview_ttl {
  position: relative;
  font-size: 1.6rem;
  letter-spacing: 1px;
  font-weight: bold;
  padding: 8px 10px 8px 70px;
  margin-bottom: 18px;
  line-height: 1.5;
  background: #f4f4f4;
}
*+.interview_ttl {
  margin-top: 30px;
}
.interview_ttl span {
  position: absolute;
  left: 0;
  top: 0;
  padding: 8px 10px 8px 15px;
  height: 100%;
  text-align: center;
  color: #fff;
  background: #6d3d7b;
  background: linear-gradient(100deg, #744083, #54325e);
  font-family: 'Nova Round', sans-serif;
  letter-spacing: 2px;
  font-size: 1.6rem;
}




/* ドットつきタイトル */
.post_content h4,
.dot_ttl {
  font-size: 1.7rem;
  letter-spacing: 0.3px;
  line-height: 1.9;
  font-weight: bold;
  position: relative;
  padding-left: 18px;
}
.post_content h4:before,
.dot_ttl:before {
  content: "";
  width: 4px;
  height: 4px;
  background: #1e2631;
  position: absolute;
  top: 50%;
  margin-top: -2px;
  left: 0;
  border-radius: 50%;
}
.post_content .txt+h4,
.txt+.dot_ttl {
  margin-top: 20px;
}
@media screen and (max-width: 639px) {
  .post_content h4,
  .dot_ttl {
    font-size: 15px;
    padding-left: 13px;
    margin-bottom: 2px;
  }
  .post_content .txt+h4,
  .txt+.dot_ttl {
    margin-top: 10px;
  }
}


/* 本文 */
.chiikijin_mokuji p,
.post_content p,
.txt {
  font-size: 1.6rem;
  letter-spacing: 0.3px;
  line-height: 1.9;
}
.chiikijin_mokuji p+p,
.post_content p+p,
.txt+.txt {
  padding-top: 15px;
}
.indnt {
  padding-left: 15px;
}
@media screen and (max-width: 639px) {
  .chiikijin_mokuji p,
  .post_content p,
  .txt {
    font-size: 15px;
  }
  .chiikijin_mokuji p+p,
  .post_content p+p,
  .txt+.txt {
    padding-top: 10px;
  }
  .indnt {
    padding-left: 0;
  }
}

.post_content .cap {
  font-size: 1.2rem;
}

/* リスト */
.post_content ul,
.list {
  margin: 25px 20px;
}
.ttl+.list,
.subttl+.list {
  margin-top: 0;
}
.post_content li,
.list li {
  font-size: 1.6rem;
  padding-left: 18px;
  margin-bottom: 12px;
  position: relative;
}
.post_content li:last-child,
.list li:last-child {
  margin-bottom: 0;
}
.post_content li:before ,
.list li:before {
  content: "";
  width: 4px;
  height: 4px;
  background: #1e2631;
  position: absolute;
  top: 50%;
  margin-top: -2px;
  left: 0;
  border-radius: 50%;
}
@media screen and (max-width: 639px) {
  .post_content ul,
  .list {
    margin: 20px auto;
  }
  .post_content li,
  .list li {
    font-size: 14px;
    padding-left: 15px;
    margin-bottom: 10px;
  }
}

/* テーブル */
.post_content table,
.tbl {
  margin: 25px auto;
  width: 100%;
}
.post_content .subttl+table,
.ttl+.tbl,
.subttl+.tbl {
  margin-top: -10px;
}

.post_content .dot_ttl+table,
.dot_ttl+.tbl {
  margin-top: 0;
}
.post_content tr,
.tbl tr {
  border-bottom: 1px solid #eee;
}
.post_content th,
.post_content td,
.tbl th,
.tbl td {
  text-align: left;
  padding: 20px 10px;
  line-height: 1.6;
}
.post_content th,
.tbl th {
  width: 20%;
  font-size: 1.6rem;
}
.post_content td,
.tbl td {
  font-size: 1.5rem;
}
@media screen and (max-width: 639px) {
  .post_content table,
  .tbl {
    margin: 20px auto;
  }
  .post_content .subttl+table,
  .post_content .dot_ttl+table,
  .ttl+.tbl,
  .subttl+.tbl,
  .dot_ttl+.tbl {
    margin-top: 0;
  }
  .post_content tr,
  .tbl tr {
    border: none;
  }
  .post_content th,
  .post_content td,
  .tbl th,
  .tbl td {
    display: block;
    width: 100%;
    font-size: 15px;
    line-height: 1.6;
  }
  .post_content th,
  .tbl th {
    padding: 15px 0 5px;
  }
  .post_content tr:first-child th,
  .tbl tr:first-child th {
    padding-top: 0;
  }
  .post_content td,
  .tbl td {
    padding: 0 0 15px;
    border-bottom: 1px solid #eee;
  }
}

/* リンク */
.post_content > a,
.post_content *:not(.btn) a,
.main_content > a,
.list li a,
.txt > a {
  text-decoration: underline;
  color: #db627a;
}
.main_content a:hover {
  opacity: .8;
}
.main_content .btn a:hover {
  opacity: 1;
}

.txt_Ssize {
  font-size: 1.2rem;
}
.bold {
  font-weight: bold;
}
iframe {
  display: block;
  max-width: 100%;
  margin: 10px auto;
}

@media screen and (max-width: 639px) {
  .main_content > p,
  .main_content > h1,
  .main_content > h2,
  .main_content > h3,
  .main_content > h4,
  .main_content > h5,
  .main_content > h6,
  .main_content > span,
  .main_content > div,
  .main_content > img,
  .main_content > a,
  .main_content > table,
  .main_content > ul,
  .main_content > ol,
  .main_content > dl,
  .main_content > iframe {
    width: 90%;
    margin-right: auto;
    margin-left: auto;
  }
}

/* パンくず
--------------------------------------------------------- */
.breadcrumbs_wrap {
  width: 100%;
  padding: 1em 0 0;
  background: #f7f6f3;
}
.breadcrumbs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 1000px;
  margin: 0 auto;
}
.breadcrumbs,
.breadcrumbs * {
  color: #000;
  font-size: 1.4rem;
}
.breadcrumbs a {
  text-decoration: underline;
}
.breadcrumbs a:hover {
  text-decoration: none;
}
.breadcrumbs br {
  display: none;
}
.breadcrumbs .post_tag {
  margin: 0;
}
@media screen and (max-width: 1023px) and (min-width: 640px)  {
  .breadcrumbs_wrap {
    overflow: scroll;
  }
  .breadcrumbs {
    width: 90%;
    padding: 0 3%;
  }
}


@media screen and (max-width: 639px) {
  .breadcrumbs_wrap {
    overflow: scroll;
  }
  .breadcrumbs {
    padding: 0 3%;
  }
}



/* slider
--------------------------------------------------------- */
.main_slider {
  padding-bottom: 50px;
}
.slider_frame {
  width: 100%;
  margin: auto;
}
.slick-list {
  padding: 0 !important;
}

@media screen and (max-width: 639px) {
  .main_slider {
    padding-bottom: 40px;
  }
}

.slider_body {
  background: #eee no-repeat center;
  background-size: cover;
}
.slider_body_inner {
  width: 100%;
  height: 400px;
  display: block;
  position: relative;
}
@media screen and (max-width: 1023px) {
  .slider_body_inner {
    height: 40vh;
    max-height: 400px;
  }
}
@media screen and (max-width: 639px) {
  .slider_body_inner {
    height: 200px;
  }
}

.slider_txt {
  position: absolute;
  left: 0;
  bottom: 20px;
  background: rgba(30, 38, 48, 0.84);
  padding: 10px 30px;
  color: #fff;
  letter-spacing: 2px;
}
.slider_txt_jp {
  font-size: 1.3rem;
  display: block;
}
@media screen and (max-width: 1023px) {
  .slider_txt_jp {
    font-size: 1.2rem;
  }
}
@media screen and (max-width: 639px) {
  .slider_txt {
    bottom: 20px;
    padding: 10px 15px;
    letter-spacing: 1px;
  }
  .slider_txt_jp {
    font-weight: bold;
  }
}

.pickup_item_icon {
  display: none;
}


/* プロジェクトファイルフッター
--------------------------------------------------------- */
/* プロジェクトファイルフッター - list */
.movie_item {
  width: 32.5%;
  display: inline-block;
  vertical-align: top;
  padding: 0 1% 15px;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  position: relative;
}
.movie_item:hover {
  opacity: .8;
}
.movie_item a {
  display: block;
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
@media screen and (max-width: 1023px) {
  .movie_item {
    padding-bottom: 10px;
    margin: 10px 0 8px;
  }
}
@media screen and (max-width: 639px) {
  .movie_item {
    width: 48%;
    padding-bottom: 8px;
    margin: 10px 0 0;
    background: none;
  }
}

/* プロジェクトファイルフッター - 画像 */
.movie_item_img {
  display: block;
  height: 100px;
  width: 100%;
  margin: 0;
}
@media screen and (max-width: 639px) {
  .movie_item_img {
    height: 80px;
  }
}

/* プロジェクトファイルフッター - テキスト */
.movie_item_ttl {
  letter-spacing: 1px;
  font-size: 1.4rem;
  font-weight: bold;
  padding: 5px 0 0;
}
@media screen and (max-width: 639px) {
  .movie_item_ttl {
    font-size: 1.3rem;
  }
}


/* 地域人
--------------------------------------------------------- */
.chiikijin_logo {
  padding: 10px 0 30px;
}

/* バックナンバー */
.chiikijin_listitem {
  margin: 0 0 30px 30px;
}
@media screen and (max-width: 639px) {
  .chiikijin_listitem {
    margin: 0 10px 20px;
  }
}

/* 注目記事 */
.chiikijin_mainlist {
	width: 100%;
  padding-bottom: 30px;
}
.chiikijin_mainlist:last-child {
  padding-bottom: 10px;
}
.chiikijin_mainimage {
  width: 40%;
  overflow: hidden;
  display: inline-block;
  vertical-align: top;
}
.chiikijin_maintxtbox {
  width: 58%;
  padding-left: 3%;
  display: inline-block;
  vertical-align: top;
}
.chiikijin_mainttl {
  font-weight: bold;
  font-size: 1.3rem;
  text-align: center;
  padding-top: 10px;
}
.chiikijin_mainttl span {
  font-size: 2.0rem;
  color: #6d3d7b;
  display: block;
}
.chiikijin_maintxt {
  line-height: 1.8;
  font-size: 1.4rem;
  letter-spacing: 0;
}
@media screen and (max-width: 639px) {
  .chiikijin_mainimage {
    margin: auto;
    width: 100%;
  }
  .chiikijin_mainimage img {
    width: auto;
    margin: auto;
    max-width: 100%;
    max-height: 250px;
    display: block;
  }
  .chiikijin_maintxtbox {
    width: 100%;
    display: block;
    padding: 10px 0 0;
  }
  .chiikijin_maintxt {
    padding-top: 5px;
  }
}




/* ページャー
--------------------------------------------------------- */
.post_content+.controls {
  margin-top: 50px;
}

/* アーカイブ用ページング */
.next {
  background-color: #eee;
  width: 48%;
  position: relative;
}
.next p {
  font-size:13px;
  line-height: 55px;
  color:#555;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}
.next.right p {
  padding: 0 35px 0 20px;
}
.next.left p {
  padding: 0 20px 0 35px;
}
.page-numbers.prev:before,
.page-numbers.next:before,
.next:before {
  content: "\e901";
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  top: 50%;
  margin-top: -8px;
  font-size: 1rem;
  color: #999;
}
.next.right:before {
  right: 10px;
}
.next.left:before {
  left: 10px;
  -webkit-transform: rotateY(180deg);
          transform: rotateY(180deg);
}
.next a {
  position: absolute;
  height:100%;
  width:100%;
  top: 0;
  left: 0;
  z-index: 10;
}
.next:hover p {
  text-decoration: underline;
}

/* 固定ページ用ページング */
.page-numbers {
  display: none;
}
.page-numbers.prev,
.page-numbers.next {
  display: inline-block;
  position: relative;
  width: 48%;
  padding: 0 35px 0 20px;
  background-color: #eee;
  color: #555;
  font-size: 13px;
  line-height: 55px;
  white-space: nowrap;
}
.page-numbers.prev {
  float: left;
  padding-left: 35px;
}
.page-numbers.next {
  float: right;
}
.page-numbers.next:before {
  top: .75em;
  right: 1em;
}
.page-numbers.prev:before {
  top: .75em;
  left: 1em;
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg);
}

@media screen and (max-width: 639px) {
  .next {
    margin: 30px 0 0;
    width: 100%;
  }
  .next+.next {
    margin: 8px 0 0;
  }
  .page-numbers.next {
    margin: 0;
  }
}



/* 地域人もくじ
--------------------------------------------------------- */
.chiikijin_mokuji h2 {
  margin-bottom: -10px;
}
.chiikijin_mokuji h3 {
  margin-bottom: 5px;
  padding-left: 10px;
}
.chiikijin_mokuji h4 {
  margin-bottom: 5px;
  padding-left: 10px;
}
.chiikijin_mokuji p {
  padding-left: 13px;
  font-size: 1.5rem;
  color: #444;
}
.chiikijin_mokuji *+h2 {
  margin-top: 30px;
}
.chiikijin_mokuji>span {
  padding-left: 13px;
  font-size: 1.3rem;
  padding-top: 3px;
  color: #777;
  display: block;
}
.chiikijin_mokuji>span span {
  font-weight: bold;
  color: #444;
  padding-right: 5px;
}

.chiikijin_data {
  padding-bottom: 20px;
}
.concept_txt {
  font-size: 1.4rem;
  padding-bottom: 15px;
  line-height: 1.7;
}
.hanbaibi {
  font-size: 1.2rem;
  padding-top: 5px;
  font-weight: bold;
}
@media screen and (max-width: 639px) {
  .chiikijin_data {
    padding-bottom: 0;
  }
  .concept_txt {
    font-size: 1.5rem;
    line-height: 1.9;
    padding-top: 10px;
    text-align: left;
  }
  .hanbaibi {
    font-size: 1.4rem;
    padding-top: 10px;
    padding-bottom: 5px;
  }
}


/* 豪華連載  */

.chiikijinslider {
  margin-bottom: 0;
}
.chiikijinslider_body {
  padding: 0 5px;
}
.chiikijinslider_txt {
  text-align: center;
  letter-spacing: 2px;
  font-size: 1.3rem;
  padding-top: 6px;
  font-weight: bold;
}
.chiikijinslider_img {
}


.caption_chiikijin {
  font-size: 1.2rem;
  text-align: right;
  display: block;
  padding-top: 10px;
}



/* プロジェクトファイル
--------------------------------------------------------- */

@media screen and (max-width: 639px) {
  .projectfile_movie {
    height: 200px;
    margin-bottom: 25px;
  }
}


/* 事例紹介
--------------------------------------------------------- */
.jirei_list li {
  padding-top: 30px;
}
.jirei_img {
  display: inline-block;
  vertical-align: top;
  width: 30%;
}
.jirei_img img {
  height: auto;
  width: 100%;
}
.jirei_txt {
  display: inline-block;
  vertical-align: top;
  width: 68%;
  padding-left: 2%;
}
.jirei_txt_ttl {
  font-size: 2rem;
  font-weight: bold;
}
.jirei_txt_ttl span {
  color: #6d3d7b;
}
.jirei_txt_txt {
  font-size: 1.4rem;
  line-height: 1.6;
  letter-spacing: 0;
  padding-top: 5px;
}
@media screen and (max-width: 639px) {
  .jirei_list li {
    padding-top: 20px;
  }
  .jirei_img {
    display: block;
    width: 100%;
  }
  .jirei_img img {
    height: auto;
    width: 100%;
  }
  .jirei_txt {
    display: block;
    width: 100%;
    padding-top: 10px;
    padding-left: 0;
  }
}


/* 連携自治体
--------------------------------------------------------- */
.renkeijichitai .txt {
  padding-left: 20px;
}
.renkeijichitai .minittl {
  padding-left: 15px;
  margin-bottom: 5px;
}
.renkeijichitai_name:not(:last-child):after {
  content: "・";
}
.renkeijichitai_name a {
  text-decoration: underline;
 color: #db627a;
}


/* 顧問一覧
--------------------------------------------------------- */
.komon_list .subttl span {
  padding-bottom: 2px;
  font-size: 1.2rem;
  font-weight: bold;
  display: block;
  letter-spacing: 0;
}
.komon_list .subttl {
  margin-bottom: 4px;
    padding-left: 15px;
}
.komon_list .subttl a {
  color: #6d3d7b;
  text-decoration: underline;
}
.komon_list .subttl a:hover {
  text-decoration: none;
}
.komon_list .txt {
  padding-left: 18px;
  font-size: 1.4rem;
  color: #333;
}


.komon_area{
    margin-bottom: 20px;
}




/* コンタクトフォーム調整
--------------------------------------------------------- */
.none_check span {
opacity:0.5;
}

/* end */

/* sakurai追加　5つの活動 */
h1.ttl span {
    font-size: 16px;
}
/* end */

/* 地域人注目記事タイトルサブ追加 */
.ttl-sub {
  font-size: 12px;
  font-weight: normal;
  letter-spacing: normal;
  text-align: center;
}



ol.bsr-list {
  counter-reset: my-counter;
  list-style: none;
  padding: 0;
}

ol.bsr-list li {
  margin-bottom: 10px;
  padding-left: 30px;
  position: relative;
}
ol.bsr-list li:before {
  content: counter(my-counter);
  counter-increment: my-counter;
  background-color: #ccc;
  color: #000;
  display: block;
  float: left;
  line-height: 22px;
  margin-left: -30px;
  text-align: center;
  height: 22px;
  width: 22px;
  border-radius: 50%;
}
/* 研究所員インタビュー
--------------------------------------------------------- */
.interview-cap {
  font-size: 1.4rem !important;
  color: #666;
}

.interview-pro {
    margin-top: 20px;
    padding: 25px 30px;
    background: #f7f7f7;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.interview-prophoto img {
  width: 190px;
}
.interview-prophoto {
  width: 190px;
}

.interview-proname {
  padding-left: 10px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.interview-proname > p {
  font-size: 1.4rem !important;
}
.interview-name {
  font-weight: bold;
}

.interview-txt {
  text-indent: 1em;
}

h2.interview-title {
font-size: 2.5rem;
letter-spacing: 1px;
font-weight: bold;
padding: 0px;
margin-bottom: 18px;
border-left: none;
line-height: 1.3
}

h2.interview-title + p {
  font-size: 1.4rem;
}

.interview-photo2r {
  float: right;
    width: 280px;
    font-size: 1.2rem !important;
    color: #666;
    padding: 10px;
}

.interview-photo2l {
  float: left;
    width: 280px;
    font-size: 1.2rem !important;
    color: #666;
    padding: 10px;
}


.interview-photo2 img {
  width: 280px;
  padding-bottom: 5px;
}

@media screen and (max-width: 639px) {
  .post_content h2 {
    font-size: 1.8rem;
  }

  h2.interview-title {
  font-size: 2.0rem;
  }


  .interview-pro {
      margin-top: 20px;
      padding: 25px 30px;
      display: block;
  }

  .interview-prophoto p {
    text-align: center;
  }
  .interview-prophoto {
    width: 270px;
    padding-bottom: 10px;
  }

  .interview-photo2r, .interview-photo2l {
      width: 100%;
  }

  .interview-photo2r img,   .interview-photo2l img {
      width: 100%;
  }

}


/* 研究者
--------------------------------------------------------- */
.reseacher .subttl {
  padding: .5em;
  background: #e6e6e6;
}
.res_head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.res_img {
  width: 40%;
  height: auto;
}
.res_info {
  width: 60%;
  padding-left: 2em;
}
.res_name {
  margin-bottom: .5em;
  padding-bottom: .5em;
  border-bottom: 3px solid #eee;
  font-size: 2.4rem;
}

.reseacher .post_item + .post_item {
  margin-top: 1em;
}
.res_txt {
  font-size: 1.4rem;
}
.res_txt strong {
  display: inline-block;
  padding-top: .5em;
  font-size: 1.6rem;
  font-weight: bold;
}
.res_post_list .post_item + .post_item {
  margin-top: 1em;
}
.res_table {
  width: 100%;
}
.res_table th,
.res_table td {
  padding: 1em;
  font-size: 1.4rem;
}
.res_table th {
  width: 22%;
  text-align: left;
  vertical-align: top;
}
.res_table td {
  line-height: 1.8;
}
.post_item_link {
  cursor: pointer;
}

@media screen and (max-width: 639px) {
  .res_head {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 2em 3%;
  }
  .res_info {
    width: 100%;
    margin-top: 1em;
    padding: 0;
  }
  .res_table th,
  .res_table td {
    display: block;
    width: 100%;
    padding: .5em;
  }
}


/* 研究レポート
--------------------------------------------------------- */
.author {
  margin: 0 0 1em;
  text-align: right;
}
.author_ttl {
  opacity: .7;
  font-size: 1.4rem;
  font-weight: bold;
}
.author_pos {
  margin-top: .5em;
  font-size: 1.2rem;
}
.author a {
  color: inherit !important;
  font-size: 1.6rem;
  font-weight: bold;
  text-decoration: none !important;
}
.author a:before {
  content: "\e901";
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-top: -6px;
  font-size: 1rem;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
}


/* 年別アーカイブ
--------------------------------------------------------- */
.year_archive_list {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  padding: 0 .5em;
  border-bottom: 1px solid #ccc;
}
.year_archive_item {
  border: 1px solid #ccc;
  border-bottom: 0;
  border-radius: 4px 4px 0 0;
}
.year_archive_link {
  display: block;
  padding: .25em .75em;
  font-size: 1.4rem;
}
.year_archive_link:hover,
.year_archive_link.is-active {
  border-color: #000;
  background: #000;
  color: #fff;
}


/* プロジェクト個別ページ
--------------------------------------------------------- */
.project_sec {
  margin-top: 2em;
}
.related_ttl {
  font-size: 1.8rem;
  letter-spacing: 1px;
  font-weight: bold;
  padding: 3px 0 3px 20px;
  margin-bottom: 18px;
  border-left: 3px solid;
  line-height: 1.5;
  background: #e6e6e6;
}
.connect .post_content h2,
.connect .related_ttl {
  border-color: #ff9900;
}
.pro-dmo .post_content h2,
.pro-dmo .related_ttl {
  border-color: #99cc33;
}


/* 記事リスト */
.related_list_ttl {
  padding: .5em 0;
  font-size: 1.8rem;
  font-weight: bold;
}

p.sub-ttl {
    font-size: 1.3rem;
    /* background-color: #ecf7d7; */
}

/*プロジェクトつなぐ  #fcae5a
観光による町づくり　#4b8333
すがもプロジェクト #375488
地域ソリューション情報センター#65d1e5
グリーンインフラ #6ecf5b
BSR推進センター #ee6602
教育による地域創生 #1fd6a0
地域連携(●茶色)　#6c3704 */


/*.activity1 h1.ttl {
    border-bottom: 5px solid #fcae5a;
    margin-top: 0px;
}
.activity2 h1.ttl {
    border-bottom: 5px solid #4b8333;
    margin-top: 0px;
}
.activity3 h1.ttl {
    border-bottom: 5px solid #375488;
    margin-top: 0px;
}
.activity4 h1.ttl {
    border-bottom: 5px solid #65d1e5;
    margin-top: 0px;
}
.activity5 h1.ttl {
    border-bottom: 5px solid #6ecf5b;
    margin-top: 0px;
}
.bsr h1.ttl {
    border-bottom: 5px solid #ee6602;
    margin-top: 0px;
}
.activity7 h1.ttl {
    border-bottom: 5px solid #1fd6a0;
    margin-top: 0px;
}
.activity8 h1.ttl {
    border-bottom: 5px solid #6c3704;
    margin-top: 0px;
}*/

.activity_cat01 h1.ttl {
    border-bottom: 5px solid #fcae5a;
    margin-top: 0px;
}
.activity_cat02 h1.ttl {
    border-bottom: 5px solid #4b8333;
    margin-top: 0px;
}
.activity_cat03 h1.ttl {
    border-bottom: 5px solid #375488;
    margin-top: 0px;
}
.activity_cat04 h1.ttl {
    border-bottom: 5px solid #65d1e5;
    margin-top: 0px;
}
.activity_cat05 h1.ttl {
    border-bottom: 5px solid #6ecf5b;
    margin-top: 0px;
}
.activity_cat06 h1.ttl {
    border-bottom: 5px solid #ee6602;
    margin-top: 0px;
}
.activity_cat07 h1.ttl {
    border-bottom: 5px solid #1fd6a0;
    margin-top: 0px;
}
.activity_cat08 h1.ttl {
    border-bottom: 5px solid #6c3704;
    margin-top: 0px;
}

/* プロジェクトタイトル */
.project_ttl {
  font-weight: bold;
}
/*
.activity1.sidenav_ttl {
  background: #fcae5a;
  color: rgba(0,0,0,.8);
}
.activity2.sidenav_ttl {
  background: #4b8333;
  color: rgba(0,0,0,.8);
}
.activity3.sidenav_ttl {
  background: #375488;
}
.activity4.sidenav_ttl {
  background: #65d1e5;
  color: rgba(0,0,0,.8);
}
.activity5.sidenav_ttl {
  background: #6ecf5b;
}
.bsr.sidenav_ttl {
  background: #ee6602;
}
.activity7.sidenav_ttl {
  background: #1fd6a0;
  color: rgba(0,0,0,.8);
}
.activity8.sidenav_ttl {
  background: #6c3704;
}
*/
.activity_cat01.sidenav_ttl {
  background: #fcae5a;
  color: rgba(0,0,0,.8);
}
.activity_cat02.sidenav_ttl {
  background: #4b8333;
  color: rgba(0,0,0,.8);
}
.activity_cat03.sidenav_ttl {
  background: #375488;
}
.activity_cat04.sidenav_ttl {
  background: #65d1e5;
  color: rgba(0,0,0,.8);
}
.activity_cat05.sidenav_ttl {
  background: #6ecf5b;
}
.activity_cat06.sidenav_ttl {
  background: #ee6602;
}
.activity_cat07.sidenav_ttl {
  background: #1fd6a0;
  color: rgba(0,0,0,.8);
}
.activity_cat08.sidenav_ttl {
  background: #6c3704;
}

/*.activity1 h2, .activity2 h2, .activity3 h2, .activity4 h2, .activity5 h2, .activity6 h2, .activity7 h2, .activity8 h2 {
  font-size: 1.8rem;
  letter-spacing: 1px;
  font-weight: bold;
  padding: 3px 0 3px 20px;
  margin-bottom: 8px;
  line-height: 1.5;
}*/
.activity_cat01 h2, .activity_cat02 h2, .activity_cat03 h2, .activity_cat04 h2, .activity_cat05 h2, .activity_cat06 h2, .activity_cat07 h2, .activity_cat08 h2 {
  font-size: 1.8rem;
  letter-spacing: 1px;
  font-weight: bold;
  padding: 3px 0 3px 20px;
  margin-bottom: 8px;
  line-height: 1.5;
}
/*
.activity1 h2 {
    border-left: 3px solid #fcae5a;
}

.activity2 h2 {
    border-left: 3px solid #4b8333;
}

.activity3 h2 {
    border-left: 3px solid #375488;
}

.activity4 h2 {
    border-left: 3px solid #65d1e5;
}

.activity5 h2 {
    border-left: 3px solid #6ecf5b;
}

.activity6 h2 {
    border-left: 3px solid #ee6602;
}

.activity7 h2 {
    border-left: 3px solid #1fd6a0;
}

.activity8 h2 {
    border-left: 3px solid #6c3704;
}
*/
.activity_cat01 h2 {
    border-left: 3px solid #fcae5a;
}

.activity_cat02 h2 {
    border-left: 3px solid #4b8333;
}

.activity_cat03 h2 {
    border-left: 3px solid #375488;
}

.activity_cat04 h2 {
    border-left: 3px solid #65d1e5;
}

.activity_cat05 h2 {
    border-left: 3px solid #6ecf5b;
}

.activity_cat06 h2 {
    border-left: 3px solid #ee6602;
}

.activity_cat07 h2 {
    border-left: 3px solid #1fd6a0;
}

.activity_cat08 h2 {
    border-left: 3px solid #6c3704;
}
/*
.activity1 .related_list_ttl {
  color: #fcae5a;
}
.activity2 .related_list_ttl {
  color: #4b8333;
}
.activity3 .related_list_ttl {
  color: #375488;
}
.activity4 .related_list_ttl {
  color: #65d1e5;
}
.activity5 .related_list_ttl {
  color: #6ecf5b;
}
.bsr .related_list_ttl {
  color: #ee6602;
}
.activity7 .related_list_ttl {
  color: #1fd6a0;
}
.activity8 .related_list_ttl {
  color: #6c3704;
}
*/
.activity_cat01 .related_list_ttl {
  color: #fcae5a;
}
.activity_cat02 .related_list_ttl {
  color: #4b8333;
}
.activity_cat03 .related_list_ttl {
  color: #375488;
}
.activity_cat04 .related_list_ttl {
  color: #65d1e5;
}
.activity_cat05 .related_list_ttl {
  color: #6ecf5b;
}
.activity_cat06 .related_list_ttl {
  color: #ee6602;
}
.activity_cat07 .related_list_ttl {
  color: #1fd6a0;
}
.activity_cat08 .related_list_ttl {
  color: #6c3704;
}


.related_list {
  margin-bottom: 2em;
}
.related_item {
  display: block;
}
.related_item::before {
  content: "●";
}

/*
.activity1 .related_item::before  {
  color: #6c3704;
}
.activity2 .related_item::before  {
  color: #4b8333;
}
.activity3 .related_item::before  {
  color: #375488;
}
.activity4 .related_item::before  {
  color: #65d1e5;
}
.activity5 .related_item::before  {
  color: #6ecf5b;
}
.bsr .related_item::before  {
  color: #1fd6a0;
}
.activity7 .related_item::before  {
  color: #6ecf5b;
}
.activity8 .related_item::before  {
  color: #6c3704;
}
*/
.activity_cat01 .related_item::before  {
  color: #6c3704;
}
.activity_cat02 .related_item::before  {
  color: #4b8333;
}
.activity_cat03 .related_item::before  {
  color: #375488;
}
.activity_cat04 .related_item::before  {
  color: #65d1e5;
}
.activity_cat05 .related_item::before  {
  color: #6ecf5b;
}
.activity_cat06 .related_item::before  {
  color: #1fd6a0;
}
.activity_cat07 .related_item::before  {
  color: #6ecf5b;
}
.activity_cat08 .related_item::before  {
  color: #6c3704;
}


.related_item + .related_item {
  margin-top: 1em;
}
.related_link {
  color: #000;
  font-size: 1.6rem;
  text-decoration: underline;
}
.related_link:hover {
  text-decoration: none;
}


.activity_cat01 *:not(.btn) a {
    color: #fcae5a !important;
}

.activity_cat02 *:not(.btn) a {
    color: #4b8333 !important;
}

.activity_cat03 *:not(.btn) a {
    color: #375488 !important;
}

.activity_cat04 *:not(.btn) a {
    color: #65d1e5 !important;
}

.activity_cat05 *:not(.btn) a {
    color: #6ecf5b !important;
}

.activity_cat06 *:not(.btn) a {
    color: #ee6602 !important;
}

.activity_cat07 *:not(.btn) a {
    color: #1fd6a0 !important;
}

.activity_cat08 *:not(.btn) a {
    color: #6c3704 !important;
}




/* 最新記事 */
.recent_list .post_item + .post_item {
  margin-top: 2em;
}

@media screen and (max-width: 639px) {
  .project_sec {
    padding: 0 5%;
  }
  .main_content > .project_img {
    width: 100%;
    margin: 0 0 -1em;
  }
}

.about-list h2 {
  font-size: 1.8rem;
  letter-spacing: 1px;
  font-weight: bold;
  padding: 3px 0 3px 20px;
  margin-bottom: 8px;
  line-height: 1.5;
}
.about-list h2 {
    border-left: 3px solid #6d3d7b;
}