@charset "UTF-8";

html {
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
}

.pc {
	display: block;
}

.sp {
	display: none;
}

.float_r {
	float: right;
}

.float_l {
	float: left;
}

.wrapper {
	max-width: 1200px;
	height: auto;
	margin: 0 auto;
}

.wrapper_mid {
	margin: 0 130px;
}


.wrapper.topheader {
	border-top: 4px solid #006934;
	margin-top: 40px;
}

@media (max-width: 1024px) {
	.wrapper_mid {
		margin: 0 70px;
	}
}

@media (max-width: 640px) {
	.wrapper {
		max-width: 100%;
		width: 100%;
	}

	.wrapper_mid {
		margin: 0 15px;
	}

	.wrapper.topheader {
		border-top: 4px solid #006934;
		margin-top: 15px;
	}
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
	margin: 0.5rem 0;
	line-height: 1.2rem;
	background: #fff;
}

a {
	color: #006934;
}

a:hover {
	color: #006934;
}

body {
	position: relative;
}

#nskw {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 1;
}

/**/
#stage {
	position: relative;
	width: 100%;
	height: 340px;
	margin: 0 auto;
	z-index: 3;
	box-sizing: content-box;
	padding: 0.5rem 0;
	border-top: 1px solid #006934;
	border-bottom: 1px solid #006934;
}

#stage2 {
	position: relative;
	width: 100%;
	height: 250px;
	margin: 0 auto -5.5em;
	z-index: 3;
	box-sizing: content-box;
	padding: 0.5rem 0;
/*
	border-top: 1px solid #006934;
	border-bottom: 1px solid #006934;
*/
	display: none;
}

#stage2 img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background: #fff;
}

@media (max-width: 640px) {
	#stage2 {
		height: 140px;
	}
}

.pic {
	position: absolute;
}

.pic img {
	display: block;
	width: 100%;
	opacity: 0;
	-moz-animation: imgTrans 50s infinite;
	-webkit-animation: imgTrans 50s ease-in infinite;
	animation: imgTrans 50s infinite;
}

#photo1 img {
	-moz-animation-delay: 0s;
	-webkit-animation-delay: 0s;
	animation-delay: 0s;
}

#photo2 img {
	-moz-animation-delay: 10s;
	-webkit-animation-delay: 10s;
	animation-delay: 10s;
}

#photo3 img {
	-moz-animation-delay: 20s;
	-webkit-animation-delay: 20s;
	animation-delay: 20s;
}

#photo4 img {
	-moz-animation-delay: 30s;
	-webkit-animation-delay: 30s;
	animation-delay: 30s;
}

#photo5 img {
	-moz-animation-delay: 40s;
	-webkit-animation-delay: 40s;
	animation-delay: 40s;
}

@-webkit-keyframes imgTrans {
	0% {
		opacity: 0;
	}

	3% {
		opacity: 1;
	}

	20% {
		opacity: 1;
	}

	23% {
		opacity: 0;
	}

	100% {
		opacity: 0;
	}
}

@-moz-keyframes imgTrans {
	0% {
		opacity: 0;
	}

	3% {
		opacity: 1;
	}

	20% {
		opacity: 1;
	}

	23% {
		opacity: 0;
	}

	100% {
		opacity: 0;
	}
}

@keyframes imgTrans {
	0% {
		opacity: 0;
	}

	3% {
		opacity: 1;
	}

	20% {
		opacity: 1;
	}

	23% {
		opacity: 0;
	}

	100% {
		opacity: 0;
	}
}
/**/

header {
	/* 追加 */
}

header h1 {
	margin: 30px 0;
	display: inline-block;
}

@media (max-width: 640px) {
	header h1 img {
		width: 100%;
	}
}

header .g_nav {
	position: relative;
}

header .g_nav > ul {
	display: flex;
	width: 100%;
	margin-bottom: 2rem;
	justify-content: space-between;
}

header .g_nav > ul > li {
	width: 17%;
	padding: 0.2rem;
	letter-spacing: 0.2rem;
	font-size: 0.8rem;
	color: #006934;
	border-bottom: 1px solid #006934;
	background: #fff;
}

@media (max-width: 640px) {
	header .g_nav > ul > li {
		padding: 0.2rem 0;
		letter-spacing: 0;
		text-align: center;
	}
}

header .mdd_wrap {
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
}

