@charset "UTF-8";
/* CSS Document */
.wrapper {
    display:none;
    overflow: hidden !important;
}


/* header・hero */
.hero {
	background-image: url(../img/hero_img.jpg);
	background-size: cover;
	background-position: center center;
	height: calc(100vh - 85px);
	position: relative;
}
.hero img{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;	
	width: 70%;
}
/* スクロールを促す矢印 */
.scroll {
  position: absolute;
  bottom: 20px;
  left: 50%;
  z-index: 2;
  display: inline-block;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  text-decoration: none;
}
.scroll {
  padding-top: 60px;
}
.scroll span {
  position: absolute;
  top: 0;
  left: 50%;
  width: 40px;
  height: 40px;
  margin-left: -12px;
  border-left: 2px solid #fff;
  border-bottom: 2px solid #fff;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-animation: sdb 2s infinite;
  animation: sdb 2s infinite;
  box-sizing: border-box;
}
/* スクロールを促す矢印 */


/* main */
.main .bgtype1 {
	padding-top: 30px;
	padding-bottom: 60px;
	background-image: url(../img/bgtype1_bg.jpg);
}
.main .bgtype1 h2 {
	color: #006837;
}
.main .bgtype2 {
	padding-top: 30px;
	padding-bottom: 60px;
	background-color: #006837;
}
.main h2 {
	margin-bottom: 30px;
}
.main .bgtype2 h2 {
	color: #fff;
}
.main h2 {
	font-size: 40px;
	font-weight: bold;
}
.main h2 span {
	font-size: 20px;
}


/* 事業内容 */
.main #sec01 #des1,
.main #sec01 #des2,
.main #sec01 #des3 {
	position: relative;
}
.main #sec01 #des1 {
	margin-top: -30px;
}
.main #sec01 #des2,
.main #sec01 #des3 {
	margin-top: -70px;
}
.main #sec01 #des1 h3,
.main #sec01 #des3 h3 {
	position: absolute;
	top: 255px;
	left: 180px;
	font-size: 34px;
	color: #fff;
	text-shadow:0px 0px 10px #000,2px 2px 10px #000,-2px -2px 10px #000;
}
.main #sec01 #des1 p,
.main #sec01 #des3 p {
	position: absolute;
	top: 140px;
	right: 100px;
	font-size: 18px;
	color: #fff;
	width: 500px;
	text-shadow:0px 0px 10px #000,2px 2px 10px #000,-2px -2px 10px #000;
	text-align: justify;
}
.main #sec01 #des2 h3 {
	position: absolute;
	top: 150px;
	right: 220px;
	font-size: 34px;
	color: #fff;
	text-shadow:0px 0px 10px #000,2px 2px 10px #000,-2px -2px 10px #000;
}
.main #sec01 #des2 p {
	position: absolute;
	top: 200px;
	left: 90px;
	font-size: 18px;
	color: #fff;
	width: 500px;
	text-shadow:0px 0px 10px #000,2px 2px 10px #000,-2px -2px 10px #000;
	text-align: justify;
}


/* YAMATOの林業 */
.main #sec02 .drn1 {
	margin-left: -50px;
}
.main #sec02 .d_photo {
	margin-bottom: 30px;
}
.main #sec02 p {
	font-size: 30px;
	color: #fff;
	line-height: 2em;
	text-align: justify;
}
.main #sec02 .drn2 {
	float: right;
	margin-bottom: 30px;
	width: 50%;
}



/* 代表あいさつ */
.main #sec03 {
	position: relative;
}
.main #sec03 .container .cont_inner {
	background-color: #fff;
	margin-top: -130px;
	margin-left: -50px;
	margin-right: -50px;
	padding: 50px;
}
.main #sec03 .container .cont_inner .portrait {
	margin-top: 100px;
}
.main #sec03 .container .cont_inner p {
	line-height: 2em;
}
.main #sec03 .container .cont_inner .sign {
	float: right;
	margin-top: 30px;
}


