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

info.css
- 移住支援金制度とは・山梨県で暮らす・企業の方へ　共通

//////////////////////////////////////////////////////////////////////////////
*/
/* 移住支援金制度とは トップページ
===============================================
=============================================== */
/* ページタイトル
============================== */
.page_title.page_title_catetop.shien {
  background: url("../img/img_catetop-shien2025.jpg") no-repeat top center #f9f9f9;
}
.page_title.page_title_catetop.live {
  background: url("../img/img_catetop-live2025.jpg") no-repeat top center #f9f9f9;
}
.page_title.page_title_catetop.for_company {
  background: url("../img/img_catetop-for-company2025.jpg") no-repeat top center #f9f9f9;
}
.page_title.sb_page {
  height: 80px;
  background-position: center;
}
@media screen and (min-width: 600px) {
  .page_title.sb_page {
    height: 120px;
  }
}
@media screen and (min-width: 960px) {
  .page_title.sb_page {
    height: 150px;
  }
}

.sec_info .inner,
.sec_detail .inner {
  max-width: 1000px;
  margin: auto;
}

/* 第1ページ
============================== */
.dl_acd {
  margin: 0;
}
.dl_acd dt, .dl_acd dd {
  padding-bottom: 5px;
}
.dl_acd dt {
  position: relative;
  padding: 10px 21px 10px 19px;
  cursor: pointer;
  border-top: 1px solid #eee;
}
.dl_acd dt:first-of-type {
  border-top: none;
}
.dl_acd dt::before {
  position: absolute;
  top: 17px;
  left: 0;
  display: block;
  content: "";
  width: 14px;
  height: 14px;
  background: #ff7bac;  /*e8f3e4*/
}
.dl_acd dt::after {
  position: absolute;
  top: 16px;
  right: 7px;
  content: "";
  background: url("../img/icon/icn_arw01_b2025.svg") no-repeat;
  display: block;
  width: 10px;
  height: 6px;
  transition: .5s;
  transform-origin: center;
}
.dl_acd dt.open {
  color: #2da638;
}
.dl_acd dt.open::after {
  transform: rotateZ(-540deg);
}
.dl_acd dd {
  display: none;
  margin: 0;
  padding: 0;
}
.dl_acd dd ul {
  list-style: none;
  margin-top: 0;
  padding-left: 19px;
}
.dl_acd dd ul li {
  position: relative;
  padding: 0 19px 0 17px;
  border-top: 1px solid #eee;
}
.dl_acd dd ul li::before {
  position: absolute;
  top: 14px;
  left: 0;
  display: block;
  content: "";
  width: 12px;
  height: 12px;
  background: #e6e6e6;
}
.dl_acd dd ul li a {
  display: block;
  padding: 10px 0;
}

/* 第2ページ
============================== */
.sec_info h2 {
  margin-top: 0;
  padding-bottom: 10px;
  font-size: 1.8rem;
  line-height: 1.5;
  border-bottom: 1px solid #307036;
}
@media screen and (min-width: 600px) {
  .sec_info h2 {
    font-size: 2.4rem;
  }
}
.sec_info h3 {
  font-size: 1.6rem;
  line-height: 1.5;
  color: #307036;
}
@media screen and (min-width: 600px) {
  .sec_info h3 {
    font-size: 2.0rem;
  }
}
.sec_info h4 {
  position: relative;
  margin-bottom: 0;
  padding: 0 10px 0 19px;
  font-size: 1.4rem;
}
.sec_info h4::before {
  position: absolute;
  top: 3px;
  left: 0;
  display: block;
  content: "";
  width: 14px;
  height: 14px;
  background: #e8f3e4;
}
@media screen and (min-width: 600px) {
  .sec_info h4 {
    font-size: 1.6rem;
    padding-left: 21px;
  }
  .sec_info h4::before {
    top: 5px;
    width: 16px;
    height: 16px;
  }
}
.sec_info .cate_link_list {
  list-style: none;
  margin-top: 0;
  padding-left: 19px;
}
.sec_info .cate_link_list li {
  position: relative;
  padding: 0 19px 0 17px;
  border-top: 1px solid #eee;
}
.sec_info .cate_link_list li::before {
  position: absolute;
  top: 14px;
  left: 0;
  display: block;
  content: "";
  width: 12px;
  height: 12px;
  background: #e6e6e6;
}
.sec_info .cate_link_list li a {
  display: block;
  padding: 10px 0;
}

/* 詳細ページ
============================== */
.sec_detail h1, .sec_detail h2, .sec_detail h3, .sec_detail h4 {
  margin-bottom: 0;
}
.sec_detail h1 {
  margin-top: 0;
  padding-bottom: 10px;
  font-size: 1.8rem;
  line-height: 1.5;
  border-bottom: 1px solid #307036;
}
@media screen and (min-width: 600px) {
  .sec_detail h1 {
    font-size: 2.4rem;
  }
}
@media screen and (min-width: 960px) {
  .sec_detail h1 {
    font-size: 2.8rem;
  }
}
.sec_detail h2 {
  font-size: 1.6rem;
  line-height: 1.5;
  color: #307036;
}
@media screen and (min-width: 600px) {
  .sec_detail h2 {
    font-size: 2.0rem;
  }
}
.sec_detail h3 {
  position: relative;
  margin-bottom: 0;
  padding: 0 10px 0 19px;
  font-size: 1.4rem;
}
.sec_detail h3::before {
  position: absolute;
  top: 3px;
  left: 0;
  display: block;
  content: "";
  width: 14px;
  height: 14px;
  background: #e8f3e4;
}
@media screen and (min-width: 600px) {
  .sec_detail h3 {
    font-size: 1.6rem;
    padding-left: 21px;
  }
  .sec_detail h3::before {
    top: 5px;
    width: 16px;
    height: 16px;
  }
}
.sec_detail h4 {
  position: relative;
  padding: 0 10px 0 17px;
}
.sec_detail h4::before {
  position: absolute;
  top: 4px;
  left: 0;
  display: block;
  content: "";
  width: 12px;
  height: 12px;
  background: #e6e6e6;
}
.sec_detail ul {
  padding-left: 1.7em;
}
.sec_detail ul li + li {
  margin-top: 5px;
}
.sec_detail .btn {
  margin-top: 20px;
}
@media screen and (min-width: 600px) {
  .sec_detail .btn {
    margin-top: 30px;
  }
}
@media screen and (min-width: 960px) {
  .sec_detail .btn {
    margin-top: 40px;
  }
}
