@charset "UTF-8";
@media screen and (min-width: 375px) {
  /* xs-size */
}
@media screen and (min-width: 768px) {
  /* s-size */
}
@media screen and (min-width: 992px) {
  /* m-size */
}
@media screen and (min-width: 1280px) {
  /* l-size */
}
@media screen and (min-width: 1400px) {
  /* xl-size */
}
:root {
  /* 色関連 */
  --light-brown: #f7f4f2;
  --gold: #6b4e00;
  --brown: #483500;
  --red: #b83412;
}

.un_fn {
  background-color: var(--light-brown);
  height: auto;
}
.un_fn_centered {
  width: calc(100% - 40px);
  max-width: 1210px;
  margin-inline: auto;
}
.un_fn_centered__w1340 {
  max-width: 1340px;
}
.un_fn_centered__w1100 {
  max-width: 1100px;
}
.un_fn_centered__w1000 {
  max-width: 1000px;
}
.un_fn .ly_main {
  background-color: var(--light-brown);
}
.un_fn .bl_breadcrumb {
  padding-block: 10px;
  background-color: var(--white);
}
.un_fn .bl_breadcrumb_list {
  width: calc(100% - 40px);
  max-width: 1340px;
  margin-inline: auto;
}
@media screen and (min-width: 992px) {
  .un_fn .bl_breadcrumb_list {
    width: calc(100% - 100px);
  }
}
.un_fn .bl_breadcrumb_list > li:not(:first-child):before {
  background-image: url("/common/img/icons/icon-arrow03.svg");
}
.un_fn .bl_breadcrumb_list > li > a {
  color: var(--gold);
  font-weight: 700;
  text-decoration: underline;
}

/* ----------------
  共通
---------------- */
/* ヘッダー */
.un_fnHeader {
  position: relative;
  z-index: 1;
  width: calc(100% - 40px);
  max-width: 1340px;
  min-height: 45px;
  margin: 9px auto 0;
  padding-block: 9px;
  border-radius: 22.5px;
  background-color: var(--white);
  box-shadow: 0 4px 2px rgba(0, 0, 0, 0.1);
  overflow: hidden;
  display: grid;
  place-items: center;
}
@media screen and (min-width: 992px) {
  .un_fnHeader {
    min-height: 84px;
    margin-top: 20px;
    border-radius: 42px;
  }
}
.un_fnHeader_inner {
  width: calc(100% - 40px);
  margin-inline: auto;
}
@media screen and (min-width: 992px) {
  .un_fnHeader_inner {
    width: calc(100% - 80px);
    display: flex;
    align-items: center;
    gap: 0 20px;
  }
}
.un_fnHeader_logo {
  width: 248px;
}
@media screen and (min-width: 1280px) {
  .un_fnHeader_logo {
    width: 376px;
  }
}
.un_fnHeader_logo a {
  display: block;
}
.un_fnHeader_logo img {
  display: block;
  width: 100%;
}

