@charset "utf-8";

/* index.css

トップページ制御用

---------------------------------*/

body {
    counter-reset: section;
}

/* index
---------------------------------------*/

/* index_kv
---------------------------- */
#kv {
	position: relative;

	background: url("/cms/wp-content/themes/farmers-ine/assets/img/bg_kv.jpg") no-repeat center bottom/cover;
	padding: 30px 0 0 0;
/*	height: 100vh;
  height: calc(var(--vh) * 100);*/
	min-height: 100svh;

	display: flex;
  justify-content: center;
  align-items: center;

	font-family: 游明朝体, Yu Mincho, YuMincho;
}

#kv .ttl {
  display: flex;
  flex-direction: column;

  text-align: center;
	text-shadow: 0 0 6px rgba(0, 0, 0, .8);
}

#kv .ttl .main_ttl {
	margin: 0;

	line-height: 1.4;
	font-size: 6em;
	color: #fff;
}

#kv .ttl .main_txt {
	margin: 0;

	letter-spacing: 1.2px;
	font-size: 1.8em;
	font-weight: normal;
	color: #fff;
}

#kv .feed_box {
  position: absolute;
	bottom: 50px;
	right: 0;

  width: fit-content;
}

#kv .feed {
	background: rgba(255, 255, 255, .9);
	padding: 20px;
}

#kv .feed dl dt,
#kv .feed dl dd,
#kv .feed dl dd .feed_date,
#kv .feed dl dd .feed_ttl {
	display: inline-table;
	vertical-align: middle;
}

#kv .feed dl dt {
	border-right: 1px dotted #999;
	padding: 0 20px 0 0;
}

#kv .feed dl dd {
	text-align: left;
	padding: 0 0 0 20px;
}

#kv .feed a {
  color: #222;
  text-decoration: none;

	padding-bottom: 3px;
	background-image: linear-gradient(#222, #222);
	background-repeat: no-repeat;
	background-position: bottom right;
	background-size: 0 1px;
	transition: background-size 0.3s;
}

#kv .feed a:hover {
  background-position: bottom left;
  background-size: 100% 1px;
}

@media screen and (max-width: 1024px) {
  #kv .feed_box {
  	left: 0;
    width: 100%;
		margin: 0 auto;
  }
	#kv .feed {
		width: 90%;
		margin: 0 auto;
	}
}

@media screen and (max-width: 768px), screen and (max-width: 820px) {

	/* index_header */
	header .l_set {
    margin: 0 0 0 20px;
	}
	header .l_set .logo {
		margin: 0;
	}

	._half_radius img {
		border-radius: 0;
	}

	/* index_kv */
	#kv {
		background: url("/cms/wp-content/themes/farmers-ine/assets/img/bg_kv.jpg") no-repeat 50% 0 / cover scroll;
	}
	#kv .ttl .main_ttl {
    margin: 10px 0;

		line-height: 1.2;
    font-size: 5em;
	}
	#kv .ttl .main_txt {
		font-size: .9em;
		font-weight: 600;
	}
  #kv .feed_box {
    width: fit-content;
    bottom: 0;
		left: 0;
  }
	#kv .feed {
		padding: 15px 20px;
		margin: 0 20px 20px 20px;
	}
	#kv .feed dl dt {
		display: none;
	}
	#kv .feed dl dd {
		width: 100%;
		padding: 0;
	}
	#kv .main_ttl {
		line-height: 1.3;
		font-size: 2.3em;
	}
	#kv .main_txt {
		font-size: 1em;
		font-weight: bold;
	}
}

@media screen and (max-width: 820px){
	#kv .feed_box {
		left: 0;
		width: 100%;
		margin: 0 auto 20px auto;
	}
	#kv .feed {
		width: 90%;
		margin: 0 auto;
	}
}

@media (max-height: 500px) and (orientation: landscape) {
	#kv .ttl .main_ttl {
		margin: 0;
		font-size: 4em;
	}
	#kv .ttl .main_txt {
		font-size: 1.1em;
	}
	#kv .ttl .main_ttl ._sp {
		display: none;
	}
	#kv .feed {
		width: fit-content;
		margin: 0 auto;
		padding: 10px 15px;
	}
	#kv .feed_box {
		font-size: .9em;
	}
}

