@charset "UTF-8";
/* Scss Document */
/* Scss Document */
@font-face {
  font-family: "mplus";
  src: url("../font/mplus-1c-bold.woff") format("woff"), url("../font/mplus-1c-bold.woff2") format("woff2");
}
.limit-height {
  height: 10px !important;
}

.helpful {
  margin-top: 60px !important;
  bottom: 0;
  clear: both !important;
}

#contact > .helpful {
  display: none;
}

/*
 基本レイアウト
———————————–*/
dl.gallery-item dt {
  padding: 0 15px;
  text-align: left;
}
dl.gallery-item dt img.size-medium {
  width: 100%;
  max-width: 100%;
  height: auto;
}
dl.gallery-item dd {
  font-size: 1.4rem;
  text-align: left;
  padding: 0 15px;
}

header {
  background-color: #fff;
  padding: 15px 0;
}
@media (min-width: 768px) {
  header {
    padding: 0;
  }
  header h1 {
    margin: 15px 0;
  }
}

div.content-header {
  padding: 0;
  min-height: 100px;
  position: relative;
  background-image: url(../../images/common/header_content.svg);
  background-size: auto 100%;
  background-repeat: no-repeat;
  background-position: center top;
}
div.content-header h2 {
  position: absolute;
  top: 50%;
  transform: translateYX(-50%);
  -webkit-transform: translateY(-50%);
  font-size: 2rem;
  font-weight: bold;
  color: #fff;
}
div.content-header h2 span {
  margin-left: 1em;
  font-size: 1.8rem;
}
@media (min-width: 768px) {
  div.content-header {
    background-size: cover;
  }
  div.content-header h2 {
    font-size: 2.4rem;
  }
}

footer {
  background-color: #e7e4c6;
}
footer h3 {
  font-size: 1.7rem;
  font-weight: bold;
  margin-bottom: 1em;
}
footer h3.title_footer_1 {
  color: #f3a213;
}
footer h3.title_footer_2 {
  color: #f296b0;
}
footer h3.title_footer_3 {
  color: #bd82bb;
}
footer h3.title_footer_4 {
  color: #6eb72f;
}
footer h3.title_footer_5 {
  color: #7fb0d7;
}

.footer_bottom {
  background-color: #fff;
  padding: 30px 0;
}
.footer_bottom p {
  padding-left: 15px;
}
.footer_bottom p.address {
  font-size: small !important;
}
.footer_bottom h1 {
  display: block;
  margin-bottom: 15px;
  width: 80% !important;
  padding-left: 15px;
}
@media (min-width: 768px) {
  .footer_bottom h1 {
    width: 70% !important;
  }
}
.footer_bottom .copy {
  padding-top: 15px;
}
.footer_bottom .copy p {
  font-size: small;
  text-align: center;
  padding: 0;
}
.footer_bottom ul.tel-list {
  margin: 0;
  padding: 0;
  list-style-type: none;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0 0 0.75em 0;
  padding: 0 0 0 15px;
  border-bottom: solid 1px #eee;
}
@media (min-width: 768px) {
  .footer_bottom ul.tel-list {
    justify-content: flex-start;
    padding: 0;
  }
}
.footer_bottom ul.tel-list li {
  margin-bottom: 0.25em;
  font-size: 1.6rem;
  font-family: "mplus";
  flex-basis: 100%;
  margin-bottom: 0.75em;
}
@media (min-width: 768px) {
  .footer_bottom ul.tel-list li {
    font-size: 1.7rem;
    flex-basis: 49%;
  }
}
@media (min-width: 992px) {
  .footer_bottom ul.tel-list li {
    flex-basis: 40%;
    font-size: 1.8rem;
  }
}
.footer_bottom ul.tel-list span {
  font-weight: normal;
  font-size: 1.4rem;
  margin-right: 0.75em;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
@media (min-width: 768px) {
  .footer_bottom ul.tel-list span {
    display: block;
  }
}
@media (min-width: 768px) {
  .footer_bottom h1,
  .footer_bottom p {
    padding: 0;
  }
  .footer_bottom h1 {
    width: 80%;
  }
  .footer_bottom p {
    font-size: 1.5rem;
  }
}

.footer-illustration {
  line-height: 1;
  margin: 0;
  padding: 0;
  background-color: #e7e4c6;
}
.footer-illustration img {
  margin: 0;
  display: inline-block;
  line-height: 1;
}

/*
 基本書式
———————————–*/
.must {
  color: red;
  font-size: 1.8rem;
  padding: 0 0.25em;
}

p.caption {
  font-size: small;
}
p.caption:before {
  font-family: "Font Awesome 5 Free";
  /* updated font-family */
  font-weight: 900;
  /* regular style/weight */
  content: "\f0c8";
  margin-right: 0.25em;
}

#content-area {
  padding-top: 45px;
}
@media (min-width: 768px) {
  #content-area {
    padding-top: 60px;
  }
}