/* ヘッダーナビ */
.un_fnHeaderNav {
  display: none;
}
@media screen and (min-width: 992px) {
  .un_fnHeaderNav {
    display: block;
    margin-left: auto;
  }
}
.un_fnHeaderNav_list {
  display: flex;
  align-items: center;
  gap: 0 20px;
}
@media screen and (min-width: 1280px) {
  .un_fnHeaderNav_list {
    gap: 0 40px;
  }
}
.un_fnHeaderNav_list > li > a {
  position: relative;
  display: block;
  font-weight: 700;
  font-size: 1rem;
  line-height: 1.625;
}
.un_fnHeaderNav_list > li > a.is_current {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.un_fnHeaderNav_list > li > a.is_current::before {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  background: url("/image/furusato/icon-star.svg") no-repeat center;
  background-size: 100% 100%;
}
@media (hover: hover) {
  .un_fnHeaderNav_list > li > a:hover {
    text-decoration: underline;
  }
}

/* メニューオープンボタン */
.un_fnMenuBtn {
  position: fixed;
  top: 9px;
  right: 26px;
  z-index: 1000;
  width: 40px;
  height: 38px;
  background-color: var(--brown);
  border-radius: 0 6px 6px 6px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (min-width: 992px) {
  .un_fnMenuBtn {
    display: none;
  }
}
.un_fnMenuBtn::after {
  content: "menu";
  position: absolute;
  bottom: 5px;
  left: 50%;
  transform: translateX(-50%);
  font-family: var(--font-family-poppins);
  color: var(--white);
  font-weight: 700;
  font-size: 0.625rem;
  line-height: 1;
}
.un_fnMenuBtn_line {
  position: absolute;
  top: calc(50% - 6px);
  left: 11px;
  width: 18px;
  height: 2px;
  background-color: var(--white);
  border-radius: 10px;
  transition: opacity 0.3s ease-out, transform 0.3s ease-out;
}
.un_fnMenuBtn_line:first-child {
  transform: translateY(-6px);
}
.un_fnMenuBtn_line:nth-child(3) {
  transform: translateY(6px);
}

/* メニュー */
.un_fnMenu {
  position: fixed;
  inset: 0;
  z-index: 1001;
  padding-bottom: 30px;
  background-color: #ddb443;
  overflow-y: auto;
  transition: visibility 0.3s ease-out, opacity 0.3s ease-out;
  opacity: 0;
  visibility: hidden;
}
@media screen and (min-width: 992px) {
  .un_fnMenu {
    display: none;
  }
}
.un_fnMenu.is_menuOpen {
  opacity: 1;
  visibility: visible;
  will-change: visibility, opacity;
}
.un_fnMenu_container {
  position: relative;
  width: calc(100% - 40px);
  max-width: 640px;
  margin-inline: auto;
}
.un_fnMenu_headerWrap {
  width: 100%;
  min-height: 45px;
  margin-top: 9px;
  padding-block: 9px;
  border-radius: 22.5px;
  background-color: var(--white);
  box-shadow: 0 4px 2px rgba(0, 0, 0, 0.1);
  display: grid;
  place-items: center;
}
.un_fnMenu_header {
  width: calc(100% - 30px);
  margin-inline: auto;
}
.un_fnMenu_main {
  margin-top: 20px;
  padding: 10px 30px;
  background-color: var(--white);
  border-radius: 10px;
}
.un_fnMenu_footer {
  margin-top: 20px;
  padding: 30px 28px;
  background-color: var(--brown);
  border-radius: 10px;
  color: var(--white);
}

/* メニュー閉じるボタン */
.un_fnMenuClose {
  position: absolute;
  top: 0;
  right: 10px;
  z-index: 1000;
  width: 40px;
  height: 38px;
  background-color: var(--brown);
  border-radius: 0 6px 6px 6px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.un_fnMenuClose::after {
  content: "Close";
  position: absolute;
  bottom: 5px;
  left: 50%;
  transform: translateX(-50%);
  font-family: var(--font-family-poppins);
  color: var(--white);
  font-weight: 700;
  font-size: 0.625rem;
  line-height: 1;
}
.un_fnMenuClose_line {
  position: absolute;
  top: calc(50% - 6px);
  left: 11px;
  width: 18px;
  height: 2px;
  background-color: var(--white);
  border-radius: 10px;
  transition: opacity 0.3s ease-out, transform 0.3s ease-out;
}
.un_fnMenuClose_line:nth-child(1) {
  transform: rotate(40deg);
}
.un_fnMenuClose_line:nth-child(2) {
  transform: rotate(-40deg);
}

/* メニューナビ */
.un_fnMenuNav_list > li:not(:last-child) {
  border-bottom: 1px dashed var(--brown);
}
.un_fnMenuNav_list > li > a {
  display: block;
  padding: 20px;
  color: var(--brown);
  font-weight: 700;
  font-size: 1rem;
  line-height: 1.625;
}

/* メニュー問い合わせ情報 */
.un_fnMenuInfo_head {
  padding-bottom: 25px;
  text-align: center;
  border-bottom: 2px solid rgba(255, 255, 255, 0.2);
}
.un_fnMenuInfo_heading {
  margin-bottom: 15px;
  font-weight: 500;
  font-size: 1rem;
  line-height: 1.625;
}
.un_fnMenuInfo_ttl {
  font-weight: 700;
  font-size: 1.25rem;
  line-height: 1;
}
.un_fnMenuInfo_body {
  padding-top: 25px;
}
.un_fnMenuInfo_tel {
  text-align: center;
}
.un_fnMenuInfo_tel > a {
  position: relative;
  display: inline-block;
  padding-left: 52px;
  font-weight: 700;
  font-family: var(--font-family-poppins);
  font-size: 1.75rem;
  line-height: 1;
}
.un_fnMenuInfo_tel > a::before {
  content: "";
  display: block;
  position: absolute;
  top: calc(50% - 2px);
  left: 0;
  transform: translateY(-50%);
  width: 40px;
  height: 40px;
  background: url("/image/furusato/icon-tel.svg") no-repeat center;
  background-size: 100% 100%;
}
.un_fnMenuInfo_tel > a.hp_telRestricted {
  color: var(--white);
}
.un_fnMenuInfo_contact {
  margin-top: 30px;
}
.un_fnMenuInfo_contact > a {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  height: 66px;
  border-radius: 10px;
  padding: 4px 44px 6px 62px;
  background-color: rgba(255, 255, 255, 0.3);
  font-weight: 700;
  font-size: 1rem;
  line-height: 1.625;
}
.un_fnMenuInfo_contact > a::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 20px;
  transform: translateY(-50%);
  width: 30px;
  height: 30px;
  background: url("/image/furusato/icon-mail.svg") no-repeat center;
  background-size: 100% 100%;
}
.un_fnMenuInfo_contact > a::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  background: url("/image/furusato/icon-arrow.svg") no-repeat center;
  background-size: 100% 100%;
}

/* フッター */
.un_fnFooter {
  padding: 50px 0 30px;
  background-color: var(--brown);
  color: var(--white);
}
.un_fnFooter_wrap {
  margin-top: auto;
  padding-top: 80px;
}
@media screen and (min-width: 992px) {
  .un_fnFooter_wrap {
    padding-top: 100px;
  }
}
.un_fnFooter_inner {
  width: calc(100% - 40px);
  max-width: 640px;
  margin-inline: auto;
}
@media screen and (min-width: 992px) {
  .un_fnFooter_inner {
    width: calc(100% - 80px);
    max-width: 1000px;
  }
}
.un_fnFooter_columns {
  display: flex;
  flex-direction: column;
  gap: 80px 0;
}
@media screen and (min-width: 992px) {
  .un_fnFooter_columns {
    flex-direction: row-reverse;
    align-items: flex-start;
    gap: 0 20px;
  }
}
.un_fnFooter_main {
  padding: 10px 30px;
  background-color: var(--white);
  border-radius: 10px;
}
@media screen and (min-width: 992px) {
  .un_fnFooter_main {
    width: 27.8%;
    margin-left: auto;
  }
}
.un_fnFooter_footer {
  width: calc(100% - 56px);
  margin-inline: auto;
}
@media screen and (min-width: 992px) {
  .un_fnFooter_footer {
    min-width: 290px;
    width: 29%;
    margin: 0;
  }
}
.un_fnFooter_copyright {
  margin-top: 50px;
  text-align: center;
}
@media screen and (min-width: 992px) {
  .un_fnFooter_copyright {
    text-align: left;
  }
}
.un_fnFooter_copyright small {
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1.7142857143;
}

/* フッターナビ */
.un_fnFooterNav_list > li:not(:last-child) {
  border-bottom: 1px dashed var(--brown);
}
.un_fnFooterNav_list > li > a {
  display: block;
  padding-block: 20px;
  color: var(--brown);
  font-weight: 700;
  font-size: 1rem;
  line-height: 1.625;
}
@media (hover: hover) {
  .un_fnFooterNav_list > li > a:hover {
    text-decoration: underline;
  }
}

/* フッター問い合わせ情報 */
.un_fnFooterInfo_head {
  padding-bottom: 25px;
  text-align: center;
  border-bottom: 2px solid rgba(255, 255, 255, 0.2);
}
@media screen and (min-width: 992px) {
  .un_fnFooterInfo_head {
    text-align: left;
  }
}
.un_fnFooterInfo_heading {
  margin-bottom: 15px;
  font-weight: 500;
  font-size: 1rem;
  line-height: 1.625;
}
.un_fnFooterInfo_ttl {
  font-weight: 700;
  font-size: 1.25rem;
  line-height: 1;
}
.un_fnFooterInfo_body {
  padding-top: 25px;
}
.un_fnFooterInfo_tel {
  text-align: center;
}
.un_fnFooterInfo_tel > a {
  position: relative;
  display: inline-block;
  padding-left: 52px;
  font-weight: 700;
  font-family: var(--font-family-poppins);
  font-size: 1.75rem;
  line-height: 1;
}
.un_fnFooterInfo_tel > a::before {
  content: "";
  display: block;
  position: absolute;
  top: calc(50% - 2px);
  left: 0;
  transform: translateY(-50%);
  width: 40px;
  height: 40px;
  background: url("/image/furusato/icon-tel.svg") no-repeat center;
  background-size: 100% 100%;
}
.un_fnFooterInfo_tel > a.hp_telRestricted {
  color: var(--white);
}
.un_fnFooterInfo_contact {
  margin-top: 30px;
}
.un_fnFooterInfo_contact > a {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  height: 66px;
  border-radius: 10px;
  padding: 4px 44px 6px 62px;
  background-color: rgba(255, 255, 255, 0.3);
  font-weight: 700;
  font-size: 1rem;
  line-height: 1.625;
}
.un_fnFooterInfo_contact > a::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 20px;
  transform: translateY(-50%);
  width: 30px;
  height: 30px;
  background: url("/image/furusato/icon-mail.svg") no-repeat center;
  background-size: 100% 100%;
}
.un_fnFooterInfo_contact > a::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  background: url("/image/furusato/icon-arrow.svg") no-repeat center;
  background-size: 100% 100%;
}
@media (hover: hover) {
  .un_fnFooterInfo_contact > a:hover {
    text-decoration: underline;
  }
}

