@charset "UTF-8";
/* ==================================================
	自治体コンセプト
================================================== */
.un_concept_ttl {
  font-size: 2.8rem;
  text-align: center;
  margin-bottom: 45px;
}

.un_concept_imgBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  margin-bottom: 45px;
}

.un_concept_img {
  width: 50%;
}

@media screen and (max-width: 768px) {
  .un_concept_ttl {
    font-size: 1.8rem;
    text-align: left;
    margin-bottom: 30px;
  }
  .un_concept_imgBox {
    margin-bottom: 30px;
  }
}

/* ==================================================
	ポリシー関連
================================================== */
.un_terms_ttl {
  font-size: 2.8rem;
  margin-bottom: 30px;
}

@media screen and (max-width: 768px) {
  .un_terms_ttl {
    font-size: 1.7rem;
    margin-bottom: 25px;
  }
}

.un_policy_ttl {
  font-size: 2.1rem;
  margin-bottom: 25px;
}

@media screen and (max-width: 768px) {
  .un_policy_ttl {
    font-size: 1.6rem;
    margin-bottom: 25px;
  }
}

/* ==================================================
	運営会社
================================================== */
.un_company_section {
  margin-bottom: 120px;
}

.un_company_table {
  width: 100%;
}

.un_company_table tr {
  border-bottom: #d1d9ae solid 1px;
}

.un_company_table th {
  min-width: 100px;
  font-weight: normal;
  text-align: left;
  padding: 25px 0;
  vertical-align: top;
  font-size: 1.5rem;
}

.un_company_table td {
  padding: 25px 0;
  font-size: 1.5rem;
}

.un_company_ttl {
  font-size: 2.1rem;
  margin-bottom: 30px;
}

.un_company_boxWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-bottom: 80px;
}

.un_company_box {
  width: calc(100% - 450px);
}

.un_company_img {
  width: 400px;
  max-width: 100%;
  height: auto;
}

@media screen and (max-width: 850px) {
  .un_company_box {
    width: 50%;
  }
  .un_company_img {
    width: 400px;
    max-width: 50%;
    padding-left: 20px;
  }
}

@media screen and (max-width: 768px) {
  .un_company_section {
    margin-bottom: 80px;
  }
  .un_company_table {
    margin-bottom: 30px;
  }
  .un_company_table th {
    min-width: 80px;
    font-size: 1.4rem;
    padding: 18px 0;
  }
  .un_company_table td {
    font-size: 1.4rem;
    padding: 18px 0;
  }
  .un_company_boxWrap {
    display: block;
    margin-bottom: 50px;
  }
  .un_company_box {
    width: 100%;
  }
  .un_company_img {
    width: 400px;
    max-width: 100%;
    margin: 0 auto;
    display: block;
    padding-left: 0px;
  }
  .un_company_ttl {
    font-size: 1.8rem;
    margin-bottom: 10px;
  }
}

/* ==================================================
	自治体のご担当者さまへ
================================================== */
.un_notice_txtBox {
  margin-bottom: 75px;
}

.un_notice_btnList {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  margin-bottom: 90px;
}

.un_notice_btnItem {
  width: 22%;
  border: 1px #1a1a1a solid;
  position: relative;
  -webkit-transition: all .2s linear;
  transition: all .2s linear;
}

.un_notice_btn {
  padding: 20px 20px 35px 20px;
  display: block;
  font-size: 2rem;
  text-align: center;
  position: relative;
  font-weight: bold;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transition: all .2s linear;
  transition: all .2s linear;
}

.un_notice_btnTxt {
  display: block;
}

.un_notice_btnTxt::after {
  position: absolute;
  content: url(/front/image/arrow-down.svg);
  display: block;
  width: 15px;
  bottom: 12px;
  left: 50%;
  -webkit-transform: -weblit-translateX(-50%);
          transform: -weblit-translateX(-50%);
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  -webkit-transition: all .2s linear;
  transition: all .2s linear;
}

.un_notice_btnItem:hover {
  border: 1px #859a27 solid;
  background-color: #859a27;
}

.un_notice_btnItem:hover .un_notice_btn {
  color: #fff;
}

.un_notice_btnItem:hover .un_notice_btnTxt::after {
  content: url(/front/image/arrow-down-wh.svg);
}

.un_notice_contactBox {
  background-color: #eff2e4;
  padding: 50px 40px;
}

.un_notice_contactTxt {
  font-size: 2.2rem;
  text-align: center;
  margin-bottom: 30px;
  font-weight: bold;
}

.un_notice_contactBtn {
  display: block;
  width: 500px;
  font-size: 2.6rem;
  max-width: 80%;
  margin: 0 auto;
  padding: 20px;
  color: #fff;
  font-weight: bold;
  text-align: center;
  background-color: #859a27;
  position: relative;
}

.un_notice_contactBtn span {
  position: relative;
  z-index: 10;
}

.un_notice_contactBtn::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0px;
  left: 0;
  content: '';
  display: block;
  background-color: #de8046;
  -webkit-transform-origin: center center;
  transform-origin: center center;
  -webkit-transform: scale(0, 1);
  transform: scale(0, 1);
  -webkit-transition: -webkit-transform .3s;
  transition: -webkit-transform .3s;
  transition: transform .3s;
  transition: transform .3s, -webkit-transform .3s;
}

.un_notice_contactBtn:hover::before {
  -webkit-transform: scale(1, 1);
          transform: scale(1, 1);
}

.un_notice_contactBtn:hover {
  opacity: 1;
}

@media screen and (max-width: 768px) {
  .un_notice_txtBox {
    margin-bottom: 50px;
  }
  .un_notice_btnList {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 70px;
  }
  .un_notice_btnItem {
    width: 48%;
    margin-bottom: 2%;
  }
  .un_notice_btn {
    font-size: 1.7rem;
    padding: 18px 8px 32px 8px;
  }
  .un_notice_contactBox {
    padding: 28px 22px;
  }
  .un_notice_contactTxt {
    font-size: 1.6rem;
    word-break: break-all;
  }
  .un_notice_contactBtn {
    font-size: 1.8rem;
  }
}

@media screen and (max-width: 374px) {
  .un_notice_btn {
    font-size: 1.5rem;
  }
}
/* ==================================================
	編集部より
================================================== */
.el_detail_ttl h1 {
  line-height: 1.4;
}

.el_detail_1img figure,
.el_detail_2img figure,
.el_detail_3img figure {
  overflow: hidden;
}

.hp_clearFix {
  clear: both;
}

.un_editor_2blockImg {
  max-width: 100%;
  width: auto;
  float: left;
  margin: 0 30px 40px 0;
}

@media screen and (max-width: 767px) {
  .un_editor_2blockImg {
    float: none;
  }
}
/*# sourceMappingURL=static.css.map */