/*
Theme Name: test
*/
/*----------------------------------------------------------------------------
	common
----------------------------------------------------------------------------*/
body {
	background: #503a2b;
}
a {
	background-color: transparent;
	text-decoration: none;
	color: inherit;
}
img {
	max-width: 100%;
	height: auto;
	vertical-align: bottom;
}
.contents_box{
	position: relative;
	padding-top: 6.0em;
}
.contents_box > .inner{
	background: #fff;
	border-radius: 12px;
	width: 92%;
	padding-bottom: 3.0em;
	margin-bottom: 6.0em;
}

.inner {
	max-width: 750px;
	margin-right: auto;
	margin-left: auto;
}

.farmer_title {
	position: relative;
	display: grid;
	grid-template-columns: 1fr;
	place-items: center;
	row-gap: 1.0em;
	padding-bottom: 1.5em;
	margin-bottom: 0.5em;
}
.farmer_title span {
	font-size: 2.4em;
	font-weight: 600;
	color: #595757;
}

.area_title {
	position: relative;
	display: grid;
	grid-template-columns: 1fr;
	place-items: center;
	row-gap: 1.0em;
	padding-bottom: 3.0em;
	margin-bottom: 5.0em;
}
.area_title span {
	font-size: 1.6em;
	font-weight: 600;
	color: #f3982d;
	border: 2px solid #f3982d;
	box-sizing: border-box;
	border-radius: 20px;
  padding: 1rem 1.2rem;
  line-height: 1.3;
}

.common_title {
	border-bottom: 5px solid #f3982d;
	margin-bottom: 4.0em;
}
.common_title::before {
	content: '';
	position: absolute;
	bottom: -18px;
	left: 50%;
	width: 30px;
	height: 15px;
	transform: translate(-50%, 0);
	clip-path: polygon(50% 100%, 0 0, 100% 0);
	background-color: #f3982d;
}
.common_title::after {
	content: '';
	position: absolute;
	bottom: -15px;
	left: 50%;
	width: 30px;
	height: 15px;
	transform: translate(-50%, -4px);
	clip-path: polygon(50% 100%, 0 0, 100% 0);
	background-color: #fff;
}

.common_item-headline {
	text-align: center;
	margin-bottom: 0.6em;
    line-height: 1.2;
}
.common_item-headline span {
	display: inline-block;
	font-size: 1.92em;
	font-weight: 600;
}
.common_movie {
	margin-bottom: 1.5em;
}
.common_movie-frame {
	width: 100%;
}
.common_movie-frame iframe {
	width: 100%;
	height: 100%;
	aspect-ratio: 16 / 9;
}
.common_image {
	padding-right: 2.0em;
	padding-left: 2.0em;
	margin-bottom: 0.5em;
}
.common_image picture {
	display: block;
	text-align: center;
}
.common_caption p {
	font-size: 1.45em;
	font-weight: 600;
	line-height: 1.56;
	text-align: center;
	color: #595757;
}

/*----------------------------------------------------------------------------
	remodal-close
----------------------------------------------------------------------------*/
.remodal-close .remodal-close-btn {
    left: auto;
    right: 0;
    width: 62.5px;
    height: 62.5px;
}
.remodal-close .remodal-close-btn:before {
    font-size: 70px;
    line-height: 62.5px;
    width: 62.5px;
}
.remodal-close-btn {
  position: absolute;
  top: 0;
  right: 0;

  display: block;
  overflow: visible;

  width: 35px;
  height: 35px;
  margin: 0;
  padding: 0;

  cursor: pointer;
  transition: color 0.2s;
  text-decoration: none;

  color: #95979c;
  border: 0;
  outline: 0;
  background: transparent;
}

.remodal-close-btn:hover,
.remodal-close-btn:focus {
  color: #6e6e6e;
}

.remodal-close-btn:before {
  font-family: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif !important;
  font-size: 25px;
  line-height: 35px;

  position: absolute;
  top: 0;
  right: 0;

  display: block;

  width: 35px;

  content: "\00d7";
  text-align: center;
}

/*----------------------------------------------------------------------------
	farmer
----------------------------------------------------------------------------*/
.farmer .inner {
	padding-top: 3.0em;
}
.farmer .title,
.farmer .field {
	padding-right: 2.0em;
	padding-left: 2.0em;
}
.farmer_item:not(:last-child) {
	margin-bottom: 4.0em;
}
.farmer_item-headline span {
	color: #f3982d;
}
.farmer_message-headline span {
	color: #595757;
}

/*----------------------------------------------------------------------------
	district
----------------------------------------------------------------------------*/
.district .inner {
	padding-top: 4.0em;
	padding-bottom: 1.0em;
}
.district .field {
	padding-right: 2.0em;
	padding-left: 2.0em;
}
.district_item-headline span {
	color: #595757;
}
.district_item-body p {
	color: #595757;
}

/*----------------------------------------------------------------------------
	area
----------------------------------------------------------------------------*/
.area .inner {
	padding-top: 3.0em;
}
.area .title,
.area .field {
	padding-right: 2.0em;
	padding-left: 2.0em;
}
.area .field > a {
	display: inline-block;
	transition: opacity 0.4s ease;
}
.area .field > a:not(:last-child) {
	margin-bottom: 5.0em;
}
.area .field > a:active,
.area .field > a:hover {
	opacity: 0.65;
}
.area_item-headline span {
	color: #f3982d;
}