#contents {
  /* コンテンツ */
  margin-bottom: 45px;
}
#contents p a {
  text-decoration: underline;
}
#contents p a:hover {
  color: #f3a213;
}
#contents img.img-size {
  display: block;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 768px) {
  #contents img.img-size {
    width: 100%;
  }
}
#contents p.link-text:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f0da";
  margin-right: 10px;
  color: #f3a213;
  margin-left: 0.5em;
}
#contents p.link-text a[href$=".pdf"]:after {
  font-family: "Font Awesome 5 Free";
  /* updated font-family */
  font-weight: 900;
  /* regular style/weight */
  content: "\f1c1";
  margin-left: 10px;
  color: #e45c5c;
}
#contents p.link-text a[href$=".docx"]:after {
  font-family: "Font Awesome 5 Free";
  /* updated font-family */
  font-weight: 900;
  /* regular style/weight */
  content: "\f1c2";
  margin-left: 10px;
  color: #3488e1;
}
#contents p.link-text a[href$=".doc"]:after {
  font-family: "Font Awesome 5 Free";
  /* updated font-family */
  font-weight: 900;
  /* regular style/weight */
  content: "\f1c2";
  margin-left: 10px;
  color: #3488e1;
}
#contents p.link-text a[href$=".xlsx"]:after {
  font-family: "Font Awesome 5 Free";
  /* updated font-family */
  font-weight: 900;
  /* regular style/weight */
  content: "\f1c3";
  margin-left: 10px;
  color: #1cbf1e;
}
#contents p.link-text a[href$=".xls"]:after {
  font-family: "Font Awesome 5 Free";
  /* updated font-family */
  font-weight: 900;
  /* regular style/weight */
  content: "\f1c3";
  margin-left: 10px;
  color: #1cbf1e;
}
#contents p a[target=_blank]:after {
  font-family: "Font Awesome 5 Free";
  /* updated font-family */
  font-weight: 900;
  /* regular style/weight */
  content: "\f35d";
  margin-left: 10px;
  color: #000;
}
#contents ul.link_list {
  margin-bottom: 4.5em;
}
@media (min-width: 768px) {
  #contents ul.link_list {
    margin-bottom: 6em;
  }
}
#contents ul.link_list a {
  color: #f3a213;
  text-decoration: underline;
}
#contents ul.link_list li {
  line-height: 1.8;
}
#contents ul.link_list a[target=_blank]:after {
  font-family: "Font Awesome 5 Free";
  /* updated font-family */
  font-weight: 900;
  /* regular style/weight */
  content: "\f35d";
  margin-left: 10px;
  color: #000;
}
#contents .none_icon a[target=_blank]:after {
  content: none;
  margin-left: 0;
  color: #000;
}
#contents ul.link_list_simple {
  margin-bottom: 0;
}
#contents ul.link_list_simple li {
  letter-spacing: 0.2rem;
  margin-bottom: 1.5em;
}
#contents ul.link_list_simple li a {
  border-bottom: dotted 1px #000;
}
#contents ul.link_list_simple li a:hover {
  color: #f3a213;
}
#contents ul.link_list_simple li:last-child {
  margin-bottom: 0;
}
#contents ul.link_list_simple a[target=_blank]:after {
  font-family: "Font Awesome 5 Free";
  /* updated font-family */
  font-weight: 900;
  /* regular style/weight */
  content: "\f35d";
  margin-left: 10px;
  color: #000;
  font-size: 1.35rem;
}
#contents p.caption {
  font-size: 1.4rem;
  margin-bottom: 0.25em;
}
#contents p.notice {
  font-size: 1.4rem;
  margin-left: 1em;
}
#contents p.notice:before {
  content: "※";
  margin-left: -1em;
}
@media (min-width: 768px) {
  #contents p {
    margin-bottom: 1em;
  }
  #contents p.lead {
    font-size: 1.8rem;
    letter-spacing: 2px;
  }
}
#contents h2 {
  font-size: 2.4rem;
  background-color: #f3a213;
  color: #fff;
  padding: 0.5em 1em 0.5em 1.5em;
  margin-bottom: 1.5em;
  position: relative;
}
#contents h2:before {
  display: inline-block;
  font-family: "Font Awesome 5 Free";
  font-weight: 400;
  content: "\f111";
  margin-right: 10px;
  font-size: 1.2rem;
  position: absolute;
  top: 50%;
  left: 1.5em;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
}
#contents h2 span {
  margin-left: 1em;
  font-size: 1.8rem;
}
@media (min-width: 768px) {
  #contents h2 {
    font-size: 2.6rem;
    background-color: #f3a213;
  }
}
#contents h2.simple {
  color: #000;
  background-color: transparent;
  font-size: 2.3rem;
  padding: 0;
}
#contents h2.simple:before {
  content: none;
}
@media (min-width: 768px) {
  #contents h2.simple {
    color: #000;
    background-color: transparent;
    font-size: 2.5rem;
    padding: 0;
  }
}
#contents h2.search_result_title {
  border: solid 1px #000 !important;
  padding: 16px 4rem !important;
  color: #000 !important;
  margin-bottom: 60px !important;
  background: #fff !important;
  font-size: clamp(1.6rem, 0.36vw, 1.8rem);
}
#contents h2.search_result_title:before {
  content: none !important;
}
#contents h2.search_result_title span {
  margin-left: 0 !important;
  font-size: clamp(1.8rem, 1.09vw, 2.4rem);
}
#contents {
  /* index */
}
#contents article.info .aspect43-wrapper {
  margin-bottom: 15px;
}
@media (min-width: 768px) {
  #contents article.info .aspect43-wrapper {
    margin-bottom: 0;
  }
}
#contents article.info h3 {
  padding-left: 0;
  padding-bottom: 5px;
  margin-bottom: 10px;
  font-size: 2.4rem;
  font-weight: bold;
}
#contents article.info h3 a {
  color: #5d5d5d;
}
#contents article.info h3 a:hover {
  color: #f3a213;
}
#contents article.info h3:before, #contents article.info h3:after {
  content: none;
}
#contents h3 {
  font-size: 2rem;
  color: #f3a213;
  padding-left: 1em;
  margin-bottom: 1.5em;
  position: relative;
  border-bottom: solid 3px #dfdfdf;
}
#contents h3:before {
  display: inline-block;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f111";
  margin-right: 10px;
  font-size: 1.2rem;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
}
#contents h3:after {
  content: "";
  display: block;
  height: 3px;
  width: 40%;
  position: absolute;
  background-color: #f3a213;
  bottom: -3px;
  left: 0;
}
@media (min-width: 768px) {
  #contents h3 {
    font-size: 2.2rem;
  }
}
#contents article.counter {
  counter-reset: number 0;
}
#contents h3.count {
  color: #000;
}
#contents h3.count:before {
  content: none;
  font-size: 2rem;
  counter-increment: number 1;
  content: counter(number) ".";
}
#contents h4 {
  font-size: 1.7rem;
  font-weight: bold;
  margin-bottom: 1.5em;
  border-left: solid 4px #f3a213;
  padding: 0.25em 0 0.25em 0.75em;
  line-height: 1.8;
}
#contents h4 span {
  display: block;
  font-size: 1.4rem;
  font-weight: normal;
  padding-top: 0.25em;
}
#contents h4 span:before {
  content: "（";
  margin-left: -0.5em;
}
#contents h4 span:after {
  content: "）";
}
@media (min-width: 768px) {
  #contents h4 {
    font-size: 1.8rem;
  }
}
#contents h5 {
  display: inline-block;
  padding: 20px;
  background-color: #fbe07f;
  font-size: 1.6rem;
  font-weight: bold;
  margin-bottom: 15px;
}
#contents h5 span {
  margin-left: 15px;
  font-size: 2.8rem;
}
#contents h6 {
  font-weight: bold;
  font-size: 1.8rem;
  margin-bottom: 30px;
}
#contents h6:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f058";
  margin-right: 10px;
}
#contents h6.simple {
  font-weight: bold;
  font-size: 1.8rem;
  margin-bottom: 30px;
}
#contents h6.simple:before {
  content: none;
}
#contents dl {
  font-size: 1.6rem;
}
#contents dl dt {
  font-weight: bold;
  margin-bottom: 10px;
}
#contents {
  /* カテゴリ */
}
#contents p a {
  color: #f3a213;
  text-decoration: underline;
}
#contents p.date span {
  text-align: center;
  font-size: small;
  margin-left: 10px;
}
#contents p.date span a {
  display: inline-block;
  padding: 2px 1rem 1px;
  min-width: 6em;
  color: #fff;
  text-decoration: none;
  background-color: #aab1b8;
}
#contents p.date span.news a {
  background-color: #83c37b;
}
#contents p.date span.boshu a {
  background-color: #f3a213;
}
#contents p.date span.report a {
  background-color: #7fb0d7;
}
#contents p.date span.misc a {
  background-color: #b3b6b9;
}
#contents p.date span.cate a {
  border: solid 1px #000;
  color: #000;
}
#contents p.date span.consultation a {
  background-color: #f296b0;
}
#contents p.date span.sanka a {
  background-color: #bd82bb;
}
#contents p.date span.utilization a {
  background-color: #3a7f33;
}
#contents p.date span.manabi a {
  background-color: #3b78ad;
}
#contents p.bassui {
  font-size: 1.5rem;
  line-height: 1.7;
  letter-spacing: 1px;
}
#contents p.bassui a {
  color: #777777;
}
#contents p.bassui a:hover {
  color: #f3a213;
}
#contents ul,
#contents ol {
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 1.6rem;
  margin: 0 0 1.5em 1.5em;
  padding: 0;
}
#contents ul li,
#contents ol li {
  margin-bottom: 0.5em;
}
#contents ul li span,
#contents ol li span {
  display: block;
  font-weight: bold;
}
#contents ol ul {
  margin-top: 1em;
  margin-bottom: 1.5em;
  list-style-type: disc;
}
#contents ul.notice {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
#contents ul.notice li {
  font-size: 1.4rem;
  margin-left: 1em;
}
#contents ul.notice li:before {
  content: "※";
  margin-left: -1em;
}
#contents ul.flex2_1 {
  margin: 0;
  padding: 0;
  list-style-type: none;
  /*for IE10*/
  /*for old webkit browser*/
  display: flex;
  /*for IE10*/
  /*for old webkit browser*/
  flex-wrap: wrap;
  justify-content: space-between;
}
#contents ul.flex2_1 li {
  flex-basis: 46%;
  margin-bottom: 30px;
}
#contents ul.flex2_1 li h4 {
  margin-bottom: 10px;
}
#contents ul.flex2_1 li p.caption {
  margin-top: 5px;
  font-size: 1.5rem;
}
#contents ul.flex2_1 li p.caption:before {
  font-family: "Font Awesome 5 Free";
  /* updated font-family */
  font-weight: 900;
  /* regular style/weight */
  content: "\f0c8";
  margin-right: 0.25em;
}
#contents {
  /* ----------------
  	singleページ
  ---------------- */
}
#contents div.editor {
  padding-top: 45px;
  padding-bottom: 45px;
  margin-bottom: 60px;
  border-bottom: solid 1px #bbb;
}
#contents {
  /* ----------------
  	FAQ
  ---------------- */
}
#contents article.faq {
  padding: 45px 0;
}
#contents ul.cate-btn {
  margin: 0 0 30px 0;
  padding: 0;
  list-style-type: none;
}
#contents ul.cate-btn li {
  display: inline-block;
  margin: 0 15px 15px 0;
}
#contents ul.cate-btn li a {
  display: block;
  padding: 5px 1.5em;
  background-color: #f3a213;
  color: #fff;
  border-radius: 50px;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
}
#contents ul.cate-btn li a:after {
  font-family: "Font Awesome 5 Free";
  /* updated font-family */
  font-weight: 900;
  /* regular style/weight */
  content: "\f054";
  margin-left: 1em;
}
#contents .accordion-wrap {
  border-bottom: 1px solid #ddba4d;
}
#contents .accordion-item {
  width: 100%;
  margin: 0 auto;
  cursor: pointer;
  margin-top: 30px;
}
#contents .accordion-header {
  transition: ease-in-out 100ms;
}
#contents .accordion-text {
  width: 100%;
  display: none;
  padding: 30px;
  background: #fff;
  box-sizing: border-box;
}
@media (min-width: 768px) {
  #contents .accordion-text {
    width: 100%;
    display: none;
    padding: 30px;
    background: #fff;
    box-sizing: border-box;
  }
}
#contents .accordion-text span:before {
  display: block;
  content: "A.";
  font-size: 3rem;
  font-weight: bold;
  font-family: "mplus", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  color: #f3a213;
  margin-right: 10px;
}
@media (min-width: 768px) {
  #contents .accordion-text span:before {
    display: block;
    float: left;
    margin-right: 10px;
  }
}
#contents .accordion-text div {
  overflow: hidden;
}
#contents .fa {
  transition: ease-in-out 300ms;
}
#contents .rotate-fa {
  transform: rotate(45deg);
}
#contents .accordion-header .fa {
  float: right;
  line-height: 35px;
}
#contents .accordion-gold {
  color: #000;
}
#contents .accordion-no-bar {
  border-bottom: 0;
}
#contents span.q {
  display: block;
  font-size: 3rem;
  font-weight: bold;
  font-family: "mplus", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  color: #114689;
  margin-right: 10px;
}
@media (min-width: 768px) {
  #contents span.q {
    display: inline;
  }
}
#contents .accordion-text a:after {
  font-family: "Font Awesome 5 Free";
  /* updated font-family */
  font-weight: 900;
  /* regular style/weight */
  content: "\f35d";
  margin-left: 1em;
  text-decoration: none;
}
#contents {
  /* --------------------------------
  	磐田市社会福祉協議会法人連絡会
  -------------------------------- */
}
#contents ul.flex_4mokuteki {
  counter-reset: number 0;
  margin: 0;
  padding: 0;
  list-style-type: none;
  /*for IE10*/
  /*for old webkit browser*/
  display: flex;
  /*for IE10*/
  /*for old webkit browser*/
  flex-wrap: wrap;
  justify-content: space-between;
}
#contents ul.flex_4mokuteki li {
  flex-basis: 100%;
  padding: 1.5em 3em;
  color: #669966;
  box-sizing: border-box;
  border: solid 2px #ebebeb;
  border-radius: 12px;
  -moz-border-radius: 12px;
  -webkit-border-radius: 12px;
}
@media (min-width: 768px) {
  #contents ul.flex_4mokuteki li {
    flex-basis: 49%;
  }
}
#contents ul.flex_4mokuteki li:before {
  counter-increment: number 1;
  content: counter(number) ". ";
}
#contents ul.flex_4mokuteki li:nth-child(-n+2) {
  margin-bottom: 2%;
}
#contents ol.num-orange {
  list-style-type: none;
  counter-reset: ol_li;
  margin-bottom: 45px;
}
@media (min-width: 768px) {
  #contents ol.num-orange {
    margin-bottom: 60px;
  }
}
#contents ol.num-orange li:before {
  margin-left: -1.5em;
  counter-increment: ol_li;
  content: counter(ol_li) ". ";
  color: #f3a213;
  font-weight: bold;
}
#contents {
  /* --------------------------------
  	社協の組織
  -------------------------------- */
}
#contents ul.file_list li {
  margin-bottom: 1.5em;
}
#contents ul.file_list li a {
  text-decoration: underline;
  color: #f3a213;
}
#contents ul.file_list li a:hover {
  color: #f3a213;
}
#contents ul.file_list li a:after {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f35d";
  margin-left: 10px;
}
#contents ul.file_list li a[href$=".pdf"]:after {
  font-family: "Font Awesome 5 Free";
  /* updated font-family */
  font-weight: 900;
  /* regular style/weight */
  content: "\f1c1";
  margin-left: 10px;
  color: #e45c5c;
}
#contents ul.file_list li a[href$=".docx"]:after {
  font-family: "Font Awesome 5 Free";
  /* updated font-family */
  font-weight: 900;
  /* regular style/weight */
  content: "\f1c2";
  margin-left: 10px;
  color: #3488e1;
}
#contents ul.file_list li a[href$=".doc"]:after {
  font-family: "Font Awesome 5 Free";
  /* updated font-family */
  font-weight: 900;
  /* regular style/weight */
  content: "\f1c2";
  margin-left: 10px;
  color: #3488e1;
}
#contents ul.file_list li a[href$=".xlsx"]:after {
  font-family: "Font Awesome 5 Free";
  /* updated font-family */
  font-weight: 900;
  /* regular style/weight */
  content: "\f1c3";
  margin-left: 10px;
  color: #1cbf1e;
}
#contents ul.file_list li a[href$=".xls"]:after {
  font-family: "Font Awesome 5 Free";
  /* updated font-family */
  font-weight: 900;
  /* regular style/weight */
  content: "\f1c3";
  margin-left: 10px;
  color: #1cbf1e;
}
#contents {
  /*
  	ul.file_list li a[target="_blank"]:after {
  		font-family: "Font Awesome 5 Free";
  		font-weight: 900;
  		content: "\f35d"; 
  		margin-left: 10px;
  		color: $d_color;
  	}
  */
  /* --------------------------------
  	障害児・者の支援活動
  -------------------------------- */
}
#contents p.illust {
  position: relative;
}
#contents p.illust:before {
  content: "";
  display: block;
  position: absolute;
  width: 140px;
  height: 92px;
  background-image: url(../../images/content/illustration-1.png);
  background-size: cover;
  z-index: 999;
  top: -95px;
  right: 0;
}
#contents p.illust:after {
  content: "";
  display: block;
  position: absolute;
  width: 154px;
  height: 88px;
  background-image: url(../../images/content/illustration-2.png);
  background-size: cover;
  z-index: 999;
  bottom: -90px;
  right: 30px;
}
#contents {
  /* --------------------------------
  	再発防止取組状況
  -------------------------------- */
}
#contents div.red-flame {
  border: solid 6px red;
  padding: 3em;
  box-sizing: border-box;
}
#contents div.red-flame p {
  margin-bottom: 0;
}
#contents ul.list-btn {
  margin: 0 0 45px 0;
  padding: 0;
  list-style-type: none;
}
#contents ul.list-btn li {
  margin-bottom: 1.5em;
  border: solid 1px #000;
}
#contents ul.list-btn li a {
  display: block;
  padding: 10px 1.5em;
  background-color: #fff;
}
#contents ul.list-btn li a:before {
  font-family: "Font Awesome 5 Free";
  /* updated font-family */
  font-weight: 900;
  /* regular style/weight */
  content: "\f105";
  margin-right: 0.5em;
}
#contents {
  /* --------------------------------
  	ボランティア相談
  -------------------------------- */
}
#contents div.soudan-illust {
  margin-bottom: 45px;
  text-align: center;
}
@media (min-width: 768px) {
  #contents div.soudan-illust {
    text-align: right;
  }
}
#contents div.soudan-illust img {
  width: 50%;
  max-width: 100%;
  height: auto;
}
@media (min-width: 768px) {
  #contents div.soudan-illust img {
    width: 30%;
    max-width: 100%;
  }
}
#contents {
  /* --------------------------------
  	生活支援体制整備事業
  -------------------------------- */
}
#contents div.img-box {
  margin-bottom: 60px;
}
#contents div.img-box figure {
  width: 90%;
  margin: 0 auto;
}
#contents div.img-box figure img {
  max-width: 100%;
}
#contents div.img-box figcaption {
  text-align: right;
  margin-top: 10px;
  font-size: small;
}
#contents {
  /* --------------------------------
  	いせいかつ応援倶楽部
  -------------------------------- */
}
#contents ul.flow {
  margin: 0 0 60px 0;
  padding: 0;
  list-style-type: none;
  counter-reset: number 0;
}
#contents ul.flow li div {
  border: solid 6px #f3a213;
  border-radius: 12px;
  -moz-border-radius: 12px;
  -webkit-border-radius: 12px;
  background-color: #fff;
  padding: 30px;
}
#contents ul.flow li:after {
  display: block;
  text-align: center;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f0dd";
  font-size: 3rem;
  color: #f3a213;
}
#contents ul.flow li:last-child:after {
  content: none;
}
#contents ul.flow li span:before {
  counter-increment: number 1;
  content: counter(number) ".";
}
#contents dl.faq {
  font-size: 1.6rem;
  margin-bottom: 60px;
}
#contents dl.faq dt {
  margin-left: 2em;
  padding-bottom: 10px;
}
#contents dl.faq dt:first-letter {
  margin-left: -3rem;
}
#contents dl.faq dt:before {
  content: "Q. ";
  font-family: "mplus";
  font-size: 2.2rem;
  color: red;
}
#contents dl.faq dd {
  border-top: solid 3px #b5b5b5;
  border-left: solid 1px #b5b5b5;
  border-right: solid 1px #b5b5b5;
  border-bottom: solid 1px #b5b5b5;
  padding: 15px 15px 15px 4em;
  background-color: #fff;
  border-radius: 0 0 6px 6px;
  -moz-border-radius: 0 0 6px 6px;
  -webkit-border-radius: 0 0 6px 6px;
  margin-bottom: 30px;
}
#contents dl.faq dd:before {
  content: "A. ";
  font-family: "mplus";
  font-size: 2.2rem;
  color: #315b8e;
}
#contents dl.faq dd:first-letter {
  margin-left: -3rem;
}
#contents .illust > img {
  max-width: 100%;
  display: block;
  margin: 0 auto;
}
#contents {
  /* --------------------------------
  	ふれあい広場
  -------------------------------- */
}
#contents ul.gallery {
  margin: 0;
  padding: 0;
  list-style-type: none;
  /*for IE10*/
  /*for old webkit browser*/
  display: flex;
  /*for IE10*/
  /*for old webkit browser*/
  flex-wrap: wrap;
  justify-content: space-between;
}
#contents ul.gallery li {
  flex-basis: 48%;
  margin-bottom: 15px;
}
@media (min-width: 768px) {
  #contents ul.gallery li {
    flex-basis: 24%;
  }
}
#contents div.content-block {
  margin-bottom: 60px;
}
#contents div.content-block:last-of-type {
  margin-bottom: 0;
}
#contents {
  /* --------------------------------
  	お問合せ
  -------------------------------- */
}
#contents dl.contact {
  font-size: 1.6rem;
}
@media (min-width: 768px) {
  #contents dl.contact {
    margin-bottom: 0;
    border-bottom: solid 1px #a5a5a5;
  }
  #contents dl.contact:first-of-type {
    border-top: solid 2px #a5a5a5;
  }
}
#contents dl.contact:last-of-type {
  border-bottom: solid 2px #a5a5a5;
}
#contents dl.contact dt,
#contents dl.contact dd {
  padding: 1em;
}
@media (min-width: 768px) {
  #contents dl.contact dt,
  #contents dl.contact dd {
    padding: 1em;
    margin-bottom: 0;
  }
}
#contents dl.contact dt {
  background-color: #ececec;
}
@media (min-width: 768px) {
  #contents dl.contact dt {
    background-color: #f9f9f9;
  }
}
#contents dl.contact dd {
  background-color: #fff;
}
#contents {
  /*---------------------------------
  アコーディオンボックス
  --------------------------------*/
}
#contents .acbox {
  width: auto;
  margin: 0 10px;
  /* ボックス全体の位置調整 */
}
#contents .acbox > summary {
  font-size: 16px;
  /* ラベルの文字サイズ */
  font-weight: bold;
  text-align: center;
  background: #8BC34A;
  /* ラベルの背景色 */
  position: relative;
  display: block;
  /* 標準の▶マーカーを消す */
  list-style: none;
  padding: 8px;
  border-radius: 4px;
  /* ラベルの角の丸み */
  cursor: pointer;
  color: #fff;
  transition: all 0.5s ease 0s;
  /* Safari の標準マーカーを消す */
}
#contents .acbox > summary::-webkit-details-marker {
  display: none;
}
#contents .acbox > summary::after {
  content: "▼";
  /* ラベルのアイコン */
  position: absolute;
  top: 50%;
  right: 15px;
  transform: translateY(-50%);
}
#contents .acbox > summary:hover {
  background: #f3a213;
  /* ラベルにマウスを乗せた時の背景色 */
}
#contents .acbox > summary {
  /* キーボード操作時のフォーカス表示 */
}
#contents .acbox > summary:focus-visible {
  outline: 2px solid #f3a213;
  outline-offset: 2px;
}
#contents .acbox {
  /* 開いている時 */
}
#contents .acbox[open] > summary {
  background: #f3a213;
  /* クリック後のラベルの背景色 */
}
#contents .acbox[open] > summary::after {
  content: "▲";
  /* ラベルをクリックした後のアイコン */
}
#contents .acbox-under {
  padding: 30px;
  /* 開いた部分の枠内の余白 */
  background: #F3F4F5;
  /* 開いた部分の背景色 */
  font-size: 1.6rem;
  /* 開いた部分の文字サイズ */
  color: #555555;
  /* 開いた部分の文字色 */
}
#contents {
  /* --------------------------------
  	3分でわかる社協
  -------------------------------- */
}
#contents ul.flex3_1_mokuhyou {
  margin: 0;
  padding: 0;
  list-style-type: none;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  justify-content: center;
}
@media (min-width: 768px) {
  #contents ul.flex3_1_mokuhyou {
    justify-content: space-between;
  }
}
#contents ul.flex3_1_mokuhyou li {
  flex-basis: 90%;
  margin-bottom: 15px;
  text-align: center;
}
@media (min-width: 768px) {
  #contents ul.flex3_1_mokuhyou li {
    flex-basis: 32%;
    margin-bottom: 0;
  }
}
#contents ul.flex3_1_mokuhyou li img {
  max-width: 100%;
  height: auto;
}
#contents ul.flex3_1_mokuhyou li:last-child {
  margin-bottom: 0;
}
#contents div.flame {
  border: solid 1px #ebebeb;
  padding: 15px;
}
#contents div.flame ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  justify-content: center;
}
@media (min-width: 768px) {
  #contents div.flame ul {
    justify-content: space-around;
  }
}
#contents div.flame ul li {
  flex-basis: 100%;
  color: #f3a213;
  text-align: center;
}
@media (min-width: 768px) {
  #contents div.flame ul li {
    flex-basis: 30%;
    color: #f3a213;
  }
}
#contents div.flame ul li a {
  text-decoration: underline;
  color: #f3a213;
}
#contents div.flame ul li:before {
  content: "Ⅼ";
  margin-right: 0.5rem;
  font-size: 1rem;
}
#contents {
  /* // コンテンツ */
}