/* ----------------
  トップページ
---------------- */
/* セクション */
.un_fnSection,
.un_fnSection02 {
  width: calc(100% - 40px);
  max-width: 1340px;
  margin-inline: auto;
  padding-block: 30px;
  border-radius: 20px;
  background-color: var(--white);
}
@media screen and (min-width: 992px) {
  .un_fnSection,
  .un_fnSection02 {
    padding-block: 60px;
  }
}
.un_fnSection_wrap,
.un_fnSection02_wrap {
  padding-top: 80px;
}
@media screen and (min-width: 992px) {
  .un_fnSection_wrap,
  .un_fnSection02_wrap {
    padding-top: 100px;
  }
}

.un_fnSection02 {
  width: 100%;
  padding-block: 0;
  border-radius: 0;
  background-color: var(--light-brown);
}

.un_fnSection03 {
  padding-block: 0 80px;
}
@media screen and (min-width: 992px) {
  .un_fnSection03 {
    padding-block: 0 100px;
  }
}

/* 見出し（トップ） */
.un_fnHeading {
  width: calc(100% - 40px);
  max-width: 1340px;
  margin: 0 auto 20px;
  text-align: center;
}
@media screen and (min-width: 992px) {
  .un_fnHeading {
    margin-bottom: -20px;
  }
}
.un_fnHeading .icon {
  width: 80px;
  margin: 0 auto 20px;
}
.un_fnHeading .icon img {
  display: block;
}
.un_fnHeading .heading {
  position: relative;
  display: inline-block;
  padding-inline: 20px;
  color: var(--gold);
  font-weight: 900;
  font-size: 1.5rem;
  line-height: 1.4166666667;
  letter-spacing: 0.04em;
}
@media screen and (min-width: 992px) {
  .un_fnHeading .heading {
    font-size: 1.875rem;
    line-height: 1.3333333333;
  }
}
.un_fnHeading .heading::before, .un_fnHeading .heading::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  width: 4px;
  height: 22px;
  border-radius: 4px;
  background-color: var(--gold);
}
.un_fnHeading .heading::before {
  left: 0;
  transform: translateY(-50%) rotate(-20deg);
}
.un_fnHeading .heading::after {
  right: 0;
  transform: translateY(-50%) rotate(20deg);
}

.un_fnHeading02 {
  position: relative;
  margin-bottom: 30px;
  padding-bottom: 20px;
  text-align: center;
  color: var(--gold);
  font-weight: 900;
  font-size: 1.5rem;
  line-height: 1.4166666667;
}
@media screen and (min-width: 992px) {
  .un_fnHeading02 {
    margin-bottom: 40px;
    font-size: 1.875rem;
    line-height: 1.3333333333;
  }
}
.un_fnHeading02::after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 210px;
  height: 100%;
  background-image: url("/image/furusato/border-01.svg");
  background-size: 37px 4px;
  background-repeat: repeat-x;
  background-position: left bottom;
}
@media screen and (min-width: 992px) {
  .un_fnHeading02::after {
    width: 440px;
  }
}

/* カード（デフォルト / 寄付金の使い道） */
.un_fnCardUnit {
  display: flex;
  flex-wrap: wrap;
  gap: 40px 12px;
}
@media screen and (min-width: 992px) {
  .un_fnCardUnit {
    gap: 30px;
  }
}
.un_fnCardUnit .un_fnCard {
  width: calc((100% - 12px) / 2);
}
@media screen and (min-width: 992px) {
  .un_fnCardUnit__4col .un_fnCard {
    width: calc((100% - 90px) / 4);
  }
}

.un_fnCard_inner {
  display: block;
}
.un_fnCard a.un_fnCard_inner {
  transition: opacity 0.3s ease-out;
}
@media (hover: hover) {
  .un_fnCard a.un_fnCard_inner:hover {
    opacity: 0.7;
    will-change: opacity;
  }
}
.un_fnCard_imgWrap img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 1/1;
}
.un_fnCard_body {
  margin-top: 10px;
}
.un_fnCard_ttl {
  color: var(--gold);
  font-weight: 700;
  font-size: 0.875rem;
  line-height: 1.5714285714;
}
@media screen and (min-width: 992px) {
  .un_fnCard_ttl {
    font-size: 1.25rem;
    line-height: 1.5;
  }
}