/* YAMATOの強み */
.main #sec04 #st01,
.main #sec04 #st02,
.main #sec04 #st03 {
	margin-top: 120px;
}
.main #sec04 #st03 img {
	width: 80%;
	margin-left: 10%;
}
.main #sec04 h3 {
	font-size: 35px;
	font-weight: bold;
	color: #006837;
}
.main #sec04 .slick_wrap {
	margin-top: 60px;
}
.main #sec04 .slick img {
	width: 100%;
	padding-left: 5px;
	padding-right: 5px;
}


/* 契約までの流れ */
.main #sec05 {
	padding-bottom: 231px;
}
.main #sec05 .container .row {
	margin-bottom: 30px;
}
.main #sec05 .container .cont_inner {
	background-color: #fff;
	margin-left: -50px;
	margin-right: -50px;
	padding: 50px;
	position: relative;
}
.main #sec05 .container .cut {
	margin-top:160px;
	margin-left: -50px;
}
.main #sec05 .container .cont_inner .to_form {
	position: absolute;
	margin-left: -50px;
	margin-right: -50px;
}
.main #sec05 .container .under_tri {
	margin-bottom: 37px;
}
.main #sec05 .container .under_tri:after {
	content: "▼";
	position: absolute;
	margin-top: 10px;
	color: #FF801E;
	font-size: 25px;
	transform: scale(2, 1);
	left: 0;
	right: 0;
}
.main #sec05 .flow_a {
	background-color: #006837;
	border: 2px solid #A38E80;
	border-radius: 10px;
	color: #fff;
	text-align: center;
	padding: 3px 15px;
}
.main #sec05 .flow_a dt {
	font-size: 18px;
}
.main #sec05 .flow_a dt span {
	font-size: 14px;
	font-weight: normal;
}
.main #sec05 .flow_a dd {
	font-size: 14px;
}
.main #sec05 .flow_a .t_line {
	border-top: 1px dashed #A38E80;
}
.main #sec05 .flow_b {
	background-color: #B2D6C5;
	border: 2px solid #A38E80;
	border-radius: 10px;
	color: #006837;
	text-align: center;
	padding: 3px 15px;
}
.main #sec05 .flow_b .t_line {
	border-top: 1px dashed #A38E80;
}
.main #sec05 .flow_b dt {
	font-size: 18px;
}
.main #sec05 .flow_b dd {
	font-size: 14px;
}


/* 保有機械 */
.main #sec06 dl{
  display:flex;
  flex-wrap: wrap;
  border-bottom: 1px solid #4D4D4D;
  border-top: none;
}
.main #sec06 dt{
  background: #B2D6C5;
  width: 40%;
  padding: 10px;
  box-sizing: border-box;
  border-top: 1px solid #4D4D4D; 
}
.main #sec06 dd{
  padding: 10px;
  margin: 0;
  border-top: 1px solid #4D4D4D; 
  width: 60%;
  box-sizing: border-box;
}
.main #sec06 .machine {
	margin-top: 260px;
}


/* 採用情報 */
.main #sec07 {
	color: #fff;
	padding-bottom: 320px;
}
.main #sec07 p {
	line-height: 2.5em;
}
.main #sec07 .portrait {
	margin-top: 50px;
	max-width: 350px;
}
.main #sec07 dl{
  display:flex;
  flex-wrap: wrap;
  border-bottom: 1px dashed #fff;
  border-top: none;
  margin-top: 110px;
}
.main #sec07 dt{
  width: 25%;
  padding: 10px;
  box-sizing: border-box;
  border-top: 1px dashed #fff; 
}
.main #sec07 dd{
  padding: 10px;
  margin: 0;
  border-top: 1px dashed #fff; 
  width: 75%;
  box-sizing: border-box;
}
.main #sec07 .container .cont_inner {
	margin-left: -50px;
	margin-right: -50px;
	padding: 50px;
	position: relative;
}
.main #sec07 .container .cont_inner .to_form {
	position: absolute;
	margin-top: 53px;
	margin-left: -50px;
	margin-right: -50px;
}


