@charset "utf-8";
.area_contents {
  padding: 60px 0 0;
}
.area_body_01 {
	width: 100%;
	padding: 0 33px;
}
.area_inner_01 {
  padding: 20px 0;
}
@media only screen and (min-width: 768px) {
  .area_contents {
    padding: 100px 0 0;
  }
  .area_inner_01 {
    padding: 40px 0;
  }
}
@media only screen and (min-width: 1280px) {
  .area_contents {
    padding: 151px 0 0;
  }
	.area_body_01 {
		width: 1224px;
		margin: auto;
		padding: 0;
	}
}
/* タイトル */
.area_sec_ttl {
  font-size: 25px;
  font-weight: bold;
  line-height: 1.5;
}
.area_sec_subttl {
	display: inline-block;
	font-size: 20px;
	font-weight: bold;
	color: #000;
	background: linear-gradient(transparent 60%, #d6d87b 40%);
}
@media only screen and (min-width: 768px) {
  .area_sec_ttl {
    font-size: 36px;
  }
  .area_sec_subttl {
    font-size: 30px;
  }
}

/* 追加分 */
.area_sub_ttl{
  font-size: 16px;
  font-weight: 600;
}
.area_list_wrap {
  margin: 40px 0 0;
}
.area_list {
  padding: 0 0 40px;
  border-bottom: 1px solid #ccc;
}
.area_list + .area_list {
  margin: 30px 0 0;
}
.area_list:first-child {
  margin: 0;
}
.area_list:last-child{
  padding: 0;
  border: none;
}
.area_detail_txt{
  margin: 8px 0 0;
}
.area_detail_txt a{
  text-decoration: underline;
  color: #55A1AF;
}
.area_inner_list {
  margin: 20px 0 0;
}
.area_list_txt {
  padding: 20px;
  background-color: #F0F0F0;
  border-radius: 0 26px 26px 0;
}
.revers .area_list_txt{
    background-color: #F0F0F0;
  border-radius: 26px 0 0 26px;
}
.area_list_img{
    border-radius: 0 26px 26px 0;
  overflow: hidden;
  display: inline-block;
  vertical-align: bottom;
}
.revers{
  text-align: right;
}
.revers .area_list_img{
    border-radius: 26px 0 0 26px;
}
.area_txt_paragraph + .area_txt_paragraph {
  margin: 10px 0 0;
}
.area_detail_txt_wrap .area_txt_paragraph{
  margin: 10px 0 0;
}
.area_list_img_cover{
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media only screen and (min-width: 768px){
.area_sub_ttl{
  font-size: clamp(16px , 1.87vw ,24px);
}
  .area_sec_subttl {
    font-size:clamp(20px, 2.34vw ,30px);
  }
  .area_list_wrap {
    margin: 80px 0 0;
}
  .area_list {
    padding: 0 0 100px;
}
.area_list + .area_list {
  margin: 80px 0 0;
}
.area_detail_txt{
  margin: 18px 0 0;
}
.area_inner_list {
  margin: 32px 0 0;
}
.area_inner_list_item{
  display: flex;
  background-color: #F0F0F0;
  border-radius: 0 26px 26px 0;
}
.area_list_img{
  min-width: calc(100% - 55%);
  border-radius: 0 26px 26px 0;
  overflow: hidden;
}
.revers .area_list_img{
  border-radius: 26px 0 0 26px;
}
.area_list_txt{
  padding: 34px 25px 25px;
}
.revers{
  flex-direction: row-reverse;
  border-radius: 26px 0 0 26px;
}
.revers .area_list_txt{
  background-color: #F0F0F0;
  padding: 34px 25px 25px;
  border-radius: 26px 0 0 26px;
}
.area_detail_txt_wrap .area_txt_paragraph{
  margin: 10px 0 0;
}
.area_txt_bold{
  font-weight: 600;
}
.area_txt_paragraph + .area_txt_paragraph {
  margin: 15px 0 0;
}
}
/* 地域の記憶が～ */
.area_sec_wrap {
  padding: 40px 0 0 ;
  }
.area_sec_inner {
  padding: 50px 0 0;
}
.area_sec_txt {
  margin: 25px 0 0;
}
.area_txt_link {
  color: #55A1AF;
  text-decoration: underline;
}
.area_map_wrap {
  margin: 30px 0 0;
}
.area_map_img {
  text-align: center;
}
.area_map_img img {
  width: auto;
}
.area_map_txt {
  width: auto;
  color: #555;
  margin: 15px auto 0;
}
.area_list_02 {
  margin: 20px 0 0;
  }
.area_list_02 li + li {
  margin: 25px 0 0;
  }
.other_area_sec_ttl {
  font-size: 20px;
  font-weight: bold;
}
.other_area_ttl {
  display: flex;
  align-items: center;
  gap: 0 0.5em;
  font-weight: bold;
}
.other_area_ttl span {
  color: #d6d87b;
}
.other_area_wrap {
  margin: 20px 0 0;
}
.other_area_txt {
  margin: 6px 0 0;
}
@media only screen and (min-width: 768px) {
  .area_sec_wrap {
    padding: 120px 0 0 ;
  }
  .area_sec_inner {
  padding: 120px 0 0;
}
  .area_sec_txt {
    margin: 40px 0 0;
}
  .area_map_wrap {
    margin: 40px 0 0;
}
  .area_map_img img {
    width: 90%;
}
  .area_map_txt {
  width: 90%;
  margin: 15px auto 0;
}
  .area_list_02 {
    margin: 70px 0 0;
  }
  .area_list_02 li + li {
    margin: 40px 0 0;
  }
  .other_area_sec_ttl {
    font-size: 30px;
}
  .other_area_wrap {
    margin: 35px 0 0;
}
  .other_area_txt {
    margin: 10px 0 0;
}
}