/* カード（生産者の声） */
.un_fnVoiceCardUnit {
  display: flex;
  flex-wrap: wrap;
  gap: 40px 12px;
}
@media screen and (min-width: 992px) {
  .un_fnVoiceCardUnit {
    gap: 30px;
  }
}
.un_fnVoiceCardUnit .un_fnVoiceCard {
  width: calc((100% - 12px) / 2);
}
@media screen and (min-width: 992px) {
  .un_fnVoiceCardUnit__4col .un_fnVoiceCard {
    width: calc((100% - 90px) / 4);
  }
}

.un_fnVoiceCard_inner {
  display: block;
}
.un_fnVoiceCard a.un_fnVoiceCard_inner {
  transition: opacity 0.3s ease-out;
}
@media (hover: hover) {
  .un_fnVoiceCard a.un_fnVoiceCard_inner:hover {
    opacity: 0.7;
    will-change: opacity;
  }
}
.un_fnVoiceCard_imgWrap {
  width: 85.106383%;
  margin-inline: auto;
}
@media screen and (min-width: 992px) {
  .un_fnVoiceCard_imgWrap {
    width: 100%;
  }
}
.un_fnVoiceCard_imgWrap img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 1/1;
  border-radius: 50%;
}
.un_fnVoiceCard_body {
  margin-top: 10px;
}
.un_fnVoiceCard_workplace, .un_fnVoiceCard_name {
  text-align: center;
  color: var(--gold);
  font-weight: 700;
  font-size: 0.875rem;
  line-height: 1.5714285714;
}
@media screen and (min-width: 992px) {
  .un_fnVoiceCard_workplace, .un_fnVoiceCard_name {
    font-size: 1.25rem;
    line-height: 1.5;
  }
}

/* カード（キャンペーン＆特集） */
.un_fnCard02Unit {
  display: flex;
  flex-direction: column;
  gap: 20px 0;
}
@media screen and (min-width: 992px) {
  .un_fnCard02Unit {
    flex-direction: row;
    flex-wrap: wrap;
    gap: 30px;
  }
}
@media screen and (min-width: 992px) {
  .un_fnCard02Unit__3col {
    gap: 40px;
  }
}
@media screen and (min-width: 992px) {
  .un_fnCard02Unit__3col .un_fnCard02 {
    width: calc((100% - 80px) / 3);
  }
}
.un_fnCard02Unit__w1100 {
  max-width: 1100px;
  margin-inline: auto;
}

.un_fnCard02_inner {
  display: flex;
  gap: 0 15px;
}
@media screen and (min-width: 992px) {
  .un_fnCard02_inner {
    flex-direction: column;
    gap: 10px 0;
  }
}
.un_fnCard02 a.un_fnCard02_inner {
  transition: opacity 0.3s ease-out;
}
@media (hover: hover) {
  .un_fnCard02 a.un_fnCard02_inner:hover {
    opacity: 0.7;
    will-change: opacity;
  }
}
.un_fnCard02_imgWrap {
  width: 48.1848185%;
}
@media screen and (min-width: 992px) {
  .un_fnCard02_imgWrap {
    width: 100%;
  }
}
.un_fnCard02_imgWrap img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 146/112;
}
@media screen and (min-width: 992px) {
  .un_fnCard02_imgWrap img {
    aspect-ratio: 340/260;
  }
}
.un_fnCard02_body {
  padding-top: 10px;
  flex: 1;
}
@media screen and (min-width: 992px) {
  .un_fnCard02_body {
    padding-top: 0;
  }
}
.un_fnCard02_ttl {
  color: var(--gold);
  font-weight: 700;
  font-size: 0.875rem;
  line-height: 1.5714285714;
}
@media screen and (min-width: 992px) {
  .un_fnCard02_ttl {
    font-size: 1.25rem;
    line-height: 1.5;
  }
}

/* カード（オススメ返礼品） */
.un_fnRecCardUnit {
  display: flex;
  flex-wrap: wrap;
  gap: 40px 12px;
}
@media screen and (min-width: 992px) {
  .un_fnRecCardUnit {
    gap: 30px;
  }
}
.un_fnRecCardUnit .un_fnRecCard {
  width: calc((100% - 12px) / 2);
}
@media screen and (min-width: 992px) {
  .un_fnRecCardUnit__3col {
    gap: 40px;
  }
}
@media screen and (min-width: 992px) {
  .un_fnRecCardUnit__3col .un_fnRecCard {
    width: calc((100% - 80px) / 3);
  }
}

.un_fnRecCard_inner {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.un_fnRecCard a.un_fnRecCard_inner {
  transition: opacity 0.3s ease-out;
}
@media (hover: hover) {
  .un_fnRecCard a.un_fnRecCard_inner:hover {
    opacity: 0.7;
    will-change: opacity;
  }
}
.un_fnRecCard_imgWrap {
  position: relative;
}
.un_fnRecCard_imgWrap::before {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: var(--red);
}
.un_fnRecCard_imgWrap::after {
  content: "";
  display: block;
  position: absolute;
  top: calc(100% + 2px);
  left: 50%;
  transform: translate(-50%, -50%);
  width: 62px;
  height: 23px;
  background: url("/image/furusato/deco-ribbon.svg") no-repeat center;
  background-size: 100% 100%;
}
.un_fnRecCard_imgWrap img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 1/1;
}
.un_fnRecCard_body {
  margin-top: 23px;
}
@media screen and (min-width: 992px) {
  .un_fnRecCard_body {
    display: flex;
    flex-direction: column;
    flex: 1;
  }
}
.un_fnRecCard_ttl {
  color: var(--gold);
  font-weight: 700;
  font-size: 0.875rem;
  line-height: 1.5714285714;
}
@media screen and (min-width: 992px) {
  .un_fnRecCard_ttl {
    font-size: 1.25rem;
    line-height: 1.5;
  }
}
.un_fnRecCard_txt {
  margin-top: 10px;
  font-weight: 500;
  font-size: 0.75rem;
  line-height: 1.6666666667;
}
@media screen and (min-width: 992px) {
  .un_fnRecCard_txt {
    font-size: 1rem;
    line-height: 1.625;
  }
}