header .mdd_wrap .mdd_inner {
	width: 100%;
	height: 50px;
	opacity: 0;
	/* 追加 */
	display: none;
	margin: 0 auto;
	transition: opacity .5s ease;
	/* 追加 */
}

header .mdd_inner ul {
	padding: 0.5em;
}

header .mdd_inner ul li {
	float: left;
	padding-left: 1.2rem;
	background-image: url("../img/botton3.png");
	background-repeat: no-repeat;
	background-position: left top;
}

header .g_nav > #navi > li:hover .mdd_wrap .mdd_inner {
	display: block;
	opacity: 1;
}

#navi li a {
	display: block;
	color: #006934;
}

#navi li a .con_jp {
	display: none;
}

#navi li a:hover .con_en {
	display: none;
}

#navi li a:hover .con_jp {
	display: inline;
}

main div.flex {
	justify-content: space-between;
	margin: 0;
}

main h2,
main h3 {
	font-size: 1.2em;
}

main h2 {
	font-weight: normal;
	width: 100%;
	padding: 0.2em;
	margin: 30px 0;
	border: 1px solid #006934;
}

main h2.top {
	margin: 0 0 30px;
}

main h2 p {
	position: relative;
	margin: 0;
	font-size: 1em;
	background-color: #006934;
	color: #fff;
	padding: 1.2em 1em 1em;
	height: 100%;
	line-height: 1em;
}

main h2 a:hover {
	color: #006934;
}

main h2 a:hover p {
	background-color: #b3d2c2;
	color: #006934;
}

main h2 p img.panf {
	position: absolute;
	transform: rotate(15deg);
	box-shadow: 3px 3px 5px 0 rgba(0, 0, 0, .5);
	right: 50px;
	bottom: -18px;
}

main h3 {
	border-top: 2px solid #006934;
	padding: 0.2em;
	line-height: 1.2rem;
	box-sizing: content-box;
}

main #information {
	width: 60%;
}

main #information h3 {
	border-bottom: 1px solid #000;
}

main #information div {
	font-size: 0.8em;
	background: #fff;
}

main #group_company {
	width: 100%;
}

main #group_company ul {
	width: 100%;
	margin-bottom: 30px;
}

main #group_company li {
	width: 32%;
	margin-right: 2%;
	margin-bottom: 0;
	float: left;
}

@media (max-width: 640px) {
	main #group_company ul {
		width: 100%;
		margin-bottom: 15px;
	}

	main #group_company li {
		width: 100%;
		margin-right: 0;
		margin-bottom: 15px;
		float: none;
	}
}

main #group_company li:last-child {
	margin-right: 0;
}

main #group_company h3 {
	margin: 0;
	padding: 1.2em 1em 1em;
	border-bottom: 2px solid #006934;
	letter-spacing: 0;
	color: #006934;
	text-align: center;
}

main #group_company p {
	margin-bottom: 0;
	border: 2px solid #727171;
}

main #group_company p span {
	display: block;
	margin: 0.1em;
	padding: 1.2em 1em 1em;
	border: 1px solid #727171;
	color: #727171;
	font-weight: bold;
	text-align: center;
	background: #e6e6e6;
}

main #group_company p a:hover {
	color: #333;
}

main .box h3.second {
	margin: 0;
	padding: 30px 0 20px;
}

main .box dl {
	width: 100%;
	margin: 0;
	padding: 0;
}

main .box dl dt {
	float: left;
	width: 200px;
	margin: 0;
	padding: 12px 0 10px;
	border-top: 1px solid #c9caca;
}

main .box dl dd {
	/*--width:740px;--*/
	margin: 0;
	padding: 12px 0 10px;
	margin-left: 200px;
	border-top: 1px solid #c9caca;
	box-sizing: border-box;
}

/*
main .box dl dd dl{
	width:740px;
}
*/

main .box dl dd dt {
	width: 200px;
	border-top: 1px dotted #c9caca;
}

main .box dl dd dd {
	/*--width:540px;--*/
	margin-left: 200px;
	border-top: 1px dotted #c9caca;
}

main .box dl dd dt.topline {
	padding: 0 0 10px;
	border-top: none;
}

main .box dl dd dd.topline {
	padding: 0 0 10px;
	border-top: none;
}

main .box dl dd dt.btmline {
	padding: 12px 0 0;
}

main .box dl dd dd.btmline {
	padding: 12px 0 0;
}