h2.side {
  font-size: 2rem;
  color: #fff;
  font-weight: bold;
  letter-spacing: 2px;
  background: #f3a213;
  box-shadow: 0px 0px 0px 5px #f3a213;
  border: dashed 2px white;
  padding: 0.5em 0.5em;
  margin: 5px 0 1em;
}

ul.cate_list {
  margin: 0;
  padding: 0;
  list-style-type: none;
  font-size: 1.6rem;
  margin-bottom: 60px;
}
ul.cate_list li {
  display: block;
  border-bottom: solid 1px #d8d8d8;
}
ul.cate_list li a {
  display: block;
  width: 100%;
  padding: 0.75em 0.5em;
  transition: all 0.5s ease 0s;
}
ul.cate_list li a:before {
  color: #a2a2a2;
  font-family: "Font Awesome 5 Free";
  /* updated font-family */
  font-weight: 900;
  /* regular style/weight */
  content: "\f0da";
  margin-right: 1rem;
  transition: all 0.5s ease 0s;
}
ul.cate_list li a:hover {
  color: #000;
  background-color: #fbe07f;
}
ul.cate_list li a:hover::before {
  color: #f3a213;
}
ul.cate_list li.current a, ul.cate_list li.current-cat a {
  color: #000;
  background-color: #fbe07f;
}
ul.cate_list li.current a:before, ul.cate_list li.current-cat a:before {
  color: #f3a213;
}

