@charset "UTF-8";
/* CSS Document */

/*	グループ
/* ------------------------------------------------------------------------------------------------------- */
/*	services
/* ------------------------------------- */
.services_box,
.services_box2 {
	width: 80%;
	margin: 0px auto 2% auto;
}
.services_box img,
.services_box2 img {
	max-width: 100%;
vertical-align: bottom;
display: block;
}

/*	group
/* ------------------------------------- */
.bb a {
	margin: 10px auto 30px auto;
	padding: 5px 0px;
	display: block;
	width:50%;
	text-align: center;
	background: #1634BE;
	color: #FFF;
	font-size: 110%;
	font-weight: normal;
	-webkit-filter: opacity(100%);
	filter: opacity(100%);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.bb a:hover {
	-webkit-filter: opacity(50%);
	filter: opacity(50%);
	text-decoration: none;
}
/*	history
/* ------------------------------------- */
.history_logo,
.history_logo1,
.history_logo2,
.company_logo,
.company_logo1,
.company_logo2 {
	width: 80%;
	margin: 0px auto 2% auto;
display:flex;
	vertical-align: bottom;
}
.history_logo img,
.history_logo1 img,
.history_logo2 img,
.company_logo img,
.company_logo1 img,
.company_logo2 img {
	width: 100%;
}
/*	workstyle
/* ------------------------------------- */
.workstyle,
.workstyle1,
.workstyle2 {
	width: 80%;
	margin: 0px auto 2% auto;
display:flex;
	vertical-align: bottom;
}
.workstyle img,
.workstyle1 img,
.workstyle2 img {
	width: 100%;
}
.t_70 {
	font-size:70%;
}
.workstyle_time {
	background: repeat-y url(../img/time.gif) 7% top;
	padding: 0px 0px 30px 0px;
}
.workstyle_time0 {
	padding: 0px 0px 30px 0px;
}
.workstyle_time01 {
	background: #21BFEE;
	color:#FFF;
	width:15%;
	float: left;
	text-align: center;
	font-weight:bold;
	margin: 0px 5% 0px 0px;
  display: inline-block;
  height: 26px;
  line-height: 26px;
  position: relative;
  font-size:80%;
}
.workstyle_time01::before {
  border: 13px solid transparent;
  border-left-color: #21BFEE;
  border-right-width: 0;
  content: '';
  display: block;
  height: 0;
  position: absolute;
  right: -13px;
  top: 0;
  width: 0;
}
.workstyle_time02 {
	width:80%;
	float: left;
	font-weight: normal;
	margin: 0px 0px 0px 0px;
}
.workstyle_time02 h4 {
	font-size:120%;
	color:#039;
	border: none;
	padding:0;
	margin: 0px 0px 5px 0px;
}
.workstyle_time02 h4:after {
	border: none;/* 色指定　各css　*/
}
.workstyle_time02 p {
	font-weight: normal;
}
.workstyle_time03 {
	width:80%;
	margin: 0px 0px 0px 20%;
	display: block;
}
.workstyle_time03 img {
	width:100%;
	margin: 5px 0px 0px 0px;
}
#w01,
#w02,
#w03,
#w04,
#works,
#fe01,
#fe02 {
   margin-top:-100px;
  padding-top:100px;
}

