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

/*デバイス共通====================================*/

/* ------------------------------
 業務案内
------------------------------ */

/* =========  ボタン部分 =========*/
ul.jigyou_cat{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-bottom: 5em;
	margin-top: 50px;
}

ul.jigyou_cat li{
	width: 100%;
	border: solid 1px #000;
	text-align: center;
	margin-bottom: 1em
}

ul.jigyou_cat li a{
	display: block;
	color: #000;
	-webkit-transition: all .3s;
	transition: all .3s;
	padding: .8em;
}

ul.jigyou_cat li a:hover{
	background: #0083bb;
	color: #fff;
	-webkit-transition: all .3s;
	transition: all .3s;
}
@media print, screen and (min-width: 768px) {
	ul.jigyou_cat li{width: 32%;}
}



/*下層ページ共通要素=====================*/
main{
	font-family: 'Noto Sans JP', sans-serif;
}

.bottom_header{
	margin-bottom:0 !important;
}

.base-warp{
	width: 90%;
	max-width: 1000px;
	margin: 0 auto;
}

.color_green{
color:#0F2B00 !important;
}

.font_large{
	font-size:   calc((100vw - 320px) / 200 + 25px);
}

.font_middle{
	font-size:   calc((100vw - 320px) / 200 + 18px);
}

.font_small{
	font-size:   calc((100vw - 320px) / 1000 + 16px);
}

p{
	line-height: 1.5;
}

.br_sp_400{
	display: block;
}
@media screen and (min-width:400px)  {
	.br_sp_400{
		display: none;
	}
}

.br_sp_700{
	display: block;
}
@media screen and (min-width:700px)  {
	.br_sp_700{
		display: none;
	}
}


.flex-base{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
@media screen and (min-width:769px)  {
	.flex-base-SB{
		justify-content: space-between;
	}
}

/*main--------------------*/
.underlayer_main{
	padding: calc((100vw - 320px) / 10 + 100px) 0;
	position: relative;
}

.padding_TB{
	padding: calc((100vw - 320px) / 30 + 80px) 0;
	position: relative;
}

.title_base{
	display: block;
	width: 50%;
	height: auto;
	min-width: 150px;
	max-width: 250px;
	margin: 0 auto;
}

/*各ページ共通要素ここまで=====================*/
/*-----------会社概要--------------*/
.aisatu_warp{ 
	background: #95C221;
	position: relative;
	padding: 100px 0;
}
.title_base_daihyou{
	position: absolute;
	top: 80px;
	left: 0;
	right: 0;
}

.aisatu_con{
	background: #FFF;
	border: solid 7px;
	padding: 60px 50px 50px;
}
.aisatu_flex{
	justify-content: space-around;
}
.harada_img{
	width: 70%;
	height: auto;
	max-width:200px;
	object-fit: contain;
}
.aisatu_cachi{
	text-align: center;
	padding: 20px 0;
	font-family:  "Noto Serif", serif;
}

/*沿革*/
.enkaku_warp{
	padding: calc((100vw - 320px) / 30 + 80px) 0;
}
.enkaku_con{
	padding-top: 10px;
}
.enkaku_con li{
	padding: 15px 0;
	border-bottom: dashed 1px;
}

/* -------------表組ベース---------------- */

/**/

.form-table{
	text-align: center;
	border-collapse: separate;
	border-spacing:0px;/* 行間 */
	margin: 0 auto;
    width: 100%;
	height:30px;
	letter-spacing: -1rem;
}


.form-table th,.form-table td{
	display:block;
	text-align: center;
	vertical-align: top;
	border-bottom: solid 1px #707070;
	padding: 10px;
	letter-spacing: 0.1rem;
}

.form-table th{
	background: #F3F3F3;
	font-weight: bold;
}

/*ファイヤーフォックス　カラム落ち用*/
.form-ffox{
	 letter-spacing: -0.5rem;
}

.form-ffox td,.form-ffox th{
	letter-spacing: 0.1rem;
}
.gaiyou_table_warp{
	padding:50px 0 100px;
}
.gaiyou_table_warp img{
	width: 90%;
	max-width: 300px;
height: auto;
}


/*-----------業務案内--------------*/
.gyoumu_bg{
	background: #EEF5DE;
}

.main_warp{
	padding: 30px 0;
}

.main_warp img{
	width: 100%;
	height: 300px;
	object-fit: cover;
}

.main_text{
	width: 90%;
	padding: 30px 0;
}
.main_text h1{
	font-weight: bold;
	padding-bottom: 10px;
	line-height: 2;
}
.main_sub_warp img{
	width: calc(100%/3);
	height:calc((100vw - 320px) / 10 + 100px);
	object-fit: cover;
}
.main_warp_re{
	flex-direction:row-reverse;
}
.main_sub_re img{
	width: 80%;
	height:auto;
	object-fit: contain;
}
.be_af_img{

}



@media screen and (min-width:400px)  {
/**/

}


/*tablet================================================*/
@media screen and (min-width:700px)  {
/**/
.aisatu_flex p{
	width: 70%;
}
.harada_img{
	width: 30%;
	position: relative;
	left: 50px;
	top:-80px;
}
	
/* -------------表組ベース---------------- */
	
.form-table th,.form-table td{
		display: inline;
	}
	
	.form-table th{
		display: inline-block;
		width: 20%;
	}
	
		.form-table td{
		display: inline-block;
			text-align: left;
			width: 80%;
	}
	
	.table-sell1{
		height: 80px;
	}
	
	.table-sell2{
		height: 100px;
	}
	
	.table-sell3{
		height: 120px;
	}
	
	.table-sell4{
		height: 170px;
	}
	
	.table-sell6{
		height: 200px;
	}
	
	.table-sell7{
		height: 250px;
	}
	
		@-moz-document url-prefix() {
  /* ここに書く */
	.form-table th,.form-table td{
		display: initial;
	}
	
	.form-table th{
		display: inline-block;
		width: 30%;
	}
	
		.form-table td{
		display: inline-block;
			text-align: left;
			width: 70%;
			padding: 10px;
			 word-spacing: 0.1em;
  }
}
	
	.main_warp{
		justify-content: space-between;
	}	
.main_warp img{
	width: 50%;
	height: 500px;
}
	.main_text{
		width: 30%;
		position: relative;
		left: -200px;
	}
.main_sub_warp img{
	width: calc(90%/3);
	padding: 10px;
	height: 300px;
}
	.main_text_re{
		left:200px;
	}
	.main_sub_re img{
		width: 40%;
		height: auto;
	}

}


/*PC============================================================*/
@media screen and (min-width: 1280px) {
	


}