/*
 テキストボタン
———————————–*/
ul.btn-list {
  list-style-type: none;
  margin: 0 !important;
}

.btn_txt {
  font-size: 1.8rem;
  display: inline-block;
  margin: 0 auto;
}
.btn_txt a {
  display: block;
  background-color: #64b45a;
  color: #fff;
  border-radius: 50px;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  padding: 5px 3rem;
}
.btn_txt a:hover {
  text-decoration: none;
}
.btn_txt a:after {
  font-family: "Font Awesome 5 Free";
  /* updated font-family */
  font-weight: 900;
  /* regular style/weight */
  content: "\f105";
  margin-left: 30px;
}

.btn_txt_solid {
  font-size: 1.8rem;
  display: inline-block;
  margin: 0 auto;
}
.btn_txt_solid a {
  display: block;
  border-radius: 50px;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  padding: 5px 3rem;
}
.btn_txt_solid a:hover {
  text-decoration: none;
}
.btn_txt_solid a:after {
  font-family: "Font Awesome 5 Free";
  /* updated font-family */
  font-weight: 900;
  /* regular style/weight */
  content: "\f105";
  margin-left: 30px;
}
.btn_txt_solid.all a {
  border: solid 2px #64b45a;
  color: #64b45a;
}
.btn_txt_solid.all a:hover {
  background-color: #64b45a;
  color: #fff;
}
.btn_txt_solid.news a {
  border: solid 2px #83c37b;
  color: #83c37b;
}
.btn_txt_solid.news a:hover {
  background-color: #83c37b;
  color: #fff;
}
.btn_txt_solid.boshu a {
  border: solid 2px #f3a213;
  color: #f3a213;
}
.btn_txt_solid.boshu a:hover {
  background-color: #f3a213;
  color: #fff;
}
.btn_txt_solid.report a {
  border: solid 2px #7fb0d7;
  color: #7fb0d7;
}
.btn_txt_solid.report a:hover {
  background-color: #7fb0d7;
  color: #fff;
}