main .second-t{
	padding: 0.2em;
	line-height: 1.2rem;
	box-sizing: content-box;
	font-size:1.2em;
	margin:0;
	padding:15px 0 20px;
	font-weight:bold;
}

main .maps {
	float: left;
	margin-right: -100px;
	margin-bottom:30px
}

main .maps  img {
	width:65%;
}

@media (max-width: 640px) {	
	
main .maps  img {
	width:60%;
	display:block;
	margin:auto;
}	
	
		
	
}

.box p {
	margin-bottom: 0rem;
	padding-bottom: 0.5em;
}

.business_box {
	border:2px solid #006431;
	width:100%;
}


.business_box_img {
	background-image: url("../img/business_all_n.png");
	background-size:100%;
}

.business_box_img_left {
	background-image: url("../img/business_left_n.png");
}

.business_box_img_right {
	background-image: url("../img/business_right_n.png");
}

.business_box_img img {
	width: 100%;
}

.business_box_txt {
	padding:27px 27px 0px;
	color:#006431;
	display:inline-flex;
}

.business_box_txt_t{
	font-size:2.2em;
	font-weight:bold;
	margin-right:30px;
}

.business_box_txt_t_b{
	font-size:1.7em;
	font-weight:bold;
	margin-right:21px;
}

.business_box_txt p {
	font-size:0.81em;
	width:63%;
	line-height:24px;
}

.indent-1 {
	padding-left: 1em;
	text-indent: -1em;
}

@media (max-width: 1155px) {
	.wrapper_mid_business{
		width:95%;
		margin:auto;
	}
		
	.business_box_txt p {
		line-height:20px;
		width:58%;
	}	
	
}

@media (max-width: 640px) {
	.business_box_txt p {
		width:100%;
	}
}

@media (max-width: 640px) {
	main .box dl {
		width: 100%;
		margin: 0;
		padding: 0;
	}

	main .box dl dt {
		float: none;
		width: 100%;
		margin: 0;
		padding: 12px 10px 10px;
		border-top: 1px solid #c9caca;
		background: #f0f0f0;
	}

	main .box dl dd {
		width: 100%;
		margin: 0;
		padding: 12px 10px 10px;
		margin-left: 0;
		border-top: 1px solid #c9caca;
		box-sizing: border-box;
	}

	main .box dl dd dl {
		width: 100%;
	}

	main .box dl dd dt {
		width: 100%;
		padding: 12px 0 0;
		border-top: 1px dotted #c9caca;
		background: #fff;
	}

	main .box dl dd dd {
		width: 100%;
		margin-left: 0;
		padding: 0 0 10px;
		border-top: none;
		background: #fff;
	}

	main .box dl dd dt.topline {
		padding: 0;
		border-top: none;
	}

	main .box dl dd dd.topline {
		padding: 0 0 10px;
		border-top: none;
	}

	main .box dl dd dt.btmline {
		padding: 12px 0 0;
	}

	main .box dl dd dd.btmline {
		padding: 0 0 0;
	}

	main .maps {
		float: none;
		margin-right: 0;
	}
}

#home footer .copyright {
	margin-top: 0;
}

footer .copyright {
	margin-top: 2rem;
	width: 100%;
	background: #000;
	padding: 5px 0;
}

footer .wrapper_mid {
	padding: 1.5em;
}

footer img {
	float: left;
	width: 250px;
	margin-right: 1em;
	padding-right: 1em;
	border-right: 1px solid #000;
	background: #fff;
}

footer p {
	font-size: 0.7em;
	margin: 0;
}

@media (max-width: 640px) {
	#home footer .copyright {
		margin-top: 0;
	}

	footer .copyright {
		margin-top:0;
		width: 100%;
	}

	footer .wrapper_mid {
		padding: 15px 0;
	}

	footer img {
		float: none;
		width: 240px;
		margin-right: 0;
		margin-bottom: 15px;
		padding-right: 0;
		border-right: none;
		background: #fff;
	}
}

@media (max-width: 640px) {
	.pc {
		display: none;
	}

	.sp {
		display: inline;
	}
}

/*---TOPイラスト---*/

.illust {
	background: url("../img/main_bg_r_nosun.png") repeat-x;
	background-position: center top;
	background-size: auto;
	width: 100%;
	height: 400px;
}

.illust_2 {
	background: url("../img/main_bg_r_y.png") repeat-x;
	background-position: center top;
	background-size: auto;
	width: 100%;
	height: 400px;
}