@media screen and (max-width: 330px){
	#kv .ttl .main_ttl {
		margin: 0;
		font-size: 4.2em;
	}
	#kv .ttl .main_txt {
		font-size: .8em;
	}
	#kv .feed_box {
		font-size: .9em;
	}
}


/* #about
---------------------------- */

#about ._sp {
	width: fit-content;
	margin: 0 auto;
}

#about .right .txt_box p:last-child {
	margin: 0 0 30px 0;
}

#about .parallel_wrap,
#about.sub .parallel_wrap {
	gap: 60px;
}

#about .parallel_wrap .right .btn {
	margin: 20px 0;
}

@media screen and (max-width: 768px), screen and (max-width: 820px) {
	.parallel_wrap {
		display: block;
	}
	.parallel_wrap .left,
	.parallel_wrap .right {
		width: 100%;
	}
	#about .ttl_box {
		margin: 0 0 30px 0;
	}
	#about .left {
		margin: 0 0 30px 0;
	}
	#about .btn,
	#about .parallel_wrap .right .btn {
		margin: 20px auto;
	}
}

@media screen and (max-width: 820px) {
	#about .ttl_box {
		text-align: center;
	}
	#about .left {
		width: fit-content;
		margin: 0 auto 30px auto;
	}
}

/* #intro
---------------------------- */
#intro .ttl_box {
	text-align: center;
}
#intro .txt_box {
	text-align: center;
	margin: 0 0 40px 0;
}
#intro .ttl_set {
	position: relative;
	width: 400px;
}
#intro .ttl_set h3 {
	position: absolute;
	top: 100px;
	right: -190px;
}
#intro .ttl_set h3 span {
	display: block;
	width: fit-content;

	background: #222;
	margin: 0 0 5px 0;
	padding: 5px;

	font-size: 1.6em;
	color: #fff;
}
#intro .parallel_wrap .right {
	width: 500px;
	margin: 200px 0 0 0;
}
#intro .parallel_wrap .right p:last-child {
	margin: 0;
}
#intro .parallel {
	gap: 110px;
	margin: 80px 0 40px 0;
}
#intro .vertical_writing {
	margin: 0 0 0 100px;
	writing-mode: vertical-rl;
	font-size: 1.4em;
}
#intro .asparagus,
#intro .edamame {
	width: 340px;
}
#intro .asparagus h3,
#intro .edamame h3 {
	margin: 0 0 15px 0;
}
#intro .asparagus p,
#intro .edamame p {
	font-size: .9em;
}

@media screen and (max-width: 768px), screen and (max-width: 820px) {
	#intro .txt_box {
		text-align: left;
		margin: 0 0 40px 0;
	}
	#intro .ttl_set {
		width: 90%;
		margin: 0 auto;
	}
	#intro .ttl_set h3 {
		position: absolute;
		top: 0;
		left: 0;
		right: inherit;
	}
	#intro .ttl_set h3 span {
		margin: 0;
		writing-mode: vertical-rl;
		font-size: 1.3em;
	}
	#intro .parallel_wrap {
		margin: 20px 0 10px 0;
	}
	#intro .parallel_wrap .right {
		width: 100%;
		margin: 0;
	}
	#intro .vertical_writing {
		margin: 0 auto;
	}
	#intro .asparagus,
	#intro .edamame {
		width: 100%;
		padding: 0 15px;
	}
	#intro .parallel {
		margin: 40px 0;
	}
}

@media screen and (max-width: 820px) {
	#intro .left {
		width: fit-content;
		margin: 0 auto 30px auto;
	}
	#intro .img_box {
		width: fit-content;
		margin: 0 auto 20px auto;
	}
}

/* #flow
---------------------------- */
#flow {
	background: url("/cms/wp-content/themes/farmers-ine/assets/img/bg_index_flow.jpg") no-repeat 0 0 / cover;
}
#flow .ttl_box {
	text-align: center;
}
#flow .txt_box {
	margin: 0 0 40px 0;
	text-align: center;
}
#flow .parallel {
	gap: 20px;
	margin: 60px 0;
}