.btn_txt_solid_pink {
  font-size: 1.8rem;
  display: inline-block;
  margin-bottom: 1.5rem;
}
.btn_txt_solid_pink a {
  display: block;
  border-radius: 50px;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  padding: 5px 3rem;
  border: solid 2px #f296b0;
  color: #f296b0;
}
.btn_txt_solid_pink a:hover {
  background-color: #f296b0;
  color: #fff;
  text-decoration: none;
}
.btn_txt_solid_pink a:after {
  font-family: "Font Awesome 5 Free";
  /* updated font-family */
  font-weight: 900;
  /* regular style/weight */
  content: "\f105";
  margin-left: 30px;
}

.btn_txt_solid_orange {
  font-size: 1.8rem;
  display: inline-block;
  margin-bottom: 1.5rem;
}
.btn_txt_solid_orange a {
  display: block;
  border-radius: 50px;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  padding: 5px 3rem;
  border: solid 2px #f3a213;
  color: #f3a213;
}
.btn_txt_solid_orange a:hover {
  background-color: #f3a213;
  color: #fff;
  text-decoration: none;
}
.btn_txt_solid_orange a:after {
  font-family: "Font Awesome 5 Free";
  /* updated font-family */
  font-weight: 900;
  /* regular style/weight */
  content: "\f105";
  margin-left: 30px;
}