@media (max-width: 640px) {
	#stage2 {
		margin: 0 auto -3em;
	}

	#stage2 .w-50 {
		width: 70%;
	}

	.illust {
		background-position: center bottom;
		background-size: cover;
		width: 100%;
		height: 240px;
	}

	.illust_2 {
		background-position: center bottom;
		background-size: cover;
		width: 100%;
		height: 240px;
	}
}

/*---事業内容バナー---*/
.banner_area {
	display: flex;
	width: 100%;
	justify-content: space-between;
}

.banner_area a {
	width: 50%;
	margin-right: 10px;
}

.banner_area img{
	width: 100%;
}

.banner_area a:last-child {
	margin-right: 0;
}

.banner_left :hover  img{
	opacity: 0;
	transition: 0.3s;
}

.banner_left:hover {
	cursor: pointer;
	background-image: url("../img/kankyo_banner_new_onmouse_l.png");
	background-repeat: no-repeat;
	background-size: contain;
}

.banner_right {
	margin-left: 10px;
}

.banner_right:hover img{
	opacity: 0;
	transition: 0.3s;
}

.banner_right:hover {
	cursor: pointer;
	background-image:url("../img/public_banner_new_l_onmouse.png");
	background-repeat: no-repeat;
	background-size: contain;
}

@media (max-width: 640px) {
	.banner_area {
		display: block;
		width: 100%;
	}

	.banner_area a {
		width: 100%;
		margin-right: 0;
		margin-bottom: 20px;
		display: inline-block;
	}

	.banner_area img {
		width: 100%;
	}

	.banner_left {
		margin-bottom: -10px
	}

	.banner_right {
		margin-left: 0;
	}
}

/*---土木資材製品---*/

#public .wrapper_mid_public{
	max-width:1200px;
}


#company .pub_mv img,
#recruit .pub_mv img{
	border-top: 2px solid #006934;
}

#public .pub_mv img,
#private .pub_mv img{
	border-top: 2px solid #006934;
	border-bottom:2px solid #006934;
}

#public main h2,
#private main h2,
#company main h2,
#recruit main h2,
#contact main h2{
	font-weight: normal;
	width: 100%;
	margin: 0 0 30px 0;
	border-top: 2px solid #006934;
	border-right: none;
	border-bottom: 2px solid #006934;
	border-left: none;
}

#public main h2 p,
#private main h2 p,
#company main h2 p,
#recruit main h2 p,
#contact main h2 p{
	position: relative;
	margin: 0;
	padding: 0;
	font-size: 1em;
	background-color: #fff;
	color: #fff;
	height: 100%;
	line-height: 1em;
}

#public main h2 p .bg_gr,
#private main h2 p .bg_gr,
#company main h2 p .bg_gr,
#recruit main h2 p .bg_gr,
#contact main h2 p .bg_gr{
	background-color: #006934;
	display: inline-block;
	padding: 0.5em 1em 0.5em 8em;
}

#public main h2 p .txt_s,
#private main h2 p .txt_s,
#company main h2 p .txt_s,
#recruit main h2 p .txt_s,
#contact main h2 p .txt_s{
	color: #006934;
	display: inline-block;
	margin-left: 1em;
	font-size: 0.8em;
	font-weight: bold;
}

@media (max-width: 640px) {
	#public .pub_mv,
	#private .pub_mv,
	#company .pub_mv,
	#recruit .pub_mv{
		width: 100%;
	}

	#public main h2 p .bg_gr,
	#private main h2 p .bg_gr,
	#company main h2 p .bg_gr,
	#recruit main h2 p .bg_gr,
	#contact main h2 p .bg_gr	{
		background-color: #006934;
		display: inline-block;
		padding: 0.5em 1em 0.5em 1em;
	}
}


#public h4.category_title {
	margin-bottom: 20px ;
	padding: 5px;
	background-color: #dbdcdc;
	font-size: 1em;
	font-weight: bold;
}

#public h4.category_title:before {
	content: "●";
	color: #006934;
}

#public .space_title{
	background-color:#006934;
	padding:10px;
	width:100%;
}

#public .space_title_2{
	background-color:#006934;
	padding:10px;
	margin-bottom: 20px;
	width:100%;
}

#public .space_title p{
	font-weight:bold;
	color:#fff;
	font-size:1.3em;
	margin-left:10px;
	padding:0;
}

#public .space_title_2 p{
	font-weight:bold;
	color:#fff;
	font-size:1.3em;
	margin-left:10px;
	padding:0;
}