/* カード（年間人気ランキング） */
.un_fnRankCardUnit {
  display: flex;
  flex-wrap: wrap;
  gap: 40px 12px;
  padding-top: 10px;
}
@media screen and (min-width: 992px) {
  .un_fnRankCardUnit {
    gap: 60px 30px;
  }
}
.un_fnRankCardUnit .un_fnRankCard {
  width: calc((100% - 12px) / 2);
}
@media screen and (min-width: 992px) {
  .un_fnRankCardUnit__4col .un_fnRankCard {
    width: calc((100% - 90px) / 4);
  }
}

.un_fnRankCard_inner {
  position: relative;
  display: block;
}
.un_fnRankCard a.un_fnRankCard_inner {
  transition: opacity 0.3s ease-out;
}
@media (hover: hover) {
  .un_fnRankCard a.un_fnRankCard_inner:hover {
    opacity: 0.7;
    will-change: opacity;
  }
}
.un_fnRankCard_num {
  position: absolute;
  bottom: 100%;
  right: calc(100% - 6px);
  z-index: 1;
  transform: translate(50%, 50%);
  width: 50px;
  height: 50px;
  padding: 13px 16px;
  text-align: center;
  background-image: url("/image/furusato/ranking-num-orange.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  font-family: var(--font-family-poppins);
  font-weight: 900;
  font-size: 1rem;
  line-height: 1;
}
@media screen and (min-width: 992px) {
  .un_fnRankCard_num {
    bottom: calc(100% - 16px);
    width: 70px;
    height: 70px;
    padding: 17px;
    font-size: 1.625rem;
    line-height: 1;
  }
}
.un_fnRankCard_imgWrap {
  position: relative;
}
.un_fnRankCard_imgWrap::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 4px solid transparent;
}
.un_fnRankCard_imgWrap img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 1/1;
}
.un_fnRankCard_body {
  margin-top: 10px;
}
.un_fnRankCard_ttl {
  color: var(--gold);
  font-weight: 700;
  font-size: 0.875rem;
  line-height: 1.5714285714;
}
@media screen and (min-width: 992px) {
  .un_fnRankCard_ttl {
    font-size: 1.25rem;
    line-height: 1.5;
  }
}
.un_fnRankCard:nth-child(1) .un_fnRankCard_num {
  color: var(--gold);
  background-image: url("/image/furusato/ranking-num-01.svg");
}
.un_fnRankCard:nth-child(1) .un_fnRankCard_imgWrap::before {
  border-color: #ddb443;
}
.un_fnRankCard:nth-child(2) .un_fnRankCard_num {
  color: #585858;
  background-image: url("/image/furusato/ranking-num-02.svg");
}
.un_fnRankCard:nth-child(2) .un_fnRankCard_imgWrap::before {
  border-color: #aaa;
}
.un_fnRankCard:nth-child(3) .un_fnRankCard_num {
  color: #73521C;
  background-image: url("/image/furusato/ranking-num-03.svg");
}
.un_fnRankCard:nth-child(3) .un_fnRankCard_imgWrap::before {
  border-color: #8e7a68;
}

/* MV */
.un_fnMv {
  max-width: 1440px;
  margin: 0 auto 40px;
  padding-top: 20px;
}
.un_fnMv_inner {
  width: calc(100% - 40px);
  margin-inline: auto;
}
@media screen and (min-width: 992px) {
  .un_fnMv_inner {
    width: calc(100% - 100px);
  }
}
.un_fnMv_imgWrap img {
  display: block;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 343/393;
}
@media screen and (min-width: 992px) {
  .un_fnMv_imgWrap img {
    aspect-ratio: 1340/660;
  }
}

/* 寄付を通して、与那原町を応援しませんか。 */
.un_fnIntro {
  position: relative;
}
.un_fnIntro::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 165px;
  height: 62px;
  background: url("/image/furusato/deco-ribbon.svg") no-repeat center;
  background-size: 100% 100%;
}
.un_fnIntro_content {
  position: relative;
  padding-top: 102px;
}
.un_fnIntro_content::before, .un_fnIntro_content::after {
  content: "";
  display: block;
  position: absolute;
  top: 23px;
  width: calc(100% - (50% + 78px));
  height: 6px;
  background-color: var(--red);
}
.un_fnIntro_content::before {
  left: 0;
}
.un_fnIntro_content::after {
  right: 0;
}
.un_fnIntro_ttl {
  margin-bottom: 20px;
  text-align: center;
  color: var(--red);
  font-weight: 900;
  font-size: 1.875rem;
  line-height: 1.3333333333;
}
@media screen and (min-width: 992px) {
  .un_fnIntro_ttl {
    margin-bottom: 15px;
  }
}
.un_fnIntro_txt {
  text-align: center;
  font-weight: 500;
  font-size: 1.125rem;
  line-height: 1.5555555556;
}

/* 利用できるふるさと納税サイト */
.un_fnSite_centered {
  width: calc(100% - 96px);
  max-width: 1180px;
}