.btn-flat-border {
  text-align: center;
}
.btn-flat-border a {
  font-size: 1.8rem;
  display: inline-block;
  padding: 0.5em 1.5em;
  text-decoration: none;
  color: #fff;
  background: #f3a213;
  border: solid 2px #f3a213;
  border-radius: 3px;
  transition: 0.4s;
}
.btn-flat-border a:hover {
  background: transparent;
  border: solid 2px #f3a213;
  color: #f3a213;
}

/* ------------------------------
	役に立ちましたか？
------------------------------ */
button.helpful-button {
  font-size: 1.6rem !important;
}

/* ----------------------------
	お問合せボックス
---------------------------- */
.contact_box {
  border: solid 2px #f3a213;
  background-color: #fffffa;
  width: 100%;
}
@media (min-width: 768px) {
  .contact_box {
    width: 80%;
    margin: auto;
  }
}
.contact_box h2 {
  background-color: #f3a213;
  color: #fff;
  text-align: center;
  font-size: 2rem;
  font-weight: bold;
  padding: 0.5em 0;
  margin-bottom: 1em;
}
.contact_box p {
  text-align: center;
  margin-left: 30px;
  margin-right: 30px;
}
@media (min-width: 768px) {
  .contact_box p {
    text-align: center;
    margin-left: inherit;
    margin-right: inherit;
  }
}
.contact_box .container {
  padding: 30px 0;
  font-weight: bold;
  background-color: #fff;
}
@media (min-width: 768px) {
  .contact_box .container .border-orange {
    border-right: solid 2px #f3a213;
  }
}
.contact_box .container h3 {
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 1.8rem;
  font-weight: bold;
  text-align: center;
  border-bottom: solid 1px #eee;
  margin: 0 1.5em;
  padding-bottom: 1em;
}
@media (min-width: 768px) {
  .contact_box .container h3 {
    font-size: 2rem;
    border-bottom: none;
    margin: inherit;
    padding-bottom: inherit;
  }
}
.contact_box .container span {
  display: block;
  font-size: 2.8rem;
  color: #f3a213;
  padding-top: 0.5em;
}
@media (min-width: 768px) {
  .contact_box .container span {
    font-size: 3rem;
    font-family: "mplus", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    padding-top: 0.25em;
  }
}
.contact_box .container span i {
  margin-right: 10px;
}