#public .item_title,
#private .item_title {
	font-size: 1em;
	font-weight: bold;
	margin-top: 0.5em;
	padding-bottom: 0.2em;
}

#public .item_txt,
#private .item_txt {
	font-size: 0.9em;
}

#public .category_public_wrap {
	display: flex;
	justify-content: space-between;
	margin:20px 0 0;
	flex-wrap:wrap;
	gap:20px;
}

#public .category_public_wrap_2 {
	display: flex;
	justify-content: space-between;
	margin:20px 0 0;
}

#public .category_public_wrap_3 {
	display: flex;
	justify-content: space-between;
	margin:20px 0 30px 0px;
	width:49.1%;
}

#public .category_public_wrap_other {
	display: flex;
	justify-content: space-between;
    margin:20px 0 0;
}

#public .category_public_wrap.pos-c {
	justify-content: center;
}

#public .category_public_wrap > div {
	width: 100%;
/*	margin-right: 1.2em;*/
	margin-bottom: 0.5em;
	max-width: calc( 50% - 10px);
}

#public .category_public_wrap > div:last-child {
	margin-right: 0;
}

#public .category_public_wrap.pos-c > div {
	max-width: calc( 65% - 10px);
}

#public .category_public_wrap.pos-c > div:last-child {
	max-width: calc( 35% - 10px);
}

#public .category_public_wrap div.item_img {
	width: 100%;
	height: 340px;
}

#public .category_public_wrap div.item_img img{
	object-fit: cover;
	object-position: center;
	width: 100%;
	height: 100%;
	border: 1px solid #C4C4C4;
	padding:10px;}

#public .category_public_wrap_2 > div {
	width: 100%;
	margin-right: 1.2em;
	margin-bottom: 0.5em;
}

#public .category_public_wrap_2 > div:last-child {
	margin-right: 0;
}

#public .category_public_wrap_2 div.item_img {
	width: 100%;
	height: 340px;
}

#public .category_public_wrap_2 div.item_img img{
	object-fit: cover;
	object-position: center;
	width: 100%;
	height: 100%;
	border: 1px solid #C4C4C4;
	padding:10px;}

#public .category_public_wrap_3 > div {
	width: 100%;
	margin-right: 1.2em;
	margin-bottom: 0.5em;
}

#public .category_public_wrap_3 > div:last-child {
	margin-right: 0;
}

#public .category_public_wrap_3 div.item_img {
	width: 100%;
	height: 240px;
}

#public .category_public_wrap_3 div.item_img img{
	object-fit: cover;
	object-position: center;
	width: 100%;
	height: 100%;
	border: 1px solid #C4C4C4;
	padding:10px;}

#public .eps-space{
	margin:30px 0;
}

#public .syukoshi-space{
	margin-bottom:30px;
}

#public .category_public_wrap_2{
	margin-bottom:30px;
}

#public .intro {
	background-color:#fff;
	width:100%;
	border:2px solid #006934;
	display:block;
	margin:auto ;
	padding:35px 0 0 0;
}

#public .intro_wrap {
	width:90%;
	margin:30px 0 ;
	transform:translate(6%,0)
}

#public .pub_title{
	width:89%;
	display:block;
	margin:auto;
	border:2px solid #006934;
	padding:15px ;
	margin-bottom:20px;
}

#public .kankyosizai_t {
	font-weight:bold;
	letter-spacing:3px;
	font-size:1.7em;
	line-height:28px;
	color:#006934;
	display:inline-flex;
	object-fit:center;
}

#public .kankyosizai_t-sub{
	background-color:#006934;
	padding:0 5px;
	margin-left:10px;
	color:#fff;
	letter-spacing:normal;
	font-size:0.6em;
}

#public .public-wrapper{
	width:100%;
	margin:0 auto;
}

@media (max-width: 1155px) {
	#public .wrapper_mid_public{
	width:100%;
	}	
	
	#public .public-wrapper{
	width:94%;
	margin:0 auto;
}
	
	#public .intro_wrap {
	width:89%;
	}
	
}

@media (max-width: 1024px) {
	#public main {
	background-image:url("");
}
}

@media (max-width: 845px) {
		#public .intro_wrap p{
			width:100%;
	}
	
}


