/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v7.0.29,
* Autoprefixer: v9.7.6
* Browsers: last 4 version
*/

@charset   "Shift_JIS";
#about .commonBtn_P  btn--circle{
	width:				200px;
	margin:				10px 0;
	padding:			10px 0;
}

#about h2 {
	margin:				50px auto;
	font-size:			27px;
	font-weight:		bold;
}
#about section{
	width:				70%;
	max-width:			1440px;
	margin:				0 auto;
/*border:1px red solid;*/
}
#about h3 {
	width:				100%;
	margin:				30px auto;
	text-align:			left;
	font-size:			20px;
	font-weight:		bold;
/*border:1px blue solid;*/
}
#about h4 {
	width:				100%;
	text-align:			left;
	font-size:			16px;
	font-weight:		normal;
}
#about .ddate {
	width:				100%;
	text-align:			right;
	font-size:			12px;
}

#about table, #about tr, #about th, #about td {
/*border:1px lime solid;*/
}
#about table {
	width:				100%;
}
#about th, #about td {
	text-align:			left;
	vertical-align:		top;
	padding:			20px 0;
	line-height:		23px;
/*border:1px lime solid;*/
}
#about th {
	width:				200px;
	font-size:			16px;
	font-weight:		bold;
}
#about .address div {
	width:				100%;
	display:			-webkit-box;
	display:			-ms-flexbox;
	display:			flex;
	-webkit-box-orient: 			vertical;
	-webkit-box-direction: 			normal;
	    -ms-flex-flow: 			column nowrap;
	        flex-flow: 			column nowrap;
/*border:1px lime solid;*/
}
@media screen and ( max-width:768px ) {
	#about .commonBtn_P {
		width:				150px;
		margin:				10px auto;
		font-size:			14px;
	}
	#about h2 {
		font-size:			20px;
	}
	#about section {
		width:				80%;
	}
	#about h3 {
		font-size:			17px;
	}
	#about th, #about td {
		line-height:		18px;
		width:				100%;
		padding:			14px 0;
		display:			inline-block;
	}
	#about th {
		font-size:			15px;
	}
	#about td {
		font-size:			14px;
		padding-bottom:		30px;
	}
}
@media screen and ( max-width:428px ) {
	#about section {
		width:				95%;
	}
}

/* ディスクロージャーエリア ******************************/
#disclosure div {
	display:			-webkit-box;
	display:			-ms-flexbox;
	display:			flex;
	-webkit-box-orient:			horizontal;
	-webkit-box-direction:			normal;
	    -ms-flex-flow:			row wrap;
	        flex-flow:			row wrap;
	-webkit-box-align:		start;
	    -ms-flex-align:		start;
	        align-items:		flex-start;
	-webkit-box-pack:	start;
	    -ms-flex-pack:	start;
	        justify-content:	flex-start;
/*border:1px lime solid;*/
}
#disclosure .commonBtn_P {
	width:				150px;
	margin-left:		10px;
	margin-right:		10px;
}
@media screen and ( max-width:768px ) {
	#disclosure div {
		-webkit-box-pack:	center;
		    -ms-flex-pack:	center;
		        justify-content:	center;
	}
}

/* インナーテーブル **********************************/
#about table.inner {
	margin:				0 auto;
}
#about table.inner td {
	margin:				0;
	padding:			0;
	text-align:			left;
	vertical-align:		top;
	font-size:			15px;
}
#about table.honsyo {
	width:				90%;
}
#about table.honsyo td {
	width:				50%;
}
#about table.agriland {
	width:				100%;
}
#about table.agriland td:nth-child(1) {
	width:				30%;
}
@media screen and ( max-width:768px ) {
	#about table.inner td {
		font-size:			14px;
	}
}
@media screen and ( max-width:428px ) {
	#about table.agriland td:nth-child(1) {
		width:				50%;
	}
}


/*about1のボタン*/
@import "https://use.fontawesome.com/releases/v5.13.0/css/all.css";

html {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 62.5%;
}

*,
*:before,
*:after {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
}

.btn,
a.btn,

button.btn {
  font-size: 3.0rem;
  font-weight: 700;
  line-height: 1.5;
  position: relative;
  display: inline-block;
  padding: 1rem 4rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.1em;
  color: #212529;
  border-radius: 0.5rem;
}

a.btn--circle {
	margin: 20px;
  width: 160px;
  height: 160px;
  padding: 30px 0 0;
  border-radius: 50%;
  color: #fff;
  background: #00a096;
  -webkit-box-shadow: 0 7px 0 #00a096;
  box-shadow: 0 7px 0 #1760a0;
}

a.btn--circle i {
  font-size: 170%;
}

.fa-position-bottom {
  position: absolute;
  bottom: 2rem;
  left: calc(70% - 2rem);
}

a.btn--circle:hover {
  -webkit-transform: translate(0, 4px);
  transform: translate(0, 4px);
  color: #fff;
  -webkit-box-shadow: 0 3px 0 #00a096;
  box-shadow: 0 3px 0 #1760a0;
}

/*ecsite*/
.ec img {width: 50%;
	       margin-top: 1%;
}

@media screen and ( max-width:768px ) {
.ec img{
		width:50%;
	}
}
@media screen and ( max-width:428px ) {
	.ec img {
		width:93%;
	}
}



Resources