/* 
--------------------------------------------- */
.size_l {
  font-size: 1.75rem;
  font-size: clamp(1.75rem, 1.65rem + 0.4vw, 2rem);
  margin-bottom: 1.3em;
  font-weight: 600;
}
.size_m {
  font-size: 1.5rem;
  font-size: clamp(1.5rem, 1.4rem + 0.4vw, 1.75rem);
  margin-bottom: 1em;
}
.size_s {
  font-size: 1.125rem;
  font-size: clamp(1.125rem, 1.025rem + 0.4vw, 1.375rem);
  margin-bottom: 1.2em;
  font-weight: 500;
}
.deco_txt_l {
  font-size: 3.25rem;
}
.cl_pink {
  color: #d8677e;
}
.cl_white {
  color: #fff;
}
.txtbox_lh {
  line-height: 1.9;
}
.txtbox p {
  font-size: 0.9375rem;
  font-size: clamp(0.9375rem, 0.8875rem + 0.2vw, 1.0625rem);
  margin-bottom: 1.5em;
}
picture {
  display: block;
}
figcaption {
  font-size: 0.875rem;
}
.kado {
  border-radius: 20px;
  overflow: hidden;
}
.kado img {
  vertical-align: bottom;
  min-width: 100%;
  object-fit: cover;
}
.ttlbg_w {
  background-color: #fff;
  padding: 5px 5px;
}
@media screen and (max-width:800px) {
  .ttlbg_w {
    background-color: inherit;
    padding: 0;
  }
}
@media screen and (max-width:640px) {
  .size_m {
    margin-bottom: 1.5em;
  }
  .kado {
    border-radius: 10px;
    overflow: hidden;
  }
}

.bg,.sec_ima,.sec_pagetop {
  background-image: url(../img/cmn/bg.gif);
}

/* 白背景 旗つき
--------------------------------------------- */
.wrap_white {
  background-color: #fff;
  border-radius: 10px;
  width: 92%;
  position: relative;
  overflow: hidden;
  padding-top: 80px;
  padding-bottom: 50px;
}
.wrap_white::before {
  content: '';
  background-image: url(../img/mura-jiman/deco_jiman_flag.gif);
  background-repeat: no-repeat;
  background-position: top center;
  background-size: contain;
  position: absolute;
  width: 1012px;
  height: 22px;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: 1;
  display: block;
}

/* 日吉津の村自慢
--------------------------------------------- */
.sec_about {
  position: relative;
  background-color: #169b6b;
  padding-top: 150px;
  padding-bottom: 50px;
}
.wrap_about {
  color: #fff;
  position: relative;
  padding-bottom: 30px;
}
.ttl_about {
  margin-bottom: 30px;
}
.txtbox_about {
  position: relative;
  z-index: 1;
}
.pic_photo {
  position: absolute;
}
.pic_photo1 {
  width: 610px;
  width: 43vw;
  max-width: 610px;
  left: -178px;
  top: 30px;
}
.pic_photo2 {
  width: 537px;
  width: 38vw;
  max-width: 537px;
  right: -180px;
  top: 0;
}
.deco_txt_about {
  color: rgba(230, 230, 230, 0.1);
  opacity: 0.1;
  margin-bottom: 30px;
  display: block;
}
@media screen and (max-width:1380px){
  .pic_photo1 {
    left: -6vw;
  }
  .pic_photo2 {
    right: -5vw;
  }
  .pic_photo {
    top: auto;
    bottom: 0;
  }
}
@media screen and (max-width:640px){
  .wrap_about {
    width: 85%;
  }
  .pic_photo {
    position: static;
  }
  .pic_photo1 {
    width: 100%;
    margin-bottom: 30px;
  }
  .pic_photo2 {
    width: 100%;
  }
  .deco_txt_about {
    font-size: 1.5rem;
  }
}

/* 村民の「村自慢」
--------------------------------------------- */
.sec_sonmin {
  padding-top: 10px;
  padding-bottom: 20px;
  position: relative;
  background-color: #169b6b;
}
.wrap_sonmin {
  position: relative;
}
/* スライダー */
.blk_jiman_list {
  position: relative;
  width: calc(97% - 140px);
}
.jiman-arrow {
  position: absolute;
  top: 54px;
  top: 30%;
  width: 60px;
  height: 60px;
  border: 1px solid #333;
  border-radius: 50%;
  background: #fff;
  cursor: pointer;
  display: flex !important;
  align-items: center;
  justify-content: center;
  padding: 0;
  transition: 0.25s;
}
.jiman-arrow-prev {
  left: -70px;
}
.jiman-arrow-next {
  right: -70px;
}
.jiman-arrow-prev::before,.jiman-arrow-next::before {
  content: "";
  background-image: url(../img/cmn/ico_cmn_arrow_black.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% auto;
  width: 50%;
  height: 50%;
  display: block;
}
.jiman-arrow:hover {
  border-color:#333;
  transition: 0.25s;
  transform: scale(1.1);
}
/* 逆向き矢印（←） */
.jiman-arrow-prev::before {
  transform: rotate(-180deg); /* ←反時計回りに傾ける */
}
.jiman-arrow-prev::after {
  transform: rotate(180deg); /* ←時計回りに傾ける */
}
.jiman-slider {
  list-style: none;
  margin: 0;
  padding: 0;
  text-align: left;
  margin-left: auto;
  margin-bottom: 40px;
}
.jiman-item {
  padding: 0 12px;
}
.thum_ima{
  width: 100%;
  height: auto;
  display: block;
  overflow: hidden;
  aspect-ratio: 16/9;
}
.thum_ima img {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  width: 100%;
  height: 100%;
  transition: 0.5s;
}
.jiman-item a:hover .thum_ima img {
  transform: scale(1.1);
  transition: 0.5s;
}
.jiman-title {
  margin: 8px 0 6px;
  font-size: 1.1em;
  font-weight: bold;
  font-weight: 600;
}
.jiman-desc {
  font-size: 0.85rem;
  line-height: 1.6;
  color: #666;
}
/* 3件以下のとき矢印非表示 */
.jiman-slider.is-few ~ .jiman-arrow {
  display: none !important;
}
@media screen and (max-width:640px){
  .jiman-item  {
    padding: 0;
  }
  .jiman-arrow {
    width: 50px;
    height: 50px;
  }
  .jiman-arrow-prev {
    left: -60px;
  }
  .jiman-arrow-next {
    right: -60px;
  }
  .blk_jiman_list {
    width: calc(97% - 120px);
  }
  /* 3件以下のとき矢印非表示 */
  .jiman-slider.is-few ~ .jiman-arrow {
    display: flex !important;
  }
}


/* 村自慢を募集しています
--------------------------------------------- */
.sec_request {
  padding-top: 20px;
  padding-bottom: 100px;
  position: relative;
  background-color: #169b6b;
}
.wrap_request {
  padding-left: 5%;
  padding-right: 5%;
}
.list_request {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px;
  margin-bottom: 30px;
}

.list_request li{
  background-color: #f6f5f2;
  border-radius: 50%;
  width: 150px;
  height: 150px;
  display: grid;
  place-items: center;
  font-size: clamp(0.9375rem, 0.8875rem + 0.2vw, 1.0625rem);
  font-weight: 500;
}