/* 企業概要 */
.main #sec08 {
	color: #006837;
	position: relative;
}
.main #sec08 dl{
	display:flex;
	flex-wrap: wrap;
}
.main #sec08 dt{
	width: 25%;
	padding: 10px;
	box-sizing: border-box;
}
.main #sec08 dd{
	padding: 10px;
	margin: 0;
	width: 75%;
	box-sizing: border-box;
}
.main #sec08 .tel {
	margin-top: 40px;
	margin-left: 10px;
	font-size: 36px;
	font-weight: bold;
}
.main #sec08 .tel a {
	color: #FF801E;
}
.main #sec08 .tel span {
	font-size: 22px;
	font-weight: bold;
}
.main #sec08 .mail {
	margin-left: 10px;
	font-size: 22px;
	font-weight: bold;
}
.main #sec08 .mail span {
	font-size: 22px;
	font-weight: bold;
}
.main #sec08 .p01 {
	position: absolute;
	right: -40px;
	top: 120px;
}
.main #sec08 .access h3 {
	font-size: 40px;
	font-weight: bold;
	margin-top: 60px;
	margin-bottom: 30px;
	text-align: center;
}
.main #sec08 .gmap {
	height: 0;
	overflow: hidden;
	padding-bottom: 30%;
	position: relative;
	border: 10px solid #006837;
}
.main #sec08 .gmap iframe {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
}
.main #sec08 .mapfig {
	position: absolute;
	bottom: -20px;
	margin-left: -90px;
}