/* 企業ロゴリスト（利用できるふるさと納税サイト） */
.un_fnLogoList {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
@media screen and (min-width: 992px) {
  .un_fnLogoList {
    flex-direction: row;
    flex-wrap: wrap;
    gap: 40px 20px;
  }
}
@media screen and (min-width: 992px) {
  .un_fnLogoList > li {
    width: calc((100% - 60px) / 4);
  }
}

.un_fnLogoItem {
  display: block;
  transition: opacity 0.3s ease-out;
}
@media (hover: hover) {
  .un_fnLogoItem:hover {
    opacity: 0.7;
    will-change: opacity;
  }
}
.un_fnLogoItem_imgWrap {
  width: 100%;
  height: 100px;
  padding: 20px;
  background-color: var(--white);
}
.un_fnLogoItem_imgWrap img {
  display: block;
  width: 100%;
  height: 100%;
  aspect-ratio: 1/1;
  -o-object-fit: contain;
     object-fit: contain;
}
.un_fnLogoItem_ttl {
  margin-top: 10px;
  color: var(--gold);
  font-weight: 500;
  font-size: 1.125rem;
  line-height: 1.5555555556;
}

/* ふるさと納税とは？ */
.un_fnAbout .un_fnImgList_wrap {
  margin-bottom: 50px;
}

/* 生産者の声　詳細ページ */
.un_fnDetails .un_fnPageBody {
  padding-bottom: 60px;
}
@media screen and (min-width: 992px) {
  .un_fnDetails .un_fnPageBody {
    padding-bottom: 100px;
  }
}
.un_fnDetails .un_fnFooter_wrap {
  padding-top: 0;
}

.un_fnVoiceDetail_intro {
  margin-bottom: 95px;
}
.un_fnVoiceDetail_intro h2 {
  text-align: center;
  color: var(--red);
  font-weight: 900;
  font-size: 1.875rem;
  line-height: 1.3333333333;
}
.un_fnVoiceDetail_intro p {
  margin-top: 30px;
  font-weight: 500;
  font-size: 1.25rem;
  line-height: 1.9;
}
.un_fnVoiceDetail_intro .imgWrap {
  margin-bottom: 50px;
}
.un_fnVoiceDetail_intro .imgWrap img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 20px;
  aspect-ratio: 343/246;
}
@media screen and (min-width: 992px) {
  .un_fnVoiceDetail_intro .imgWrap img {
    aspect-ratio: 1000/444;
  }
}
.un_fnVoiceDetail_detail {
  font-weight: 500;
  font-size: 1rem;
  line-height: 1.625;
}
.un_fnVoiceDetail_detail > *:first-child {
  margin-top: 0 !important;
}
.un_fnVoiceDetail_detail > *:last-child {
  margin-bottom: 0 !important;
}
.un_fnVoiceDetail_detail .lv2Heading {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 15px 0;
  margin: 80px 0 30px;
  text-align: center;
  color: var(--red);
}
.un_fnVoiceDetail_detail .lv2Heading + * {
  margin-top: 30px;
}
.un_fnVoiceDetail_detail .lv2Heading .icon {
  width: 70px;
}
.un_fnVoiceDetail_detail .lv2Heading .icon img {
  display: block;
  width: 100%;
}
.un_fnVoiceDetail_detail .lv2Heading .heading {
  font-weight: 900;
  font-size: 1.5rem;
  line-height: 1.4166666667;
}
.un_fnVoiceDetail_detail .box {
  padding-block: 30px;
  margin-block: 50px;
  background-color: var(--white);
  border-radius: 20px;
  box-shadow: 0 4px 2px rgba(0, 0, 0, 0.1);
}
.un_fnVoiceDetail_detail .box_inner {
  width: calc(100% - 60px);
  margin-inline: auto;
}
.un_fnVoiceDetail_detail .box_txt {
  font-weight: 700;
  font-size: 1.125rem;
  line-height: 1.6666666667;
}
.un_fnVoiceDetail_detail .infoBox {
  padding-block: 30px;
  background-color: var(--white);
  border-radius: 20px;
}
.un_fnVoiceDetail_detail .infoBox_inner {
  width: calc(100% - 60px);
  margin-inline: auto;
}
.un_fnVoiceDetail_detail .infoBox_txt {
  font-weight: 500;
}
.un_fnVoiceDetail_detail > p {
  margin-block: 50px;
}
.un_fnVoiceDetail_detail img {
  border-radius: 10px;
}
.un_fnVoiceDetail_detail a {
  color: #277bce;
  text-decoration: underline;
}
@media (hover: hover) {
  .un_fnVoiceDetail_detail a:hover {
    text-decoration: none;
  }
}
.un_fnVoiceDetail_detail a[target=_blank]::after {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  transform: translateY(4px);
  margin-left: 8px;
  background: url("/image/furusato/icon-external.svg") no-repeat center;
  background-size: 100% 100%;
}
.un_fnVoiceDetail_detail .un_fnBtn {
  color: var(--white);
  text-decoration: none;
}
@media (hover: hover) {
  .un_fnVoiceDetail_detail .un_fnBtn:hover {
    text-decoration: underline;
  }
}

.un_fnReturnGifts {
  padding-block: 80px;
  background-color: #df6c4e;
  color: var(--white);
}
@media screen and (min-width: 992px) {
  .un_fnReturnGifts {
    padding-block: 60px;
  }
}
.un_fnReturnGifts_heading {
  margin-bottom: 30px;
  text-align: center;
  font-weight: 700;
}
.un_fnReturnGifts_heading .workplace {
  font-size: 1.625rem;
  line-height: 1.3846153846;
}
.un_fnReturnGifts_heading .ttl {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0 15px;
  margin-top: 5px;
  font-size: 1.875rem;
  line-height: 1.3333333333;
}
.un_fnReturnGifts_heading .ttl::before, .un_fnReturnGifts_heading .ttl::after {
  content: "";
  display: block;
  width: 50px;
  height: 5px;
  flex: 0 0 50px;
  background-color: var(--white);
}
.un_fnReturnGifts_heading .ttl::before {
  border-radius: 20px 10px 10px 0;
}
.un_fnReturnGifts_heading .ttl::after {
  border-radius: 10px 20px 0 10px;
}