/* ----------------------------
	テーブル
---------------------------- */
@media (min-width: 768px) {
  .table-width {
    width: 20% !important;
  }
}
.table-style-1 {
  margin-bottom: 45px;
  font-size: 1.6rem;
  border: solid 1px #dfdfdf;
}
.table-style-1 tbody,
.table-style-1 thead,
.table-style-1 tr,
.table-style-1 td,
.table-style-1 th {
  display: block;
}
.table-style-1 th {
  width: auto;
  font-weight: bold;
  padding: 0.75em;
  background-color: #dfdfdf;
}
.table-style-1 td {
  padding: 0.5em;
  background-color: #fff;
}
.table-style-1 td a {
  color: #459fd2;
  text-decoration: underline;
}
.table-style-1 .w-25 {
  width: 100% !important;
}
.table-style-1 caption {
  caption-side: top;
  margin-bottom: 0;
}
.table-style-1 caption:before {
  content: "● ";
}
@media (min-width: 768px) {
  .table-style-1 {
    display: table;
    margin-bottom: 60px;
  }
  .table-style-1 tbody,
  .table-style-1 thead {
    display: table-row-group;
  }
  .table-style-1 tr {
    display: table-row;
  }
  .table-style-1 td,
  .table-style-1 th {
    display: table-cell;
    border: solid 1px #c5c5c5;
  }
  .table-style-1 th {
    border-bottom: none;
    white-space: nowrap;
  }
  .table-style-1 th,
  .table-style-1 td {
    padding: 1em 1.5em;
  }
}

.table-style-2 {
  font-size: 1.6rem;
  border: solid 1px #dfdfdf;
  display: block;
  width: 100%;
  margin-bottom: 45px;
}
.table-style-2 thead {
  display: block;
  float: left;
  overflow-x: scroll;
}
.table-style-2 tbody {
  display: block;
  width: auto;
  overflow-x: auto;
  white-space: nowrap;
}
.table-style-2 th {
  display: block;
  width: auto;
  padding: 0.75em;
  background-color: #dfdfdf;
  border: solid 1px #a3a3a3;
  margin-top: -1px;
}
.table-style-2 tbody tr {
  display: inline-block;
  margin: 0 -4px;
  border-right: solid 1px #dfdfdf;
}
.table-style-2 td {
  display: block;
  padding: 0.75em;
  background-color: #fff;
  border: solid 1px #dfdfdf;
  margin-top: -1px;
}
@media (min-width: 768px) {
  .table-style-2 {
    display: table;
    margin: 0 0 60px 0;
    table-layout: fixed;
  }
  .table-style-2 thead {
    display: table-row-group;
    float: inherit;
    overflow-x: inherit;
  }
  .table-style-2 tbody {
    display: table-row-group;
    width: auto;
    overflow-x: inherit;
    white-space: normal;
  }
  .table-style-2 th {
    display: table-cell;
    border: solid 1px #c5c5c5;
  }
  .table-style-2 tbody tr {
    display: table-row;
    margin: 0;
  }
  .table-style-2 td {
    display: table-cell;
    border: solid 1px #c5c5c5;
  }
  .table-style-2 th.w3em {
    width: 2.75em;
  }
}