@-webkit-keyframes sdb {
  0% {
    -webkit-transform: rotate(-45deg) translate(0, 0);
  }
  20% {
    -webkit-transform: rotate(-45deg) translate(-10px, 10px);
  }
  40% {
    -webkit-transform: rotate(-45deg) translate(0, 0);
  }
}
@keyframes sdb {
  0% {
    transform: rotate(-45deg) translate(0, 0);
  }
  20% {
    transform: rotate(-45deg) translate(-10px, 10px);
  }
  40% {
    transform: rotate(-45deg) translate(0, 0);
  }
}
@media only screen and (max-width: 1199px) {
	.main #sec01 #des1 h3,
	.main #sec01 #des3 h3 {
		top: 210px;
		left: 155px;
	}
	.main #sec01 #des1 p,
	.main #sec01 #des3 p {
		top: 120px;
		right: 80px;
	}
	.main #sec01 #des2 h3 {
		top: 125px;
		right: 190px;
	}
	.main #sec01 #des2 p {
		top: 160px;
		left: 80px;
	}
	.main #sec02 .drn1 {
		margin-left: -30px;
	}
	.main #sec05 .container .cut {
		width: 130%;
	}
	.main #sec07 dt{
		width: 35%;
	}
	.main #sec07 dd{
		width: 65%;
	}
}
@media only screen and (max-width: 991px) {
	.hero img{
		top: -10%;
	}
	.main h2 {
		font-size: 30px;
	}
	.main #sec01 #des1 h3,
	.main #sec01 #des2 h3,
	.main #sec01 #des3 h3 {
		font-size: 20px;
		top: 90px;
		left: 125px;
	}
	.main #sec01 #des1 p,
	.main #sec01 #des2 p,
	.main #sec01 #des3 p {
		font-size: 14px;
		top: 120px;
		left: 125px;
		width: 62%;
	}
	.main #sec02 p {
		font-size: 24px;
	}
	.main #sec03 .container .cont_inner .sign {
		margin-top: 0px;
	}
	.main #sec04 #st01,
	.main #sec04 #st02,
	.main #sec04 #st03 {
		margin-top: 60px;
	}
	.main #sec04 #st03 img {
		width: 80%;
		margin-left: 20%;
	}
	.main #sec04 h3 {
		font-size: 24px;
	}
	.main #sec05 .container .cut {
		margin-top: 300px;
	}
	.main #sec06 .machine {
		margin-top: 310px;
	}
	.main #sec07 {
		padding-bottom: 250px;
	}
	.main #sec08 .mapfig {
		position: absolute;
		bottom: 30px;
		margin-left: auto;
		width: 30%;
	}
}
@media only screen and (max-width: 767px) {
	.hero img{
		top: -30%;
	}
	.hero {
		height: 100vh;
	}
	.hero img{
		width: 90%;
	}
	.main #sec01 #des1,
	.main #sec01 #des2,
	.main #sec01 #des3 {
		margin-top: 40px;
		background-size: cover;
		background-position: center center;
		padding: 20px;
	}
	.main #sec01 #des1 {
		background-image: url(../img/description01_sm_bg.jpg);
	}
	.main #sec01 #des2 {
		background-image: url(../img/description02_sm_bg.jpg);
	}
	.main #sec01 #des3 {
		background-image: url(../img/description03_sm_bg.jpg);
	}
	.main #sec01 #des1 h3,
	.main #sec01 #des2 h3,
	.main #sec01 #des3 h3 {
		position: static;
	}
	.main #sec01 #des1 h3 span,
	.main #sec01 #des2 h3 span,
	.main #sec01 #des3 h3 span {
		margin-right: 10px;
	}
	.main #sec01 #des1 p,
	.main #sec01 #des2 p,
	.main #sec01 #des3 p {
		position: static;
		width: 100%;
	}
	.main #sec02 p {
		font-size: 20px;
		line-height: normal;
	}
	.main #sec02 .drn2 {
		width: 80%;
	}
	.main #sec03 .container .cont_inner .portrait {
		margin-top: 0;
		margin-bottom: 30px;
		width: 100%;
		padding-left: 15%;
		padding-right: 15%;
	}
	.main #sec04 .slick img {
		width: 80%;
		margin-left: auto;
		margin-right: auto;
		padding: 0;
	}
	.main #sec06 .machine {
		margin-top: 20px;
	}
	.main #sec07 {
		padding-bottom: 200px;
	}
	.main #sec07 .portrait {
		margin-top: 0;
		max-width: none;
		width: 70%;
		margin-left: 15%;
	}
	.main #sec07 dl{
		margin-top: 30px;
	}
	.main #sec08 .p01 {
		right: 0px;
		top: 120px;
	}
	.main #sec08 dl{
		margin-top: 30px;
	}
	.main #sec08 .gmap {
		border: 5px solid #006837;
	}
	.main #sec08 .mapfig {
		bottom: 40px;
		margin-left: auto;
		width: 25%;
	}
}
@media only screen and (max-width: 575px) {
	.main #sec02 p {
		font-size: 16px;
		line-height: normal;
	}
	.main #sec02 .drn1 {
		margin-left: 0;
	}
	.main #sec04 #st01 img,
	.main #sec04 #st02 img {
		width: 70%;
		margin-left: 15%;
	}
	.main #sec04 #st03 img {
		margin-left: 10%;
	}
	.main #sec05 {
		padding-bottom: 100px;
	}
	.main .to_form {
		width: 100%;
	}
	.main #sec06 dt{
		width: 100%;
		text-align: center;
	}
	.main #sec06 dd{
		width: 100%;
		text-align: center;
	}
	.main #sec07 {
		padding-bottom: 210px;
	}
	.main #sec07 dl{
		border-bottom: 1px solid;
	}
	.main #sec07 dt{
		width: 100%;
		text-align: center;
		border-top: 1px solid;
		font-size: 16px;
	}
	.main #sec07 dd{
		width: 100%;
		text-align: center;
		border-top: 1px dashed;
	}
	.main #sec07 .to_form {
		margin-top: 30px;
	}
	.main #sec08 .p01 {
		right: 0px;
		top: -70px;
		width: 150px;
	}
	.main #sec08 .gmap {
		border: 3px solid #006837;
		padding-bottom: 50%;
	}
	.main #sec08 .mapfig {
		bottom: 50px;
		margin-left: auto;
		width: 30%;
	}
	.main #sec08 .tel {
		font-size: 30px;
	}
	.main #sec08 .tel span {
		font-size: 18px;
	}
	.main #sec08 .mail {
		font-size: 18px;
	}
	.main #sec08 .mail span {
		font-size: 18px;
	}
	
	
	
	
	
	
	
	
	
}