/* 詳細ページ（デフォルト）*/
.un_fnDetail {
  font-weight: 500;
  font-size: 1rem;
  line-height: 1.625;
}
.un_fnDetail > *:first-child {
  margin-top: 0 !important;
}
.un_fnDetail > *:last-child {
  margin-bottom: 0 !important;
}
.un_fnDetail > * {
  margin-block: 30px;
}
.un_fnDetail h2, .un_fnDetail h3, .un_fnDetail h4, .un_fnDetail h5 {
  position: relative;
  margin-top: 40px;
  margin-bottom: 20px;
  color: var(--red);
  font-weight: 900;
}
@media screen and (min-width: 992px) {
  .un_fnDetail h2, .un_fnDetail h3, .un_fnDetail h4, .un_fnDetail h5 {
    margin-top: 60px;
  }
}
.un_fnDetail h2 + *, .un_fnDetail h2 + p, .un_fnDetail h3 + *, .un_fnDetail h3 + p, .un_fnDetail h4 + *, .un_fnDetail h4 + p, .un_fnDetail h5 + *, .un_fnDetail h5 + p {
  margin-top: 20px;
}
.un_fnDetail h2 {
  margin-top: 80px;
  font-size: 1.875rem;
  line-height: 1.3333333333;
}
.un_fnDetail h2 + h3 {
  margin-top: 30px;
}
.un_fnDetail h3 {
  padding-left: calc(0.692em + 8px);
  font-size: 1.625rem;
  line-height: 1.3846153846;
}
.un_fnDetail h3::before {
  content: "";
  display: block;
  position: absolute;
  top: 0.423em;
  left: 0;
  width: 0.692em;
  height: 0.692em;
  border-radius: 50%;
  border: 6px solid #ddb443;
}
.un_fnDetail h3 + h4 {
  margin-top: 30px;
}
.un_fnDetail h4 {
  padding-left: calc(0.333em + 8px);
  font-size: 1.5rem;
  line-height: 1.4166666667;
}
.un_fnDetail h4::before, .un_fnDetail h4::after {
  content: "";
  position: absolute;
  left: 0;
  width: 0.333em;
  height: 0.333em;
  border-radius: 50%;
  background-color: #ddb443;
}
.un_fnDetail h4::before {
  top: 0.333em;
}
.un_fnDetail h4::after {
  top: 0.833em;
}
.un_fnDetail h4 + h5 {
  margin-top: 30px;
}
.un_fnDetail h5 {
  font-size: 1.25rem;
  line-height: 1.5;
}
.un_fnDetail h5 + h6 {
  margin-top: 30px;
}
.un_fnDetail > p {
  margin-block: 50px;
}
.un_fnDetail img {
  border-radius: 10px;
}
.un_fnDetail a {
  color: #277bce;
  text-decoration: underline;
}
@media (hover: hover) {
  .un_fnDetail a:hover {
    text-decoration: none;
  }
}
.un_fnDetail a[target=_blank]::after {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  transform: translateY(4px);
  margin-left: 8px;
  background: url("/image/furusato/icon-external.svg") no-repeat center;
  background-size: 100% 100%;
}
.un_fnDetail table {
  min-width: 400px;
  width: 100%;
  font-weight: 400;
  overflow: auto;
}
.un_fnDetail table th {
  padding: 12px 20px;
  background-color: var(--red);
  color: var(--white);
  border-top: 1px solid var(--red);
  border-bottom: 1px solid var(--white);
  border-right: 1px solid var(--white);
  text-align: left;
  font-weight: 400;
}
.un_fnDetail table td {
  padding: 10px 20px;
  background-color: var(--white);
  border-right: 1px solid var(--red);
  border-bottom: 1px solid var(--red);
}
.un_fnDetail table thead th:first-child {
  border-left: 1px solid var(--red);
}
.un_fnDetail table thead th:last-child {
  border-right: 1px solid var(--red);
}
.un_fnDetail table tbody tr:first-child th + td {
  border-top: 1px solid var(--red);
}
.un_fnDetail table tbody tr:last-child th {
  border-bottom: 1px solid var(--red);
}
.un_fnDetail table tbody th:first-child {
  border-left: 1px solid var(--red);
}
.un_fnDetail table tbody td:first-child {
  border-left: 1px solid var(--red);
}
.un_fnDetail .box {
  padding-block: 30px;
  background-color: var(--white);
  border-radius: 20px;
  box-shadow: 0 4px 2px rgba(0, 0, 0, 0.1);
}
.un_fnDetail .box_inner {
  width: calc(100% - 60px);
  margin-inline: auto;
}
.un_fnDetail .box_ttl {
  font-weight: 700;
  font-size: 1.125rem;
  line-height: 1.6666666667;
}
.un_fnDetail .box_txt {
  margin-top: 15px;
}
.un_fnDetail .box__red {
  background-color: #ffe6df;
}
.un_fnDetail .box__red .box_ttl {
  color: #b83412;
}
.un_fnDetail .box02 {
  padding-block: 30px;
  background-color: var(--white);
  border-radius: 20px;
  border: 2px dashed #ddb443;
}
.un_fnDetail .box02_inner {
  width: calc(100% - 60px);
  margin-inline: auto;
}
.un_fnDetail .box02_ttl {
  color: var(--gold);
  font-weight: 700;
  font-size: 1.125rem;
  line-height: 1.6666666667;
}
.un_fnDetail .box02_txt {
  margin-top: 15px;
}
.un_fnDetail .un_fnBtn {
  color: var(--white);
  text-decoration: none;
}
@media (hover: hover) {
  .un_fnDetail .un_fnBtn:hover {
    text-decoration: underline;
  }
}
.un_fnDetail .bl_tableWrap {
  padding-bottom: 8px;
}

/* ----------------
  部品
---------------- */
.un_fnPageHead {
  padding-block: 20px;
  min-height: 220px;
  display: grid;
}
@media screen and (min-width: 992px) {
  .un_fnPageHead {
    min-height: 230px;
  }
}
.un_fnPageHead_inner {
  width: calc(100% - 40px);
  max-width: 1210px;
  height: 100%;
  margin-inline: auto;
  display: flex;
  align-items: center;
  justify-content: center;
}

.un_fnPageBody {
  position: relative;
}
.un_fnPageBody::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 165px;
  height: 62px;
  background: url("/image/furusato/deco-ribbon.svg") no-repeat center;
  background-size: 100% 100%;
}
.un_fnPageBody_inner {
  position: relative;
  padding-top: 102px;
}
.un_fnPageBody_inner::before, .un_fnPageBody_inner::after {
  content: "";
  display: block;
  position: absolute;
  top: 23px;
  width: calc(100% - (50% + 78px));
  height: 6px;
  background-color: var(--red);
}
.un_fnPageBody_inner::before {
  left: 0;
}
.un_fnPageBody_inner::after {
  right: 0;
}