.table-style-3 {
  width: 100%;
  font-size: 1.6rem;
  border: solid 1px #dfdfdf;
  margin-bottom: 45px;
}
.table-style-3 th {
  background-color: #eee;
  display: block;
  border-right: none;
  padding: 0.75em;
}
.table-style-3 thead {
  border: none;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.table-style-3 tr {
  display: block;
}
.table-style-3 td {
  border-bottom: 1px solid #bbb;
  display: block;
  position: relative;
  padding: 0.75em;
  background-color: #fff;
}
.table-style-3 td::before {
  content: attr(data-label);
  font-weight: bold;
  left: 10px;
  display: block;
}
.table-style-3 td:last-child {
  border-bottom: 0;
}
@media (min-width: 768px) {
  .table-style-3 {
    display: table;
    border-collapse: collapse;
    margin: 0 0 60px 0;
    table-layout: fixed;
  }
  .table-style-3 caption {
    caption-side: top;
  }
  .table-style-3 thead {
    display: table-row-group;
    border: none;
    clip: auto;
    height: auto;
    margin: auto;
    overflow: inherit;
    padding: 0;
    position: inherit;
    width: 100%;
  }
  .table-style-3 tbody {
    display: table-row-group;
    position: inherit;
  }
  .table-style-3 tr {
    display: table-row;
    background-color: transparent;
    border: 1px solid #bbb;
    padding: 0;
  }
  .table-style-3 th,
  .table-style-3 td {
    display: table-cell;
    border-right: 1px solid #bbb;
  }
  .table-style-3 thead tr {
    background-color: #eee;
  }
  .table-style-3 th.w3em {
    width: calc(2ch + 1.5em + 2px);
  }
  .table-style-3 td {
    position: inherit;
  }
  .table-style-3 td::before {
    display: none;
  }
  .table-style-3 td:last-child {
    border-bottom: 0;
  }
}

.table-style-4 {
  background-color: #fff;
  font-size: 1.6rem;
  margin-bottom: 45px;
  border: solid 1px #bbb;
}
@media (min-width: 768px) {
  .table-style-4 {
    margin-bottom: 60px;
  }
}
.table-style-4 th,
.table-style-4 td {
  border: solid 1px #bbb;
  padding: 1em 2em;
}
.table-style-4 th {
  background-color: #eee;
}

.width-auto {
  table-layout: auto !important;
}
.width-auto th,
.width-auto td.txt {
  white-space: nowrap;
}

td ol {
  padding-left: 1em !important;
}
td ol ol {
  list-style-type: disc;
  padding-left: 0 !important;
  margin-top: 1em !important;
}
td ol ol ul {
  margin-top: 1em !important;
}

.table-style-5 {
  display: block;
  overflow-x: scroll;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
  background-color: #fff;
  font-size: 1.6rem;
  margin-bottom: 45px;
  border: solid 1px #bbb;
}
.table-style-5 th,
.table-style-5 td {
  border: solid 1px #bbb;
  padding: 1em 2em;
}
.table-style-5 th {
  background-color: #eee;
}
.table-style-5 td img {
  display: block;
  margin: 15px auto 0;
}
@media (min-width: 768px) {
  .table-style-5 {
    table-layout: fixed !important;
    display: table;
    overflow-x: inherit;
    white-space: normal;
    -webkit-overflow-scrolling: inherit;
  }
  .table-style-5 th {
    text-align: center;
    width: 25%;
  }
  .table-style-5 th,
  .table-style-5 td {
    padding: 1em;
  }
}

.editor > table {
  display: block;
  overflow-x: scroll;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
  background-color: #fff;
  font-size: 1.6rem;
  margin-bottom: 45px;
  border: solid 1px #bbb;
}
.editor > table th,
.editor > table td {
  border: solid 1px #bbb;
  padding: 1em 2em;
}
.editor > table th {
  background-color: #eee;
}
.editor > table td img {
  display: block;
  margin: 15px auto 0;
}
@media (min-width: 768px) {
  .editor > table {
    table-layout: fixed !important;
    display: table;
    overflow-x: inherit;
    white-space: normal;
    -webkit-overflow-scrolling: inherit;
    margin-bottom: 15px;
  }
  .editor > table th {
    text-align: center;
    white-space: nowrap;
    width: auto;
  }
  .editor > table th,
  .editor > table td {
    padding: 1em;
  }
}

/* ----------------------
	各ページのindex
---------------------- */
@media (min-width: 768px) {
  h2.title_orange {
    font-size: 2.2rem;
  }
}
h2.title_disc {
  font-size: 1.8rem;
  color: #fff;
  padding: 1em;
  margin-bottom: 1.5em;
}
h2.title_disc:before {
  font-family: "Font Awesome 5 Free";
  /* updated font-family */
  font-weight: 400;
  /* regular style/weight */
  content: "\f111";
}
h2.title_disc.orange {
  background-color: #f3a648;
}
h2.title_disc.pink {
  background-color: #f296b0;
}
h2.title_disc.purple {
  background-color: #bd82bb;
}
h2.title_disc.green {
  background-color: #64b45a;
}
h2.title_disc.blue {
  background-color: #7fb0d7;
}

div.info-box div.wrap {
  padding: 30px;
}
div.info-box dl:last-of-type {
  margin-bottom: 0;
}
div.info-box dl dd a {
  color: #5e5e5e;
}
div.info-box dl dd a:hover {
  color: #000;
}
div.info-box h2 {
  color: #fff;
  font-weight: bold;
  font-size: 1.8rem;
  padding: 1em;
}
div.info-box.orange {
  border: solid 2px #f3a648;
  border-radius: 12px;
  -moz-border-radius: 12px;
  -webkit-border-radius: 12px;
  overflow: hidden;
}
div.info-box.orange dl {
  border-bottom: dotted 1px #f3a648;
}
div.info-box.orange h2 {
  background-color: #f3a648;
}
@media (min-width: 768px) {
  div.info-box.orange h2 {
    font-size: 2.2rem;
  }
}
div.info-box.pink {
  border: solid 2px #f296b0;
  border-radius: 12px;
  -moz-border-radius: 12px;
  -webkit-border-radius: 12px;
  overflow: hidden;
}
div.info-box.pink dl {
  border-bottom: dotted 1px #f296b0;
}
div.info-box.pink h2 {
  background-color: #f296b0;
}
div.info-box.purple {
  border: solid 2px #bd82bb;
  border-radius: 12px;
  -moz-border-radius: 12px;
  -webkit-border-radius: 12px;
  overflow: hidden;
}
div.info-box.purple dl {
  border-bottom: dotted 1px #bd82bb;
}
div.info-box.purple h2 {
  background-color: #bd82bb;
}
div.info-box.green {
  border: solid 2px #64b45a;
  border-radius: 12px;
  -moz-border-radius: 12px;
  -webkit-border-radius: 12px;
  overflow: hidden;
}
div.info-box.green dl {
  border-bottom: dotted 1px #64b45a;
}
div.info-box.green h2 {
  background-color: #64b45a;
}
div.info-box.blue {
  border: solid 2px #7fb0d7;
  border-radius: 12px;
  -moz-border-radius: 12px;
  -webkit-border-radius: 12px;
  overflow: hidden;
}
div.info-box.blue dl {
  border-bottom: dotted 1px #7fb0d7;
}
div.info-box.blue h2 {
  background-color: #7fb0d7;
}

.box-3min {
  border: solid 3px #f3a213;
  background-color: #f8f4d4;
  padding: 30px;
}

/* メニューリスト */
ul.menu_list {
  margin: 0;
  padding: 0 1em;
  list-style-type: none;
  font-size: 1.6rem;
  -moz-column-count: 2 !important;
       column-count: 2 !important;
  -moz-column-span: none;
       column-span: none;
}
@media (min-width: 768px) {
  ul.menu_list {
    -moz-column-count: 3;
         column-count: 3;
  }
}
ul.menu_list li {
  margin-bottom: 0.75em;
  margin-left: 1em;
}
ul.menu_list li:before {
  font-family: "Font Awesome 5 Free";
  /* updated font-family */
  font-weight: 900;
  /* regular style/weight */
  content: "\f0da";
  margin-right: 0.5em;
  margin-left: -1em;
}
ul.menu_list li a {
  color: #5e5e5e;
}
ul.menu_list li a:hover {
  color: #000;
}
ul.menu_list.orange li:before {
  color: #f3a648;
}
ul.menu_list.pink li:before {
  color: #f296b0;
}
ul.menu_list.purple li:before {
  color: #bd82bb;
}
ul.menu_list.green li:before {
  color: #64b45a;
}
ul.menu_list.blue li:before {
  color: #7fb0d7;
}

/*----------------
	リンク
---------------- */
.listid-wplf.wplf-display hr {
  display: none !important;
}

.wplf-item {
  display: inline-block !important;
  border-bottom: solid 1px #d8d8d8 !important;
}

p.wplf_display:before {
  content: "● ";
}
p.wplf_display:after {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f35d";
  margin-left: 10px;
}

/* --------------------------
		成年後見支援センター
-------------------------- */
dl.address-box {
  border: solid 2px #333;
  background: #fff;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  padding: 1.5em;
  margin-bottom: 60px;
}
dl.address-box dt {
  font-size: 1.8rem;
  color: #f3a213;
  margin-bottom: 1em !important;
}
dl.address-box dt:before {
  content: "●";
  margin-right: 0.25em;
}
dl.address-box dd {
  margin-bottom: 0;
}
dl.address-box dd a {
  text-decoration: underline;
  color: #f3a213;
}
dl.address-box dd a[target=_blank]:after {
  font-family: "Font Awesome 5 Free";
  /* updated font-family */
  font-weight: 900;
  /* regular style/weight */
  content: "\f35d";
  margin-left: 10px;
  color: #000;
}/*# sourceMappingURL=styles.css.map */