/*	interview
/* ------------------------------------- */
.interview_list {
  width: 49%;
  float: left;
}
.interview_list2 {
  width: 49%;
  float: right;
}
.interview_list_i {
   margin: 0px 0px 30px 0px;
}
.interview_list_i img {
  width: 100%;
  height: 100px;
  object-fit: cover;
}
.interview_list_t {
  padding: 4% 2%;
  background:rgba(0,51,153,0.6);
	  color: #FFF;
	  text-align: center;
	  line-height: 1.6em;
	  font-size:90%;
}
.interview_list_t span {
	font-weight:bold;
	font-size:120%;
}
.interview_list_t h6 {
	color: #9ADDFB;
	font-size:100%;
	font-weight:normal;
}
.interview_i {
   margin: 0px 0px 30px 0px;
}
.interview_i img {
  width: 100%;
  height: 350px;
  object-fit: cover;
}
.interview_t {
  padding: 2%;
  background:rgba(0,51,153,0.6);
	  color: #FFF;
	  text-align: center;
}
.interview_t span {
	  color: #FFF;
  font-size:120%;
  font-weight:bold;
}
.interview_box_l,
.interview_box_r {
	margin: 0px 0px 30px 0px;
}
.interview_box_l h4,
.interview_box_r h4 {
	font-size:120%;
	color:#039;
	border: none;
	padding:0;
	margin: 0px 0px 5px 0px;
}
.interview_box_l h4:after,
.interview_box_r h4:after {
	border: none;/* 色指定　各css　*/
}


/*	contact
/* ------------------------------------- */
.of_ad,
.of_ad2 {
	width: 100%;
	background:#EEE;
	box-sizing: border-box;
	padding: 20px;
	margin: 0px auto 2% auto;
}