/* ボタン */
.un_fnBtn,
.un_fnBtn02 {
  position: relative;
  z-index: 1;
  width: 100%;
  max-width: 420px;
  min-height: 68px;
  display: inline-flex;
  align-items: center;
  padding: 8px 50px 8px 20px;
  background-color: var(--brown);
  border-radius: 20px;
  border: 2px solid var(--brown);
  color: var(--white);
  font-weight: 900;
  font-size: 1.125rem;
  line-height: 1.5555555556;
}
@media screen and (min-width: 992px) {
  .un_fnBtn,
  .un_fnBtn02 {
    min-height: 70px;
    padding: 8px 50px;
    justify-content: center;
    text-align: center;
    font-size: 1.25rem;
    line-height: 1.5;
  }
}
.un_fnBtn::after,
.un_fnBtn02::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 15px;
  transform: translateY(-50%);
  width: 30px;
  height: 30px;
  background: url("/image/furusato/icon-arrow.svg") no-repeat center;
  background-size: 100% 100%;
}
@media (hover: hover) {
  .un_fnBtn:hover,
  .un_fnBtn02:hover {
    text-decoration: underline;
  }
}
.un_fnBtn_wrap,
.un_fnBtn02_wrap {
  margin-top: 40px;
  text-align: center;
}
@media screen and (min-width: 992px) {
  .un_fnBtn_wrap,
  .un_fnBtn02_wrap {
    margin-top: 50px;
  }
}

.un_fnBtn02 {
  max-width: 580px;
  min-height: 90px;
  padding-left: 50px;
  justify-content: center;
  background-color: var(--red);
  border-color: var(--red);
  box-shadow: 0 6px 0 0 rgba(0, 0, 0, 0.1);
  font-size: 1.375rem;
  line-height: 1.4545454545;
}
@media screen and (min-width: 992px) {
  .un_fnBtn02 {
    font-size: 1.625rem;
    line-height: 1.3846153846;
  }
}
@media (hover: hover) {
  .un_fnBtn02:hover {
    background-color: var(--red);
    color: var(--white);
    text-decoration: underline;
  }
  .un_fnBtn02:hover::after {
    background-image: url("/image/furusato/icon-arrow.svg");
  }
}

.un_fnLink {
  display: inline-block;
  padding-inline: 28px;
  padding-bottom: 20px;
  color: var(--brown);
  border-bottom: 4px solid var(--brown);
  font-weight: 700;
  font-size: 1.375rem;
  line-height: 1.4545454545;
}
@media screen and (min-width: 992px) {
  .un_fnLink {
    padding-bottom: 24px;
    font-size: 1.625rem;
    line-height: 1.3846153846;
  }
}
.un_fnLink > span {
  position: relative;
  display: inline-block;
  padding-left: 56px;
}
.un_fnLink > span::before {
  content: "";
  display: block;
  position: absolute;
  top: 0.136em;
  left: 0;
  transform: scale(-1, 1);
  width: 30px;
  height: 30px;
  background: url("/image/furusato/icon-arrow-brown.svg") no-repeat center;
  background-size: 100% 100%;
}
.un_fnLink_wrap {
  margin-top: 60px;
  text-align: center;
}
@media screen and (min-width: 992px) {
  .un_fnLink_wrap {
    margin-top: 100px;
  }
}

.un_fnlv1Heading {
  text-align: center;
  color: var(--gold);
  font-weight: 900;
  font-size: 1.875rem;
  line-height: 1.3333333333;
}
@media screen and (min-width: 992px) {
  .un_fnlv1Heading {
    font-size: 2.5rem;
    line-height: 1.25;
  }
}

.un_fnlv2Heading {
  position: relative;
  padding-left: 42px;
  margin-bottom: 20px;
  font-weight: 700;
  font-size: 1.625rem;
  line-height: 1.3846153846;
}
.un_fnlv2Heading::before {
  content: "";
  display: block;
  position: absolute;
  top: 6px;
  left: 0;
  width: 28px;
  height: 28px;
  background: url("/image/furusato/heading-icon06.svg") no-repeat center;
  background-size: 100% 100%;
}

.un_fnImgList {
  width: calc(100% - 40px);
  max-width: 1340px;
  margin-inline: auto;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
@media screen and (min-width: 992px) {
  .un_fnImgList {
    width: calc(100% - 100px);
    gap: 20px;
  }
}
.un_fnImgList > li {
  width: calc((100% - 10px) / 2);
}
@media screen and (min-width: 992px) {
  .un_fnImgList > li {
    width: calc((100% - 60px) / 4);
  }
}
.un_fnImgList > li img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 160/120;
}
@media screen and (min-width: 992px) {
  .un_fnImgList > li img {
    aspect-ratio: 320/240;
  }
}

.un_fn_txt {
  font-weight: 500;
  font-size: 1rem;
  line-height: 1.625;
}
.un_fn_txt + .un_fn_txt {
  margin-top: 20px;
}
.un_fn_txt > a {
  color: #277bce;
  text-decoration: underline;
}
@media (hover: hover) {
  .un_fn_txt > a:hover {
    text-decoration: none;
  }
}

.un_fn_txtWrap {
  margin-top: 50px;
}

.un_fnImgBox {
  margin-top: 50px;
  padding-block: 30px;
  background-color: var(--white);
  border-radius: 20px;
}
.un_fnImgBox_inner {
  width: calc(100% - 60px);
  margin-inline: auto;
}
.un_fnImgBox_imgWrap img {
  display: block;
  width: 100%;
}

.un_fnListBox {
  padding-block: 30px;
  background-color: var(--white);
  border-radius: 20px;
}
@media screen and (min-width: 992px) {
  .un_fnListBox {
    padding-block: 60px;
  }
}
.un_fnListBox_inner {
  width: calc(100% - 40px);
  margin-inline: auto;
}
@media screen and (min-width: 992px) {
  .un_fnListBox_inner {
    width: calc(100% - 130px);
  }
}/*# sourceMappingURL=furusato.css.map */