@media (max-width: 640px) {
	
	#public .public-wrapper{
	width:91%;
	}
	
	
	#public .intro{
		padding:35px 0 20px 0;
	}
	
	#public .intro_wrap {
	width:90%;
	margin:auto 0;
	padding:0 5px;} 
	
	
	#public .category_public_wrap {
		display: block;
	}
	
	#public .category_public_wrap_2 {
		display: block;
	}
	
	#public .category_public_wrap_3 {
		width:100%;
	}
	
	#public .category_public_wrap_other {
		display: block;
	}
	
	#public .category_public_wrap > div {
		margin-bottom: 0.5em;
		margin-right: 0;
		max-width:100%;
	}

	#public .category_public_wrap div.item_img{
		width: 100%;
		height: 240px;
	}
	
	#public .category_public_wrap_2 > div {
		margin-bottom: 0.5em;
		margin-right: 0;
	}

	#public .category_public_wrap_2 div.item_img{
		width: 100%;
		height: 240px;
	}
	
	#public .category_public_wrap_3 > div {
		margin-bottom: 0.5em;
		margin-right: 0;
		margin-top:-1px;
	}

	#public .category_public_wrap_3 div.item_img{
		width: 100%;
		height: 240px;
	}	
	#public .concrete-space{
		margin-top:30px;
	}
	
	#public .hokyoshi-space{
		margin-top:30px;
	}

#public .category_public_wrap.pos-c > div {
	max-width:100%;
}

#public .category_public_wrap.pos-c > div:last-child {
	max-width:100%;
}

}

#public .category_wrap {
	display: flex;
	justify-content: space-between;
}

#public .category_public_wrap_other{
	padding-left: 0.5em;
}

#public .category_public_wrap_other .item_title {
	font-size: 1em;
	font-weight: bold;
	margin-top: 0.5em;
	padding-left: 1em;
	text-indent: -1.6em;
}

#public .category_public_wrap_other .item_title:before {
	content: "□";
}

#public .category_public_wrap_other .item_txt {
	font-size: 0.9em;
	padding-left: 0.35em;
	width:95%;
}

.btn_box{
	margin:0;
	display:flex;
	gap:10px;}

.btn_box li{
	display:inline-block;}

.btn_box li a{
	display:block;
	background:#000;
	color:#fff;
	font-size: 0.9em;
	line-height:1em;
	padding:10px 10px 6px;}

.mb30{
	margin-bottom:30px;}


@media (max-width: 640px) {
	#public h4.category_title {
		margin-top: 20px;
		margin-bottom: 10px;
	}

	#public .item_title {
		padding-bottom: 0;
	}

.mb30{
	margin-bottom:15px;}
	
}

/*---環境資材製品---*/


#private .pub_mv img {
	background-color:#fff;
}

#private .intro {
	background-color:#006934;
	width:1200px;
	display:block;
	margin:auto ;
	padding:35px 0;
}

#private .intro_wrap {
	padding:0 15px;
	display: flex;
	display: -webkit-flex;
	justify-content: center;
	margin-top:35px;
}

#private .pub_title{
	width:89%;
	display:block;
	margin:auto;
	border:2px solid #fff;
	padding:15px ;
	margin-bottom:20px;
}

#private .kankyosizai_t {
	font-weight:bold;
	letter-spacing:3px;
	font-size:1.7em;
	line-height:28px;
	color:#fff;
	display:inline-flex;
	object-fit:center;
}

#private .kankyosizai_t-sub{
	background-color:#fff;
	padding:0 5px;
	margin-left:10px;
	color:#006934;
	letter-spacing:normal;
	font-size:0.6em;
}


#private .pri_intro {
	width: 70%;
	margin-right: 2em;
	color:#fff;
	}

#private .pri_intro ul {
	display: flex;
	display: -webkit-flex;
	flex-wrap: wrap;
}

#private .pri_intro ul li {
	font-weight: bold;
	margin-right: 1em;
}

#private .pri_intro ul li:before {
	content: "■";
	color: #fff;
}

#private .catalog{
	margin:auto 0;
}

#private .catalog img{
	border:1px solid #fff;
}

#private .public-space{
	margin:50px 0 35px 0;
}

#private .public-space_title{
	border:2px solid #006934;
	padding:10px;
	width:100%;
}

#private .public-space_title p{
	font-weight:bold;
	color:#006934;
	font-size:1.3em;
	margin-left:10px;
	padding:0;
}

#private  .public_category {
	display:inline-flex;
	justify-content: center;
}