@media screen and (max-width: 768px), screen and (max-width: 820px) {
	#flow {
		background: url("/cms/wp-content/themes/farmers-ine/assets/img/bg_index_flow_sp.jpg") no-repeat 0 0 / cover;
	}
	#flow .ttl_box {
		margin: 0 0 40px 0;
	}
	#flow .txt_box {
		text-align: left;
	}
	#flow .parallel {
		display: flex;
		flex-wrap: wrap;
		margin: 0 0 20px 0;
	}
	#flow .parallel li {
		width: 45%;
		margin: 0;
		padding: 0;
	}
}


/* #partner
---------------------------- */
#partner .inner {
	padding: 20px 0 80px 0;
}
#partner .ttl_box {
	font-size: 1.1em;
}
#partner .txt_box p {
	line-height: 1.7;
}
#partner .ttl_box h2 {
	font-size: 1.8em;
}
#partner .parallel {
	gap: 80px;
	align-items: center;
	margin: 60px auto;
}
#partner .parallel .ttl_box p {
	margin: 0;
}
#partner .parallel li {
	text-align: center;
}
#partner .parallel figure {
	margin: 0 0 20px 0;
}

@media screen and (max-width: 768px), screen and (max-width: 820px) {
	#partner .ttl_box {
		margin: 0 0 30px 0;
		text-align: center;
	}
	#partner .ttl_box h2 {
		font-size: 1.6em;
	}
	#partner .parallel._partner {
		width: 100%;
	}
	#partner .inner {
		padding: 40px 20px;
	}
	#partner .parallel {
		margin: 0;
	}
	#partner .parallel._partner {
		width: fit-content;
		margin: 30px auto 40px auto;
	}
	#partner .parallel._partner li {
		margin: 0 0 10px 0;
	}
}

/* #blog
---------------------------- */
#blog {
	background: #F7F4EA;
}
#blog .ttl_box {
	position: relative;
	width: fit-content;
	margin: 0 auto 60px auto;
	text-align: center;
}
#blog .ttl_box::before {
	position: absolute;
	left: -80px;
	top: -3px;
	content: "";
	background: url("/cms/wp-content/themes/farmers-ine/assets/img/icon_logo_color.svg") no-repeat 0 0 / cover;
	width: 75px;
	height: 75px;
}
#blog .parallel._content {
	gap: 80px;
  justify-content: center;
}
#blog .parallel._info {
	gap: 20px;
	margin: 0 0 20px 0;
}
#blog .head_line {
	background: #fff;
	padding: 30px 30px 10px 30px;
	border: dotted 1px #707070;
}
#blog .head_line h3 {
	text-align: center;
	margin: 0 0 30px 0;
}
#blog .head_line .date {
	width: 320px;
}
#blog .head_line .tag {
	display: block;
	width: fit-content;
	margin: 0 0 10px 0;
	padding: 2px 5px;
	border: solid 1px #222;
	border-radius: 4px;

	font-size: .8em;
}
#blog .head_line .btn {
	margin: 30px auto 20px auto;
}

@media screen and (max-width: 768px), screen and (max-width: 820px) {
	#blog .ttl_box {
		margin: 0 auto 40px auto;
	}
	#blog .ttl_box::before {
		left: -50px;
	}
	#blog .ttl_box h2 {
		margin: 0 0 0 30px;
	}
	#blog .ttl_box p {
		margin: 0 0 0 20px;
	}
	#blog .head_line {
		padding: 15px 15px 10px 15px;
		margin: 0 0 20px 0;
	}
	#blog .head_line h3 {
		margin: 10px 0 30px 0;
	}
	#blog .parallel._content {
		margin: 0;
	}
	#blog .parallel._info {
		display: flex;
	}
	#blog .head_line .thumb {
		width: 200px;
	}
	#blog .head_line .date {
		width: 100%;
		font-size: .9em;
	}
}

/* #company
---------------------------- */
#company .ttl_box {
	text-align: center;
}

@media screen and (max-width: 768px), screen and (max-width: 820px) {
	#company .ttl_box {
		margin: 0 0 30px 0;
	}
}