/*	アースコーポレーション
/* ------------------------------------------------------------------------------------------------------- */
/*	works-earth
/* ------------------------------------- */
.we_box {
margin: 0px 0px 20px 0px;
}
.we_l,
.we_r {
	width:100%;
}
.we_t {
	padding : 4%;
}
.we_bb a {
	margin: 20px auto 30px auto;
	padding: 5px 0px;
	display: block;
	width:50%;
	text-align: center;
	background: #2C92CC;
	color: #FFF;
	font-size: 110%;
	font-weight: normal;
	-webkit-filter: opacity(100%);
	filter: opacity(100%);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.we_bb a:hover {
	-webkit-filter: opacity(50%);
	filter: opacity(50%);
	text-decoration: none;
}
/*	湯浅
/* ------------------------------------------------------------------------------------------------------- */
/*	fertilizer
/* ------------------------------------- */
.fe_bb a,
.fe_bb2 a {
	margin: 20px auto 0px auto;
	padding: 5px 0px;
	display: block;
	width:50%;
	text-align: center;
	background: #008000;
	color: #FFF;
	font-size: 110%;
	font-weight: normal;
	-webkit-filter: opacity(100%);
	filter: opacity(100%);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.fe_bb a:hover,
.fe_bb2 a:hover {
	-webkit-filter: opacity(50%);
	filter: opacity(50%);
	text-decoration: none;
}
/* form
/* ------------------------------------- */
.screen-reader-response ul {
	display: none;
}
dl.fo {
	width: 100%;
	color: #333333;
	margin: 20px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border-top: #03C solid 1px;
  background-color: rgba(195,215,255,0.5);
}
.fo_box {
	width: 100%;
	border-bottom: #03C solid 1px;
	padding: 0px 0px 0px 0px;
}
  
.fo input,
.fo textarea {
  border: 1px solid #999;
  box-shadow: none;
  outline: none;
  color: inherit;
  font-family: inherit;
  font-size: 100%;
  padding: 3px 20px;
	box-sizing: border-box;
	background:#FFF;
  }

dl.fo2 {
	width: 100%;
	color: #333333;
	margin: 20px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border-top: #5A9600 solid 1px;
	background: #E3F0DC;
}
.fo_box2 {
	width: 100%;
	border-bottom: #03C solid 1px;
	padding: 0px 0px 0px 0px;
}
dl.fo dt,
dl.fo2 dt {
	width: 100%;
	margin: 0px 0px 0px 0px;
	padding: 10px;
	float: left;
	color: #000;
	line-height: 120%;
	border-bottom: #03C solid 1px;
}
dl.fo dd,
dl.fo2 dd {
	width: 100%;
	padding: 10px;
	float: left;
  background-color: rgba(255,255,255,0.5);
}
.fo2_2 {
	background-color: #FFF;
	height: 30px;
}
p.fo_tex01 {
	font-size: 12px;
	color: #333333;
	line-height: 19px;
	padding: 0px 0px 10px 0px;
}
.f_b {
	margin: 30px 0px 20px 0px;
	text-align:left;
}
.f_b p {
	margin: 5px 0px 0px 0px;
}
.er {
	font-size: 15px;
	color: #FF3300;
	line-height: 20px;
	margin: 0px 0px 10px 0px;
}
.f_t2 {
	font-size: 12px;
	color: #663300;
	line-height: 17px;
	padding: 2px;
}
.t_red_b {
	font-size: 110%;
	color: #FF3300;
}
.red {
	color: #FF3300;
}
.t_m {
	line-height: 160%;
}
span.wpcf7-list-item { display: block; }
.delivery{
	background: #FCF7EA;
	width: 100%;
	padding: 10px 0px;
}
input[type=checkbox] {
	float: left;
	margin: 7px 0px 0px 0px;
}
.wpcf7-not-valid-tip {
		color: #FF3300;
		margin: 0px 0px 0px 10px;
}

.wpcf7-text {
        height: 35px !important;
		font-size:100%;
}
.form-width { width: 93%;}
.wpcf7 textarea {
        height: 200px !important;
		 width: 93%;
		font-size:100%;
}
.wpcf7 select {
		font-size:100%;
        height: 35px !important;
}
.box_fo {
	padding: 2%;
box-sizing:border-box;
border: 1px #03C solid;
background-color: rgba(255,255,255,0.5);
margin: 20px 0px 30px 0px;
}


/* ------------------------------------- */
/*	 resposive480
/* ------------------------------------- */
@media screen and (min-width: 480px) {
/*	グループ
/* ------------------------------------------------------------------------------------------------------- */
/*	history
/* ------------------------------------- */
.history_logo,
.company_logo {
	width: 49%;
	margin: 0px 2% 0px 0px;
	float: left;
}
.history_logo1,
.history_logo2,
.company_logo1,
.company_logo2 {
	width: 49%;
	float: left;
}
/*	workstyle
/* ------------------------------------- */
.workstyle {
	width: 49%;
	margin: 0px 2% 0px 0px;
	float: left;
}
.workstyle1,
.workstyle2 {
	width: 49%;
	float: left;
}
}

/* ------------------------------------- */
/*	 resposive768
/* ------------------------------------- */
@media screen and (min-width: 768px) {
/*	グループ
/* ------------------------------------------------------------------------------------------------------- */
/*	services
/* ------------------------------------- */
.services_box,
.services_box2 {
	width: 32%;
	margin: 0px 2% 2% 0px;
	float: left;
}
.services_box2 {
	width: 32%;
	margin: 0px 0px 2% 0px;
	float: left;
}
.services_box img,
.services_box2 img {
	width: 100%;
}
/*	group
/* ------------------------------------- */
.bb a {
	margin: 20px 0px 30px 0px;
	padding: 5px 0px;
	width:250px;
	float: right;
}
/*	company
/* ------------------------------------- */
.company_logo,
.company_logo1 {
	width: 23.5%;
	margin: 0px 2% 0px 0px;
	float: left;
}
.company_logo2 {
	width: 23.5%;
	float: left;
}
/*	workstyle
/* ------------------------------------- */
.workstyle,
.workstyle1 {
	width: 23.5%;
	margin: 0px 2% 0px 0px;
	float: left;
}
.workstyle2 {
	width: 23.5%;
	float: left;
}
.workstyle_time {
	background: repeat-y url(../img/time.gif) 5% top;
	padding: 0px 0px 30px 0px;
}
.workstyle_time01 {
	background: #21BFEE;
	color:#FFF;
	width:10%;
	float: left;
	text-align: center;
	font-weight:bold;
	margin: 0px 4% 0px 0px;
  display: inline-block;
  height: 40px;
  line-height: 40px;
  position: relative;
  font-size:90%;
}
.workstyle_time01::before {
  border: 20px solid transparent;
  border-left-color: #21BFEE;
  border-right-width: 0;
  content: '';
  display: block;
  height: 0;
  position: absolute;
  right: -20px;
  top: 0;
  width: 0;
}
.workstyle_time02 {
	width:56%;
	float: left;
	font-weight: normal;
	margin: 0px 2% 0px 0px;
}
.workstyle_time03 {
	width:28%;
	float: left;
	margin: 0px 0px 0px 0px;
}
/*	interview
/* ------------------------------------- */
.interview_list_i {
   margin: 0px 0px 30px 0px;
position: relative;
}
.interview_list_i img {
  width: 100%;
  height: 100%;
}
.interview_list_t {
  position: absolute;
  top: 50%;
  left: 10%;
  -webkit-transform: translateY(-50%); /* Safari用 */
  transform: translateY(-50%);
  padding: 5%;
}

.interview_i {
position: relative;
	margin: 0px 0px 50px 0px;
}
.interview_i img {
  width: 100%;
  height: 100%;
}
.interview_t {
position: absolute;
  top: 50%;
  left: 20%;
  -webkit-transform: translateY(-50%); /* Safari用 */
  transform: translateY(-50%);
  padding: 5%;
}
.interview_t span {
  font-size:140%;
  font-weight:bold;
}
.interview_box_l {
	width: 49%;
	float: left;
	margin: 0px 0px 50px 0px;
}
.interview_box_r {
	width: 49%;
	float: right;
	margin: 0px 0px 50px 0px;
}
.interview_box_l h4,
.interview_box_r h4 {
	font-size:140%;
}
/*	アースコーポレーション
/* ------------------------------------------------------------------------------------------------------- */
/*	works-earth
/* ------------------------------------- */
.we_l {
	width:50%;
	float: left;
}
.we_r {
	width:50%;
	float: right;
}
.we_t {
	padding : 7% 4% 4% 4%;
}
.we_bb a {
	margin: 20px auto 30px auto;
	padding: 5px 0px;
	width:250px;
}
/*	contact
/* ------------------------------------- */
.of_ad {
	width: 49%;
	background:#EEE;
	box-sizing: border-box;
	padding: 20px;
	margin: 0px auto 2% auto;
	float: left;
}
.of_ad2 {
	width: 49%;
	background:#EEE;
	box-sizing: border-box;
	padding: 20px;
	margin: 0px auto 2% auto;
	float: right;
}
/*	湯浅
/* ------------------------------------------------------------------------------------------------------- */
/*	fertilizer
/* ------------------------------------- */
.fe_bb a {
	margin: 20px 10px 0px 0px;
	padding: 5px 0px;
	width:250px;
	float:left;
}
.fe_bb2 a {
	margin: 20px 0px 0px 0px;
	padding: 5px 0px;
	width:250px;
}
}

/* ------------------------------------- */
/*	 resposive992
/* ------------------------------------- */
@media screen and (min-width: 992px) {
/*	グループ
/* ------------------------------------------------------------------------------------------------------- */
.bb a {
	margin: 20px 0px 40px 0px;
}
#w01,
#w02,
#w03,
#w04,
#works,
#fe01,
#fe02 {
   margin-top:-150px;
  padding-top:150px;
}
/*	history
/* ------------------------------------- */
.history_logo,
.history_logo1 {
	width: 18.4%;
	margin: 0px 2% 0px 0px;
	float: left;
}
.history_logo2 {
	width: 18.4%;
	float: left;
}
/*	アースコーポレーション
/* ------------------------------------------------------------------------------------------------------- */
/*	works-earth
/* ------------------------------------- */
.we_t {
	padding : 12% 4% 4% 4%;
}
/* form
/* ------------------------------------- */
dl.fo {
	width: 100%;
}
.fo_box {
	width: 100%;
}
dl.fo2 {
	width: 100%;
}
.fo_box2 {
	width: 100%;
}
dl.fo dt,
dl.fo2 dt {
	width: 30%;
	text-align: right;
	border-bottom: none;
}
dl.fo dd,
dl.fo2 dd {
	width: 70%;
}
.f_b {
	text-align:left;
}
}