#private  .public_category_n {
	display: flex;
 	flex-wrap:wrap;
	padding:10px 0 0 ;
	width: 100%;
	margin-left:5px;
	margin-right:-6px}

#private .public_category .item_img_l{
	width: 85%;
	height:331px;
	margin-top:16px;
}

#private .public_category_n .item_img_m {
	width: 48.35%;
	height:161px;
	margin:5px ;
}

#private .public_category .item_img_l img {
	object-fit: cover;
	object-position: center;
	width: 100%;
	height: 100%;
	border: 1px solid #C4C4C4;
	padding:7px;
}


#private .public_category_n .item_img_m img {
	object-fit: cover;
	object-position: center;
	width: 100%;
	height: 100%;
	border: 1px solid #C4C4C4;
	padding:7px;
}


#private .private-space{
	margin:50px 0 35px 0;
	width:100%;
}

#private .private-space_title{
	border:2px solid #006934;
	padding:10px;
	width:100%;
}

#private .private-space_title p{
	font-weight:bold;
	color:#006934;
	font-size:1.3em;
	margin-left:10px;
	padding:0;
}


#private  .private_category {
	display: flex;
 	flex-wrap:wrap;
	padding:10px 0 ;
	margin-bottom:45px;
	justify-content: center;
	width:100%;
}

#private .private_category .item_img {
	width: 32.5%;
	height:240px;
	margin:5px;
}

#private .private_category .item_img img {
	object-fit: cover;
	object-position: center;
	width: 100%;
	height: 100%;
	border: 1px solid #C4C4C4;
	padding:7px;
}


@media (max-width:1155px){
	
	#private .intro{
		width:100%;
	}
	
	#private .intro_wrap{
		width:95%;
		margin-left:25px;
	}
	
	
	#private .space-wrapper{
		padding: 0 20px ;
	}	
	
#private .public_category_n .item_img_m {
	width: 48%;
}	
	
#private .private_category .item_img {
	width: 32%;
	margin:6px;
}
	
	#private .private_category .item_img img{
	margin:auto 0;
}	
	
}

@media (max-width: 1024px) {
	
	#private .intro_wrap{
		width:92%;
		margin-left:35px;
	}	
	
#private .public_category .item_img_l{
	width: 81.5%;
}	
	
#private .public_category_n .item_img_m {
	width: 47.6%;
}	
}


@media (max-width: 845px) {
	
	#private .intro_wrap{
		margin-left:32px;
	}		
	
#private .public-space{
	margin:25px 0 0 0;
}	
	
#private .public_category .item_img_l {
	width: 65%;
}

#private .public_category_n .item_img_m {
	width: 47.1%;
}
	
#private .private_category .item_img {
	width: 46.5%;
	height:200px;
	margin:9px;
}

#private .private_category .item_img img {
	margin-left:5px;

}
}

@media (max-width: 640px) {	
	
	#private .intro{
		display:block;
		margin:0 auto;
	}

	#private .pri_intro {
		width: 100%;
		margin:auto;
	}
	
	#private .intro_wrap{
		display:block;
		margin: auto;
		padding-top:20px;
	}


	#private .pri_intro ul {
		display: block;
	}

	#private .pri_intro ul li {
		font-weight: bold;
		margin-right: 0;
	}
	
	#private .catalog {
		width:100%;
		margin:auto ;}

		#private .catalog img{
		border:none ;}

	
   #private .public-space{
	 margin:30px 0 30px 0;
  }	
	#private .public_category {
		display: block;
		margin:0 auto ;
		width:100%;
	}
	
	#private .public_category_n {
		width:100%;
	}
	
	#private .public_category .item_img_l{
		width: 100%;
		height: 250px;
	}	
	
#private .public_category_n .item_img_m {
	width: 47.5%;}

#private .public_category_n .item_img_m img {
	width: 100%;
	margin-left:-4px}	
	
	#private .private_category .item_img{
		width: 45.56%;
	}
	
#private .private_category .item_img img {
	margin:4px;
	padding:7px;
}
}

@media (max-width: 474px) {
	
#private .kankyosizai_t{
	width:100%;
}		
	
#private .kankyosizai_t-sub{
	letter-spacing:normal;
	font-size:0.6em;
	text-align:center;
}	
	
#private .public_category_n .item_img_m {
	width: 100%;
	height:180px;
	}	
		
	#private .private_category .item_img{
		width: 100%;
	}
	
#private .private_category .item_img img {
	margin:4px;}
}