@charset "utf-8";
/* ===========================================================
 *
 * 山梅オフィシャル　スタイルシート
 * Last UpDate : 2025/08/05
 *
=========================================================== */

/* ----------------------------------------------------------
	style.css

	index
	 1 - ページ共通css
	 2 - リンクの色
	 3 - ヘッダー
	 4 - フッター
	 5 - 見出し
	 6 - コンテンツ

---------------------------------------------------------- */

/* ----------------------------------------------------------
 1 - ページ共通css
---------------------------------------------------------- */
@import "general.css";
@import "fonts.css";

@font-face {
	font-family: "Corporate-Logo-Rounded";
	src: url("fonts/Corporate-Logo-Rounded.eot?")  format('eot'),
		url('fonts/Corporate-Logo-Rounded.ttf') format('truetype'),
		url("fonts/Corporate-Logo-Rounded.woff2") format('woff2'),
		url("fonts/Corporate-Logo-Rounded.woff")  format('woff');
}
.Corporate-Logo-Rounded {
  font-family: "Corporate-Logo-Rounded";
}
html{ scroll-padding-top: 100px; position: relative; height: 100%; }
body {
	color: #333;
	font-weight: 300;
	font-style: normal;
	font-family:
		"source-han-sans-japanese",
		"游ゴシック",
		YuGothic,
		"ヒラギノ角ゴ Pro",
		"Hiragino Kaku Gothic Pro",
		"メイリオ",
		"Meiryo",
		"MS P Gothic",
		"ＭＳ Ｐゴシック",
		sans-serif;
	background-color: #eef7e8;
	background-image: url("../images/bg_leaf01.png");
	margin: 0;
	padding: 0;
}
#wrapper{ /* position: relative; */ }
img{ border-radius: 10px; }

:root{
	--main-color: #3f9b4a;
	--second-color: #f39902;
	--sub-color: #34b467;
	--bg-color: #eef7e8;
	--agriculture-color: #8bc145;
	--biodiversity-color: #57abd1;
	--inspiration-color: #f2ab1e;
	--header: 100px;
	scroll-padding: var(--header);
	scroll-behavior: smooth;
}

/* ----------------------------------------------------------
 2 - リンクの色
---------------------------------------------------------- */
a:link		{ color: #333; text-decoration: none; }
a:visited	{ color: #333; text-decoration: none; }
a:hover		{ color: #187b31; text-decoration: none; }
a:active	{ color: #187b31; text-decoration: none; }

a { -ms-filter: "alpha( opacity=60 )"; -webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; }

/* ----------------------------------------------------------
 3 - ヘッダー
---------------------------------------------------------- */
#header{ position: relative; }
/*
.InstagramBnr{ position: absolute; right: -270px; top: 12px; }
.InstagramBnr img{ width: 23%; height: auto; }
*/

/* ----------------------------------------------------------
 4 - フッター
---------------------------------------------------------- */
.pagetop {
	height: 60px;
	width: 60px;
	position: fixed;
	right: 0;
	bottom: 30px;
	background: var(--second-color);
	border-right: 0;
	border-radius: 15px 0 0 15px;
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 2;
}

.pagetop__arrow {
	position: absolute;
	top: 15px;
	left: 0;
	right: 0;
	margin: 0 auto;
	height: 10px;
	width: 10px;
	border-top: 3px solid #fff;
	border-right: 3px solid #fff;
	transform: translateY(20%) rotate(-45deg);
}

.pagetop p{ text-align: center; color: #fff; font-size: 1.3rem; letter-spacing: 1px; margin-top: 10px; }

.pagetop:hover{ background-color: var(--main-color); }

/* ----------------------------------------------------------
 5 - 見出し
---------------------------------------------------------- */

h5{ font-size: 1.8rem; font-weight: 700; letter-spacing: 1px; padding-bottom: 5px; border-bottom: 1px solid #ccc; margin-bottom: 10px; }

/* ----------------------------------------------------------
 6 - コンテンツ
---------------------------------------------------------- */
#contents:after { content: ""; display: block; clear: both; }

/************** トップページ **************/
#topImg{ position: relative; height: 800px; margin-bottom: 60px; }
.top_img_tit{ position: absolute; left: 60px; bottom: 80px; }
.top_img_bnr{ position: absolute; right: 60px; top: 600px; width: 368px; height: 418px; z-index: 999; }
.top_img_bnr a:hover{ opacity: .6; }

/*
#topImg .topTit{ width: 55%; position: absolute; top: 20%; left: 5%; z-index: 2; text-shadow:
	black 1px 1px 5px, black -1px 1px 5px,
	black 1px -1px 5px, black -1px -1px 5px; }
#topImg .topTit01{ font-size: 8rem; color: #fff; line-height: 1.2; font-family: "europa",sans-serif; font-weight: 700; letter-spacing: 2px; margin-bottom: 30px; }
#topImg .topTit01 span{ font-size: 3rem; font-family:"source-han-sans-japanese",sans-serif; }
#topImg .topTxt01{ color: #fff; font-size: 1.6rem; font-weight: 700; line-height: 1.7; letter-spacing: 2px; }
*/

.top_greeting{ max-width: 800px; width: 90%; margin: 0 auto 80px auto; }
.top_greeting img{ width: 100%; height: auto; }

.top_reason{ width: 1600px; margin: 0 auto; position: relative; padding-bottom: 60px; }
.top_reason_tit01{ font-size: 2.3rem; color: var(--main-color); text-align: center; font-family: europa, sans-serif; font-weight: 700; font-style: normal; z-index: 2; position: relative; }
.top_reason_tit01 span{ display: block; position: absolute; top: -85px; left: 0; right: 0; margin: 0 auto; }
.top_reason_tit01:after{ display: block; content: ""; position: absolute; top: -120px; left: 0; right: 0; margin: 0 auto; width: 230px; height: 230px; border-radius: 100%; background-color: #eef7e8; z-index: -1; }

.top_reason_tit02{ font-size: 4.5rem; text-align: center; font-family: bokutoh-rera, sans-serif; font-weight: 400; font-style: normal; z-index: 2; position: relative; margin-bottom: 40px; }
.top_reason_tit02 span{ font-size: 5.5rem; color: #222; }
span.top_reason_tit02_span01{ color: var(--main-color); }
span.top_reason_tit02_span02{ color: var(--second-color); }
span.top_reason_tit02_span03{}
.top_reason_list{ position: relative; min-height: 650px;  }
.top_reason_item{ width: 32%; position: relative; }
.top_reason_item01{ position: absolute; top: -80px; left: 0; }
.top_reason_item02{ position: absolute; left: 0; right: 0; margin: 0 auto; }
.top_reason_item03{ position: absolute; top: -80px; right: 0; }
.top_reason_item_img{ margin-bottom: 50px; }
.top_reason_item_img img{ width: 100%; height: auto; border-radius: 10px; }
.top_reason_item_tit{ position: absolute; top: 330px; left: 0; right: 0; margin: 0 auto; width: 420px; padding: 15px 10px; border-radius: 10px; background-color: var(--main-color); text-align: center; color: #fff; font-size: 2.9rem; font-family: bokutoh-rera, sans-serif; font-weight: 400; font-style: normal; letter-spacing: 1px; }
.top_reason_item_tit span{ letter-spacing: .5px; }
.top_reason_item_txt{ font-size: 1.8rem; color: #666; text-align: center; letter-spacing: 1px; line-height: 1.8; font-weight: 500; }


.top_endeavor{ background-color: #fff; position: relative; overflow: hidden; padding-bottom: 60px; }
.top_endeavor_tit{ position: absolute; width: 670px; height: 670px; top: -500px; background-color: var(--main-color); border-radius: 100%; z-index: 1; min-height: 150px; left: 0; right: 0; margin: 0 auto; }
.top_endeavor_tit01{ position: absolute; bottom: 110px; font-size: 2.3rem; color: #fff; text-align: center; font-family: europa, sans-serif; font-weight: 700; font-style: normal; z-index: 2; right: 0; left: 0; margin: 0 auto; }
.top_endeavor_tit02{ position: absolute; bottom: 60px; font-size: 4rem; color: #fff; text-align: center; font-family: bokutoh-rera, sans-serif; font-weight: 400; font-style: normal; z-index: 2; right: 0; left: 0; margin: 0 auto; }
.top_endeavor_list{ width: 1200px; margin: 250px auto 0 auto; display: flex; justify-content: space-between; flex-wrap: wrap; }
.top_endeavor_item{ position: relative; flex-basis: 32%; margin-bottom: 80px; }
.top_endeavor_item_tit{ text-align: center; margin-bottom: 20px; }
.top_endeavor_item_tit span{ display: block; font-size: 1.5rem; color: var(--sub-color); font-family: europa, sans-serif; font-weight: 700; font-style: normal; }
.top_endeavor_item_tit p{ font-size: 2.5rem; font-weight: 700; }
.top_endeavor_item_img{ }
.top_endeavor_item_img img{ border-radius: 10px;  }
.top_endeavor_item_btn{ position: absolute; bottom: -30px; width: 230px; left: 0; right: 0; margin: 0 auto; }
.top_endeavor_item_btn a{ display: block; font-size: 1.6rem; font-weight: 700; color: #fff; background-color: var(--main-color); padding: 10px; border-radius: 10px; letter-spacing: 1px; text-align: center; }
.top_endeavor_item_btn a:hover{ background-color: var(--second-color); }

.top_endeavor_new{ position: absolute; left: 20px; top: 20px; }





.top_business_tit01{ display: none; }
.top_business_txt{ display: none; }

.topBusiness{ background: #fff; padding-top: 40px; margin-bottom: 80px; }
.topBusinessTit{ display: block; height: 100%; padding-top: 180px; background: #33b366; font-size: 4rem; color: #fff; text-align: center; letter-spacing: 4px; }
.topBusinessTit span{ display: block; font-size: 2rem; font-family: "europa",sans-serif; font-weight: 700; }
.topBusiness ul{ width: 1360px; margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: space-between; }
.topBusiness ul li{ flex-basis: 32%; margin-bottom: 40px; }
.topBusiness ul li .topBusinessTit01{ font-size: 2.7rem; color: #34b467; letter-spacing: 1px; margin-bottom: 10px; }
.topBusiness ul li .topBusinessImg{ margin-bottom: 10px; }
.topBusiness ul li .topBusinessImg img{ width: 100%; height: auto; }
.topBusiness ul li .topBusinessTxt{ font-size: 1.4rem; line-height: 1.7; margin-bottom: 10px; }
.topBusiness ul li .topBusinessBtn{}
.topBusiness ul li .topBusinessBtn a{ display: inline-block; color: #34b467; font-size: 1.5rem; letter-spacing: 1px; border-bottom: 1px solid #34b467; }
.topBusiness ul li .topBusinessBtn a:hover{  }




.top_tit{ width: 90% !important; margin: 0 auto; position: absolute; top: auto !important; left: 0 !important; bottom: 10%; right: 0; }
.topTit02{ flex-basis: 80%; font-family: "Corporate-Logo-Rounded" !important; }
.topTit02Tit{ flex-basis: 70%; font-size: 7rem; font-family: "Corporate-Logo-Rounded" !important; letter-spacing: 10px !important; }
.topTit02Tit span{ display: block; font-size: 4.5rem !important; margin: 10px auto; font-family: "Corporate-Logo-Rounded" !important; letter-spacing: 3px; }
.topTxt02{ color: #fff; font-size: 2.3rem !important; font-weight: 700; line-height: 1.7; letter-spacing: 8px !important; font-family: "Corporate-Logo-Rounded" !important; margin-top: 30px; }

.topTit02Logo{ width: 18%; margin-bottom: 20px; }
.topTit02Logo img{ width: 100%; height: auto; }



.top_business{ background-color: #e3ffe1; padding: 30px 0; }

.top_business_tit{ font-size: 4rem; text-align: center; letter-spacing: 4px; margin-bottom: 30px; font-family: bokutoh-rera, sans-serif; font-weight: 400; font-style: normal; }
.top_business_tit span{ display: block; font-size: 2rem; color: var(--main-color); font-family: europa, sans-serif; font-weight: 700; font-style: normal; letter-spacing: .5px; }

.top_buginess_bg{ width: 1360px; height: 961px; margin: 0 auto; position: relative; background-image: url("../images/bg_business01.png"); background-repeat: no-repeat; background-size: contain;  }

.top_business_btn{}
.top_business_btn img{ width: 100%; height: auto; }
.business_logo{ position: absolute; width: 510px; height: 315px; left: 0; right: 0; top: 0; bottom: 0; margin: auto; }
.btn_tree01{ position: absolute; width: 310px; height: 305px; left: 262px; top: 52px; margin: auto; }
.btn_planning01{ position: absolute; width: 350px; height: 296px; right: 240px; top: 49px; margin: auto; }
.btn_landscape01{ position: absolute; width: 370px; height: 346px; right: 65px; bottom: 190px; margin: auto; }
.btn_maintenance01{ position: absolute; width: 360px; height: 308px; right: 501px; top: 643px; margin: auto; }
.btn_management01{ position: absolute; width: 330px; height: 351px; left: 104px; bottom: 224px; margin: auto; }



/* Pulse Grow */
@keyframes pulse-grow {
  25% {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
  }
  75% {
	-webkit-transform: scale(0.9);
	transform: scale(0.9);
  }
}
.pulse-grow {
  display: inline-block;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.pulse-grow:hover {
  animation-name: pulse-grow;
  animation-duration: 1.3s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}



.topBusiness ul li .topBusinessImg a:hover{ opacity: 0.6; }

.swiper{ width: 100%; height: 100%; }
.swiper-slide img {
  height: auto;
  width: 100%;
}

.topNewsTxt{ font-family: bokutoh-rera, sans-serif; font-weight: 400; font-style: normal; }
.topNewsTxt dd{ font-size: 1.8rem !important;  }

footer .footerImg{ background-image: url("../images/footer_img03.jpg"); background-position: left bottom; background-size: cover;  }

.footer_bnr{ width: 30%; margin-bottom: 20px; }
.footer_bnr img{ width: 100%; height: auto; }
.footer_bnr a:hover{ opacity: 0.6; }

.footer_bnr01{ width: 90%; }
.footer_bnr_list{ display: flex; justify-content: flex-start; }
.footer_bnr_item{ flex-basis: 31%; margin-right: 2%; }


.top_sec{}
.top_sec_list{ display: flex; justify-content: space-between; }
.top_sec_item{ flex-basis: 50%; }
.top_sec_item_company{ background: url("../images/bg_company01.jpg") no-repeat; wight: 100%; background-size:cover; background-position:50%; position: relative; padding: 150px 80px; }
.top_sec_item_iso{ background: url("../images/bg_iso02.jpg") no-repeat; wight: 100%; height: 100%; background-size:cover; background-position:50%; position: relative; padding: 150px 80px; }
.top_sec_item:after{ content: ''; background-color: rgba(0,0,0,.5); position: absolute; left: 0; right: 0; top: 0; bottom: 0; height: 100%; }
.top_sec_item01{ position: relative; z-index: 1; }
.top_sec_item_tit{ color: #fff; }
.top_sec_item_tit span{ display: block; font-size: 2rem; color: #fff; font-family: europa, sans-serif; font-weight: 700; font-style: normal; letter-spacing: .5px; }
.top_sec_item_tit p{ font-size: 4rem; letter-spacing: 4px; margin-bottom: 30px; font-family: bokutoh-rera, sans-serif; font-weight: 400; font-style: normal;  }
.top_sec_item_txt{ color: #fff; font-size: 1.6rem; line-height: 1.8; font-weight: 500; letter-spacing: 2px; }
.top_sec_btn_list{ margin-top: 40px; display: flex; justify-content: flex-start;  }
.top_sec_btn_item{ flex-basis: 30%; margin-right: 3% }
.top_sec_btn_item a{ display: block; font-size: 2rem; text-align: center; background-color: #fff; padding: 15px;  font-family: bokutoh-rera, sans-serif; font-weight: 400; font-style: normal; }
.top_sec_btn_item a:hover{ background-color: var(--sub-color); color: #fff; }


.top_instagram{ background-color: #f3f5ef; padding: 60px 0; }
.top_instagram_tit{ text-align: center; }
.top_instagram_tit span{ display: block; font-size: 2rem; color: var(--main-color); font-family: europa, sans-serif; font-weight: 700; font-style: normal; letter-spacing: .5px; text-align: center; }
.top_instagram_tit p{ font-size: 4rem; letter-spacing: 4px; margin-bottom: 30px; font-family: bokutoh-rera, sans-serif; font-weight: 400; font-style: normal; text-align: center; }
.top_instagram_att{ font-size: 2rem; text-align: center; letter-spacing: 1px;  }


.top_bnr{ background-color: #fff; padding: 60px 0; }
.top_bnr_list{ display: flex; justify-content: center; }
.top_bnr_item{ margin: 0 1%; }
.top_bnr_item img{ border-radius: 0; }
.top_bnr_item a:hover{ opacity: .6; }

.top_instagram_sec{ width: 1200px; margin: 0 auto; }
.top_instagram_btn{ width: 300px; margin: 0 auto; }
.top_instagram_btn a{ display: block; font-size: 2rem; text-align: center; background-color: #fff; padding: 15px; border-radius: 10px; letter-spacing: 1px; }
.top_instagram_btn a i{ font-size: 2.5rem; margin-right: 10px; }
.top_instagram_btn a:hover{ background-color: var(--main-color); color: #fff; }



.project_sec_att{ width: 650px; margin: 60px auto; border: 10px solid var(--second-color); padding: 20px; font-size: 3.3rem; font-weight: 700; text-align: center; }
.project_sec_att span{ color: var(--second-color); }

.project_sec_detail{ margin-bottom: 80px; }

.project_sec_detail_tit{ display: flex; align-items: center; font-size: 5rem; color: var(--agriculture-color); font-family: europa, sans-serif; font-weight: 700; font-style: normal; margin-bottom: 40px; }
.project_sec_detail_tit span{ display: block; width: 70px; height: 70px; background-color: var(--agriculture-color); font-size: 5rem; text-align: center; color: #fff; font-family: europa, sans-serif; font-weight: 700; font-style: normal; margin-right: 20px; }
.project_sec_detail_tit p{ font-size: 2rem; color: #fff; font-family: source-han-sans-japanese, sans-serif; font-weight: 700; font-style: normal; background-color: var(--agriculture-color); border-radius: 40px; padding: 5px 20px; margin-left: 20px; }

.project_sec_list{ display: flex; justify-content: center !important; margin-bottom: 80px; }
.project_sec_item{ margin: 0 1%; padding: 0 !important; }

.project_sec_detail_biodiversity .project_sec_detail_tit{ color: var(--biodiversity-color); }
.project_sec_detail_biodiversity .project_sec_detail_tit span{ background-color: var(--biodiversity-color); }
.project_sec_detail_biodiversity .project_sec_detail_tit p{  background-color: var(--biodiversity-color); }

.project_sec_detail_inspiration .project_sec_detail_tit{ color: var(--inspiration-color); }
.project_sec_detail_inspiration .project_sec_detail_tit span{ background-color: var(--inspiration-color); }
.project_sec_detail_inspiration .project_sec_detail_tit p{  background-color: var(--inspiration-color); }

.project_sec_img{ display: flex; justify-content: space-between; }
.project_sec_img_list{ flex-basis: 32%; display: flex; justify-content: space-between; }
.project_sec_img_item{ }
.project_sec_img_item img{ margin-bottom: 0 !important; }
.project_sec_img_list01{ flex-wrap: wrap; }
.project_sec_img_list01 .project_sec_img_item{ flex-basis: 100% !important; }
.project_sec_img_list02{ flex-wrap: wrap; }
.project_sec_img_list02 .project_sec_img_item{ flex-basis: 100% !important; }
.project_sec_img_list03{ flex-wrap: wrap; }
.project_sec_img_list03 .project_sec_img_item{ flex-basis: 100% !important; }


.sdgs_img{}
.sdgs_img img{ width: 100%; height: auto; }

.sdgs_sec{}
.sdgs_list{}
.sdgs_item{ margin-bottom: 60px; }

.sdgs_1ban{ }
.sdgs_1ban .sdgs_tit_num{ background-color: #e4021e; }
.sdgs_2ban .sdgs_tit_num{ background-color: #d6a600; }
.sdgs_3ban .sdgs_tit_num{ background-color: #279b47; }
.sdgs_4ban .sdgs_tit_num{ background-color: #c31e33; }
.sdgs_5ban .sdgs_tit_num{ background-color: #ef3f2a; }
.sdgs_6ban .sdgs_tit_num{ background-color: #00add9; }
.sdgs_7ban .sdgs_tit_num{ background-color: #fdb711; }
.sdgs_8ban .sdgs_tit_num{ background-color: #8f1737; }
.sdgs_9ban .sdgs_tit_num{ background-color: #f36d24; }
.sdgs_10ban .sdgs_tit_num{ background-color: #e11384; }
.sdgs_11ban .sdgs_tit_num{ background-color: #f99d25; }
.sdgs_12ban .sdgs_tit_num{ background-color: #cf8d29; }
.sdgs_13ban .sdgs_tit_num{ background-color: #47773d; }
.sdgs_14ban .sdgs_tit_num{ background-color: #007dbc; }
.sdgs_15ban .sdgs_tit_num{ background-color: #3db048; }
.sdgs_16ban .sdgs_tit_num{ background-color: #01558b; }
.sdgs_17ban .sdgs_tit_num{ background-color: #173667; }

.sdgs_tit{ display: flex; align-items: center; font-family: source-han-sans-japanese, sans-serif; font-weight: 700; font-style: normal; margin-bottom: 40px; }
.sdgs_tit_num{ width: 40px; height: 40px; color: #fff; font-size: 3rem; text-align: center; line-height: 40px; margin-right: 20px; }
.sdgs_tit01{ font-size: 4rem; }
.sdgs_tit01 br{ display: none; }

.sdgs_sec_list{ display: flex; justify-content: space-between; }
.sdgs_sec_item{}
.sdgs_sec_item_ico{ flex-basis: 20%; border-right: 1px solid #ccc; }
.sdgs_sec_item_ico img{ border-radius: 0; }
.sdgs_sec_item_ico01{}
.sdgs_sec_detail{ flex-basis: 75%; }
.sdgs_sec_item_tit01{ width: 250px; font-size: 1.8rem; color: #fff; padding: 15px; text-align: center; border-radius: 10px; font-family: source-han-sans-japanese, sans-serif; font-weight: 700; font-style: normal; letter-spacing: 1px; margin-bottom: 20px; }
.sdgs_sec_item_tit01_now{ background-color: #00a040; }
.sdgs_sec_item_list{ margin-bottom: 40px; }
.sdgs_sec_item_list_now{}
.sdgs_sec_item_item{ position: relative; font-size: 1.6rem; padding-left: 20px; margin-bottom: 10px; }
.sdgs_sec_item_item:before{ position: absolute; content: ""; display: block; left: 0; top: 7px; width: 12px; height: 12px; border-radius: 100%; }
.sdgs_sec_item_item_now:before{ background-color: #00a040; }
.sdgs_sec_item_item_after:before{ background-color: #ffa600; }
.sdgs_sec_item_tit01_after{ background-color: #ffa600; }
.sdgs_sec_item_list_after{}
.sdgs_sec_item_item_img{ margin-top: 10px; }

.sdgsico_sec{  width: 90%; margin: 0 auto 80px auto; }
.sdgsico_list{ display: flex; flex-wrap: wrap; justify-content: space-between; }
.sdgsico_item{ flex-basis: 15%; margin-bottom: 20px; }
.sdgsico_item:last-child{ background-color: #f7f6f6; }
.sdgsico_item a:hover{ opacity: .6; }
.sdgsico_item img{ border-radius: 0; width: 100%; height: auto; }

.sdgs_sec_att01{ width: 650px; margin: 60px auto 30px auto; /* border: 10px solid var(--second-color); padding: 20px; */ text-align: center; font-size: 4.5rem; font-family: bokutoh-rera, sans-serif; font-weight: 400; font-style: normal; }
.sdgs_sec_att01 span{ color: var(--main-color); }


.sdgs_sec_att{ width: 650px; margin: 60px auto 80px auto; padding: 20px; font-size: 2rem; text-align: center; background-color: #f5f5f5; border-radius: 15px; line-height: 1.8; letter-spacing: 1px; }
.sdgs_sec_att span{ font-size: 2.5rem; font-weight: 700; }
.sdgs_sec_att p{ font-size: 3rem; font-weight: 700; color: var(--main-color); }

.sdgs_sec01_list{ display: flex; justify-content: space-between; margin-bottom: 40px; }
.sdgs_sec01_item{ position: relative; flex-basis: 32%; font-size: 1.6rem; line-height: 1.6; border-radius: 15px; padding: 40px 20px 10px 20px; }

.sdgs_sec01_ico01{ position: absolute; top: -30px; left: 0; right: 0; margin: 0 auto; width: 60px; height: 60px; border-radius: 100%; text-align: center; }
.sdgs_sec01_ico01 i{ color: #fff; font-size: 3.5rem; border-radius: 100%; line-height: 60px; }

.sdgs_sec01_item01,
.sdgs_torikumi_item01 .sdgs_torikumi01_item{ background-color: rgba(253,106,139,.1); }
.sdgs_sec01_item02,
.sdgs_torikumi_item02 .sdgs_torikumi01_item{ background-color: rgba(244,145,64,.1); }
.sdgs_sec01_item03,
.sdgs_torikumi_item03 .sdgs_torikumi01_item{ background-color: rgba(37,177,205,.1); }

.sdgs_sec01_item01 .sdgs_sec01_ico01,
.sdgs_torikumi_item01 .sdgs_sec01_ico02{ background-color: rgba(253,106,139,1); }
.sdgs_sec01_item02 .sdgs_sec01_ico01,
.sdgs_torikumi_item02 .sdgs_sec01_ico02{ background-color: rgba(244,145,64,1); }
.sdgs_sec01_item03 .sdgs_sec01_ico01,
.sdgs_torikumi_item03 .sdgs_sec01_ico02{ background-color: rgba(37,177,205,1); }


.sdgs_sec01_item .sdgsico_sec{ width: 100%; margin: 20px 0; }
.sdgs_sec01_item .sdgsico_list{ }
.sdgs_sec01_item .sdgsico_list:after{ content: ""; display: block; width: 32%; }
.sdgs_sec01_item .sdgsico_item{ flex-basis: 33%; margin-bottom: 5px; }

.sdgs_sec01_item01 .sdgs_sec01_tit01,
.sdgs_torikumi_item01 .sdgs_sec01_tit02{ color: #fd6a8b; }
.sdgs_sec01_item02 .sdgs_sec01_tit01,
.sdgs_torikumi_item02 .sdgs_sec01_tit02{ color: #f49140; }
.sdgs_sec01_item03 .sdgs_sec01_tit01,
.sdgs_torikumi_item03 .sdgs_sec01_tit02{ color: #25b1cd; }

.sdgs_sec01_tit01{ font-size: 2rem; font-weight: 700; text-align: center; font-family: bokutoh-rera, sans-serif; font-weight: 400; font-style: normal; line-height: 1.2; margin-bottom: 20px; }
.sdgs_sec01_tit01 span{ display: block; font-size: 3.5rem; }
.sdgs_sec01_txt01{ font-size: 1.6rem; line-height: 1.6; height: 210px; }

.sdgs_sec01_ico02{ width: 60px; height: 60px; border-radius: 100%; text-align: center; margin-right: 20px; }
.sdgs_sec01_ico02 i{ color: #fff; font-size: 3.5rem; border-radius: 100%; line-height: 60px; }

.sdgs_sec01_tit02{ font-size: 3rem; font-weight: 700; font-family: bokutoh-rera, sans-serif; font-weight: 400; font-style: normal; }
.sdgs_sec01_tit02 span{ font-size: 4.5rem; }

.sdgs_torikumi_sec{ margin-bottom: 40px; }
.sdgs_torikumi_list{ }
.sdgs_torikumi_item{ display: flex; flex-wrap: wrap; }
.sdgs_torikumi_item .sdgs_sec01_tit01{ }
.sdgs_torikumi_item .sdgs_torikumi01_list{ flex-basis: 100%; }

.sdgs_torikumi01_list{ margin-top: 30px; display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: 20px; }
.sdgs_torikumi01_item{ position: relative; flex-basis: 49%; font-size: 1.8rem; margin-bottom: 10px; padding: 15px 15px 15px 40px; border-radius: 10px; }
.sdgs_torikumi01_item a{ text-decoration: underline; }
.sdgs_torikumi01_item a:hover{ text-decoration: none; }

.sdgs_torikumi01_item:before{ display: block; content: ""; position: absolute; left: 15px; top: 25px; width: 10px; height: 10px; border-radius: 100%; }

.sdgs_torikumi_item01 .sdgs_torikumi01_item:before{ background-color: #fd6a8b;}
.sdgs_torikumi_item02 .sdgs_torikumi01_item:before{ background-color: #f49140; }
.sdgs_torikumi_item03 .sdgs_torikumi01_item:before{ background-color: #25b1cd; }

.sdgs_torikumi_sec .planningSec ul li p{ font-size: 1.6rem; }


.download_sec{}
.download_list{}
.download_item{ display: flex; justify-content: space-between; background-color: #f5f5f5; }
.download_tit{ flex-basis: 70%; padding: 10px; border-right: 3px solid #fff; }
.download_tit h3{ margin-bottom: 0; padding: 10px 0; }
.download_btn{ flex-basis: 30%; padding: 10px; text-align: center; font-size: 1.6rem; }
.download_btn i{ font-size: 4rem; margin-left: 10px; }
.download_btn a{ display: block; border: 2px solid #00a040; border-radius: 10px; text-align: center; font-size: 1.6rem; font-weight: bold; padding: 10px; background-color: #00a040; color: #fff; }
.download_btn a:hover{ background-color: #fff; color: #00a040; }


.tree_sec01{ background-color: #eef7e8; padding: 30px; border-radius: 10px; margin-bottom: 40px; }

h4{ font-size: 2rem; font-weight: 700; letter-spacing: 1px; background-color: rgba(96,160,64,1); color: #fff; padding: 10px; border-radius: 10px; margin-bottom: 20px; }

.plantscoordinator_sec .treeSec01{ flex-wrap: wrap; }
.plantscoordinator_sec .treeSec01 h4{ flex-basis: 100%; }


.planning_nav{ width: 1100px; margin: 0 auto 60px auto; }
.planning_nav_list{ display: flex; justify-content: space-between; }
.planning_nav_item{}
.planning_nav_item a{ display: block; color: #35b468; font-size: 19px; font-weight: 500; letter-spacing: 1px; border: 1px solid #35b468; background: #fff; padding: 10px; text-align: center; border-radius: 5px; }
.planning_nav_item a:hover{ background: #f49f05; color: #fff; }


.video_sec {
width: 100%;/*背景色を横幅いっぱいに広げる*/
text-align: center;
margin: auto auto 40px auto;
}
.video_sec video{
width: 100%;
max-width: 920px;/*PC版での最大幅*/
}

.maintenance_nav{ width: 1100px; margin: 0 auto 60px auto; }
.maintenance_nav_list{ display: flex; justify-content: space-between; }
.maintenance_nav_item{ flex-basis: 23%; }
.maintenance_nav_item a{ display: block; color: #35b468; font-size: 19px; font-weight: 500; letter-spacing: 1px; border: 1px solid #35b468; background: #fff; padding: 10px; text-align: center; border-radius: 5px; }
.maintenance_nav_item a:hover{ background: #f49f05; color: #fff; }


.greenbond_sec{}
.greenbond_sec_list{ display: flex; justify-content: space-between; flex-wrap: wrap; }
.greenbond_sec_list:after{ content: ""; display: block; width: 32%; }
.greenbond_sec_item{ flex-basis: 32%; margin-bottom: 30px; }
.greenbond_sec_item_date{ font-size: 14px; margin-bottom: 10px; }
.greenbond_sec_item_img{ margin-bottom: 10px; }
.greenbond_sec_item_img img{ width: 100%; height: 516px; object-fit: cover; border: 1px solid #ccc !important; border-radius: 10px; }
.greenbond_sec_item_tit{ font-size: 18px; font-weight: 600; color: #33b266; }

.fancybox__container{ --fancybox-bg: rgba(24, 24, 27, 0.8); z-index: 99999; }



/* YAMAUME VILLAGE */
h1.h1_village{ color: #3f9b4a; font-size: 10rem; text-align: center; font-family: fatfrank, sans-serif; font-weight: 400; font-style: normal; margin: 40px 0; letter-spacing: 2px; }

.village_sec{ position: relative; height: 1911px; }
.village_sec_concept{ position: absolute; right: 10%; top: 160px; font-family: dnp-shuei-ymincho-std, sans-serif; font-weight: 500; font-style: normal; z-index: 2; }
.vilage_sec_concept_tit{ font-size: 2.5rem; color: #666; margin-bottom: 20px; letter-spacing: 2px; }
.vilage_sec_concept_txt{ font-size: 1.6rem; line-height: 1.8; letter-spacing: 2px; }
.vilage_sec_concept_txt p{  }
.village_sec_bg{ position: absolute; left: 0; top: 0; width: 1920px; height: 1911px; }
.village_sec_bg img{ /* width: 100%; height: auto; */ }
div#map1{ max-width: 100%; width: auto; }

.village_sec_cloud01{ position: absolute; top: 400px; left: 200px; z-index: 2; }
.village_sec_cloud02{ position: absolute; top: 700px; right: 0; z-index: 2; }
.fluffy01{ animation: cloud-animation 1.4s ease-in-out infinite alternate-reverse; }
.fluffy02{ animation: cloud-animation 1.8s ease-in-out infinite alternate-reverse; }

.cloud-animation {
  animation: cloud-animation 1.8s ease-in-out infinite alternate-reverse;
}

@keyframes cloud-animation {
  0% {
    transform: translateY(-12px);
  }
  100% {
    transform: translateY(12px);
  }
}


h1.h1_symboltree{ font-size: 5.5rem; color: #666; text-align: center; letter-spacing: 3px; margin-bottom: 20px; font-family: bokutoh-rera, sans-serif; font-weight: 400; font-style: normal; margin-top: 60px; }
h2.h2_symboltree{ font-size: 3.7rem; text-align: center; color: #666; font-family: dnp-shuei-ymincho-std, sans-serif; font-weight: 500; font-style: normal; z-index: 2; margin-bottom: 40px; border-bottom: 0; }

.breadcrumbs{ font-family: dnp-shuei-ymincho-std, sans-serif; font-weight: 500; font-style: normal; margin-bottom: 40px; }
.breadcrumbs_list{ display: flex; justify-content: center; }
.breadcrumbs_item{ position: relative; letter-spacing: 2px; }
.breadcrumbs_item:before{ position: absolute; display: block; content: "/"; left: 8px; top: 0; font-size: 1.6rem; }
.breadcrumbs_item:nth-child(1):before{ display: none; }
.breadcrumbs_item a{ color: #666; font-size: 1.3rem; padding-left: 20px; }
.breadcrumbs_item a:hover{ opacity: .6; }

.symboltree_sec_img{}
.symboltree_sec_img img{ border-radius: 10px; }
.symboltree_sec_img01{ text-align: center; }

.symboltree_concept_bg{ background: url("/village/symboltree/images/bg_concept01.png") no-repeat; left: 0; top: 400px; min-height: 1000px; }

.symboltree_concept_sec{ width: 25%; margin-top: 40px; margin-left: 65% }
.symboltree_concept_sec_tit{ color: #3f9b4a; font-size: 8rem; font-family: haptic-script, sans-serif; font-weight: 400; font-style: normal; letter-spacing: 2px; }
.symboltree_concept_sec_txt{ font-size: 2rem; color: #666; font-family: dnp-shuei-ymincho-std, sans-serif; font-weight: 500; font-style: normal; z-index: 2; }

.symboltree_sec01{ width: 1200px; margin: 0 auto 80px auto; }
.symboltree_sec01_list{ display: flex; justify-content: space-between; }
.symboltree_sec01_item{ flex-basis: 32%; }
.symboltree_sec01_img01{ margin-bottom: 20px; }
.symboltree_sec01_img01 img{ width: 100%; height: auto; border-radius: 10px; }
.symboltree_sec01_tit01{ font-size: 2.5rem; text-align: center; font-family: dnp-shuei-ymincho-std, sans-serif; font-weight: 500; font-style: normal; letter-spacing: 2px; margin-bottom: 10px; line-height: 1; }
.symboltree_sec01_txt01{ font-size: 1.5rem; text-align: center; font-family: dnp-shuei-ymincho-std, sans-serif; font-weight: 500; font-style: normal; letter-spacing: 2px; margin-bottom: 10px; }
.symboltree_sec01_btn01{ width: 200px; margin: 0 auto; }
.symboltree_sec01_btn01 a{ display: block; font-size: 1.7rem; background-color: #fff; color: #3f9b4a; text-align: center; padding: 5px 10px; border-radius: 40px; font-family: dnp-shuei-ymincho-std, sans-serif; font-weight: 500; font-style: normal; letter-spacing: 2px; }
.symboltree_sec01_btn01 a:hover{ background-color: #3f9b4a; color: #fff; }


.symboltree_sec02{ width: 1200px; margin: 0 auto 80px auto; background-color: #fff; padding: 40px; border-radius: 10px; }
.symboltree_sec02_list{ display: flex; justify-content: space-between; }
.symboltree_sec02_item{  }
.symboltree_sec02_item_img{ flex-basis: 58%; }
.symboltree_sec02_item_img img{ width: 100%; height: auto;  }
.symboltree_sec02_item_txt{ flex-basis: 38%; }
.symboltree_sec02_img01{}
.symboltree_sec02_tit01{ font-size: 2.5rem; font-family: dnp-shuei-ymincho-std, sans-serif; font-weight: 500; font-style: normal; letter-spacing: 2px; margin-bottom: 20px; line-height: 1.5; }
.symboltree_sec02_txt01{ font-size: 1.5rem; font-family: dnp-shuei-ymincho-std, sans-serif; font-weight: 500; font-style: normal; letter-spacing: 2px; line-height: 1.5; }



.symboltree_gallery_sec{}
.symboltree_gallery_sec_tit{ color: #3f9b4a; font-size: 8rem; text-align: center; font-family: haptic-script, sans-serif; font-weight: 400; font-style: normal; letter-spacing: 2px; margin-bottom: 30px; }

.gallery img{ width: 98%; height: auto; border-radius: 10px; }


/* Green Sustainable */

.greensustainable_sec{ background: url("/greensustainable/images/bg_greensustainable01.png") top center no-repeat; }

h1.h1_greensustainable{ color: #a0c37d; line-height: 1; margin: 0; padding: 40px 0; }
.greensustainable_sec_tit{ color: #3f9b4a; font-size: 3.5rem; text-align: center; letter-spacing: 3px; }



h2.h2_greensustainable{ color: #a0c37d; font-size: 6.2rem; font-family: fatfrank, sans-serif; font-weight: 400; font-style: normal; border-bottom: 0; margin-bottom: 30px; }
h2.h2_greensustainable span{ display: block; font-size: 2rem; color: #3f9b4a; line-height: 1; font-weight: 700; }

.greensustainable_sec_concept{ background: url("/greensustainable/images/img_greensustainable01.png")  no-repeat right top; min-height: 1000px; background-size: 50% auto; }
.greensustainable_sec_concept_sec{ width: 1200px; margin: 0 auto; padding-top: 100px; }
.greensustainable_sec_concept_sec_txt01{ font-size: 2.2rem; line-height: 2; color: #175a1f; letter-spacing: 2px; }
.greensustainable_sec_concept_sec_txt01 span{ background-color: #3f9b4a; color: #fff; padding: 3px; }

.greensustainable_sec_effect_sec_list{ display: flex; justify-content: space-between; }
.greensustainable_sec_effect_sec_item{ flex-basis: 19%; }
.greensustainable_sec_effect_sec_img01{ margin-bottom: 10px; }
.greensustainable_sec_effect_sec_img01 img{ width: 100%; height: auto; border-radius: 10px; }
.greensustainable_sec_effect_sec_tit01{ font-size: 2.1rem; color: #3f9b4a; text-align: center; letter-spacing: 2px; margin-bottom: 10px; line-height: 1; }
.greensustainable_sec_effect_sec_txt01{ font-size: 1.2rem; color: #3f9b4a; text-align: center; letter-spacing: 2px; line-height: 1; }

.greensustainable_sec_action_sec_list{ display: flex; justify-content: space-between; }
.greensustainable_sec_action_sec_item{ flex-basis: 32%; background-color: #fff; padding: 20px; }
.greensustainable_sec_action_sec_item_img01{ margin-bottom: 10px; }
.greensustainable_sec_action_sec_item_img01 img{ width: 100%; height: auto; border-radius: 10px; }
.greensustainable_sec_action_sec_item_txt01{ font-size: 1.6rem; color: #3f9b4a; letter-spacing: 2px; }










/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
 SP CSS
------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
@media screen and (max-width:680px){
/* ----------------------------------------------------------

	***** SP表示用CSS *****
	index
	 1 - ページ共通css
	 2 - リンクの色
	 3 - ヘッダー
	 4 - フッター
	 5 - 見出し
	 6 - コンテンツ

---------------------------------------------------------- */

/* ----------------------------------------------------------
 1 - ページ共通css
---------------------------------------------------------- */
img,video {
  max-width: 100%;
  height: auto;
}

/* フォントサイズ10px=62.5% */
html{ font-size: 60%; }

/* 基本のフォントサイズ */
body{ font-size: 1.6rem; }

/* 非表示用 */
.noneSP		{ display: none; }
/* ----------------------------------------------------------
 2 - リンクの色
---------------------------------------------------------- */
/* ----------------------------------------------------------
 3 - ヘッダー
---------------------------------------------------------- */
header{ width: 100%; margin: 0 auto; padding: 0; }
header:after{ content: ""; display: block; clear: both; }
header .headerLogo{ width: 130px; margin-left: 10px;  }
header .headerLogo a:hover{ opacity: 0.6; }
header .headerTel{ display: none; }
header .headerNav{ display: none; }
header .headerBtn{ display: none; }

	/*
#header{ position: relative; }
.InstagramBnr{ position: absolute; right: -130px; top: -7px; }
.InstagramBnr img{ width: 18%; height: auto; }
*/


.pure-drawer div > ul{ padding-left: 20px; margin-bottom: 40px; }
.pure-drawer div > ul > li{ font-size: 2rem; font-weight: 700; margin-bottom: 20px; }
.pure-drawer div > ul > li span{ display: none; }
.pure-drawer div > ul > li > ul{ width: 90%; margin-left: 10%; position: static; margin-top: 10px; }
.pure-drawer div > ul > li > ul li{ font-size: 13px; color: #fff; letter-spacing: 1px; margin-bottom: 10px; }
.pure-drawer div > ul > li > ul li:before{ content: '\f0da'; font-family: "Font Awesome 5 Free"; color: #666; margin-right: 10px; }
.pure-drawer div > ul > li a{ color: #666; }
.pure-drawer div > ul > li a:hover{ opacity: 0.6; }

header{ }
#header{ position: absolute; width: 100%; top: 0; height: 60px; display: flex; align-items: center; background-color: var(--bg-color); z-index: 1; box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.26); }
header .headerLogo{ flex-basis: 50%; margin-left: 2%; }
header .headerLogo img{ width: auto; max-height: 45px; }
header .headerLogo a:hover{ opacity: 0.6; }

.header_bnr{ flex-basis: 8%; margin-left: .5%; }
.header_bnr img{ width: 100%; height: auto; }

header .headerNav{ display: none; }

header .headerBtn{ float: right; width: 80px; }
header .headerBtn a{ display: block; color: #fff; font-size: 2.5rem; line-height: 80px; text-align: center; background: #33b366; border: 1px solid #33b366; }
header .headerBtn a:hover{ color: #33b366; background: #fff; }

header .headerTel{ display: none; }

.InstagramBnr{ flex-basis: auto; margin-left: 0; z-index: 9999; position: absolute; right: 70px; top: 5px; }
.InstagramBnr a:hover{ opacity: .6; }
.InstagramBnr img{ width: 50px; height: 50px; }

.header_info{ display: none; }

/* ----------------------------------------------------------
 4 - フッター
---------------------------------------------------------- */
footer{ background: #34b467; }
footer #footer{ text-align: center; }
footer #footer:after{ content: ""; display: block; clear: both; }
footer .footerImg{ display: none; }
footer .footerSec{ width: 100%; margin: 0 auto; padding: 4% 0 2% 0; }
footer .footerLogo{ margin-bottom: 20px; }
footer .footerLogo01{ width: 200px; display: block; margin: 0 auto 20px auto; }
footer .footerLogo01 img{ width: 90%; height: auto; }
footer .footerLogo01 a:hover{ opacity: 0.6; }
footer .footerAdd01{ display: block; color: #fff; font-size: 1.5rem; line-height: 1.5; letter-spacing: 1px; margin-bottom: 10px; }
footer .footerAdd01 span{ display: none; }

footer .footerTel01{ width: 90%; margin: 0 auto 10px auto; }
footer .footerTel01 a{ display: block; background: #227744; border: 2px solid #227744; color: #fff; font-size: 3rem; font-family: "stenciletta-solid",sans-serif; text-align: center; letter-spacing: 2px; padding: 10px 15px; border-radius: 10px; }
footer .footerTel01 i{ font-size: 2.5rem; }
footer .footerTel01 span{ display: block; font-size: 1.4rem; font-family:"source-han-sans-japanese",sans-serif; }

footer .footerContact01{ width: 90%; margin: 0 auto; }
footer .footerContact01 a{ display: block; font-size: 1.9rem; font-weight: 500; color: #34b467; text-align: center; letter-spacing: 1px; padding: 10px 15px; background: #fff; border: 2px solid #fff; border-radius: 10px; }
footer .footerContact01 i{ margin-right: 10px; }


footer .footerNav{ display: none;  }

footer .footerNav02{ margin-bottom: 10px; }
footer .footerNav02 ul{  }
footer .footerNav02 ul li{ border-bottom: 1px solid #fff; }
footer .footerNav02 ul li:first-child{ border-top: 1px solid #fff; }
footer .footerNav02 ul li a{ display: block; color: #fff; text-align: center; padding: 15px; font-size: 1.5rem; }

footer .footerCopyright{ font-size: 11px; color: #fff; letter-spacing: 1px; text-align: center; }


.footer_bnr{ width: 90%; margin: 0 auto 20px auto; }
.footer_bnr img{ width: 100%; height: auto; border-radius: 0; }
.footer_bnr a:hover{ opacity: 0.6; }



.pagetop {
	height: 50px;
	width: 50px;
	position: relative;
	text-align: center;
	margin: 20px auto;
	background: var(--second-color);
	border-right: 0;
	border-radius: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 2;
}

.pagetop__arrow {
top: 10px;
	height: 10px;
	width: 10px;
	border-top: 3px solid #fff;
	border-right: 3px solid #fff;
	transform: translateY(20%) rotate(-45deg);
}

.pagetop:hover{ background-color: var(--main-color); }



/* ----------------------------------------------------------
 5 - 見出し
---------------------------------------------------------- */
#h1Wrap{ margin-bottom: 40px; margin-top: 60px; }
#h1Wrap .h1Wrap01{ width: 100%; padding: 3% 0; text-align: center;
background: -moz-linear-gradient(-45deg, #00a040 30%, #ffa600 60%);
background: -webkit-linear-gradient(-45deg, #00a040 30%,#ffa600 60%);
background: linear-gradient(135deg, #00a040 30%,#ffa600 60%);
}
#h1Wrap .h1Wrap01 h1{ color: #fff; font-size: 2rem; letter-spacing: 2px; }
#h1Wrap .h1Wrap01 h1 span{ display: block; font-size: 1rem; color: rgba(255,255,255,0.6); font-family: "europa",sans-serif; font-weight: 700; }
#h1Wrap .h1Wrap02{ width: 100%; }
#h1Wrap .h1Wrap02 img{ width: 100%; height: auto; border-radius: 0; }

h2{ color: #33b266; font-size: 2.2rem; letter-spacing: 2px; border-bottom: 1px solid #ccc; padding: 0 0 5px 0; margin-bottom: 20px; line-height: 1.4; }
h3{ font-size: 2rem; font-weight: 700; letter-spacing: 1px; margin-bottom: 10px; line-height: 1.4; }

/* ----------------------------------------------------------
 6 - コンテンツ
---------------------------------------------------------- */
#contents{ width: 100%; margin: 30px auto 0 auto; overflow: hidden; padding-bottom: 100px; }
#main{ width: 100%; margin: 0 auto; overflow: hidden; }
#breadcrumbs{ display: none; }

/************** エントランスページ **************/
#entranceSec{ height: 100%; }
#entranceSec .entranceSecLogo{ background: url("../images/bg_leaf02.png"); width: 100%; text-align: center; padding: 20px 0; }
#entranceSec .entranceSecLogo img{ width: 30%; height: auto; }
#entranceSec ul{ display: flex; height: 100%; position: relative; }
#entranceSec ul li{ flex-basis: 50%; height: 100%; position: relative; }
#entranceSec ul li:before{ z-index: 1; content: "";	display: block;	position: absolute;	top: 0;	left: 0; right: 0; bottom: 0; background: rgba(51,51,51,0.5); }
#entranceSec ul li:nth-child(1){ background: url("../images/bg_official01.jpg") no-repeat center center; background-size: cover; }
#entranceSec ul li:nth-child(2){ background: url("../images/bg_recruit01.jpg") no-repeat center center; background-size: cover; }
#entranceSec ul li .entranceSec01{ position: relative; z-index: 1; padding-top: 60%; }
#entranceSec ul li .entranceSec01Tit{ color: #fff; font-size: 2.5rem; font-family: "europa",sans-serif; font-weight: 700; text-align: center; letter-spacing: 2px; margin-bottom: 20px; }
#entranceSec ul li .entranceSec01Btn{ width: 80%; margin: 0 auto; }
#entranceSec ul li .entranceSec01Btn a{ display: block; color: #33b266; font-size: 1.3rem; letter-spacing: 1px; padding: 10px; text-align: center; background: #fff; border: 2px solid #fff; font-weight: 500; }
#entranceSec ul li .entranceSec01Btn a:hover{ background: #33b266; color: #fff; }

/************** トップページ **************/
	/*
#topImg{ position: relative; height: 350px; margin-bottom: 60px; }
#topImg .topTit{ position: absolute; top: 5%; left: 5%; width: 90%; z-index: 2; text-shadow:
	black 1px 1px 5px, black -1px 1px 5px,
	black 1px -1px 5px, black -1px -1px 5px; }
#topImg .topTit01{ font-size: 5rem; color: #fff; line-height: 1.1; font-family: "europa",sans-serif; font-weight: 700; letter-spacing: 2px; margin-bottom: 20px; }
#topImg .topTit01 span{ font-size: 2rem; font-family:"source-han-sans-japanese",sans-serif; }
#topImg .topTxt01{ color: #fff; font-size: 1.2rem; font-weight: 500; line-height: 1.7; letter-spacing: 2px; }
#topImg .topTxt01 br{ }
	*/

/************** トップページ **************/
#topImg{ position: relative; height: 350px; margin-bottom: 60px; }
.top_img_tit{ position: absolute; left: 20px; bottom: 40px; width: 320px; }
.top_img_bnr{ position: initial; width: 300px; height: auto; z-index: 999; text-align: center; margin: 0 auto 20px auto; }
.top_img_bnr img{ width: 100%; height: auto; }
.top_img_bnr a:hover{ opacity: .6; }

.top_img_bnr02{ position: relative; width: 60%; height: auto; z-index: 999; text-align: center; margin: 0 auto 20px auto; }
.top_img_bnr02 img{ width: 100%; height: auto; }
.top_img_bnr02 a:hover{ opacity: .6; }

.top_img_bnr03{ position: relative; width: 60%; height: auto; z-index: 999; text-align: center; margin: 0 auto 20px auto; }
.top_img_bnr03 img{ width: 100%; height: auto; }
.top_img_bnr03 a:hover{ opacity: .6; }

.top_tit{ width: 90% !important; margin: 0 auto; position: absolute; top: auto !important; left: 0 !important; bottom: 5%; right: 0; }
.top_tit .topTit01{ margin-bottom: 0 !important; }
.topTit02{ flex-basis: 80%; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; font-family: "Corporate-Logo-Rounded" !important; }
.topTit02Tit{ flex-basis: 100%; font-size: 3rem; font-family: "Corporate-Logo-Rounded" !important; letter-spacing: 5px !important; }
.topTit02Tit span{ display: block; font-size: 1.5rem !important; margin: 10px auto; font-family: "Corporate-Logo-Rounded" !important; letter-spacing: 3px; }
.topTxt02{ color: #fff; font-size: 1.2rem !important; font-weight: 700; line-height: 1.7; letter-spacing: 4px !important; font-family: "Corporate-Logo-Rounded" !important; text-align: center; margin-top: 30px; text-align: left; }

.topTit02Logo{ flex-basis: 100%; margin-top: 20px; }
.topTit02Logo img{ width: 40%; height: auto; margin: 0 auto; }



.top_reason{ width: 90%; margin: 0 auto; position: relative; padding-bottom: 60px; }
.top_reason_tit01{ font-size: 2rem; color: var(--main-color); text-align: center; font-family: europa, sans-serif; font-weight: 700; font-style: normal; z-index: 2; position: relative; }
.top_reason_tit01 span{ display: block; position: initial; top: -85px; left: 0; right: 0; margin: 0 auto; }
.top_reason_tit01:after{ display: none; content: ""; position: absolute; top: -120px; left: 0; right: 0; margin: 0 auto; width: 230px; height: 230px; border-radius: 100%; background-color: #eef7e8; z-index: -1; }

.top_reason_tit02{ font-size: 3.5rem; text-align: center; font-family: bokutoh-rera, sans-serif; font-weight: 400; font-style: normal; z-index: 2; position: relative; margin-bottom: 40px; }
.top_reason_tit02 span{ font-size: 4.5rem; color: #222; }
span.top_reason_tit02_span01{ color: var(--main-color); }
span.top_reason_tit02_span02{ color: var(--second-color); }
span.top_reason_tit02_span03{}
.top_reason_list{ position: relative; min-height: auto; }
.top_reason_item{ width: 100%; position: relative; margin-bottom: 60px; }
.top_reason_item01{ position: initial; top: -80px; left: 0; }
.top_reason_item02{ position: initial; left: 0; right: 0; /* margin: 0 auto; */ }
.top_reason_item03{ position: initial; top: -80px; right: 0; }
.top_reason_item_img{ margin-bottom: 20px; text-align: center; }
.top_reason_item_img img{ width: 100%; height: auto; border-radius: 10px; }
.top_reason_item_tit{ position: initial; top: 330px; left: 0; right: 0; margin: 0 auto; width: 96%; padding: 15px 10px; border-radius: 10px; background-color: var(--main-color); text-align: center; color: #fff; font-size: 2.1rem; font-family: bokutoh-rera, sans-serif; font-weight: 400; font-style: normal; letter-spacing: 1px; margin-bottom: 20px; }
.top_reason_item_tit span{ letter-spacing: .5px; }
.top_reason_item_txt{ font-size: 1.6rem; color: #666; text-align: center; letter-spacing: 1px; line-height: 1.8; font-weight: 500; }


.top_endeavor{ background-color: #fff; position: relative; overflow: hidden; padding-bottom: 60px; }
.top_endeavor_tit{ position: initial; width: 100%; height: auto; top: -500px; background-color: var(--main-color); border-radius: 0; z-index: 1; min-height: auto; left: 0; right: 0; margin: 0 auto 40px auto; padding: 20px 0; }
.top_endeavor_tit01{ position: initial; bottom: 110px; font-size: 2.3rem; color: #fff; text-align: center; font-family: europa, sans-serif; font-weight: 700; font-style: normal; z-index: 2; right: 0; left: 0; margin: 0 auto; }
.top_endeavor_tit02{ position: initial; bottom: 60px; font-size: 4rem; color: #fff; text-align: center; font-family: bokutoh-rera, sans-serif; font-weight: 400; font-style: normal; z-index: 2; right: 0; left: 0; margin: 0 auto; }
.top_endeavor_list{ width: 90%; margin: 0 auto; display: flex; justify-content: space-between; flex-wrap: wrap; }
.top_endeavor_item{ position: relative; flex-basis: 100%; margin-bottom: 60px; }
.top_endeavor_item_tit{ text-align: center; margin-bottom: 20px; }
.top_endeavor_item_tit span{ display: block; font-size: 1.5rem; color: var(--sub-color); font-family: europa, sans-serif; font-weight: 700; font-style: normal; }
.top_endeavor_item_tit p{ font-size: 2.5rem; font-weight: 700; }
.top_endeavor_item_img{ margin-bottom: 10px; text-align: center; }
.top_endeavor_item_img img{ border-radius: 10px;  }
.top_endeavor_item_btn{ position: initial; bottom: -30px; width: 80%; left: 0; right: 0; margin: 0 auto; }
.top_endeavor_item_btn a{ display: block; font-size: 1.6rem; font-weight: 700; color: #fff; background-color: var(--main-color); padding: 10px; border-radius: 10px; letter-spacing: 1px; text-align: center; }
.top_endeavor_item_btn a:hover{ background-color: var(--second-color); }

.top_endeavor_new{ position: absolute; left: 0; top: 20px; }




.top_business{ background-color: #e3ffe1; padding: 30px 0; }

.top_business_tit{ font-size: 4rem; text-align: center; letter-spacing: 4px; margin-bottom: 30px; }
.top_business_tit span{ display: block; font-size: 2rem; color: #34b467; font-family: "europa",sans-serif; font-weight: 700; }

.top_buginess_bg{ width: 90%; height: auto; margin: 0 auto; position: relative; background-image: none; background-repeat: no-repeat; background-size: contain;  }

.top_business_txt{ font-size: 1.6rem; margin-bottom: 20px; }

.top_business_tit01{ background-color: #33b266; color: #fff; text-align: center; font-size: 2.2rem; letter-spacing: 2px; font-family: "Corporate-Logo-Rounded"; padding: 10px; margin-bottom: 20px;  }

.top_buginess_bg ul{ display: flex; justify-content: space-between; flex-wrap: wrap; }
.top_buginess_bg ul li{ flex-basis: 100%; margin-bottom: 40px; }

.top_business_ico{display: none; }

.top_business_btn{ margin-bottom: 40px !important; }
.top_business_btn img{ width: 100%; height: auto; }
.business_logo{ position: initial; width: 70%; height: auto; left: auto; right: auto; top: auto; bottom: auto; margin: 0 auto 40px auto; }
.btn_tree01{ position: initial; width: 80%; height: auto; left: auto; top: auto; margin: auto; }
.btn_planning01{ position: initial; width: 80%; height: auto; right: auto; top: auto; margin: auto; }
.btn_landscape01{ position: initial; width: 85%; height: auto; right: auto; bottom: auto; margin: auto; }
.btn_maintenance01{ position: initial; width: 85%; height: auto; right: auto; top: auto; margin: auto; }
.btn_management01{ position: initial; width: 80%; height: auto; left: auto; bottom: auto; margin: auto; }


/* Pulse Grow */
@keyframes pulse-grow {
  25% {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
  }
  75% {
	-webkit-transform: scale(0.9);
	transform: scale(0.9);
  }
}
.pulse-grow {
  display: inline-block;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.pulse-grow:link {
  animation-name: pulse-grow;
  animation-duration: 1.3s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}






.topBusiness{ background: #fff; padding: 20px 0; margin-bottom: 40px; }
.topBusinessTit{ display: block; height: 100%; padding: 20px; background: #33b366; font-size: 2.5rem; color: #fff; text-align: center; letter-spacing: 4px; }
.topBusinessTit span{ display: block; font-size: 1rem; font-family: "europa",sans-serif; font-weight: 700; }
.topBusiness ul{ width: 90%; margin: 0 auto; }
.topBusiness ul li{  margin-bottom: 40px; }
.topBusiness ul li .topBusinessTit01{ font-size: 2rem; color: #34b467; letter-spacing: 1px; margin-bottom: 10px; }
.topBusiness ul li .topBusinessImg{ margin-bottom: 10px; }
.topBusiness ul li .topBusinessImg img{ width: 100%; height: auto; }
.topBusiness ul li .topBusinessTxt{ font-size: 1.4rem; line-height: 1.7; margin-bottom: 10px; }
.topBusiness ul li .topBusinessBtn{}
.topBusiness ul li .topBusinessBtn a{ display: inline-block; color: #34b467; font-size: 1.5rem; letter-spacing: 1px; border-bottom: 1px solid #34b467; }
.topBusiness ul li .topBusinessBtn a:hover{  }

.topInfo{ background: #fff; }
.topinfo01{ width: 80%; margin: 0 auto;  padding: 60px 0; }
.topNews{ margin-bottom: 20px; }
.topNewsTit{ font-size: 2.6rem; letter-spacing: 2px; margin-bottom: 20px; }
.topNewsTit span{ display: block; color: #33b366; font-size: 1.4rem; letter-spacing: 2px; font-family: "europa",sans-serif; font-weight: 700; }
.topNews ul li{ border-bottom: 1px solid #ccc; }
.topNews ul li:first-child{ border-top: 1px solid #ccc; }

.topNews dl{ padding: 15px 0; }
.topNews dt{ padding: 0 0 5px 0; font-size: 1.4rem; font-weight: 700; letter-spacing: 1px; color: #34b467; }
.topNews dd{ font-size: 1.5rem; letter-spacing: 1px; }
.topNews dd > ul{ margin-left: 20px; }
.topNews dd > ul li{ list-style-type: disc; }

.topInfoBtn{ width: 90%; margin: 0 auto; }
.topInfoBtn a{ display: block; color: #34b467; font-size: 1.6rem; letter-spacing: 1px; padding: 10px; text-align: center; border: 2px solid #34b467; }
.topInfoBtn a:hover{ background: #34b467; color: #fff;  }

.topWorks{ background: #34b467; margin-bottom: 60px; overflow: hidden; }
.topWorks01{ width: 100%; margin: 0 auto; padding: 60px 0; }
	/*
.topWorksTit{ font-size: 2.6rem; letter-spacing: 2px; margin-bottom: 40px; text-align: center; color: #fff; }
.topWorksTit span{ display: block; font-size: 1.4rem; letter-spacing: 2px; font-family: "europa",sans-serif; font-weight: 700; }
	*/

.topWorksTit{ font-size: 4rem; color: #fff; text-align: center; letter-spacing: 4px; margin-bottom: 30px; font-family: bokutoh-rera, sans-serif; font-weight: 400; font-style: normal;  }
.topWorksTit span{ display: block; font-size: 2rem; color: #fff; font-family: europa, sans-serif; font-weight: 700; font-style: normal; letter-spacing: .5px; }

.top_works_att{ color: #fff; font-size: 1.6rem; text-align: center; font-family: bokutoh-rera, sans-serif; font-weight: 400; font-style: normal; margin-bottom: 40px; }

.topWorks #swiper01{ position: relative; width: 100%; margin: 0 auto; }
.topWorks .swiper-container{ width: 90%; padding: 0 5%; margin-bottom: 20px; overflow: visible; }

.topWorksBtn{ width: 80%; margin: 0 auto; }
.topWorksBtn a{ display: block; color: #fff; font-size: 1.6rem; letter-spacing: 1px; padding: 10px; text-align: center; border: 2px solid #fff; }
.topWorksBtn a:hover{ background: #fff; color: #34b467;  }

.topWorksCat{ display: inline-block; font-size: 1.2rem; text-align: center; padding: 5px 15px; color: #fff; letter-spacing: 1px; border-radius: 5px; margin-bottom: 5px; }
.works-maintenance-individual{ background: #ff4d4d; }
.works-maintenance-government{ background: #00bb2f; }
.works-maintenance-private{ background: #65abcd; }
.works-landscape-individual{ background: #ff4d4d; }
.works-landscape-government{ background: #00bb2f; }
.works-landscape-private{ background: #65abcd; }
.topWorksImg01{ margin-bottom: 10px; }
.topWorksImg01 img{ width: 100%; height: auto; }
.topWorksTit01{ color: #fff; font-size: 1.2rem; letter-spacing: 1px; font-weight: 500; line-height: 1.3; }

.topCompany{  }
.topCompanySec{ margin-bottom: 40px; }
.topCompanySec01{ padding: 5% 10%; background: #fff; }
.topCompanySecTit{ font-size: 2.6rem; font-weight: 500; letter-spacing: 2px; margin-bottom: 20px; }
.topCompanySecTit span{ display: block; font-size: 1.4rem; letter-spacing: 2px; font-family: "europa",sans-serif; font-weight: 700; color: #34b467; }
.topCompanySecTxt{ font-size: 1.4rem; letter-spacing: 1px; line-height: 1.7; margin-bottom: 20px; }
.topCompanySec01 ul{ }
.topCompanySec01 ul li{ margin-bottom: 10px; }
.topCompanySec01 ul li i{ margin-left: 10px; font-size: 1.2rem; }
.topCompanySec01 ul li a{ display: block; border: 1px solid #2d943a; background: #fff; color: #2d943a; font-size: 1.5rem; font-weight: 500; padding: 15px; text-align: center; position: relative; letter-spacing: 1px; }
.topCompanySec01 ul li a:hover{ background: #2d943a; color: #fff; }
.topCompanySec01Img{ }
.topCompanySec01Img img{ width: 100%; height: auto; border-radius: 0; }

.topReform{ background: #fff; padding-bottom: 40px; margin-bottom: 40px; }
.topReform01{ width: 90%; margin: 0 auto;  padding: 60px 0 20px 0; }
.topReform01Tit{ font-size: 2.6rem; font-weight: 500; letter-spacing: 2px; margin-bottom: 40px; text-align: center; }
.topReform01Tit span{ display: block; font-size: 1.4rem; letter-spacing: 2px; font-family: "europa",sans-serif; font-weight: 700; color: #34b467; }
.topReform01 ul{ display: flex; justify-content: space-around; flex-wrap: wrap; }
.topReform01 ul li{ flex-basis: 48%; margin-bottom: 20px; }
.topReform01 ul li .topReform01Img{ margin-bottom: 5px; }
.topReform01 ul li .topReform01Img img{ width: 100%; height: auto; }
.topReform01 ul li .topReform01Tit01{ font-size: 1.2rem; letter-spacing: 1px; }

.top_sec{}
.top_sec_list{ display: flex; justify-content: space-between; flex-wrap: wrap; }
.top_sec_item{ flex-basis: 100%; }
.top_sec_item_company{ background: url("../images/bg_company01.jpg") no-repeat; wight: 100%; background-size:cover; background-position:50%; position: relative; padding: 80px 20px; }
.top_sec_item_iso{ background: url("../images/bg_iso02.jpg") no-repeat; wight: 100%; height: 100%; background-size:cover; background-position:50%; position: relative; padding: 80px 20px; }
.top_sec_item:after{ content: ''; background-color: rgba(0,0,0,.5); position: absolute; left: 0; right: 0; top: 0; bottom: 0; height: 100%; }
.top_sec_item01{ position: relative; z-index: 1; }
.top_sec_item_tit{ color: #fff; }
.top_sec_item_tit span{ display: block; font-size: 2rem; color: #fff; font-family: europa, sans-serif; font-weight: 700; font-style: normal; letter-spacing: .5px; }
.top_sec_item_tit p{ font-size: 4rem; letter-spacing: 4px; margin-bottom: 30px; font-family: bokutoh-rera, sans-serif; font-weight: 400; font-style: normal;  }
.top_sec_item_txt{ color: #fff; font-size: 1.6rem; line-height: 1.8; font-weight: 500; letter-spacing: 2px; }
.top_sec_btn_list{ margin-top: 40px; display: flex; justify-content: flex-start; flex-wrap: wrap; }
.top_sec_btn_item{ flex-basis: 100%; margin-right: 0; margin-bottom: 10px; }
.top_sec_btn_item a{ display: block; font-size: 2rem; text-align: center; background-color: #fff; padding: 15px;  font-family: bokutoh-rera, sans-serif; font-weight: 400; font-style: normal; }
.top_sec_btn_item a:hover{ background-color: var(--sub-color); color: #fff; }


.top_instagram{ background-color: #f3f5ef; padding: 60px 0; }
.top_instagram_tit{ text-align: center; }
.top_instagram_tit span{ display: block; font-size: 2rem; color: var(--main-color); font-family: europa, sans-serif; font-weight: 700; font-style: normal; letter-spacing: .5px; text-align: center; }
.top_instagram_tit p{ font-size: 3.6rem; letter-spacing: 4px; margin-bottom: 30px; font-family: bokutoh-rera, sans-serif; font-weight: 400; font-style: normal; text-align: center; }
.top_instagram_att{ font-size: 2rem; text-align: center; letter-spacing: 1px;  }

.top_instagram_sec{ width: 90%; margin: 0 auto; }
.top_instagram_btn{ width: 300px; margin: 0 auto; }
.top_instagram_btn a{ display: block; font-size: 2rem; text-align: center; background-color: #fff; padding: 15px; border-radius: 10px; letter-spacing: 1px; }
.top_instagram_btn a i{ font-size: 2.5rem; margin-right: 10px; }
.top_instagram_btn a:hover{ background-color: var(--main-color); color: #fff; }


.top_bnr{ background-color: #fff; padding: 60px 0; }
.top_bnr_list{ display: flex; justify-content: center; flex-wrap: wrap; }
.top_bnr_item{ margin: 0 0 10px 0; flex-basis: 100%; text-align: center; }
.top_bnr_item img{ border-radius: 0; }
.top_bnr_item a:hover{ opacity: .6; }

/* 業務内容 business */
.businessSec{ width: 90%; overflow: hidden; margin: 0 auto 40px auto; }
.businessSec01,
.businessSec02{ background: #fff; border-radius: 10px; }
.businessSec01 img,
.businessSec02 img{ width: 100%; height: auto; border-radius: 0 0 5px 5px; }
.businessSec01 ul{ display: flex; flex-wrap: wrap; flex-direction: row-reverse; align-items: center; }
.businessSec ul li{ width: 100%; }
.businessSec ul li .businessSec01Txt{ width: 100%; overflow: hidden; padding: 5%; }
.businessSec ul li .businessSec01Tit{ font-size: 2.5rem; font-weight: 700; text-align: center; letter-spacing: 2px; color: #33b366; margin-bottom: 10px; }
.businessSec ul li .businessSec01Btn{ width: 90%; margin: 0 auto; }
.businessSec ul li .businessSec01Btn a{ display: block; color: #33b366; font-size: 1.4rem; text-align: center; padding: 5px; border-radius: 50px; border: 2px solid #33b366; font-family: "vdl-v7marugothic",sans-serif; font-weight: 700; letter-spacing: 2px; }

.businessSec ul li .businessSec01Btn a:hover{ color: #fff; background: #33b366; }
.businessSec ul li .businessSec01Btn a i{ margin-left: 10px; }
.businessSec ul li:nth-child(2){}
.businessSec ul li:nth-child(2) img{ width: 100%; height: auto; }

.businessSec02 ul{ display: flex; flex-wrap: wrap; align-items: center; background: #fff; }
.businessSec ul li .businessSec02Txt{ width: 100%; overflow: hidden; padding: 5%;  }


/* 業務内容＞樹木生産 business/tree */
#contents .treeSec{ width: 90%; margin: 0 auto 80px auto; background: #fff; border-radius: 10px; padding: 3%; }
#contents .treeSec01{ margin-bottom: 40px; }
#contents .treeSecTxt{ font-size: 1.6rem; line-height: 1.6; letter-spacing: 1px; margin-bottom: 20px; }
#contents .treeSecTxt p{}
#contents .treeSecTxt ul{ margin-left: 20px; }
#contents .treeSecTxt ul li{ list-style-type: disc; }
#contents .treeSecImg{ flex-basis: 100%; margin-bottom: 20px; }
#contents .treeSecImg img{ width: 100%; height: auto; }

#contents .treeSec02{ margin-bottom: 40px; }
#contents .treeSec02Txt{ font-size: 1.6rem; line-height: 1.6; letter-spacing: 1px; margin-bottom: 40px;  }
#contents .treeSec02 ul{  }
#contents .treeSec02 ul li img{ width: 100%; height: auto; }
#contents .treeSec02 ul li:nth-child(2){ display: flex; padding: 3px; justify-content: center; }
#contents .treeSec02 ul li span{ display: block; font-size: 1.6rem; transform: rotate(180deg); }
#contents .treeSec02 ul li span:nth-child(1),
#contents .treeSec02 ul li span:nth-child(5){ color: rgba(0,160,64,0.3); padding: 0 2px; }
#contents .treeSec02 ul li span:nth-child(2),
#contents .treeSec02 ul li span:nth-child(4){ color: rgba(0,160,64,0.6); padding: 0 2px; }
#contents .treeSec02 ul li span:nth-child(3){ color: rgba(0,160,64,1); padding: 0 2px; }


#contents .treeSecBtn02{ width: 90%; margin: 0 auto 40px auto; }
#contents .treeSecBtn02 a{ display: inline-block; color: #fff; font-size: 1.8rem; letter-spacing: 1px; font-weight: 700; background: #00a040; border: 2px solid #00a040; padding: 15px 35px; border-radius: 10px; }
#contents .treeSecBtn02 a i{ margin-left: 10px; }
#contents .treeSecBtn02 a:hover{ color: #00a040; background: #fff; }
#contents .treeSec02Img{ text-align: center; }
#contents .treeSec02Img img{ width: 100%; height: auto; }
#contents .topSec02Btn{}
#contents .topSec02Btn ul{ width: 90%; margin: 0 auto 30px auto; display: flex; justify-content: space-between; flex-wrap: wrap; }
#contents .topSec02Btn ul li{ flex-basis: 100%; margin-bottom: 20px; }
#contents .topSec02Btn ul li a{ display: block; color: #fff; font-size: 1.8rem; font-weight: 700; letter-spacing: 1px; text-align: center; padding: 15px; border-radius: 10px; }
#contents .topSec02Btn ul li a i{ margin-right: 10px; }
#contents .topSec02Btn ul li:nth-child(1) a{ background: #f5a30d; }
#contents .topSec02Btn ul li:nth-child(1) a:hover{ background: #34b467; }
#contents .topSec02Btn ul li:nth-child(2) a{ position: relative; display: block; background: -webkit-linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat; background: linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat; overflow: hidden; }
#contents .topSec02Btn ul li:nth-child(2) a i,
#contents .topSec02Btn ul li:nth-child(2) a span{
	position: relative;
}
#contents .topSec02Btn ul li:nth-child(2) a:before{ content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: -webkit-linear-gradient(75deg, #ffdb2c, rgb(249, 118, 76) 25%, rgba(255, 77, 64, 0) 50%) no-repeat; background: linear-gradient(15deg, #ffdb2c, rgb(249, 118, 76) 25%, rgba(255, 77, 64, 0) 50%) no-repeat; }
#contents .topSec02Btn ul li:nth-child(2) a:hover { opacity: .6; }

#contents .treeSecBtn{ display: block; width: 80%; margin: 0 auto; }
#contents .treeSecBtn a{ display: block; color: #fff; font-size: 2.2rem; font-weight: 500; letter-spacing: 1px; text-align: center; background: #f5a30d; padding: 10px; border: 2px solid #f5a30d; border-radius: 10px; }
#contents .treeSecBtn a:hover{ background: #fff; color: #f5a30d; }

#contents .treeSecBtn01{ display: block; width: 40%; margin: 20px 0 0 0; }
#contents .treeSecBtn01 a{ display: block; color: #fff; font-size: 1.4rem; font-weight: 500; letter-spacing: 1px; text-align: center; background: #34b467; padding: 5px 15px; border: 2px solid #34b467; border-radius: 10px; }
#contents .treeSecBtn01 a:hover{ background: #fff; color: #34b467; }

#contents .treeSecMap01{ position: relative; padding-bottom: 40%; padding-top: 30px; height: 0; overflow: hidden; margin-bottom: 20px; }
#contents .treeSecMap01 iframe,
#contents .treeSecMap01 object,
#contents .treeSecMap01 embed{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/* 業務内容＞樹木生産＞新田ナーセリー business/tree/nittanursery */
#contents .nittanurserySec{ margin-bottom: 60px; }
#contents .nittanurserySec ul{ display: flex; justify-content: space-between; flex-wrap: wrap; }
#contents .nittanurserySec ul li{ flex-basis: 48%; margin-bottom: 20px; }
#contents .nittanurserySec ul li img{ width: 100%; height: auto; }

#contents .nittanurserySec01{}
#contents .nittanurserySec01 ul{ display: flex; flex-wrap: wrap; margin-bottom: 40px; }
#contents .nittanurserySec01 ul li{ flex-basis: 48%; position: relative; padding-left: 6%; font-size: 1.5rem; letter-spacing: 1px; margin-bottom: 10px; }
#contents .nittanurserySec01 ul li:after{ display: block; content: ""; position: absolute; top: .6rem; left: 0; width: 11px; height: 11px; background-color: #f5a30d; border-radius: 100%; }

/* 業務内容＞企画設計 business/planning */
#contents .planningSec{ overflow: hidden; }
#contents .planningSec ul{  }
#contents .planningSec ul li{ text-align: center; margin-bottom: 20px; }
#contents .planningSec ul li img{ margin-bottom: 5px; }
#contents .planningSec ul li span{ font-size: 1.6rem; letter-spacing: 1px; }

/* 業務内容＞造園工事 business/landscape */
#contents .landscapeSec{ }
#contents .landscapeSec ul{ margin-bottom: 40px; }
#contents .landscapeSec ul li{ position: relative; padding-left: 30px; font-size: 1.5rem; letter-spacing: 1px; margin-bottom: 10px; }
#contents .landscapeSec ul li:after{ display: block; content: ""; position: absolute; top: .6rem; left: 0; width: 11px; height: 11px; background-color: #f5a30d; border-radius: 100%; }

#contents .landscapeSec ul li ol{ margin-left: 20px; margin-top: 10px; }
#contents .landscapeSec ul li ol li{ list-style-type: decimal; padding-left: 10px; }
#contents .landscapeSec ul li ol li:after{ display: none; }

#contents .landscapeSecBtn{ display: block; width: 100%; }
#contents .landscapeSecBtn a{ display: block; color: #fff; font-size: 1.8rem; font-weight: 500; letter-spacing: 1px; text-align: center; background: #33b266; padding: 15px; border: 2px solid #33b266; border-radius: 10px; }
#contents .landscapeSecBtn a:hover{ background: #fff; color: #33b266; }

#contents .landscapeSec01{ overflow: hidden; margin-bottom: 80px; }
#contents .landscapeSec01 ul{  }
#contents .landscapeSec01 ul li{ margin-bottom: 20px; letter-spacing: 1px; }
#contents .landscapeSec01 ul li:nth-child(1){ background: #33b266; color: #fff; text-align: center; padding: 10px 0; }
#contents .landscapeSec01 ul li .landscapeSec01Tit01{ font-size: 2rem; font-weight: 500; }
#contents .landscapeSec01 ul li .landscapeSec01Tit02{ display: inline-block; font-size: 1.5rem; font-weight: 500; color: #33b266; background: #fff; padding: 5px 15px; margin-bottom: 10px; }#contents .landscapeSec01 ul li .landscapeSec01Tit03{ font-size: 1.8rem; font-weight: 500; }
#contents .landscapeSec01 ul li img{ width: 100%; height: auto; margin-bottom: 5px; }
#contents .landscapeSec01 ul li span{ display: block; font-size: 1.6rem; }

#contents .landscapeSec02{ overflow: hidden; margin-bottom: 80px; }
#contents .landscapeSec02 ul{ margin-bottom: 40px; }
#contents .landscapeSec02 ul li{ margin-bottom: 20px; }
#contents .landscapeSec02 ul li .landscapeSec02Tit{ font-size: 1.6rem; color: #33b266; letter-spacing: 1px; font-weight: 500; margin-bottom: 5px; }
#contents .landscapeSec02 ul li .landscapeSec02Img{ margin-bottom: 5px; }
#contents .landscapeSec02 ul li .landscapeSec02Img img{ width: 100%; height: auto; }
#contents .landscapeSec02 ul li .landscapeSec02Cat{ display: inline-block; font-size:  1.2rem; letter-spacing: 2px; color: #fff; padding: 5px 10px; margin-right: 10px; border-radius: 5px; margin-bottom: 5px; }
#contents .landscapeSec02 ul li .landscapeSec02Cat.works-landscape-individual{ border: 0; }
#contents .landscapeSec02 ul li .landscapeSec02Cat.works-landscape-government{ border: 0; }
#contents .landscapeSec02 ul li .landscapeSec02Cat.works-landscape-private{ border: 0; }

#contents .landscapeSec02 ul li .landscapeSec02Date{ display: inline-block; font-size: 1.4rem; letter-spacing: 1px; }


/* 業務内容＞公園運営管理 business/management */
#contents .managementSec { }
#contents .managementSec ul{  }
#contents .managementSec ul li img{ width: 100%; height: auto; }
#contents .managementSec ul li ul{ display: flex; flex-wrap: wrap; justify-content: space-between; }
#contents .managementSec ul li ul li{ flex-basis: 49%; margin-bottom: 10px; }
#contents .managementSec ul li ul li:nth-child(1){ flex-basis: 49%; }
#contents .managementSec ul li ul li:nth-child(2){ flex-basis: 49%; }

/* 企業情報＞会社概要・沿革 company */
#contents .companySecNav{ width: 90%; margin: 0 auto 40px auto; }
#contents .companySecNav nav{ }
#contents .companySecNav nav ul{ display: flex; justify-content: space-around; flex-wrap: wrap; }
#contents .companySecNav nav ul li{ flex-basis: 48%; margin-bottom: 10px; }
#contents .companySecNav nav ul li a{ display: block; color: #35b468; font-size: 1.6rem;; font-weight: 500; letter-spacing: 1px; border: 1px solid #35b468; background: #fff; padding: 10px; text-align: center; border-radius: 5px; }
#contents .companySecNav nav ul li a:hover{ background: #f49f05; color: #fff; }

#contents .companySec{ margin-bottom: 40px; }
#contents .companySecTxt{ font-size: 1.6rem; line-height: 1.7; letter-spacing: 1px; }
#contents .companySecImg{ font-size: 2rem; font-weight: 500; letter-spacing: 2px; text-align: center; margin-top: 10px;  }
#contents .companySecImg img{ margin-bottom: 20px; }
#contents .companySecImg span{ display: block; font-size: 1.4rem; }

#contents .companySec01{ margin-bottom: 40px; }
#contents .companySec01 table{ width: 100%;  }
#contents .companySec01 table th{ font-size: 1.6rem; font-weight: 400; color: #33b266; padding: 10px; border-bottom: 1px solid #ccc; letter-spacing: 2px; white-space: nowrap; }
#contents .companySec01 table td{ font-size: 1.6rem; padding: 10px; border-bottom: 1px solid #ccc; }
#contents .companySec01 table td span{ display: inline-block; }
#contents .companySecBtn{ display: block; margin-top: 5px; }
#contents .companySecBtn a{ display: block; background: #33b266; color: #fff; font-size: 1.6rem; font-weight: 500; padding: 5px 15px; border-radius: 5px; border: 1px solid #33b266; text-align: center; }
#contents .companySecBtn a:hover{ background: #fff; color: #33b266; }

#contents .companySec01 dl{ padding: 0 0 20px 0; border-bottom: 1px solid #ccc; margin-bottom: 20px; }
#contents .companySec01 dl dt{ font-size: 1.6rem; color: #33b266; font-weight: 500; }
#contents .companySec01 dl dd{ font-size: 1.6rem; }
#contents .companySec01 dl dd span.tel{ display: block; }

#contents .companySec01 ul{ width: 100%; margin: 0 auto; }
#contents .companySec01 ul li{ text-align: center; margin-bottom: 10px; }

#contents .companySec02{ margin-bottom: 40px; }
#contents .companySec02 ul{ margin-left: 20px; }
#contents .companySec02 ul li{ font-size: 1.3rem; letter-spacing: 1px; margin-bottom: 5px; list-style-type: disc; }

#contents .companySec03{ margin-bottom: 40px; }
#contents .companySec03 ul{ margin-left: 20px; }
#contents .companySec03 ul li{ margin-bottom: 5px; font-size: 1.3rem; letter-spacing: 1px; list-style-type: disc; }

#contents .companySec04{ margin-bottom: 40px; }
#contents .companySec04 ul{  }
#contents .companySec04 ul li{ margin-bottom: 40px; font-size: 1.3rem; letter-spacing: 1px; }
#contents .companySec04 ul li ul{ display: block; margin-left: 20px; }
#contents .companySec04 ul li ul li{ margin-bottom: 5px; list-style-type: disc; }

/* 企業情報＞部門・スタッフ紹介 staff */
#contents .divisionSec{ margin-bottom: 30px; }
#contents .divisionSecTxt{ font-size: 1.6rem; letter-spacing: 1px; line-height: 1.5; margin-bottom: 10px; }
#contents .divisionSecTxt h4 br{ display: none; }
#contents .divisionSecImg{ text-align: center; }

/* 企業情報＞山梅のあゆみ historyf */
#contents .historySec{}
#contents .historySecTit01{ text-align: center; font-family: "europa",sans-serif; font-weight: 700; color: #999; font-size: 1.8rem; letter-spacing: 2px; }
#contents .historySecTit01 span{ color: #f39f05; font-size: 3rem; margin-left: 5px; }
#contents .historySecTit02{ color: #33b266; font-size: 2.8rem; font-weight: 700; text-align: center; margin-bottom: 20px; }
#contents .historySec{ margin-bottom: 40px; }
#contents .historySecTxt{ font-size: 1.6rem; letter-spacing: 1px; line-height: 1.7; margin-bottom: 10px; }
#contents .historySecImg{ text-align: center; }
#contents .historySecImg span{ display: block; font-size: 1.6rem; margin-top: 5px; }

/* とりくみ＞ISO認証取得 endeavor/iso */
#contents .isoSec{  }
#contents .isoSecTxt{ margin-bottom: 10px; }
#contents .isoSecImg{ }
#contents .isoSecImg ul{ display: flex; justify-content: center; }
#contents .isoSecImg ul li{ flex-basis: 49%; font-size: 1.6rem; letter-spacing: 1px; margin: 0 .5%; }
#contents .isoSecImg ul li img{ width: 100%; height: auto; margin-bottom: 10px; }

#contents .isoSec01{ margin-bottom: 40px; }
#contents .isoSec01 ul{ display: flex; justify-content: space-between; flex-wrap: wrap; }
#contents .isoSec01 ul li{ flex-basis: 49%; margin-bottom: 20px; }
#contents .isoSec01 ul li img{ width: 100%; height: auto; margin-bottom: 5px; }
#contents .isoSec01 ul li span{ font-size: 1.4rem; letter-spacing: 1px; }

/* とりくみ＞働き方改革 endeavor/reform */
#contents .reformSec ul{ display: flex; justify-content: space-around; flex-wrap: wrap; margin-bottom: 60px; }
#contents .reformSec ul li{ flex-basis: 48%; margin-bottom: 40px; }
#contents .reformSec ul li img{ width: 100%; height: auto; }

#contents .reformSec ul li .reformSecImg{ margin-bottom: 5px; }
#contents .reformSec ul li .reformSecImg img{ }
#contents .reformSec ul li .reformSecTit{ font-size: 1.4rem; letter-spacing: 1px; }

/* お問い合わせ contact */
#contents .contactSec{}
#contents .contactSecTxt{ font-size: 15px; letter-spacing: 1px; }
#contents .contactSecTxt p{ margin-bottom: 40px; }
#contents .contactSecTxt ol{ margin: 20px 0 40px 20px; }
#contents .contactSecTxt ol li{ list-style-type: decimal; }

/* サイトマップ sitemap */
#contents .sitemapSec{}
#contents .sitemapSec ul{ margin-left: 20px; margin-top: 10px; margin-bottom: 20px; }
#contents .sitemapSec ul li{ font-size: 2rem; font-weight: 700; letter-spacing: 1px; margin-bottom: 20px; }
#contents .sitemapSec ul li a{ padding: 5px; }
#contents .sitemapSec ul li ul{ margin-bottom: 0; }
#contents .sitemapSec ul li ul li{ font-size: 1.6rem; font-weight: 400; letter-spacing: 1px; margin-bottom: 10px; }



.project_sec_att{ width: 100%; margin: 60px auto; border: 5px solid var(--second-color); padding: 10px; font-size: 1.8rem; font-weight: 700; text-align: center; }
.project_sec_att span{ color: var(--second-color); }

.project_sec_detail{ margin-bottom: 80px; }

.project_sec_detail_tit{ flex-wrap: wrap; font-size: 5rem; color: var(--agriculture-color); margin-bottom: 40px; text-align: center; }
.project_sec_detail_tit span{ display: block; width: 60px; height: 60px; font-size: 5rem; text-align: center; margin-right: 10px; }
.project_sec_detail_tit p{ flex-basis: 100%; font-size: 2rem; color: #fff; font-family: source-han-sans-japanese, sans-serif; font-weight: 700; font-style: normal; background-color: var(--agriculture-color); border-radius: 40px; padding: 5px 20px; margin-left: 0; text-align: center; margin-top: 10px; }

.project_sec_list{ display: flex; justify-content: center !important; margin-bottom: 80px; }
.project_sec_item{ margin: 0 1%; padding: 0 !important; }

.project_sec_img{ display: flex; justify-content: space-between; flex-wrap: wrap; }
.project_sec_img_list{ flex-basis: 100%; display: flex; justify-content: space-between;  flex-wrap: wrap; }
.project_sec_img_item{ }
.project_sec_img_item img{ margin-bottom: 0 !important; }
.project_sec_img_list01{ flex-wrap: wrap; }
.project_sec_img_list01 .project_sec_img_item{ flex-basis: 100% !important; }
.project_sec_img_list02{ flex-wrap: wrap; }
.project_sec_img_list02 .project_sec_img_item{ flex-basis: 100% !important; }
.project_sec_img_list03{ flex-wrap: wrap; }
.project_sec_img_list03 .project_sec_img_item{ flex-basis: 100% !important; }


	
.sdgs_img{}
.sdgs_img img{ width: 100%; height: auto; }

.sdgs_sec{}
.sdgs_list{}
.sdgs_item{ margin-bottom: 60px; }

.sdgs_1ban{ }
.sdgs_1ban .sdgs_tit_num{ background-color: #e4021e; }
.sdgs_2ban .sdgs_tit_num{ background-color: #d6a600; }
.sdgs_3ban .sdgs_tit_num{ background-color: #279b47; }
.sdgs_4ban .sdgs_tit_num{ background-color: #c31e33; }
.sdgs_5ban .sdgs_tit_num{ background-color: #ef3f2a; }
.sdgs_6ban .sdgs_tit_num{ background-color: #00add9; }
.sdgs_7ban .sdgs_tit_num{ background-color: #fdb711; }
.sdgs_8ban .sdgs_tit_num{ background-color: #8f1737; }
.sdgs_9ban .sdgs_tit_num{ background-color: #f36d24; }
.sdgs_10ban .sdgs_tit_num{ background-color: #e11384; }
.sdgs_11ban .sdgs_tit_num{ background-color: #f99d25; }
.sdgs_12ban .sdgs_tit_num{ background-color: #cf8d29; }
.sdgs_13ban .sdgs_tit_num{ background-color: #47773d; }
.sdgs_14ban .sdgs_tit_num{ background-color: #007dbc; }
.sdgs_15ban .sdgs_tit_num{ background-color: #3db048; }
.sdgs_16ban .sdgs_tit_num{ background-color: #01558b; }
.sdgs_17ban .sdgs_tit_num{ background-color: #173667; }

.sdgs_tit{ display: flex; align-items: center; font-family: source-han-sans-japanese, sans-serif; font-weight: 700; font-style: normal; margin-bottom: 40px; }
.sdgs_tit_num{ width: 40px; height: 40px; color: #fff; font-size: 3rem; text-align: center; line-height: 40px; margin-right: 20px; }
.sdgs_tit01{ font-size: 4rem; }
.sdgs_tit01 br{ display: none; }

.sdgs_sec_list{ display: flex; justify-content: space-between; }
.sdgs_sec_item{}
.sdgs_sec_item_ico{ flex-basis: 20%; border-right: 1px solid #ccc; }
.sdgs_sec_item_ico img{ border-radius: 0; }
.sdgs_sec_item_ico01{}
.sdgs_sec_detail{ flex-basis: 75%; }
.sdgs_sec_item_tit01{ width: 250px; font-size: 1.8rem; color: #fff; padding: 15px; text-align: center; border-radius: 10px; font-family: source-han-sans-japanese, sans-serif; font-weight: 700; font-style: normal; letter-spacing: 1px; margin-bottom: 20px; }
.sdgs_sec_item_tit01_now{ background-color: #00a040; }
.sdgs_sec_item_list{ margin-bottom: 40px; }
.sdgs_sec_item_list_now{}
.sdgs_sec_item_item{ position: relative; font-size: 1.6rem; padding-left: 20px; margin-bottom: 10px; }
.sdgs_sec_item_item:before{ position: absolute; content: ""; display: block; left: 0; top: 7px; width: 12px; height: 12px; border-radius: 100%; }
.sdgs_sec_item_item_now:before{ background-color: #00a040; }
.sdgs_sec_item_item_after:before{ background-color: #ffa600; }
.sdgs_sec_item_tit01_after{ background-color: #ffa600; }
.sdgs_sec_item_list_after{}
.sdgs_sec_item_item_img{ margin-top: 10px; }

.sdgsico_sec{  width: 90%; margin: 0 auto 80px auto; }
.sdgsico_list{ display: flex; flex-wrap: wrap; justify-content: space-between; }
.sdgsico_item{ flex-basis: 15%; margin-bottom: 20px; }
.sdgsico_item:last-child{ background-color: #f7f6f6; }
.sdgsico_item a:hover{ opacity: .6; }
.sdgsico_item img{ border-radius: 0; width: 100%; height: auto; }

.sdgs_sec_att01{ width: 90%; margin: 60px auto 20px auto; font-size: 4rem; }
.sdgs_sec_att01 span{ color: var(--main-color); }


.sdgs_sec_att{ width: 90%; margin: 30px auto 60px auto; padding: 15px; font-size: 1.6rem; }
.sdgs_sec_att span{ font-size: 2rem; }
.sdgs_sec_att p{ font-size: 2.5rem; line-height: 1.3; }

.sdgs_sec01_list{ flex-wrap: wrap; margin-bottom: 20px; }
.sdgs_sec01_item{ position: relative; flex-basis: 100%; font-size: 1.6rem; line-height: 1.6; border-radius: 15px; padding: 40px 20px 10px 20px; margin-bottom: 40px; }

.sdgs_sec01_ico01{ position: absolute; top: -30px; left: 0; right: 0; margin: 0 auto; width: 60px; height: 60px; border-radius: 100%; text-align: center; }
.sdgs_sec01_ico01 i{ color: #fff; font-size: 3.5rem; border-radius: 100%; line-height: 60px; }


.sdgs_sec01_item .sdgsico_sec{ width: 100%; margin: 20px 0; }
.sdgs_sec01_item .sdgsico_list{ }
.sdgs_sec01_item .sdgsico_list:after{ content: ""; display: block; width: 32%; }
.sdgs_sec01_item .sdgsico_item{ flex-basis: 33%; margin-bottom: 5px; }


.sdgs_sec01_tit01{ font-size: 2rem; font-weight: 700; text-align: center; font-family: bokutoh-rera, sans-serif; font-weight: 400; font-style: normal; line-height: 1.2; margin-bottom: 20px; }
.sdgs_sec01_tit01 span{ display: block; font-size: 3.5rem; }
.sdgs_sec01_txt01{ font-size: 1.6rem; line-height: 1.6; height: 170px; }

.sdgs_sec01_ico02{ width: 60px; height: 60px; border-radius: 100%; text-align: center; margin-right: 10px; }
.sdgs_sec01_ico02 i{ color: #fff; font-size: 3.5rem; border-radius: 100%; line-height: 60px; }

.sdgs_sec01_tit02{ font-size: 2rem; }
.sdgs_sec01_tit02 span{ font-size: 3.3rem; }

.sdgs_torikumi_sec{ margin-bottom: 40px; }
.sdgs_torikumi_list{ }
.sdgs_torikumi_item{ flex-wrap: wrap; align-items: center; }
.sdgs_torikumi_item .sdgs_sec01_tit01{ }
.sdgs_torikumi_item .sdgs_torikumi01_list{ flex-basis: 100%; }

.sdgs_torikumi01_list{ margin-top: 30px; display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: 20px; }
.sdgs_torikumi01_item{ position: relative; flex-basis: 100%; font-size: 1.8rem; margin-bottom: 10px; padding: 15px 15px 15px 40px; border-radius: 10px; }
.sdgs_torikumi01_item a{ text-decoration: underline; }
.sdgs_torikumi01_item a:hover{ text-decoration: none; }

.sdgs_torikumi01_item:before{ display: block; content: ""; position: absolute; left: 15px; top: 25px; width: 10px; height: 10px; border-radius: 100%; }

.sdgs_torikumi_item01 .sdgs_torikumi01_item:before{ background-color: #fd6a8b;}
.sdgs_torikumi_item02 .sdgs_torikumi01_item:before{ background-color: #f49140; }
.sdgs_torikumi_item03 .sdgs_torikumi01_item:before{ background-color: #25b1cd; }

.sdgs_torikumi_sec .planningSec ul li p{ font-size: 1.6rem; }

.download_sec{}
.download_list{}
.download_item{ display: flex; justify-content: space-between; background-color: #f5f5f5; flex-wrap: wrap; }
.download_tit{ flex-basis: 100%; padding: 10px; border-right: 0px solid #fff; border-bottom: 3px solid #fff; }
.download_tit h3{ margin-bottom: 0; padding: 10px 0; }
.download_btn{ flex-basis: 100%; padding: 10px; text-align: center; font-size: 1.6rem; }
.download_btn i{ font-size: 4rem; margin-left: 10px; }
.download_btn a{ display: block; border: 2px solid #00a040; border-radius: 10px; text-align: center; font-size: 1.6rem; font-weight: bold; padding: 10px; background-color: #00a040; color: #fff; }
.download_btn a:hover{ background-color: #fff; color: #00a040; }



.planning_nav{ width: 90%; margin: 0 auto 40px auto; }
.planning_nav_list{ flex-wrap: wrap; }
.planning_nav_item{ flex-basis: 100%; margin-bottom: 10px; }
.planning_nav_item a{ font-size: 1.6rem; }

.maintenance_nav{ width: 90%; margin: 0 auto 40px auto; }
.maintenance_nav_list{ flex-wrap: wrap; }
.maintenance_nav_item{ flex-basis: 49%; margin-bottom: 10px; }
.maintenance_nav_item a{ font-size: 1.5rem; }




.greenbond_sec{}
.greenbond_sec_list{ display: flex; justify-content: space-between; flex-wrap: wrap; }
.greenbond_sec_list:after{ content: ""; display: none; width: 32%; }
.greenbond_sec_item{ flex-basis: 100%; margin-bottom: 30px; }
.greenbond_sec_item_date{ font-size: 12px; margin-bottom: 10px; }
.greenbond_sec_item_img{ margin-bottom: 10px; }
.greenbond_sec_item_img img{ width: 100%; height: auto; object-fit: cover; border: 1px solid #ccc !important; border-radius: 10px; }
.greenbond_sec_item_tit{ font-size: 16px; font-weight: 600; color: #33b266; }


	
	

/* YAMAUME VILLAGE */
h1.h1_village{ color: #3f9b4a; font-size: 5rem; text-align: center; font-family: fatfrank, sans-serif; font-weight: 400; font-style: normal; margin: 80px 0 40px 0; letter-spacing: 2px; }

.village_sec{ position: relative; height: 1100px; }
.village_sec_concept{ position: relative; right: 0; width: 90%; margin: 0 auto; top: 350px; font-family: dnp-shuei-ymincho-std, sans-serif; font-weight: 500; font-style: normal; z-index: 2; }
.vilage_sec_concept_tit{ font-size: 2.5rem; color: #666; margin-bottom: 20px; letter-spacing: 2px; }
.vilage_sec_concept_txt{ font-size: 1.8rem; line-height: 1.8; letter-spacing: 2px; }
.vilage_sec_concept_txt p{  }
.village_sec_bg{ position: absolute; left: 0; top: 80px; width: 1920px; height: 1100px; }
.village_sec_bg img{ /* width: 100%; height: auto; */ }
div#map1{ max-width: 100%; width: auto; }

.village_sec_cloud01{ display: none; }
.village_sec_cloud02{ display: none; }


h1.h1_symboltree{ font-size: 5rem; color: #666; text-align: center; letter-spacing: 3px; margin-bottom: 20px; font-family: bokutoh-rera, sans-serif; font-weight: 400; font-style: normal; margin-top: 80px; }
h2.h2_symboltree{ font-size: 3.7rem; text-align: center; color: #666; font-family: dnp-shuei-ymincho-std, sans-serif; font-weight: 500; font-style: normal; z-index: 2; margin-bottom: 40px; border-bottom: 0; }

.breadcrumbs{ font-family: dnp-shuei-ymincho-std, sans-serif; font-weight: 500; font-style: normal; margin-bottom: 40px; }
.breadcrumbs_list{ display: flex; justify-content: center; }
.breadcrumbs_item{ position: relative; letter-spacing: 2px; }
.breadcrumbs_item:before{ position: absolute; display: block; content: "/"; left: 8px; top: 0; font-size: 1.6rem; }
.breadcrumbs_item:nth-child(1):before{ display: none; }
.breadcrumbs_item a{ color: #666; font-size: 1.3rem; padding-left: 20px; }
.breadcrumbs_item a:hover{ opacity: .6; }

.symboltree_sec_img{ width: 96%; margin: 0 auto; }
.symboltree_sec_img img{ border-radius: 10px; width: 100%; height: auto; }
.symboltree_sec_img01{ text-align: center; }

.symboltree_concept_bg{ background: url("/village/symboltree/images/bg_concept01.png") no-repeat; left: 0; top: 400px; min-height: 500px; background-size: 30% auto; }

.symboltree_concept_sec{ width: 90%; margin-top: 40px; margin-left: auto; margin-right: auto; }
.symboltree_concept_sec_tit{ color: #3f9b4a; font-size: 5rem; font-family: haptic-script, sans-serif; font-weight: 400; font-style: normal; letter-spacing: 2px; }
.symboltree_concept_sec_txt{ font-size: 2rem; color: #666; font-family: dnp-shuei-ymincho-std, sans-serif; font-weight: 500; font-style: normal; z-index: 2; }

.symboltree_sec01{ width: 90%; margin: 0 auto 80px auto; }
.symboltree_sec01_list{ display: flex; justify-content: space-between; flex-wrap: wrap; }
.symboltree_sec01_item{ flex-basis: 100%; margin-bottom: 40px; }
.symboltree_sec01_img01{ margin-bottom: 20px; }
.symboltree_sec01_img01 img{ width: 100%; height: auto; border-radius: 10px; }
.symboltree_sec01_tit01{ font-size: 2.5rem; text-align: center; font-family: dnp-shuei-ymincho-std, sans-serif; font-weight: 500; font-style: normal; letter-spacing: 2px; margin-bottom: 10px; line-height: 1; }
.symboltree_sec01_txt01{ font-size: 1.5rem; text-align: center; font-family: dnp-shuei-ymincho-std, sans-serif; font-weight: 500; font-style: normal; letter-spacing: 2px; margin-bottom: 10px; }
.symboltree_sec01_btn01{ width: 200px; margin: 0 auto; }
.symboltree_sec01_btn01 a{ display: block; font-size: 1.7rem; background-color: #fff; color: #3f9b4a; text-align: center; padding: 5px 10px; border-radius: 40px; font-family: dnp-shuei-ymincho-std, sans-serif; font-weight: 500; font-style: normal; letter-spacing: 2px; }
.symboltree_sec01_btn01 a:hover{ background-color: #3f9b4a; color: #fff; }


.symboltree_sec02{ width: 90%; margin: 0 auto 80px auto; background-color: #fff; padding: 30px; border-radius: 10px; }
.symboltree_sec02_list{ display: flex; justify-content: space-between; flex-wrap: wrap; }
.symboltree_sec02_item{  }
.symboltree_sec02_item_img{ flex-basis: 100%; margin-bottom: 20px; }
.symboltree_sec02_item_img img{ width: 100%; height: auto;  }
.symboltree_sec02_item_txt{ flex-basis: 100%; }
.symboltree_sec02_img01{}
.symboltree_sec02_tit01{ font-size: 2.5rem; font-family: dnp-shuei-ymincho-std, sans-serif; font-weight: 500; font-style: normal; letter-spacing: 2px; margin-bottom: 20px; line-height: 1.5; }
.symboltree_sec02_txt01{ font-size: 1.5rem; font-family: dnp-shuei-ymincho-std, sans-serif; font-weight: 500; font-style: normal; letter-spacing: 2px; line-height: 1.5; }



.symboltree_gallery_sec{ padding-bottom: 100px; }
.symboltree_gallery_sec_tit{ color: #3f9b4a; font-size: 5rem; text-align: center; font-family: haptic-script, sans-serif; font-weight: 400; font-style: normal; letter-spacing: 2px; margin-bottom: 30px; }

.gallery img{ width: 98%; height: auto; border-radius: 10px; }


/* Green Sustainable */

.greensustainable_sec{ background: url("/greensustainable/images/bg_greensustainable01.png") top center no-repeat; }

h1.h1_greensustainable{ color: #a0c37d; line-height: 1; margin: 0; padding: 80px 0 40px 0; }
.greensustainable_sec_tit{ color: #3f9b4a; font-size: 2.5rem; text-align: center; letter-spacing: 3px; }



h2.h2_greensustainable{ color: #a0c37d; font-size: 4.2rem; font-family: fatfrank, sans-serif; font-weight: 400; font-style: normal; border-bottom: 0; margin-bottom: 30px; }
h2.h2_greensustainable span{ display: block; font-size: 1.6rem; color: #3f9b4a; line-height: 1; font-weight: 700; }

.greensustainable_sec_concept{ background: url("/greensustainable/images/img_greensustainable01.png")  no-repeat right top; min-height: 800px; background-size: 80% auto; }
.greensustainable_sec_concept_sec{ width: 90%; margin: 0 auto; padding-top: 300px; }
.greensustainable_sec_concept_sec_txt01{ font-size: 2rem; line-height: 2; color: #175a1f; letter-spacing: 2px; }
.greensustainable_sec_concept_sec_txt01 span{ background-color: #3f9b4a; color: #fff; padding: 3px; }

.greensustainable_sec_effect_sec{ width: 90%; margin: 0 auto; padding-top: 100px; }
.greensustainable_sec_effect_sec_list{ display: flex; justify-content: space-between; flex-wrap: wrap; }
.greensustainable_sec_effect_sec_item{ flex-basis: 100%; margin: 0 0 40px 0; }
.greensustainable_sec_effect_sec_img01{ margin-bottom: 10px; }
.greensustainable_sec_effect_sec_img01 img{ width: 100%; height: auto; border-radius: 10px; }
.greensustainable_sec_effect_sec_tit01{ font-size: 2.1rem; color: #3f9b4a; text-align: center; letter-spacing: 2px; margin-bottom: 10px; line-height: 1; }
.greensustainable_sec_effect_sec_txt01{ font-size: 1.2rem; color: #3f9b4a; text-align: center; letter-spacing: 2px; line-height: 1; }

.greensustainable_sec_action_sec_list{ display: flex; justify-content: space-between; flex-wrap: wrap; }
.greensustainable_sec_action_sec_item{ flex-basis: 100%; background-color: #fff; padding: 20px; margin-bottom: 40px; }
.greensustainable_sec_action_sec_item_img01{ margin-bottom: 10px; }
.greensustainable_sec_action_sec_item_img01 img{ width: 100%; height: auto; border-radius: 10px; }
.greensustainable_sec_action_sec_item_txt01{ font-size: 1.6rem; color: #3f9b4a; letter-spacing: 2px; }



}
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
 SP CSS END
------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */

/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
 TAB CSS
------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
@media screen and (min-width:681px) and (max-width:1200px){
/* ----------------------------------------------------------

	***** TAB表示用CSS *****
	index
	 1 - ページ共通css
	 2 - リンクの色
	 3 - ヘッダー
	 4 - フッター
	 5 - 見出し
	 6 - コンテンツ

---------------------------------------------------------- */

/* ----------------------------------------------------------
 1 - ページ共通css
---------------------------------------------------------- */
img,video {
  max-width: 100%;
  height: auto;
}

/* フォントサイズ10px=62.5% */
html{ font-size: 50%; }

/* 基本のフォントサイズ */
body{ font-size: 1.6rem; }

/* 非表示用 */
.noneTAB		{ display: none; }
/* ----------------------------------------------------------
 2 - リンクの色
---------------------------------------------------------- */
/* ----------------------------------------------------------
 3 - ヘッダー
---------------------------------------------------------- */
header{ width: 100%; margin: 0 auto; padding: 0; }
header:after{ content: ""; display: block; clear: both; }
header .headerLogo{ width: 130px; margin-left: 10px;  }
header .headerLogo a:hover{ opacity: 0.6; }
header .headerTel{ display: none; }
header .headerNav{ display: none; }
header .headerBtn{ display: none; }

	/*
#header{ position: relative; }
.InstagramBnr{ position: absolute; right: -130px; top: -7px; }
.InstagramBnr img{ width: 18%; height: auto; }
*/


.pure-drawer div > ul{ padding-left: 20px; margin-bottom: 40px; }
.pure-drawer div > ul > li{ font-size: 2rem; font-weight: 700; margin-bottom: 20px; }
.pure-drawer div > ul > li span{ display: none; }
.pure-drawer div > ul > li > ul{ width: 90%; margin-left: 10%; position: static; margin-top: 10px; }
.pure-drawer div > ul > li > ul li{ font-size: 13px; color: #fff; letter-spacing: 1px; margin-bottom: 10px; }
.pure-drawer div > ul > li > ul li:before{ content: '\f0da'; font-family: "Font Awesome 5 Free"; color: #666; margin-right: 10px; }
.pure-drawer div > ul > li a{ color: #666; }
.pure-drawer div > ul > li a:hover{ opacity: 0.6; }

header{ }
#header{ position: absolute; width: 100%; top: 0; height: 60px; display: flex; align-items: center; background-color: var(--bg-color); z-index: 1; box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.26); }
header .headerLogo{ flex-basis: 50%; margin-left: 2%; }
header .headerLogo img{ width: auto; max-height: 45px; }
header .headerLogo a:hover{ opacity: 0.6; }

.header_bnr{ flex-basis: 8%; margin-left: .5%; }
.header_bnr img{ width: 100%; height: auto; }

header .headerNav{ display: none; }

header .headerBtn{ float: right; width: 80px; }
header .headerBtn a{ display: block; color: #fff; font-size: 2.5rem; line-height: 80px; text-align: center; background: #33b366; border: 1px solid #33b366; }
header .headerBtn a:hover{ color: #33b366; background: #fff; }

header .headerTel{ display: none; }

.InstagramBnr{ flex-basis: auto; margin-left: 0; z-index: 9999; position: absolute; right: 70px; top: 5px; }
.InstagramBnr a:hover{ opacity: .6; }
.InstagramBnr img{ width: 50px; height: 50px; }

.header_info{ display: none; }


/* ----------------------------------------------------------
 4 - フッター
---------------------------------------------------------- */
footer{ background: #34b467; margin-top: 60px; }
footer #footer{ text-align: center; }
footer #footer:after{ content: ""; display: block; clear: both; }
footer .footerImg{ display: none; }
footer .footerSec{ width: 100%; margin: 0 auto; padding: 3% 0 2% 0; }
footer .footerLogo{ margin-bottom: 40px; }
footer .footerLogo01{ width: 200px; display: block; margin: 0 auto 20px auto; }
footer .footerLogo01 img{ width: 90%; height: auto; }
footer .footerLogo01 a:hover{ opacity: 0.6; }
footer .footerAdd01{ color: #fff; font-size: 1.7rem; line-height: 1.5; letter-spacing: 1px; }

footer .footerNav{ display: none;  }

footer .footerNav02{ margin-bottom: 10px; }
footer .footerNav02 ul{  }
footer .footerNav02 ul li{ border-bottom: 1px solid #fff; }
footer .footerNav02 ul li:first-child{ border-top: 1px solid #fff; }
footer .footerNav02 ul li a{ display: block; color: #fff; text-align: center; padding: 15px; font-size: 1.5rem; }

footer .footerCopyright{ font-size: 11px; color: #fff; letter-spacing: 1px; text-align: center; }


.footer_bnr{ width: 40%; margin: 0 auto 20px auto; }
.footer_bnr img{ width: 100%; height: auto; }
.footer_bnr a:hover{ opacity: 0.6; }


.footer_bnr01{ width: 90%; }
.footer_bnr_list{ display: flex; justify-content: flex-start; }
.footer_bnr_item{ flex-basis: 31%; margin-right: 2%; }
.footer_bnr_item img{ border-radius: 0; }

/* ----------------------------------------------------------
 5 - 見出し
---------------------------------------------------------- */
#h1Wrap{ display: flex; margin-bottom: 40px; margin-top: 60px; }
#h1Wrap .h1Wrap01{ width: 50%; padding: 2% 0 0 10%;
background: -moz-linear-gradient(-45deg, #00a040 30%, #ffa600 60%);
background: -webkit-linear-gradient(-45deg, #00a040 30%,#ffa600 60%);
background: linear-gradient(135deg, #00a040 30%,#ffa600 60%);
}
#h1Wrap .h1Wrap01 h1{ color: #fff; font-size: 3.5rem; letter-spacing: 2px; }
#h1Wrap .h1Wrap01 h1 span{ display: block; font-size: 1.6rem; color: rgba(255,255,255,0.6); font-family: "europa",sans-serif; font-weight: 700; }
#h1Wrap .h1Wrap02{ flex-basis: 50%; width: 50%; }
#h1Wrap .h1Wrap02 img{ width: 100%; height: auto; border-radius: 0; }

h2{ color: #33b266; font-size: 3rem; letter-spacing: 2px; border-bottom: 1px solid #ccc; padding: 0 0 5px 0; margin-bottom: 20px; }
h3{ font-size: 2.2rem; font-weight: 700; letter-spacing: 1px; margin-bottom: 10px; line-height: 1.4; }

/* ----------------------------------------------------------
 6 - コンテンツ
---------------------------------------------------------- */
#contents{ width: 90%; margin: 30px auto 0 auto; overflow: hidden; padding-bottom: 100px; }
#main{ width: 90%; margin: 0 auto; overflow: hidden; }
#breadcrumbs{ display: none; }

/************** エントランスページ **************/
#entranceSec{ height: 100%; }
#entranceSec .entranceSecLogo{ background: url("../images/bg_leaf02.png"); width: 100%; text-align: center; padding: 20px 0; }
#entranceSec .entranceSecLogo img{ width: 20%; height: auto; }
#entranceSec ul{ display: flex; height: 100%; position: relative; }
#entranceSec ul li{ flex-basis: 50%; height: 100%; position: relative; }
#entranceSec ul li:before{ z-index: 1; content: "";	display: block;	position: absolute;	top: 0;	left: 0; right: 0; bottom: 0; background: rgba(51,51,51,0.5); }
#entranceSec ul li:nth-child(1){ background: url("../images/bg_official01.jpg") no-repeat center center; background-size: cover; }
#entranceSec ul li:nth-child(2){ background: url("../images/bg_recruit01.jpg") no-repeat center center; background-size: cover; }
#entranceSec ul li .entranceSec01{ position: relative; z-index: 1; padding-top: 30%; }
#entranceSec ul li .entranceSec01Tit{ color: #fff; font-size: 5rem; font-family: "europa",sans-serif; font-weight: 700; text-align: center; letter-spacing: 4px; margin-bottom: 20px; }
#entranceSec ul li .entranceSec01Btn{ width: 60%; margin: 0 auto; }
#entranceSec ul li .entranceSec01Btn a{ display: block; color: #33b266; font-size: 1.6rem; letter-spacing: 1px; padding: 10px; text-align: center; background: #fff; border: 2px solid #fff; font-weight: 500; }
#entranceSec ul li .entranceSec01Btn a:hover{ background: #33b266; color: #fff; }

/************** トップページ **************/
/************** トップページ **************/
#topImg{ position: relative; height: 500px; margin-bottom: 60px; }
.top_img_tit{ position: absolute; left: 30px; bottom: 100px; }
.top_img_tit img{ width: 70%; height: auto; }

.top_img_bnr{ position: absolute; right: 30px; top: 390px; width: 368px; height: 418px; z-index: 999; text-align: right; }
.top_img_bnr img{ width: 55%; height: auto; }
.top_img_bnr a:hover{ opacity: .6; }

.top_img_bnr02{ position: absolute; right: 40px; top: 80px; width: 130px; height: 130px; z-index: 999; text-align: right; }
.top_img_bnr02 img{ width: 100%; height: auto; }
.top_img_bnr02 a:hover{ opacity: .6; }

.top_img_bnr03{ position: absolute; right: 40px; top: 220px; width: 130px; height: 130px; z-index: 999; text-align: right; }
.top_img_bnr03 img{ width: 100%; height: auto; }
.top_img_bnr03 a:hover{ opacity: .6; }
/*
#topImg{ position: relative; height: 500px; margin-bottom: 60px; }
#topImg .topTit{ position: absolute; top: 10%; left: 5%; z-index: 2; text-shadow:
	black 1px 1px 5px, black -1px 1px 5px,
	black 1px -1px 5px, black -1px -1px 5px; }
#topImg .topTit01{ font-size: 8rem; color: #fff; line-height: 1.2; font-family: "europa",sans-serif; font-weight: 700; letter-spacing: 2px; margin-bottom: 30px; white-space: nowrap; }
#topImg .topTit01 span{ font-size: 3rem; font-family:"source-han-sans-japanese",sans-serif; }
#topImg .topTxt01{ color: #fff; font-size: 1.6rem; font-weight: 700; line-height: 1.7; letter-spacing: 2px; }


.top_tit{ width: 90% !important; margin: 0 auto; position: absolute; top: auto !important; left: 0 !important; bottom: 5%; right: 0; }
.topTit02{ flex-basis: 80%; font-family: "Corporate-Logo-Rounded" !important; }
.topTit02Tit{ flex-basis: 70%; font-size: 6rem; font-family: "Corporate-Logo-Rounded" !important; letter-spacing: 10px !important; }
.topTit02Tit span{ display: block; font-size: 3.5rem !important; margin: 10px auto; font-family: "Corporate-Logo-Rounded" !important; letter-spacing: 3px; }
.topTxt02{ color: #fff; font-size: 2rem !important; font-weight: 700; line-height: 1.7; letter-spacing: 8px !important; font-family: "Corporate-Logo-Rounded" !important; margin-top: 30px; }

.topTit02Logo{ width: 18%; margin-bottom: 20px; }
.topTit02Logo img{ width: 100%; height: auto; }

*/


.top_reason{ width: 90%; margin: 0 auto; position: relative; padding-bottom: 60px; }
.top_reason_tit01{ font-size: 2.3rem; color: var(--main-color); text-align: center; font-family: europa, sans-serif; font-weight: 700; font-style: normal; z-index: 2; position: relative; }
.top_reason_tit01 span{ display: block; position: absolute; top: -85px; left: 0; right: 0; margin: 0 auto; }
.top_reason_tit01:after{ display: block; content: ""; position: absolute; top: -120px; left: 0; right: 0; margin: 0 auto; width: 230px; height: 230px; border-radius: 100%; background-color: #eef7e8; z-index: -1; }

.top_reason_tit02{ font-size: 4.5rem; text-align: center; z-index: 2; position: relative; margin-bottom: 40px; }
.top_reason_tit02 span{ font-size: 5.5rem; }
span.top_reason_tit02_span03{}
.top_reason_list{ display: flex; flex-wrap: wrap; position: relative; min-height: auto;  }
.top_reason_item{ flex-basis: 100%; width: 100%; position: relative; margin-bottom: 60px; }
.top_reason_item01{ position: initial; top: -80px; left: 0; }
.top_reason_item02{ position: initial; left: 0; right: 0; /* margin: 0 auto; */ }
.top_reason_item03{ position: initial; top: -80px; right: 0; }
.top_reason_item_img{ width: 80%; margin-left: auto; margin-right: auto; margin-bottom: 20px; }
.top_reason_item_img img{ width: 100%; height: auto; border-radius: 10px; }
.top_reason_item_tit{ position: initial; top: 330px; left: 0; right: 0; margin: 0 auto; width: 420px; padding: 15px 10px; border-radius: 10px; background-color: var(--main-color); text-align: center; color: #fff; font-size: 2.9rem; font-family: bokutoh-rera, sans-serif; font-weight: 400; font-style: normal; letter-spacing: 1px; margin-bottom: 20px; }
.top_reason_item_tit span{ letter-spacing: .5px; }
.top_reason_item_txt{ font-size: 1.8rem; color: #666; text-align: center; letter-spacing: 1px; line-height: 1.8; font-weight: 500; }


.top_endeavor{ background-color: #fff; position: relative; overflow: hidden; padding-bottom: 60px; }
.top_endeavor_tit{ position: absolute; width: 670px; height: 670px; top: -500px; background-color: var(--main-color); border-radius: 100%; z-index: 1; min-height: 150px; left: 0; right: 0; margin: 0 auto; }
.top_endeavor_tit01{ position: absolute; bottom: 110px; font-size: 2.3rem; color: #fff; text-align: center; font-family: europa, sans-serif; font-weight: 700; font-style: normal; z-index: 2; right: 0; left: 0; margin: 0 auto; }
.top_endeavor_tit02{ position: absolute; bottom: 60px; font-size: 4rem; color: #fff; text-align: center; font-family: bokutoh-rera, sans-serif; font-weight: 400; font-style: normal; z-index: 2; right: 0; left: 0; margin: 0 auto; }
.top_endeavor_list{ width: 90%; margin: 250px auto 0 auto; display: flex; justify-content: space-between; flex-wrap: wrap; }
.top_endeavor_item{ position: relative; flex-basis: 48%; margin-bottom: 80px; }
.top_endeavor_item_tit{ text-align: center; margin-bottom: 20px; }
.top_endeavor_item_tit span{ display: block; font-size: 1.5rem; color: var(--sub-color); font-family: europa, sans-serif; font-weight: 700; font-style: normal; }
.top_endeavor_item_tit p{ font-size: 2.5rem; font-weight: 700; }
.top_endeavor_item_img{ }
.top_endeavor_item_img img{ border-radius: 10px;  }
.top_endeavor_item_btn{ position: absolute; bottom: -30px; width: 230px; left: 0; right: 0; margin: 0 auto; }
.top_endeavor_item_btn a{ display: block; font-size: 1.6rem; font-weight: 700; color: #fff; background-color: var(--main-color); padding: 10px; border-radius: 10px; letter-spacing: 1px; text-align: center; }
.top_endeavor_item_btn a:hover{ background-color: var(--second-color); }

.top_endeavor_new{ position: absolute; left: 0px; top: 20px; }


.top_business{ background-color: #e3ffe1; padding: 30px 0; }

.top_business_tit{ font-size: 4rem; text-align: center; letter-spacing: 4px; margin-bottom: 30px; }
.top_business_tit span{ display: block; font-size: 2rem; color: #34b467; font-family: "europa",sans-serif; font-weight: 700; }

.top_buginess_bg{ width: 90%; height: auto; margin: 0 auto; position: relative; background-image: none; background-repeat: no-repeat; background-size: contain;  }

.top_business_tit01{ background-color: #33b266; color: #fff; text-align: center; font-size: 2.2rem; letter-spacing: 2px; font-family: "Corporate-Logo-Rounded"; padding: 10px; margin-bottom: 20px;  }

.top_buginess_bg ul{ display: flex; justify-content: space-between; flex-wrap: wrap; }
.top_buginess_bg ul li{ flex-basis: 48%; margin-bottom: 40px; }

.top_business_ico{display: none; }


.top_business_btn{ margin-bottom: 40px !important; }
.top_business_btn img{ width: 100%; height: auto; }
.business_logo{ position: initial; width: 60%; height: auto; left: auto; right: auto; top: auto; bottom: auto; margin: 0 auto 40px auto; }
.btn_tree01{ position: initial; width: 80%; height: auto; left: auto; top: auto; margin: auto; }
.btn_planning01{ position: initial; width: 80%; height: auto; right: auto; top: auto; margin: auto; }
.btn_landscape01{ position: initial; width: 80%; height: auto; right: auto; bottom: auto; margin: auto; }
.btn_maintenance01{ position: initial; width: 80%; height: auto; right: auto; top: auto; margin: auto; }
.btn_management01{ position: initial; width: 80%; height: auto; left: auto; bottom: auto; margin: auto; }



.topBusiness{ background: #fff; padding-top: 40px; margin-bottom: 80px; }
.topBusinessTit{ display: block; height: 100%; padding-top: 120px; background: #33b366; font-size: 4rem; color: #fff; text-align: center; letter-spacing: 4px; }
.topBusinessTit span{ display: block; font-size: 2rem; font-family: "europa",sans-serif; font-weight: 700; }
.topBusiness ul{ width: 90%; margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: space-between; }
.topBusiness ul li{ flex-basis: 32%; margin-bottom: 40px; }
.topBusiness ul li .topBusinessTit01{ font-size: 2rem; color: #34b467; letter-spacing: 1px; margin-bottom: 10px; }
.topBusiness ul li .topBusinessImg{ margin-bottom: 10px; }
.topBusiness ul li .topBusinessImg img{ width: 100%; height: auto; }
.topBusiness ul li .topBusinessTxt{ font-size: 1.4rem; line-height: 1.7; margin-bottom: 10px; }
.topBusiness ul li .topBusinessBtn{}
.topBusiness ul li .topBusinessBtn a{ display: inline-block; color: #34b467; font-size: 1.5rem; letter-spacing: 1px; border-bottom: 1px solid #34b467; }
.topBusiness ul li .topBusinessBtn a:hover{  }

.topInfo{ background: #fff; }
.topinfo01{ width: 80%; margin: 0 auto;  padding: 60px 0; }
.topNews{ margin-bottom: 40px; }
.topNewsTit{ font-size: 2.6rem; letter-spacing: 2px; margin-bottom: 20px; }
.topNewsTit span{ display: block; color: #33b366; font-size: 1.4rem; letter-spacing: 2px; font-family: "europa",sans-serif; font-weight: 700; }
.topNews ul li{ border-bottom: 1px solid #ccc; }
.topNews ul li:first-child{ border-top: 1px solid #ccc; }

.topNews dl{ padding: 15px 0; }
.topNews dt{ clear: left; float: left; width: 15%; padding: 0 30px 5px 20px; font-size: 1.4rem; font-weight: 700; letter-spacing: 1px; color: #34b467; }
.topNews dd{ margin-left: 18%; font-size: 1.5rem; letter-spacing: 1px; }
.topNews dd > ul{ margin-left: 20px; }
.topNews dd > ul li{ list-style-type: disc; }

.topInfoBtn{ width: 35%; margin: 0 auto; }
.topInfoBtn a{ display: block; color: #34b467; font-size: 1.6rem; letter-spacing: 1px; padding: 10px; text-align: center; border: 2px solid #34b467; }
.topInfoBtn a:hover{ background: #34b467; color: #fff;  }

.topWorks{ background: #34b467; margin-bottom: 60px; overflow: hidden; }
.topWorks01{ width: 100%; margin: 0 auto; padding: 60px 0; }
	/*
.topWorksTit{ font-size: 4rem; letter-spacing: 2px; margin-bottom: 40px; text-align: center; color: #fff; }
.topWorksTit span{ display: block; font-size: 2rem; letter-spacing: 2px; font-family: "europa",sans-serif; font-weight: 700; }
	*/

.topWorksTit{ font-size: 4rem; color: #fff; text-align: center; letter-spacing: 4px; margin-bottom: 30px; font-family: bokutoh-rera, sans-serif; font-weight: 400; font-style: normal;  }
.topWorksTit span{ display: block; font-size: 2rem; color: #fff; font-family: europa, sans-serif; font-weight: 700; font-style: normal; letter-spacing: .5px; }

.top_works_att{ color: #fff; font-size: 1.6rem; text-align: center; font-family: bokutoh-rera, sans-serif; font-weight: 400; font-style: normal; }

.topWorks #swiper01{ position: relative; width: 100%; margin: 0 auto; }
.topWorks .swiper-container{ width: 100%; padding: 40px; margin-bottom: 40px; overflow: visible; }

.topWorksBtn{ width: 35%; margin: 0 auto; }
.topWorksBtn a{ display: block; color: #fff; font-size: 1.6rem; letter-spacing: 1px; padding: 10px; text-align: center; border: 2px solid #fff; }
.topWorksBtn a:hover{ background: #fff; color: #34b467;  }

.topWorksCat{ display: inline-block; font-size: 1.4rem; text-align: center; padding: 5px 15px; color: #fff; letter-spacing: 1px; border-radius: 5px; margin-bottom: 5px; }
.works-maintenance-individual{ background: #ff4d4d; }
.works-maintenance-government{ background: #00bb2f; }
.works-maintenance-private{ background: #65abcd; }
.works-landscape-individual{ background: #ff4d4d; }
.works-landscape-government{ background: #00bb2f; }
.works-landscape-private{ background: #65abcd; }
.topWorksImg01{ margin-bottom: 10px; }
.topWorksImg01 img{ width: 100%; height: auto; }
.topWorksTit01{ color: #fff; font-size: 1.5rem; letter-spacing: 1px; font-weight: 500; line-height: 1.4; }

.topCompany{  }
.topCompanySec{ background: #fff; display: flex; justify-content: space-between; align-items: center; margin-bottom: 40px; }
.topCompanySec:last-child{ display: flex; justify-content: space-between; flex-direction: row-reverse; }
.topCompanySec01{ flex-basis: 50%; margin: 2%; }
.topCompanySecTit{ font-size: 4rem; font-weight: 500; letter-spacing: 2px; margin-bottom: 20px; }
.topCompanySecTit span{ display: block; font-size: 2rem; letter-spacing: 2px; font-family: "europa",sans-serif; font-weight: 700; color: #34b467; }
.topCompanySecTxt{ font-size: 1.4rem; letter-spacing: 1px; line-height: 1.7; margin-bottom: 20px; }
.topCompanySec01 ul{ display: flex; justify-content: space-between; flex-wrap: wrap; }
.topCompanySec01 ul li{ flex-basis: 48%; margin-bottom: 10px; }
.topCompanySec01 ul li i{ margin-left: 10px; font-size: 1.2rem; }
.topCompanySec01 ul li a{ display: block; border: 1px solid #2d943a; background: #fff; color: #2d943a; font-size: 1.5rem; font-weight: 500; padding: 15px; text-align: center; position: relative; letter-spacing: 1px; }
.topCompanySec01 ul li a:hover{ background: #2d943a; color: #fff; }
.topCompanySec01Img{ flex-basis: 50%; }
.topCompanySec:last-child .topCompanySec01Img{ width: 50%; float: left; }
.topCompanySec01Img img{ width: 100%; height: auto; border-radius: 0; }

.topReform{ background: #fff; padding-bottom: 60px; }
.topReform01{ width: 90%; margin: 0 auto;  padding: 60px 0 30px 0; }
.topReform01Tit{ font-size: 4rem; font-weight: 500; letter-spacing: 2px; margin-bottom: 40px; text-align: center; }
.topReform01Tit span{ display: block; font-size: 2rem; letter-spacing: 2px; font-family: "europa",sans-serif; font-weight: 700; color: #34b467; }
.topReform01 ul{ display: flex; justify-content: space-around; flex-wrap: wrap; }
.topReform01 ul li{ flex-basis: 32%; margin-bottom: 20px; }
.topReform01 ul li .topReform01Img{ margin-bottom: 5px; }
.topReform01 ul li .topReform01Img img{ width: 100%; height: auto; }
.topReform01 ul li .topReform01Tit01{ font-size: 1.4rem; letter-spacing: 1px; }

/* 業務内容 business */
.businessSec{ overflow: hidden; margin-bottom: 40px; }
.businessSec01,
.businessSec02{ background: #fff; border-radius: 10px; }
.businessSec01 img{ width: 100%; height: auto; border-radius: 5px 0 0 5px; }
.businessSec02 img{ width: 100%; height: auto; border-radius: 0 5px 5px 0; }
.businessSec01 ul{ display: flex; flex-direction: row-reverse; align-items: center; }
.businessSec ul li{ width: 50%; }
.businessSec ul li .businessSec01Txt{ width: 100%; overflow: hidden; padding: 5%; }
.businessSec ul li .businessSec01Tit{ font-size: 3.5rem; font-weight: 700; text-align: center; letter-spacing: 2px; color: #33b366; margin-bottom: 10px; }
.businessSec ul li .businessSec01Btn{ width: 90%; margin: 0 auto; }
.businessSec ul li .businessSec01Btn a{ display: block; color: #33b366; font-size: 1.6rem; text-align: center; padding: 5px; border-radius: 50px; border: 2px solid #33b366; font-family: "vdl-v7marugothic",sans-serif; font-weight: 700; letter-spacing: 2px; }

.businessSec ul li .businessSec01Btn a:hover{ color: #fff; background: #33b366; }
.businessSec ul li .businessSec01Btn a i{ margin-left: 10px; }
.businessSec ul li:nth-child(2){}
.businessSec ul li:nth-child(2) img{ width: 100%; height: auto; }

.businessSec02 ul{ display: flex; align-items: center; background: #fff; }
.businessSec ul li .businessSec02Txt{ width: 100%; overflow: hidden; padding: 5%;  }


/* 業務内容＞樹木生産 business/tree */
#contents .treeSec{ width: 90%; margin: 0 auto 80px auto; background: #fff; border-radius: 10px; padding: 3%; }
#contents .treeSec01{ margin-bottom: 40px; }
#contents .treeSecTxt{ font-size: 1.6rem; line-height: 1.6; letter-spacing: 1px; margin-bottom: 20px; }
#contents .treeSecTxt p{}
#contents .treeSecTxt ul{ margin-left: 20px; }
#contents .treeSecTxt ul li{ list-style-type: disc; }
#contents .treeSecImg{ flex-basis: 100%; margin-bottom: 20px; }
#contents .treeSecImg img{ width: 100%; height: auto; }

#contents .treeSec02{ margin-bottom: 40px; }
#contents .treeSec02Txt{ font-size: 1.6rem; line-height: 1.6; letter-spacing: 1px; margin-bottom: 40px;  }
#contents .treeSec02 ul{ display: flex; justify-content: space-between; }
#contents .treeSec02 ul li img{ width: 100%; height: auto; }
#contents .treeSec02 ul li:nth-child(2){ padding: 60px 3px 3px 3px; }
#contents .treeSec02 ul li span{ display: block; font-size: 1.6rem; transform: rotate(90deg); }
#contents .treeSec02 ul li span:nth-child(1),
#contents .treeSec02 ul li span:nth-child(5){ color: rgba(0,160,64,0.3); }
#contents .treeSec02 ul li span:nth-child(2),
#contents .treeSec02 ul li span:nth-child(4){ color: rgba(0,160,64,0.6); }
#contents .treeSec02 ul li span:nth-child(3){ color: rgba(0,160,64,1); }


#contents .treeSecBtn02{ width: 90%; margin: 0 auto 40px auto; }
#contents .treeSecBtn02 a{ display: inline-block; color: #fff; font-size: 2.2rem; letter-spacing: 1px; font-weight: 700; background: #00a040; border: 2px solid #00a040; padding: 15px 35px; border-radius: 10px; }
#contents .treeSecBtn02 a i{ margin-left: 10px; }
#contents .treeSecBtn02 a:hover{ color: #00a040; background: #fff; }
#contents .treeSec02Img{ text-align: center; }
#contents .treeSec02Img img{ width: 100%; height: auto; }
#contents .topSec02Btn{}
#contents .topSec02Btn ul{ width: 80%; margin: 0 auto 60px auto; display: flex; justify-content: space-between; flex-wrap: wrap; }
#contents .topSec02Btn ul li{ flex-basis: 100%; margin-bottom: 20px; }
#contents .topSec02Btn ul li a{ display: block; color: #fff; font-size: 2.2rem; font-weight: 700; letter-spacing: 1px; text-align: center; padding: 15px; border-radius: 10px; }
#contents .topSec02Btn ul li a i{ margin-right: 10px; }
#contents .topSec02Btn ul li:nth-child(1) a{ background: #f5a30d; }
#contents .topSec02Btn ul li:nth-child(1) a:hover{ background: #34b467; }
#contents .topSec02Btn ul li:nth-child(2) a{ position: relative; display: block; background: -webkit-linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat; background: linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat; overflow: hidden; }
#contents .topSec02Btn ul li:nth-child(2) a i,
#contents .topSec02Btn ul li:nth-child(2) a span{
	position: relative;
}
#contents .topSec02Btn ul li:nth-child(2) a:before{ content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: -webkit-linear-gradient(75deg, #ffdb2c, rgb(249, 118, 76) 25%, rgba(255, 77, 64, 0) 50%) no-repeat; background: linear-gradient(15deg, #ffdb2c, rgb(249, 118, 76) 25%, rgba(255, 77, 64, 0) 50%) no-repeat; }
#contents .topSec02Btn ul li:nth-child(2) a:hover { opacity: .6; }

#contents .treeSecBtn{ display: block; width: 100%; margin: 0 auto; }
#contents .treeSecBtn a{ display: block; color: #fff; font-size: 2.2rem; font-weight: 500; letter-spacing: 1px; text-align: center; background: #f5a30d; padding: 10px; border: 2px solid #f5a30d; border-radius: 10px; }
#contents .treeSecBtn a:hover{ background: #fff; color: #f5a30d; }

#contents .treeSecBtn01{ display: block; width: 40%; margin: 20px 0 0 0; }
#contents .treeSecBtn01 a{ display: block; color: #fff; font-size: 1.4rem; font-weight: 500; letter-spacing: 1px; text-align: center; background: #34b467; padding: 5px 15px; border: 2px solid #34b467; border-radius: 10px; }
#contents .treeSecBtn01 a:hover{ background: #fff; color: #34b467; }

#contents .treeSecMap01{ position: relative; padding-bottom: 40%; padding-top: 30px; height: 0; overflow: hidden; margin-bottom: 20px; }
#contents .treeSecMap01 iframe,
#contents .treeSecMap01 object,
#contents .treeSecMap01 embed{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/* 業務内容＞樹木生産＞新田ナーセリー business/tree/nittanursery */
#contents .nittanurserySec{ margin-bottom: 60px; }
#contents .nittanurserySec ul{ display: flex; justify-content: space-between; flex-wrap: wrap; }
#contents .nittanurserySec ul li{ flex-basis: 48%; margin-bottom: 20px; }
#contents .nittanurserySec ul li img{ width: 100%; height: auto; }

#contents .nittanurserySec01{}
#contents .nittanurserySec01 ul{ display: flex; flex-wrap: wrap; margin-bottom: 40px; }
#contents .nittanurserySec01 ul li{ flex-basis: 32%; position: relative; padding-left: 2%; font-size: 1.5rem; letter-spacing: 1px; margin-bottom: 20px; }
#contents .nittanurserySec01 ul li:after{ display: block; content: ""; position: absolute; top: .6rem; left: 0; width: 11px; height: 11px; background-color: #f5a30d; border-radius: 100%; }

/* 業務内容＞企画設計 business/planning */
#contents .planningSec{ overflow: hidden; }
#contents .planningSec ul{ display: flex; justify-content: space-around; flex-wrap: wrap; }
#contents .planningSec ul li{ flex-basis: 32%; margin-bottom: 30px; }
#contents .planningSec ul li img{ width: 100%; height: auto; margin-bottom: 5px; }
#contents .planningSec ul li span{ font-size: 1.6rem; letter-spacing: 1px; }

/* 業務内容＞造園工事 business/landscape */
#contents .landscapeSec{ }
#contents .landscapeSec ul{ margin-bottom: 40px; }
#contents .landscapeSec ul li{ position: relative; padding-left: 30px; font-size: 1.5rem; letter-spacing: 1px; margin-bottom: 10px; }
#contents .landscapeSec ul li:after{ display: block; content: ""; position: absolute; top: .6rem; left: 0; width: 11px; height: 11px; background-color: #f5a30d; border-radius: 100%; }

#contents .landscapeSec ul li ol{ margin-left: 20px; margin-top: 10px; }
#contents .landscapeSec ul li ol li{ list-style-type: decimal; padding-left: 10px; }
#contents .landscapeSec ul li ol li:after{ display: none; }

#contents .landscapeSecBtn{ display: block; width: 60%; }
#contents .landscapeSecBtn a{ display: block; color: #fff; font-size: 2.5rem; font-weight: 500; letter-spacing: 1px; text-align: center; background: #33b266; padding: 15px; border: 2px solid #33b266; border-radius: 10px; }
#contents .landscapeSecBtn a i{ margin-left: 10px; }
#contents .landscapeSecBtn a:hover{ background: #fff; color: #33b266; }

#contents .landscapeSec01{ overflow: hidden; margin-bottom: 80px; }
#contents .landscapeSec01 ul{ display: flex; justify-content: space-between; flex-wrap: wrap; }
#contents .landscapeSec01 ul li{ flex-basis: 48%; margin-bottom: 30px; letter-spacing: 1px; }
#contents .landscapeSec01 ul li:nth-child(1){ background: #33b266; color: #fff; text-align: center; }
#contents .landscapeSec01 ul li .landscapeSec01Tit01{ padding-top: 50px; font-size: 3.5rem; font-weight: 500; margin-bottom: 10px; }
#contents .landscapeSec01 ul li .landscapeSec01Tit02{ display: inline-block; font-size: 1.7rem; font-weight: 500; color: #33b266; background: #fff; padding: 5px 15px; margin-bottom: 10px; }#contents .landscapeSec01 ul li .landscapeSec01Tit03{ font-size: 1.8rem; font-weight: 500; }
#contents .landscapeSec01 ul li img{ width: 100%; height: auto; margin-bottom: 5px; }
#contents .landscapeSec01 ul li span{ display: block; font-size: 1.6rem; }

#contents .landscapeSec02{ overflow: hidden; margin-bottom: 80px; }
#contents .landscapeSec02 ul{ display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: 40px; }
#contents .landscapeSec02 ul li{ flex-basis: 48%; margin-bottom: 40px; }
#contents .landscapeSec02 ul li .landscapeSec02Tit{ font-size: 1.8rem; color: #33b266; letter-spacing: 1px; font-weight: 500; margin-bottom: 5px; }
#contents .landscapeSec02 ul li .landscapeSec02Img{ margin-bottom: 5px; }
#contents .landscapeSec02 ul li .landscapeSec02Img img{ width: 100%; height: auto; }
#contents .landscapeSec02 ul li .landscapeSec02Cat{ display: inline-block; font-size:  1.2rem; letter-spacing: 2px; color: #fff; padding: 5px 10px; margin-right: 10px; border-radius: 5px; margin-bottom: 5px; }
#contents .landscapeSec02 ul li .landscapeSec02Cat.works-landscape-individual{ border: 0; }
#contents .landscapeSec02 ul li .landscapeSec02Cat.works-landscape-government{ border: 0; }
#contents .landscapeSec02 ul li .landscapeSec02Cat.works-landscape-private{ border: 0; }

#contents .landscapeSec02 ul li .landscapeSec02Date{ display: inline-block; font-size: 1.4rem; letter-spacing: 1px; }

/* 業務内容＞公園運営管理 business/management */
#contents .managementSec { }
#contents .managementSec ul{ display: flex; justify-content: space-between; }
#contents .managementSec ul li:nth-child(1){ flex-basis: 47.5%; }
#contents .managementSec ul li:nth-child(2){ flex-basis: 51.5%; }
#contents .managementSec ul li img{ width: 100%; height: auto; }
#contents .managementSec ul li ul{ display: flex; flex-wrap: wrap; justify-content: space-between; }
#contents .managementSec ul li ul li{ flex-basis: 49%; margin-bottom: 10px; }
#contents .managementSec ul li ul li:nth-child(1){ flex-basis: 49%; }
#contents .managementSec ul li ul li:nth-child(2){ flex-basis: 49%; }

/* 企業情報＞会社概要・沿革 company */
#contents .companySecNav{ width: 100%; margin: 0 auto 40px auto; }
#contents .companySecNav nav{ }
#contents .companySecNav nav ul{ display: flex; justify-content: space-around; flex-wrap: wrap; }
#contents .companySecNav nav ul li{ flex-basis: 32%; margin-bottom: 10px; }
#contents .companySecNav nav ul li a{ display: block; color: #35b468; font-size: 1.8rem;; font-weight: 500; letter-spacing: 1px; border: 1px solid #35b468; background: #fff; padding: 10px; text-align: center; border-radius: 5px; }
#contents .companySecNav nav ul li a:hover{ background: #f49f05; color: #fff; }

#contents .companySec{ margin-bottom: 40px; }
#contents .companySecTxt{ font-size: 1.6rem; line-height: 1.7; letter-spacing: 1px; }
#contents .companySecImg{ font-size: 2.5rem; font-weight: 500; letter-spacing: 2px; text-align: center; margin-top: 10px;  }
#contents .companySecImg img{ margin-bottom: 20px; }
#contents .companySecImg span{ display: block; font-size: 1.8rem; }

#contents .companySec01{ margin-bottom: 40px; }
#contents .companySec01 table{ width: 100%;  }
#contents .companySec01 table th{ font-size: 1.6rem; font-weight: 400; color: #33b266; padding: 10px; border-bottom: 1px solid #ccc; letter-spacing: 2px; white-space: nowrap; }
#contents .companySec01 table td{ font-size: 1.6rem; padding: 10px; border-bottom: 1px solid #ccc; }
#contents .companySec01 table td span{ display: inline-block; }
#contents .companySecBtn{ display: inline-block; margin-left: 20px; }
#contents .companySecBtn a{ display: block; background: #33b266; color: #fff; font-size: 1.6rem; font-weight: 500; padding: 5px 15px; border-radius: 5px; border: 1px solid #33b266; }
#contents .companySecBtn a:hover{ background: #fff; color: #33b266; }

#contents .companySec01 dl{ padding: 0 0 20px 0; border-bottom: 1px solid #ccc; margin-bottom: 20px; }
#contents .companySec01 dl dt{ font-size: 1.6rem; color: #33b266; font-weight: 500; }
#contents .companySec01 dl dd{ font-size: 1.6rem; }
#contents .companySec01 dl dd span.tel{ display: block; }

#contents .companySec01 ul{ width: 100%; margin: 0 auto; display: flex; justify-content: space-between; flex-wrap: wrap; }
#contents .companySec01 ul li{ flex-basis: 32%; margin-bottom: 10px; }

#contents .companySec02{ margin-bottom: 40px; }
#contents .companySec02 ul{ display: flex; justify-content: space-between; flex-wrap: wrap; margin-left: 20px; }
#contents .companySec02 ul li{ flex-basis: 32%; font-size: 1.3rem; letter-spacing: 1px; margin-bottom: 10px; list-style-type: disc; }

#contents .companySec03{ margin-bottom: 40px; }
#contents .companySec03 ul{ display: flex; flex-wrap: wrap; justify-content: space-around; margin-left: 20px; }
#contents .companySec03 ul li{ flex-basis: 48%; margin-bottom: 5px; font-size: 1.3rem; letter-spacing: 1px; list-style-type: disc; }

#contents .companySec04{ margin-bottom: 40px; }
#contents .companySec04 ul{ display: flex; flex-wrap: wrap; justify-content: space-around; }
#contents .companySec04 ul li{ flex-basis: 48%; margin-bottom: 5px; font-size: 1.3rem; letter-spacing: 1px; }
#contents .companySec04 ul li ul{ display: block; margin-left: 20px; }
#contents .companySec04 ul li ul li{ list-style-type: disc; }

/* 企業情報＞部門・スタッフ紹介 staff */
#contents .divisionSec{ display: flex; justify-content: space-between; margin-bottom: 30px; }
#contents .divisionSecTxt{ flex-basis: 100%; font-size: 1.6rem; letter-spacing: 1px; line-height: 1.7;  }
#contents .divisionSecTxt h4 br{ display: none; }
#contents .divisionSecImg{ flex-basis: 100%; margin-left: 30px; }
#contents .divisionSecImg img{ width: 100%; height: auto; }

/* 企業情報＞山梅のあゆみ historyf */
#contents .historySec{}
#contents .historySecTit01{ text-align: center; font-family: "europa",sans-serif; font-weight: 700; color: #999; font-size: 2rem; letter-spacing: 2px; }
#contents .historySecTit01 span{ color: #f39f05; font-size: 3.6rem; margin-left: 5px; }
#contents .historySecTit02{ color: #33b266; font-size: 3.4rem; font-weight: 700; text-align: center; margin-bottom: 20px; }
#contents .historySec{ display: flex; justify-content: space-between; margin-bottom: 60px; }
#contents .historySecTxt{ flex-basis: 100%; font-size: 1.6rem; letter-spacing: 1px; line-height: 1.7;  }
#contents .historySecImg{ flex-basis: 100%; margin-left: 30px; }
#contents .historySecImg img{ width: 100%; height: auto; }
#contents .historySecImg span{ display: block; font-size: 1.6rem; margin-top: 5px; }


/* とりくみ＞ISO認証取得 endeavor/iso */
#contents .isoSec{ display: flex; justify-content: space-between; }
#contents .isoSecTxt{ flex-basis: 47%; margin-right: 3%; }
#contents .isoSecImg{ flex-basis: 50%; }
#contents .isoSecImg ul{ display: flex; justify-content: flex-end; }
#contents .isoSecImg ul li{ flex-basis: 49%; font-size: 1.6rem; letter-spacing: 1px; margin: 0 .5%; }
#contents .isoSecImg ul li img{ width: 100%; height: auto; margin-bottom: 10px; }

#contents .isoSec01{ margin-bottom: 40px; }
#contents .isoSec01 ul{ display: flex; justify-content: space-between; flex-wrap: wrap; }
#contents .isoSec01 ul li{ flex-basis: 49%; margin-bottom: 20px; }
#contents .isoSec01 ul li img{ width: 100%; height: auto; margin-bottom: 5px; }
#contents .isoSec01 ul li span{ font-size: 1.6rem; letter-spacing: 1px; }

/* とりくみ＞働き方改革 endeavor/reform */
#contents .reformSec ul{ display: flex; justify-content: flex-start; flex-wrap: wrap; margin-bottom: 60px; }
#contents .reformSec ul li{ flex-basis: 31%; margin: 0 1% 40px 1%; }
#contents .reformSec ul li img{ width: 100%; height: auto; }

#contents .reformSec ul li .reformSecImg{ margin-bottom: 5px; }
#contents .reformSec ul li .reformSecImg img{ }
#contents .reformSec ul li .reformSecTit{ font-size: 1.5rem; letter-spacing: 1px; }

/* お問い合わせ contact */
#contents .contactSec{}
#contents .contactSecTxt{ font-size: 15px; letter-spacing: 1px; }
#contents .contactSecTxt p{ margin-bottom: 40px; }
#contents .contactSecTxt ol{ margin: 20px 0 40px 20px; }
#contents .contactSecTxt ol li{ list-style-type: decimal; }

/* サイトマップ sitemap */
#contents .sitemapSec{}
#contents .sitemapSec ul{ margin-left: 20px; margin-top: 10px; margin-bottom: 20px; }
#contents .sitemapSec ul li{ font-size: 2rem; font-weight: 700; letter-spacing: 1px; margin-bottom: 20px; }
#contents .sitemapSec ul li a{ padding: 5px; }
#contents .sitemapSec ul li ul{ margin-bottom: 0; }
#contents .sitemapSec ul li ul li{ font-size: 1.6rem; font-weight: 400; letter-spacing: 1px; margin-bottom: 10px; }



.top_sec{}
.top_sec_list{ display: flex; justify-content: space-between; flex-wrap: wrap; }
.top_sec_item{ flex-basis: 100%; }
.top_sec_item_company{ background: url("../images/bg_company01.jpg") no-repeat; wight: 100%; background-size:cover; background-position:50%; position: relative; padding: 150px 80px; }
.top_sec_item_iso{ background: url("../images/bg_iso02.jpg") no-repeat; wight: 100%; height: 100%; background-size:cover; background-position:50%; position: relative; padding: 150px 80px; }
.top_sec_item:after{ content: ''; background-color: rgba(0,0,0,.5); position: absolute; left: 0; right: 0; top: 0; bottom: 0; height: 100%; }
.top_sec_item01{ position: relative; z-index: 1; }
.top_sec_item_tit{ color: #fff; }
.top_sec_item_tit span{ display: block; font-size: 2rem; color: #fff; font-family: europa, sans-serif; font-weight: 700; font-style: normal; letter-spacing: .5px; }
.top_sec_item_tit p{ font-size: 4rem; letter-spacing: 4px; margin-bottom: 30px; font-family: bokutoh-rera, sans-serif; font-weight: 400; font-style: normal;  }
.top_sec_item_txt{ color: #fff; font-size: 1.6rem; line-height: 1.8; font-weight: 500; letter-spacing: 2px; }
.top_sec_btn_list{ margin-top: 40px; display: flex; justify-content: flex-start;  }
.top_sec_btn_item{ flex-basis: 30%; margin-right: 3% }
.top_sec_btn_item a{ display: block; font-size: 2rem; text-align: center; background-color: #fff; padding: 15px;  font-family: bokutoh-rera, sans-serif; font-weight: 400; font-style: normal; }
.top_sec_btn_item a:hover{ background-color: var(--sub-color); color: #fff; }


.top_instagram{ background-color: #f3f5ef; padding: 60px 0; }
.top_instagram_tit{ text-align: center; }
.top_instagram_tit span{ display: block; font-size: 2rem; color: var(--main-color); font-family: europa, sans-serif; font-weight: 700; font-style: normal; letter-spacing: .5px; text-align: center; }
.top_instagram_tit p{ font-size: 4rem; letter-spacing: 4px; margin-bottom: 30px; font-family: bokutoh-rera, sans-serif; font-weight: 400; font-style: normal; text-align: center; }
.top_instagram_att{ font-size: 2rem; text-align: center; letter-spacing: 1px;  }


.top_bnr{ background-color: #fff; padding: 60px 0; }
.top_bnr_list{ display: flex; justify-content: center; }
.top_bnr_item{ margin: 0 1%; }
.top_bnr_item img{ border-radius: 0; }
.top_bnr_item a:hover{ opacity: .6; }


.top_instagram_sec{ width: 90%; margin: 0 auto; }
.top_instagram_btn{ width: 300px; margin: 0 auto; }
.top_instagram_btn a{ display: block; font-size: 2rem; text-align: center; background-color: #fff; padding: 15px; border-radius: 10px; letter-spacing: 1px; }
.top_instagram_btn a i{ font-size: 2.5rem; margin-right: 10px; }
.top_instagram_btn a:hover{ background-color: var(--main-color); color: #fff; }



.project_sec_att{ width: 90%; margin: 60px auto; border: 10px solid var(--second-color); padding: 20px; font-size: 3.3rem; font-weight: 700; text-align: center; }
.project_sec_att span{ color: var(--second-color); }

.project_sec_detail{ margin-bottom: 80px; }

.project_sec_detail_tit{ display: flex; align-items: center; font-size: 5rem; color: var(--agriculture-color); font-family: europa, sans-serif; font-weight: 700; font-style: normal; margin-bottom: 40px; }
.project_sec_detail_tit span{ display: block; width: 70px; height: 70px; background-color: var(--agriculture-color); font-size: 5rem; text-align: center; color: #fff; font-family: europa, sans-serif; font-weight: 700; font-style: normal; margin-right: 20px; }
.project_sec_detail_tit p{ font-size: 2rem; color: #fff; font-family: source-han-sans-japanese, sans-serif; font-weight: 700; font-style: normal; background-color: var(--agriculture-color); border-radius: 40px; padding: 5px 20px; margin-left: 20px; }

.project_sec_list{ display: flex; justify-content: center !important; margin-bottom: 80px; }
.project_sec_item{ margin: 0 1%; padding: 0 !important; }

.project_sec_detail_biodiversity .project_sec_detail_tit{ color: var(--biodiversity-color); }
.project_sec_detail_biodiversity .project_sec_detail_tit span{ background-color: var(--biodiversity-color); }
.project_sec_detail_biodiversity .project_sec_detail_tit p{  background-color: var(--biodiversity-color); }

.project_sec_detail_inspiration .project_sec_detail_tit{ color: var(--inspiration-color); }
.project_sec_detail_inspiration .project_sec_detail_tit span{ background-color: var(--inspiration-color); }
.project_sec_detail_inspiration .project_sec_detail_tit p{  background-color: var(--inspiration-color); }



.sdgs_img{}
.sdgs_img img{ width: 100%; height: auto; }

.sdgs_sec{}
.sdgs_list{}
.sdgs_item{ margin-bottom: 60px; }

.sdgs_1ban{ }
.sdgs_1ban .sdgs_tit_num{ background-color: #e4021e; }
.sdgs_2ban .sdgs_tit_num{ background-color: #d6a600; }
.sdgs_3ban .sdgs_tit_num{ background-color: #279b47; }
.sdgs_4ban .sdgs_tit_num{ background-color: #c31e33; }
.sdgs_5ban .sdgs_tit_num{ background-color: #ef3f2a; }
.sdgs_6ban .sdgs_tit_num{ background-color: #00add9; }
.sdgs_7ban .sdgs_tit_num{ background-color: #fdb711; }
.sdgs_8ban .sdgs_tit_num{ background-color: #8f1737; }
.sdgs_9ban .sdgs_tit_num{ background-color: #f36d24; }
.sdgs_10ban .sdgs_tit_num{ background-color: #e11384; }
.sdgs_11ban .sdgs_tit_num{ background-color: #f99d25; }
.sdgs_12ban .sdgs_tit_num{ background-color: #cf8d29; }
.sdgs_13ban .sdgs_tit_num{ background-color: #47773d; }
.sdgs_14ban .sdgs_tit_num{ background-color: #007dbc; }
.sdgs_15ban .sdgs_tit_num{ background-color: #3db048; }
.sdgs_16ban .sdgs_tit_num{ background-color: #01558b; }
.sdgs_17ban .sdgs_tit_num{ background-color: #173667; }

.sdgs_tit{ display: flex; align-items: center; font-family: source-han-sans-japanese, sans-serif; font-weight: 700; font-style: normal; margin-bottom: 40px; }
.sdgs_tit_num{ width: 40px; height: 40px; color: #fff; font-size: 3rem; text-align: center; line-height: 40px; margin-right: 20px; }
.sdgs_tit01{ font-size: 4rem; }
.sdgs_tit01 br{ display: none; }

.sdgs_sec_list{ display: flex; justify-content: space-between; }
.sdgs_sec_item{}
.sdgs_sec_item_ico{ flex-basis: 20%; border-right: 1px solid #ccc; }
.sdgs_sec_item_ico img{ border-radius: 0; }
.sdgs_sec_item_ico01{}
.sdgs_sec_detail{ flex-basis: 75%; }
.sdgs_sec_item_tit01{ width: 250px; font-size: 1.8rem; color: #fff; padding: 15px; text-align: center; border-radius: 10px; font-family: source-han-sans-japanese, sans-serif; font-weight: 700; font-style: normal; letter-spacing: 1px; margin-bottom: 20px; }
.sdgs_sec_item_tit01_now{ background-color: #00a040; }
.sdgs_sec_item_list{ margin-bottom: 40px; }
.sdgs_sec_item_list_now{}
.sdgs_sec_item_item{ position: relative; font-size: 1.6rem; padding-left: 20px; margin-bottom: 10px; }
.sdgs_sec_item_item:before{ position: absolute; content: ""; display: block; left: 0; top: 7px; width: 12px; height: 12px; border-radius: 100%; }
.sdgs_sec_item_item_now:before{ background-color: #00a040; }
.sdgs_sec_item_item_after:before{ background-color: #ffa600; }
.sdgs_sec_item_tit01_after{ background-color: #ffa600; }
.sdgs_sec_item_list_after{}
.sdgs_sec_item_item_img{ margin-top: 10px; }

.sdgsico_sec{  width: 90%; margin: 0 auto 80px auto; }
.sdgsico_list{ display: flex; flex-wrap: wrap; justify-content: space-between; }
.sdgsico_item{ flex-basis: 15%; margin-bottom: 20px; }
.sdgsico_item:last-child{ background-color: #f7f6f6; }
.sdgsico_item a:hover{ opacity: .6; }
.sdgsico_item img{ border-radius: 0; width: 100%; height: auto; }

.sdgs_sec_att01{ width: 90%; margin: 60px auto 30px auto; /* border: 10px solid var(--second-color); padding: 20px; */ text-align: center; font-size: 4.5rem; font-family: bokutoh-rera, sans-serif; font-weight: 400; font-style: normal; }
.sdgs_sec_att01 span{ color: var(--main-color); }


.sdgs_sec_att{ width: 90%; margin: 60px auto; padding: 20px; font-size: 2rem; text-align: center; background-color: #f5f5f5; border-radius: 15px; line-height: 1.8; letter-spacing: 1px; }
.sdgs_sec_att span{ font-size: 2.5rem; font-weight: 700; }
.sdgs_sec_att p{ font-size: 3rem; font-weight: 700; color: var(--main-color); }

.sdgs_sec01_list{ display: flex; justify-content: space-between; margin-bottom: 40px; }
.sdgs_sec01_item{ position: relative; flex-basis: 32%; font-size: 1.6rem; line-height: 1.6; border-radius: 15px; padding: 40px 20px 10px 20px; }

.sdgs_sec01_ico01{ position: absolute; top: -30px; left: 0; right: 0; margin: 0 auto; width: 60px; height: 60px; border-radius: 100%; text-align: center; }
.sdgs_sec01_ico01 i{ color: #fff; font-size: 3.5rem; border-radius: 100%; line-height: 60px; }

.sdgs_sec01_item01,
.sdgs_torikumi_item01 .sdgs_torikumi01_item{ background-color: rgba(253,106,139,.1); }
.sdgs_sec01_item02,
.sdgs_torikumi_item02 .sdgs_torikumi01_item{ background-color: rgba(244,145,64,.1); }
.sdgs_sec01_item03,
.sdgs_torikumi_item03 .sdgs_torikumi01_item{ background-color: rgba(37,177,205,.1); }

.sdgs_sec01_item01 .sdgs_sec01_ico01,
.sdgs_torikumi_item01 .sdgs_sec01_ico02{ background-color: rgba(253,106,139,1); }
.sdgs_sec01_item02 .sdgs_sec01_ico01,
.sdgs_torikumi_item02 .sdgs_sec01_ico02{ background-color: rgba(244,145,64,1); }
.sdgs_sec01_item03 .sdgs_sec01_ico01,
.sdgs_torikumi_item03 .sdgs_sec01_ico02{ background-color: rgba(37,177,205,1); }


.sdgs_sec01_item .sdgsico_sec{ width: 100%; margin: 20px 0; }
.sdgs_sec01_item .sdgsico_list{ }
.sdgs_sec01_item .sdgsico_list:after{ content: ""; display: block; width: 32%; }
.sdgs_sec01_item .sdgsico_item{ flex-basis: 33%; margin-bottom: 5px; }

.sdgs_sec01_item01 .sdgs_sec01_tit01,
.sdgs_torikumi_item01 .sdgs_sec01_tit02{ color: #fd6a8b; }
.sdgs_sec01_item02 .sdgs_sec01_tit01,
.sdgs_torikumi_item02 .sdgs_sec01_tit02{ color: #f49140; }
.sdgs_sec01_item03 .sdgs_sec01_tit01,
.sdgs_torikumi_item03 .sdgs_sec01_tit02{ color: #25b1cd; }

.sdgs_sec01_tit01{ font-size: 2rem; font-weight: 700; text-align: center; font-family: bokutoh-rera, sans-serif; font-weight: 400; font-style: normal; line-height: 1.2; margin-bottom: 20px; }
.sdgs_sec01_tit01 span{ display: block; font-size: 3.5rem; }
.sdgs_sec01_txt01{ font-size: 1.6rem; line-height: 1.6; min-height: 240px; }

.sdgs_sec01_ico02{ width: 60px; height: 60px; border-radius: 100%; text-align: center; margin-right: 20px; }
.sdgs_sec01_ico02 i{ color: #fff; font-size: 3.5rem; border-radius: 100%; line-height: 60px; }

.sdgs_sec01_tit02{ font-size: 3rem; font-weight: 700; font-family: bokutoh-rera, sans-serif; font-weight: 400; font-style: normal; }
.sdgs_sec01_tit02 span{ font-size: 4.5rem; }

.sdgs_torikumi_sec{ margin-bottom: 40px; }
.sdgs_torikumi_list{ }
.sdgs_torikumi_item{ display: flex; flex-wrap: wrap; }
.sdgs_torikumi_item .sdgs_sec01_tit01{ }
.sdgs_torikumi_item .sdgs_torikumi01_list{ flex-basis: 100%; }

.sdgs_torikumi01_list{ margin-top: 30px; display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: 20px; }
.sdgs_torikumi01_item{ position: relative; flex-basis: 49%; font-size: 1.8rem; margin-bottom: 10px; padding: 15px 15px 15px 40px; border-radius: 10px; }
.sdgs_torikumi01_item a{ text-decoration: underline; }
.sdgs_torikumi01_item a:hover{ text-decoration: none; }

.sdgs_torikumi01_item:before{ display: block; content: ""; position: absolute; left: 15px; top: 25px; width: 10px; height: 10px; border-radius: 100%; }

.sdgs_torikumi_item01 .sdgs_torikumi01_item:before{ background-color: #fd6a8b;}
.sdgs_torikumi_item02 .sdgs_torikumi01_item:before{ background-color: #f49140; }
.sdgs_torikumi_item03 .sdgs_torikumi01_item:before{ background-color: #25b1cd; }

.sdgs_torikumi_sec .planningSec ul li p{ font-size: 1.6rem; }


.download_sec{}
.download_list{}
.download_item{ display: flex; justify-content: space-between; background-color: #f5f5f5; flex-wrap: wrap; }
.download_tit{ flex-basis: 100%; padding: 10px; border-right: 0px solid #fff; border-bottom: 3px solid #fff; }
.download_tit h3{ margin-bottom: 0; padding: 10px 0; }
.download_btn{ flex-basis: 100%; padding: 10px; text-align: center; font-size: 1.6rem; }
.download_btn i{ font-size: 4rem; margin-left: 10px; }
.download_btn a{ display: block; border: 2px solid #00a040; border-radius: 10px; text-align: center; font-size: 1.6rem; font-weight: bold; padding: 10px; background-color: #00a040; color: #fff; }
.download_btn a:hover{ background-color: #fff; color: #00a040; }



.planning_nav{ width: 90%; margin: 0 auto 40px auto; }
.planning_nav_list{ flex-wrap: wrap; }
.planning_nav_item{ flex-basis: 49%; margin-bottom: 10px; }
.planning_nav_item a{ display: block; color: #35b468; font-size: 1.8rem; font-weight: 500; letter-spacing: 1px; border: 1px solid #35b468; background: #fff; padding: 10px; text-align: center; }
.planning_nav_item a:hover{ background: #f49f05; color: #fff; }


.maintenance_nav{ width: 90%; margin: 0 auto 60px auto; }
.maintenance_nav_list{ flex-wrap: wrap; }
.maintenance_nav_item{ flex-basis: 48%; margin-bottom: 10px; }
.maintenance_nav_item a{ display: block; color: #35b468; font-size: 19px; font-weight: 500; letter-spacing: 1px; border: 1px solid #35b468; background: #fff; padding: 10px; text-align: center; border-radius: 5px; }
.maintenance_nav_item a:hover{ background: #f49f05; color: #fff; }




.greenbond_sec{}
.greenbond_sec_list{ display: flex; justify-content: space-between; flex-wrap: wrap; }
.greenbond_sec_list:after{ content: ""; display: block; width: 32%; }
.greenbond_sec_item{ flex-basis: 32%; margin-bottom: 30px; }
.greenbond_sec_item_date{ font-size: 12px; margin-bottom: 10px; }
.greenbond_sec_item_img{ margin-bottom: 10px; }
.greenbond_sec_item_img img{ width: 100%; height: auto; object-fit: cover; border: 1px solid #ccc !important; border-radius: 10px; }
.greenbond_sec_item_tit{ font-size: 16px; font-weight: 600; color: #33b266; }



/* YAMAUME VILLAGE */
h1.h1_village{ color: #3f9b4a; font-size: 7rem; text-align: center; font-family: fatfrank, sans-serif; font-weight: 400; font-style: normal; margin: 80px 0 40px 0; letter-spacing: 2px; }

.village_sec{ position: relative; height: 1000px; }
.village_sec_concept{ position: relative; width: 90%; margin: 0 auto; right: 0; left: 0; top: 600px; font-family: dnp-shuei-ymincho-std, sans-serif; font-weight: 500; font-style: normal; z-index: 2; text-align: center; }
.vilage_sec_concept_tit{ font-size: 2.5rem; color: #666; margin-bottom: 20px; letter-spacing: 2px; }
.vilage_sec_concept_txt{ font-size: 1.6rem; line-height: 1.8; letter-spacing: 2px; }
.vilage_sec_concept_txt p{  }
.village_sec_bg{ position: absolute; left: 0; top: 0; width: 1920px; height: 1000px; max-height: 700px; }
.village_sec_bg img{ /* width: 100%; height: auto; */ width: 100%; max-height: 700px; object-fit: contain; }
div#map1{ max-width: 100%; width: 100%; margin: 0 auto; text-align: center; }

.village_sec_cloud01{ display: none; position: absolute; top: 400px; left: 200px; z-index: 2; }
.village_sec_cloud02{ display: none;  position: absolute; top: 700px; right: 0; z-index: 2; }



h1.h1_symboltree{ font-size: 4.5rem; color: #666; text-align: center; letter-spacing: 3px; margin-bottom: 20px; font-family: bokutoh-rera, sans-serif; font-weight: 400; font-style: normal; margin-top: 80px; }
h2.h2_symboltree{ font-size: 3.7rem; text-align: center; color: #666; font-family: dnp-shuei-ymincho-std, sans-serif; font-weight: 500; font-style: normal; z-index: 2; margin-bottom: 40px; border-bottom: 0; }

.breadcrumbs{ font-family: dnp-shuei-ymincho-std, sans-serif; font-weight: 500; font-style: normal; margin-bottom: 40px; }
.breadcrumbs_list{ display: flex; justify-content: center; }
.breadcrumbs_item{ position: relative; letter-spacing: 2px; }
.breadcrumbs_item:before{ position: absolute; display: block; content: "/"; left: 8px; top: 0; font-size: 1.6rem; }
.breadcrumbs_item:nth-child(1):before{ display: none; }
.breadcrumbs_item a{ color: #666; font-size: 1.3rem; padding-left: 20px; }
.breadcrumbs_item a:hover{ opacity: .6; }

.symboltree_sec_img{ width: 90%; margin: 0 auto; }
.symboltree_sec_img img{ border-radius: 10px; width: 100%; height: auto; }
.symboltree_sec_img01{ text-align: center; }

.symboltree_concept_bg{ background: url("/village/symboltree/images/bg_concept01.png") no-repeat; left: 0; top: 500px; min-height: 700px; background-size: 80% auto; }

.symboltree_concept_sec{ width: 80%; margin-top: 120px; margin-left: auto; margin-right: auto; }
.symboltree_concept_sec_tit{ color: #3f9b4a; font-size: 8rem; font-family: haptic-script, sans-serif; font-weight: 400; font-style: normal; letter-spacing: 2px; }
.symboltree_concept_sec_txt{ font-size: 2rem; color: #666; font-family: dnp-shuei-ymincho-std, sans-serif; font-weight: 500; font-style: normal; z-index: 2; }

.symboltree_sec01{ width: 90%; margin: 0 auto 80px auto; }
.symboltree_sec01_list{ display: flex; justify-content: space-between; flex-wrap: wrap; }
.symboltree_sec01_item{ flex-basis: 48%; margin-bottom: 40px; }
.symboltree_sec01_img01{ margin-bottom: 20px; }
.symboltree_sec01_img01 img{ width: 100%; height: auto; border-radius: 10px; }
.symboltree_sec01_tit01{ font-size: 2.5rem; text-align: center; font-family: dnp-shuei-ymincho-std, sans-serif; font-weight: 500; font-style: normal; letter-spacing: 2px; margin-bottom: 10px; line-height: 1; }
.symboltree_sec01_txt01{ font-size: 1.5rem; text-align: center; font-family: dnp-shuei-ymincho-std, sans-serif; font-weight: 500; font-style: normal; letter-spacing: 2px; margin-bottom: 10px; }
.symboltree_sec01_btn01{ width: 200px; margin: 0 auto; }
.symboltree_sec01_btn01 a{ display: block; font-size: 1.7rem; background-color: #fff; color: #3f9b4a; text-align: center; padding: 5px 10px; border-radius: 40px; font-family: dnp-shuei-ymincho-std, sans-serif; font-weight: 500; font-style: normal; letter-spacing: 2px; }
.symboltree_sec01_btn01 a:hover{ background-color: #3f9b4a; color: #fff; }


.symboltree_sec02{ width: 90%; margin: 0 auto 80px auto; background-color: #fff; padding: 40px; border-radius: 10px; }
.symboltree_sec02_list{ display: flex; justify-content: space-between; flex-wrap: wrap; }
.symboltree_sec02_item{  }
.symboltree_sec02_item_img{ flex-basis: 100%; margin-bottom: 20px; }
.symboltree_sec02_item_img img{ width: 100%; height: auto;  }
.symboltree_sec02_item_txt{ flex-basis: 100%; }
.symboltree_sec02_img01{}
.symboltree_sec02_tit01{ font-size: 2.5rem; font-family: dnp-shuei-ymincho-std, sans-serif; font-weight: 500; font-style: normal; letter-spacing: 2px; margin-bottom: 20px; line-height: 1.5; }
.symboltree_sec02_txt01{ font-size: 1.5rem; font-family: dnp-shuei-ymincho-std, sans-serif; font-weight: 500; font-style: normal; letter-spacing: 2px; line-height: 1.5; }



.symboltree_gallery_sec{}
.symboltree_gallery_sec_tit{ color: #3f9b4a; font-size: 8rem; text-align: center; font-family: haptic-script, sans-serif; font-weight: 400; font-style: normal; letter-spacing: 2px; margin-bottom: 30px; }

.gallery img{ width: 98%; height: auto; border-radius: 10px; }


/* Green Sustainable */

.greensustainable_sec{ background: url("/greensustainable/images/bg_greensustainable01.png") top center no-repeat; }

h1.h1_greensustainable{ color: #a0c37d; line-height: 1; margin: 0; padding: 80px 0 40px 0; }
.greensustainable_sec_tit{ color: #3f9b4a; font-size: 3.5rem; text-align: center; letter-spacing: 3px; }



h2.h2_greensustainable{ color: #a0c37d; font-size: 6.2rem; font-family: fatfrank, sans-serif; font-weight: 400; font-style: normal; border-bottom: 0; margin-bottom: 30px; }
h2.h2_greensustainable span{ display: block; font-size: 2rem; color: #3f9b4a; line-height: 1; font-weight: 700; }

.greensustainable_sec_concept{ background: url("/greensustainable/images/img_greensustainable01.png")  no-repeat right top; min-height: 700px; background-size: 50% auto; }
.greensustainable_sec_concept_sec{ width: 90%; margin: 0 auto; padding-top: 200px; }
.greensustainable_sec_concept_sec_txt01{ font-size: 2.2rem; line-height: 2; color: #175a1f; letter-spacing: 2px; }
.greensustainable_sec_concept_sec_txt01 span{ background-color: #3f9b4a; color: #fff; padding: 3px; }

.greensustainable_sec_effect_sec{ width: 94%; margin: 0 auto; padding-top: 40px; }
.greensustainable_sec_effect_sec_list{ display: flex; justify-content: flex-start; flex-wrap: wrap; }
.greensustainable_sec_effect_sec_item{ flex-basis: 31%; margin: 0 1% 40px 1%; }
.greensustainable_sec_effect_sec_img01{ margin-bottom: 10px; }
.greensustainable_sec_effect_sec_img01 img{ width: 100%; height: auto; border-radius: 10px; }
.greensustainable_sec_effect_sec_tit01{ font-size: 2.1rem; color: #3f9b4a; text-align: center; letter-spacing: 2px; margin-bottom: 10px; line-height: 1; }
.greensustainable_sec_effect_sec_txt01{ font-size: 1.2rem; color: #3f9b4a; text-align: center; letter-spacing: 2px; line-height: 1; }

.greensustainable_sec_action_sec_list{ display: flex; justify-content: space-between; flex-wrap: wrap; }
.greensustainable_sec_action_sec_item{ flex-basis: 48%; background-color: #fff; padding: 20px; margin-bottom: 40px; }
.greensustainable_sec_action_sec_item_img01{ margin-bottom: 10px; }
.greensustainable_sec_action_sec_item_img01 img{ width: 100%; height: auto; border-radius: 10px; }
.greensustainable_sec_action_sec_item_txt01{ font-size: 1.6rem; color: #3f9b4a; letter-spacing: 2px; }





}
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
 TAB CSS END
------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */

/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
 PC CSS
------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
@media screen and (min-width:1201px) and (max-width:1860px){
/* ----------------------------------------------------------

	***** PC表示用CSS *****
	index
	 1 - ページ共通css
	 2 - リンクの色
	 3 - ヘッダー
	 4 - フッター
	 5 - 見出し
	 6 - コンテンツ

---------------------------------------------------------- */

/* ----------------------------------------------------------
 1 - ページ共通css
---------------------------------------------------------- */
/* フォントサイズ10px */
html{ font-size: 62.5%; }

/* 基本のフォントサイズ */
body{ font-size: 16px; font-size: 1.6rem; }

/* 非表示用 */
.nonePC		{ display: none; }
/* ----------------------------------------------------------
 2 - リンクの色
---------------------------------------------------------- */
/* ----------------------------------------------------------
 3 - ヘッダー
---------------------------------------------------------- */
header{ height: 100px; }
#header{ position: fixed; top: 0; width: 100%; display: flex; justify-content: space-between; align-items: center; height: 100px; background-color: var(--bg-color); z-index: 999; box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.26); }
header .headerLogo{ flex-basis: 18%; margin-left: 2%; }
header .headerLogo img{ width: 100%; height: auto; }
header .headerLogo a:hover{ opacity: 0.6; }

.header_bnr{ flex-basis: 3%; margin-left: .5%; }

header .headerNav{ flex-basis: 48%; margin: 0 0 0 8%; }
header .headerNav nav{  }
header .headerNav ul{ display: flex; align-items: center; justify-content: space-between; }
header .headerNav ul li{ position: relative; text-align: center; line-height: 1.6; }

header .headerNav ul li a{ display: block; font-size: 1.6rem; letter-spacing: 2px; padding: 0 15px; transition: 0.5s ease; font-family: bokutoh-rera, sans-serif; font-weight: 400; font-style: normal; height: 100px; line-height: 100px; }
.headerNav nav > ul > li > a:after{
	content: '';
	/*絶対配置で線の位置を決める*/
	position: absolute;
	bottom: 30px;
	left: 10%;
	/*線の形状*/
	width: 80%;
	height: 2px;
	background:#0481A2;
	/*アニメーションの指定*/
	transition: all .3s;
	transform: scale(0, 1);/*X方向0、Y方向1*/
	transform-origin: center top;/*上部中央基点*/
}
.headerNav nav > ul > li > a:hover::after {
	transform: scale(1, 1);/*X方向にスケール拡大*/
}

header .headerNav ul li a span{ display: block; font-size: 0.8rem; letter-spacing: 1px; font-weight: 300; }


header .headerNav nav li ul{ top: 100px; left: -20%; position: absolute; display: block; width: 140%; }
header .headerNav nav li ul li{ overflow: hidden; height: 0; transition: 0.2s; float: none; width: 100%; }
header .headerNav nav li ul li a{ border-top: 1px solid #eee; background: rgba(238,247,232,1); padding: 0; font-size: 1.5rem; letter-spacing: 0; height: 60px; line-height: 60px; }
header .headerNav nav li ul li a:hover{ opacity: 1; background: #cee8bd; }
header .headerNav nav li:hover > ul > li{ overflow: visible; height: 60px; z-index: 9999; }

header .headerBtn{ float: right; width: 80px; }
header .headerBtn a{ display: block; color: #fff; font-size: 2.5rem; line-height: 80px; text-align: center; background: #33b366; border: 1px solid #33b366; }
header .headerBtn a:hover{ color: #33b366; background: #fff; }

header .headerTel{ display: none; }

.InstagramBnr{ flex-basis: auto; margin-left: 0; z-index: 9999; position: absolute; right: 18%; top: 25px; width: 50px; height: 50px; }
.InstagramBnr a:hover{ opacity: .6; }
.InstagramBnr img{ width: 100%; height: auto; }

.header_info{ flex-basis: 16%; margin: 0 0 0 auto; }
.header_info_list{ display: flex; flex-wrap: wrap; }
.header_info_item{ flex-basis: 100%; }
.header_info_item a{ display: block; font-size: 16px; font-weight: 700; text-align: center; color: #fff; height: 46px; line-height: 50px; letter-spacing: 1px; }
.header_info_item a i{ margin-right: 10px; }
.header_info_item_contact{ background-color: var(--main-color); border: 2px solid var(--main-color); }
.header_info_item_recruit{ background-color: var(--second-color); border: 2px solid var(--second-color); }
.header_info_item a:hover{ background-color: #fff; }
.header_info_item_contact a:hover{ color: var(--main-color); }
.header_info_item_recruit a:hover{ color: var(--second-color); }


/* ----------------------------------------------------------
 4 - フッター
---------------------------------------------------------- */
footer{ background: #34b467; margin-top: 100px; }
footer #footer{ display: flex; }
footer #footer:after{ content: ""; display: block; clear: both; }
footer .footerImg{ flex-basis: 49%; }
footer .footerImg img{ width: 100%; height: auto; border-radius: 0; }
footer .footerSec{ width: 51%; padding: 3% 3% 0 3%; }
footer .footerLogo{ margin-bottom: 40px; }
footer .footerLogo01{ width: 160px; display: inline-block; margin-right: 30px; }
footer .footerLogo01 img{ width: 100%; height: auto; }
footer .footerLogo01 a:hover{ opacity: 0.6; }
footer .footerAdd01{ display: inline-block; color: #fff; font-size: 1.7rem; line-height: 1.5; letter-spacing: 1px; }

footer .footerNav{ margin-bottom: 40px;  }
footer .footerNav ul{ display: flex; justify-content: space-between; }
footer .footerNav ul li{ flex-basis: 22%; }
footer .footerNav ul li ul{ display: block; }
footer .footerNav ul li ul li{ line-height: 2; }
footer .footerNav ul li a{ color: #fff; font-size: 1.3rem; letter-spacing: 1px; }
footer .footerNav ul li a:hover{ opacity: 0.6; }
footer .footerNav ul li .footerNavTit{ font-size: 1.7rem; color: #fff; letter-spacing: 1px; border-bottom: 1px solid #fff; padding-bottom: 5px; margin-bottom: 10px; }

footer .footerNav02{ margin-bottom: 40px; }
footer .footerNav02 ul{ display: flex; justify-content: space-between; }
footer .footerNav02 ul li{}
footer .footerNav02 ul li a{ font-size: 1.7rem; color: #fff; letter-spacing: 1px; }
footer .footerNav02 ul li:last-child a{ display: block; border: 1px solid #fff; font-weight: 500; color: #34b467; background: #fff; border-radius: 10px; padding: 5px 10px; text-align: center; letter-spacing: 1px; }
footer .footerNav02 ul li a:hover{ opacity: 0.6; }
footer .footerNav02 ul li:last-child a:hover{ background: #34b467; color: #fff; opacity: 1; }

footer .footerCopyright{ font-size: 1.1rem; color: #fff; letter-spacing: 1px; text-align: center; margin-bottom: 20px; }

/* ----------------------------------------------------------
 5 - 見出し
---------------------------------------------------------- */
#h1Wrap{ display: flex; margin-bottom: 60px; overflow: hidden; }
#h1Wrap .h1Wrap01{ width: 50%; padding: 2% 0 0 10%;
background: -moz-linear-gradient(-45deg, #00a040 30%, #ffa600 60%);
background: -webkit-linear-gradient(-45deg, #00a040 30%,#ffa600 60%);
background: linear-gradient(135deg, #00a040 30%,#ffa600 60%);

	}
#h1Wrap .h1Wrap01 h1{ color: #fff; font-size: 4rem; letter-spacing: 2px; }
#h1Wrap .h1Wrap01 h1 span{ display: block; font-size: 2rem; color: rgba(255,255,255,0.6); font-family: "europa",sans-serif; font-weight: 700; }
#h1Wrap .h1Wrap02{ flex-basis: 50%; width: 50%; }
#h1Wrap .h1Wrap02 img{ width: auto; height: 100%; object-fit: cover; border-radius: 0; }

h2{ color: #33b266; font-size: 3.4rem; letter-spacing: 2px; border-bottom: 1px solid #ccc; padding: 0 0 5px 0; margin-bottom: 60px; }
h3{ font-size: 2.5rem; font-weight: 700; letter-spacing: 1px; margin-bottom: 20px; }

/* ----------------------------------------------------------
 6 - コンテンツ
---------------------------------------------------------- */
#contents{ width: 1100px; margin: 0 auto; overflow: hidden; padding-bottom: 100px; }
#main{ width: 1100px; margin: 0 auto; overflow: hidden; }

#breadcrumbs{ position: relative;  }
	#breadcrumbs:after{ content: ""; display: block; clear: both; }
#breadcrumbs ol{ padding: 10px 0; }
#breadcrumbs li{ display: inline; letter-spacing: 1px; color: rgba(255,255,255,0.7); font-size: 1.1rem; }
#breadcrumbs ol li:before { content: " > ";}
#breadcrumbs li:first-child:before { content: "";}
#breadcrumbs a { text-decoration: none; color: rgba(255,255,255,0.7);}
#breadcrumbs a:hover { text-decoration: none; font-weight: normal; opacity: 1; }

/************** エントランスページ **************/
#entranceSec{ height: 100%; }
#entranceSec .entranceSecLogo{ background: url("../images/bg_leaf02.png"); width: 100%; text-align: center; padding: 20px 0; }
#entranceSec .entranceSecLogo img{ width: 10%; height: auto; }
#entranceSec ul{ display: flex; height: 100%; position: relative; }
#entranceSec ul li{ flex-basis: 50%; height: 100%; position: relative; }
#entranceSec ul li:before{ z-index: 1; content: "";	display: block;	position: absolute;	top: 0;	left: 0; right: 0; bottom: 0; background: rgba(51,51,51,0.5); }
#entranceSec ul li:nth-child(1){ background: url("../images/bg_official01.jpg") no-repeat center center; background-size: cover; }
#entranceSec ul li:nth-child(2){ background: url("../images/bg_recruit01.jpg") no-repeat center center; background-size: cover; }
#entranceSec ul li .entranceSec01{ position: relative; z-index: 1; padding-top: 45%; }
#entranceSec ul li .entranceSec01Tit{ color: #fff; font-size: 5rem; font-family: "europa",sans-serif; font-weight: 700; text-align: center; letter-spacing: 4px; margin-bottom: 20px; }
#entranceSec ul li .entranceSec01Btn{ width: 60%; margin: 0 auto; }
#entranceSec ul li .entranceSec01Btn a{ display: block; color: #33b266; font-size: 1.6rem; letter-spacing: 1px; padding: 10px; text-align: center; background: #fff; border: 2px solid #fff; font-weight: 500; }
#entranceSec ul li .entranceSec01Btn a:hover{ background: #33b266; color: #fff; }



/************** トップページ home.php **************/
#topImg{ position: relative; height: 600px; margin-bottom: 60px; }
.top_img_tit{ position: absolute; left: 60px; bottom: 80px; }
.top_img_tit img{ width: 80%; height: auto; }
.top_img_bnr{ position: absolute; right: 60px; top: 400px; width: 368px; height: 418px; z-index: 9999; text-align: right; }
.top_img_bnr img{ width: 80%; height: auto; }
.top_img_bnr a:hover{ opacity: .6; }

.top_img_bnr02{ position: absolute; right: 270px; top: 150px; width: 200px; height: 200px; z-index: 998; text-align: right; }
.top_img_bnr02 img{ width: 100%; height: auto; }
.top_img_bnr02 a:hover{ opacity: .6; }

.top_img_bnr03{ position: absolute; right: 40px; top: 150px; width: 200px; height: 200px; z-index: 998; text-align: right; }
.top_img_bnr03 img{ width: 100%; height: auto; }
.top_img_bnr03 a:hover{ opacity: .6; }

/*
#topImg .topTit{ width: 55%; position: absolute; top: 20%; left: 5%; z-index: 2; text-shadow:
	black 1px 1px 5px, black -1px 1px 5px,
	black 1px -1px 5px, black -1px -1px 5px; }
#topImg .topTit01{ font-size: 8rem; color: #fff; line-height: 1.2; font-family: "europa",sans-serif; font-weight: 700; letter-spacing: 2px; margin-bottom: 30px; }
#topImg .topTit01 span{ font-size: 3rem; font-family:"source-han-sans-japanese",sans-serif; }
#topImg .topTxt01{ color: #fff; font-size: 1.6rem; font-weight: 700; line-height: 1.7; letter-spacing: 2px; }
*/

.top_reason{ width: 96%; margin: 0 auto; position: relative; padding-bottom: 60px; }
.top_reason_tit01{ font-size: 2.3rem; color: var(--main-color); text-align: center; font-family: europa, sans-serif; font-weight: 700; font-style: normal; z-index: 2; position: relative; }
.top_reason_tit01 span{ display: block; position: absolute; top: -85px; left: 0; right: 0; margin: 0 auto; }
.top_reason_tit01:after{ display: block; content: ""; position: absolute; top: -120px; left: 0; right: 0; margin: 0 auto; width: 230px; height: 230px; border-radius: 100%; background-color: #eef7e8; z-index: -1; }

.top_reason_tit02{ font-size: 4.5rem; text-align: center; font-family: bokutoh-rera, sans-serif; font-weight: 400; font-style: normal; z-index: 2; position: relative; margin-bottom: 40px; }
.top_reason_tit02 span{ font-size: 5.5rem; color: #222; }
span.top_reason_tit02_span01{ color: var(--main-color); }
span.top_reason_tit02_span02{ color: var(--second-color); }
span.top_reason_tit02_span03{}
.top_reason_list{ position: relative; min-height: 650px;  }
.top_reason_item{ width: 32%; position: relative; }
.top_reason_item01{ position: absolute; top: -80px; left: 0; }
.top_reason_item02{ position: absolute; left: 0; right: 0; margin: 0 auto; }
.top_reason_item03{ position: absolute; top: -80px; right: 0; }
.top_reason_item_img{ margin-bottom: 20px; }
.top_reason_item_img img{ width: 100%; height: auto; border-radius: 10px; }
.top_reason_item_tit{ position: initial; width: 100%; padding: 15px 10px; font-size: 2.4rem; margin-bottom: 10px; }
.top_reason_item_tit span{ letter-spacing: .5px; }
.top_reason_item_txt{ font-size: 1.6rem; color: #666; text-align: center; letter-spacing: 1px; line-height: 1.8; font-weight: 500; }


.top_endeavor{ background-color: #fff; position: relative; overflow: hidden; padding-bottom: 60px; }
.top_endeavor_tit{ position: absolute; width: 670px; height: 670px; top: -500px; background-color: var(--main-color); border-radius: 100%; z-index: 1; min-height: 150px; left: 0; right: 0; margin: 0 auto; }
.top_endeavor_tit01{ position: absolute; bottom: 110px; font-size: 2.3rem; color: #fff; text-align: center; font-family: europa, sans-serif; font-weight: 700; font-style: normal; z-index: 2; right: 0; left: 0; margin: 0 auto; }
.top_endeavor_tit02{ position: absolute; bottom: 60px; font-size: 4rem; color: #fff; text-align: center; font-family: bokutoh-rera, sans-serif; font-weight: 400; font-style: normal; z-index: 2; right: 0; left: 0; margin: 0 auto; }
.top_endeavor_list{ width: 1200px; margin: 250px auto 0 auto; display: flex; justify-content: space-between; flex-wrap: wrap; }
.top_endeavor_item{ position: relative; flex-basis: 32%; margin-bottom: 80px; }
.top_endeavor_item_tit{ text-align: center; margin-bottom: 20px; }
.top_endeavor_item_tit span{ display: block; font-size: 1.5rem; color: var(--sub-color); font-family: europa, sans-serif; font-weight: 700; font-style: normal; }
.top_endeavor_item_tit p{ font-size: 2.5rem; font-weight: 700; }
.top_endeavor_item_img{ }
.top_endeavor_item_img img{ border-radius: 10px;  }
.top_endeavor_item_btn{ position: absolute; bottom: -30px; width: 230px; left: 0; right: 0; margin: 0 auto; }
.top_endeavor_item_btn a{ display: block; font-size: 1.6rem; font-weight: 700; color: #fff; background-color: var(--main-color); padding: 10px; border-radius: 10px; letter-spacing: 1px; text-align: center; }
.top_endeavor_item_btn a:hover{ background-color: var(--second-color); }

.top_endeavor_new{ position: absolute; left: 20px; top: 20px; }





.top_business_tit01{ display: none; }
.top_business_txt{ display: none; }

.topBusiness{ background: #fff; padding-top: 40px; margin-bottom: 80px; }
.topBusinessTit{ display: block; height: 100%; padding-top: 180px; background: #33b366; font-size: 4rem; color: #fff; text-align: center; letter-spacing: 4px; }
.topBusinessTit span{ display: block; font-size: 2rem; font-family: "europa",sans-serif; font-weight: 700; }
.topBusiness ul{ width: 1360px; margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: space-between; }
.topBusiness ul li{ flex-basis: 32%; margin-bottom: 40px; }
.topBusiness ul li .topBusinessTit01{ font-size: 2.7rem; color: #34b467; letter-spacing: 1px; margin-bottom: 10px; }
.topBusiness ul li .topBusinessImg{ margin-bottom: 10px; }
.topBusiness ul li .topBusinessImg img{ width: 100%; height: auto; }
.topBusiness ul li .topBusinessTxt{ font-size: 1.4rem; line-height: 1.7; margin-bottom: 10px; }
.topBusiness ul li .topBusinessBtn{}
.topBusiness ul li .topBusinessBtn a{ display: inline-block; color: #34b467; font-size: 1.5rem; letter-spacing: 1px; border-bottom: 1px solid #34b467; }
.topBusiness ul li .topBusinessBtn a:hover{  }

.top_sec{}
.top_sec_list{ display: flex; justify-content: space-between; }
.top_sec_item{ flex-basis: 50%; }
.top_sec_item_company{ padding: 100px 20px; }
.top_sec_item_iso{ padding: 100px 20px; }
.top_sec_item01{ position: relative; z-index: 1; }
.top_sec_item_tit{ color: #fff; }
.top_sec_item_tit span{ display: block; font-size: 2rem; color: #fff; }
.top_sec_item_tit p{ font-size: 4rem; letter-spacing: 4px; margin-bottom: 30px;  }
.top_sec_item_txt{ font-size: 1.4rem;  }
.top_sec_btn_list{ margin-top: 40px; display: flex; justify-content: flex-start;  }
.top_sec_btn_item{ flex-basis: 30%; margin-right: 3% }
.top_sec_btn_item a{ font-size: 1.8rem; }


.top_instagram{ background-color: #f3f5ef; padding: 60px 0; }
.top_instagram_tit{ text-align: center; }
.top_instagram_tit span{ display: block; font-size: 2rem; color: var(--main-color); font-family: europa, sans-serif; font-weight: 700; font-style: normal; letter-spacing: .5px; text-align: center; }
.top_instagram_tit p{ font-size: 4rem; letter-spacing: 4px; margin-bottom: 30px; }
.top_instagram_att{ font-size: 2rem; text-align: center; letter-spacing: 1px;  }


.top_bnr{ background-color: #fff; padding: 60px 0; }
.top_bnr_list{ display: flex; justify-content: center; }
.top_bnr_item{ margin: 0 1%; }
.top_bnr_item img{ border-radius: 0; }
.top_bnr_item a:hover{ opacity: .6; }
/************** トップページ home.php **************/
/*
#topImg{ position: relative; height: 800px; margin-bottom: 60px; }
#topImg .topTit{ position: absolute; top: 20%; left: 5%; z-index: 2; text-shadow:
	black 1px 1px 5px, black -1px 1px 5px,
	black 1px -1px 5px, black -1px -1px 5px; }
#topImg .topTit01{ font-size: 8rem; color: #fff; line-height: 1.2; font-family: "europa",sans-serif; font-weight: 700; letter-spacing: 2px; margin-bottom: 30px; }
#topImg .topTit01 span{ font-size: 3rem; font-family:"source-han-sans-japanese",sans-serif; }
#topImg .topTxt01{ color: #fff; font-size: 1.6rem; font-weight: 700; line-height: 1.7; letter-spacing: 2px; }


.topTit02Logo{ width: 20%; margin-bottom: 20px; }


*/

.top_business{ background-color: #e3ffe1; padding: 30px 0; }

.top_business_tit{ font-size: 4rem; text-align: center; letter-spacing: 4px; margin-bottom: 30px; }
.top_business_tit span{ display: block; font-size: 2rem; color: #34b467; font-family: "europa",sans-serif; font-weight: 700; }

.top_buginess_bg{ width: 1000px; height: 707px; margin: 0 auto; position: relative; background-image: url("../images/bg_business01.png"); background-repeat: no-repeat; background-size: contain;  }

.top_business_tit01{ display: none; }

.top_business_txt{ display: none; }

.top_business_btn{}
.top_business_btn img{ width: 100%; height: auto; }
.business_logo{ position: absolute; width: 376px; height: 234px; left: 0; right: 0; top: 0; bottom: 0; margin: auto; }
.btn_tree01{ position: absolute; width: 249px; height: 232px; left: 192px; top: 38px; margin: auto; }
.btn_planning01{ position: absolute; width: 263px; height: 233px; right: 176px; top: 36px; margin: auto; }
.btn_landscape01{ position: absolute; width: 278px; height: 226px; right: 48px; bottom: 155px; margin: auto; }
.btn_maintenance01{ position: absolute; width: 273px; height: 225px; right: 371px; top: 473px; margin: auto; }
.btn_management01{ position: absolute; width: 250px; height: 231px; left: 78px; bottom: 166px; margin: auto; }


.top_business_ico img{ width: 100%; height: auto; }

.top_business_ico{ color: #fff; transform: translate(-50%,-50%); -webkit-text-stroke-width: 25px; }
.top_business_ico span:nth-of-type(1){ position: absolute; color: #e3ffe1; left: 0; -webkit-text-stroke-width: 10px; z-index: 20; }
.top_business_ico span:nth-of-type(2){ position: absolute; color: #fff; left: 0; -webkit-text-stroke-width: 0; z-index: 30;  }
.top_business_ico span:nth-of-type(3){ position: absolute; color: #000; left: 0; -webkit-text-stroke-width: 8px; z-index: 25; }

.top_ico_tree01{ position: absolute; top: 190px; right: 120px; z-index: 3; transform: rotate(-10deg); width: 10%; }
.top_ico_planning01{}
.top_ico_landscape01{}
.top_ico_maintenance01{}
.top_ico_management01{}





.topBusiness{ background: #fff; padding-top: 40px; margin-bottom: 80px; }
.topBusinessTit{ display: block; height: 100%; padding-top: 180px; background: #33b366; font-size: 4rem; color: #fff; text-align: center; letter-spacing: 4px; }
.topBusinessTit span{ display: block; font-size: 2rem; font-family: "europa",sans-serif; font-weight: 700; }
.topBusiness ul{ width: 1200px; margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: space-between; }
.topBusiness ul li{ flex-basis: 32%; margin-bottom: 40px; }
.topBusiness ul li .topBusinessTit01{ font-size: 2.7rem; color: #34b467; letter-spacing: 1px; margin-bottom: 10px; }
.topBusiness ul li .topBusinessImg{ margin-bottom: 10px; }
.topBusiness ul li .topBusinessImg img{ width: 100%; height: auto; }
.topBusiness ul li .topBusinessTxt{ font-size: 1.4rem; line-height: 1.7; margin-bottom: 10px; }
.topBusiness ul li .topBusinessBtn{}
.topBusiness ul li .topBusinessBtn a{ display: inline-block; color: #34b467; font-size: 1.5rem; letter-spacing: 1px; border-bottom: 1px solid #34b467; }
.topBusiness ul li .topBusinessBtn a:hover{  }

.topInfo{ background: #fff; }
.topinfo01{ width: 1000px; margin: 0 auto;  padding: 60px 0; }
.topNews{ margin-bottom: 40px; }
.topNewsTit{ font-size: 2.6rem; letter-spacing: 2px; margin-bottom: 20px; }
.topNewsTit span{ display: block; color: #33b366; font-size: 1.4rem; letter-spacing: 2px; font-family: "europa",sans-serif; font-weight: 700; }
.topNews ul li{ border-bottom: 1px solid #ccc; }
.topNews ul li:first-child{ border-top: 1px solid #ccc; }

.topNews dl{ padding: 15px 0; }
.topNews dt{ clear: left; float: left; width: 15%; padding: 0 30px 5px 20px; font-size: 1.4rem; font-weight: 700; letter-spacing: 1px; color: #34b467; }
.topNews dd{ margin-left: 18%; font-size: 1.5rem; letter-spacing: 1px; }
.topNews dd > ul{ margin-left: 20px; }
.topNews dd > ul li{ list-style-type: disc; }

.topInfoBtn{ width: 25%; margin: 0 auto; }
.topInfoBtn a{ display: block; color: #34b467; font-size: 1.6rem; letter-spacing: 1px; padding: 10px; text-align: center; border: 2px solid #34b467; }
.topInfoBtn a:hover{ background: #34b467; color: #fff;  }


.topWorks{ background: #34b467; margin-bottom: 60px; overflow: hidden; }
.topWorks01{ width: 1360px; margin: 0 auto; padding: 60px 0; }
.topWorksTit{ font-size: 4rem; letter-spacing: 2px; margin-bottom: 40px; text-align: center; color: #fff; }
.topWorksTit span{ display: block; font-size: 2rem; letter-spacing: 2px; font-family: "europa",sans-serif; font-weight: 700; }

.topWorks #swiper01{ position: relative; width: 1000px; margin: 0 auto; }
.topWorks .swiper-container{ width: 1280px; padding: 40px; margin-bottom: 40px; overflow: visible; }

.topWorksBtn{ width: 25%; margin: 0 auto; }
.topWorksBtn a{ display: block; color: #fff; font-size: 1.6rem; letter-spacing: 1px; padding: 10px; text-align: center; border: 2px solid #fff; }
.topWorksBtn a:hover{ background: #fff; color: #34b467;  }


.topWorksTit{ font-size: 4rem; color: #fff; text-align: center; letter-spacing: 4px; margin-bottom: 30px; font-family: bokutoh-rera, sans-serif; font-weight: 400; font-style: normal;  }
.topWorksTit span{ display: block; font-size: 2rem; color: #fff; font-family: europa, sans-serif; font-weight: 700; font-style: normal; letter-spacing: .5px; }

.top_works_att{ color: #fff; font-size: 1.6rem; text-align: center; font-family: bokutoh-rera, sans-serif; font-weight: 400; font-style: normal; }


.topWorksCat{ display: inline-block; font-size: 1.4rem; text-align: center; padding: 5px 15px; color: #fff; letter-spacing: 1px; border-radius: 5px; margin-bottom: 5px; }
.works-maintenance-individual{ background: #ff4d4d; }
.works-maintenance-government{ background: #00bb2f; }
.works-maintenance-private{ background: #65abcd; }
.works-landscape-individual{ background: #ff4d4d; }
.works-landscape-government{ background: #00bb2f; }
.works-landscape-private{ background: #65abcd; }
.topWorksImg01{ margin-bottom: 10px; }
.topWorksImg01 img{ width: 100%; height: auto; }
.topWorksTit01{ color: #fff; font-size: 1.5rem; letter-spacing: 1px; font-weight: 500; }

/*
.topCompany{  }
.topCompanySec{ background: #fff; display: flex; justify-content: space-between; margin-bottom: 40px; }
.topCompanySec:last-child{ display: flex; justify-content: space-between; flex-direction: row-reverse; }
.topCompanySec01{ flex-basis: 50%; margin: 2% 2% 0 2%; }
.topCompanySecTit{ font-size: 4rem; font-weight: 500; letter-spacing: 2px; margin-bottom: 40px; }
.topCompanySecTit span{ display: block; font-size: 2rem; letter-spacing: 2px; font-family: "europa",sans-serif; font-weight: 700; color: #34b467; }
.topCompanySecTxt{ font-size: 1.4rem; letter-spacing: 1px; line-height: 1.7; margin-bottom: 20px; }
.topCompanySec01 ul{ display: flex; justify-content: space-between; flex-wrap: wrap; }
.topCompanySec01 ul li{ flex-basis: 48%; margin-bottom: 10px; }
.topCompanySec01 ul li i{ margin-left: 10px; font-size: 1.2rem; }
.topCompanySec01 ul li a{ display: block; border: 1px solid #2d943a; background: #fff; color: #2d943a; font-size: 1.7rem; font-weight: 500; padding: 15px; text-align: center; position: relative; letter-spacing: 1px; }
.topCompanySec01 ul li a:hover{ background: #2d943a; color: #fff; }
.topCompanySec01Img{ flex-basis: 55%; }
.topCompanySec:last-child .topCompanySec01Img{ width: 50%; float: left; }
.topCompanySec01Img img{ width: 100%; height: auto; border-radius: 0; }

.topReform{ background: #fff; padding-bottom: 80px; }
.topReform01{ width: 1200px; margin: 0 auto;  padding: 60px 0 30px 0; }
.topReform01Tit{ font-size: 4rem; font-weight: 500; letter-spacing: 2px; margin-bottom: 40px; text-align: center; }
.topReform01Tit span{ display: block; font-size: 2rem; letter-spacing: 2px; font-family: "europa",sans-serif; font-weight: 700; color: #34b467; }
.topReform01 ul{ display: flex; justify-content: space-between; flex-wrap: wrap; }
.topReform01 ul li{ flex-basis: 24%; margin-bottom: 20px; }
.topReform01 ul li .topReform01Img{ margin-bottom: 5px; }
.topReform01 ul li .topReform01Img img{ width: 100%; height: auto; }
.topReform01 ul li .topReform01Tit01{ font-size: 1.4rem; letter-spacing: 1px; }
*/

/* 業務内容 business */
.businessSec{ overflow: hidden; margin-bottom: 40px; }
.businessSec01,
.businessSec02{ background: #fff; border-radius: 10px; }
.businessSec01 img{ width: 100%; height: auto; border-radius: 5px 0 0 5px; }
.businessSec02 img{ width: 100%; height: auto; border-radius: 0 5px 5px 0; }
.businessSec01 ul{ display: flex; flex-direction: row-reverse; align-items: center; }
.businessSec ul li{ width: 50%; }
.businessSec ul li .businessSec01Txt{ width: 100%; overflow: hidden; padding: 5%; }
.businessSec ul li .businessSec01Tit{ font-size: 3.5rem; font-weight: 700; text-align: center; letter-spacing: 2px; color: #33b366; margin-bottom: 10px; }
.businessSec ul li .businessSec01Btn{ width: 40%; margin: 0 auto; }
.businessSec ul li .businessSec01Btn a{ display: block; color: #33b366; font-size: 1.6rem; text-align: center; padding: 5px; border-radius: 50px; border: 2px solid #33b366; font-family: "vdl-v7marugothic",sans-serif; font-weight: 700; letter-spacing: 2px; }

_:-ms-lang(x)::-ms-backdrop, .businessSec ul li .businessSec01Btn a{
  /* IE11 のみ適用される */
   height: 50px; line-height: 40px;
}

.businessSec ul li .businessSec01Btn a:hover{ color: #fff; background: #33b366; }
.businessSec ul li .businessSec01Btn a i{ margin-left: 10px; }
.businessSec ul li:nth-child(2){}
.businessSec ul li:nth-child(2) img{ width: 100%; height: auto; }

.businessSec02 ul{ display: flex; align-items: center; background: #fff; }
.businessSec ul li .businessSec02Txt{ width: 100%; overflow: hidden; padding: 5%;  }

/* 業務内容＞樹木生産 business/tree */
#contents .treeSec{ width: 90%; background: #fff; border-radius: 10px; padding: 3%; margin: 0 auto 80px auto; }
#contents .treeSec01{ display: flex; justify-content: space-between; margin-bottom: 40px; }
#contents .treeSecTxt{ flex-basis: 42%; font-size: 1.6rem; line-height: 1.6; letter-spacing: 1px; /* margin-right: 3%; */ }
#contents .treeSecTxt p{}
#contents .treeSecTxt ul{ margin-left: 20px; }
#contents .treeSecTxt ul li{ list-style-type: disc; }
#contents .treeSecImg{ flex-basis: 55%; }
#contents .treeSecImg img{ width: 100%; height: auto; }




#contents .treeSec02{ margin-bottom: 40px; }
#contents .treeSec02Txt{ font-size: 1.6rem; line-height: 1.6; letter-spacing: 1px; margin-bottom: 40px;  }
#contents .treeSec02 ul{ display: flex; justify-content: space-between; }
#contents .treeSec02 ul li img{ width: 100%; height: auto; }
#contents .treeSec02 ul li:nth-child(2){ padding: 120px 3px 3px 3px; }
#contents .treeSec02 ul li span{ display: block; font-size: 1.6rem; transform: rotate(90deg); }
#contents .treeSec02 ul li span:nth-child(1),
#contents .treeSec02 ul li span:nth-child(5){ color: rgba(0,160,64,0.3); }
#contents .treeSec02 ul li span:nth-child(2),
#contents .treeSec02 ul li span:nth-child(4){ color: rgba(0,160,64,0.6); }
#contents .treeSec02 ul li span:nth-child(3){ color: rgba(0,160,64,1); }


#contents .treeSecBtn02{ width: 90%; margin: 0 auto 40px auto; }
#contents .treeSecBtn02 a{ display: inline-block; color: #fff; font-size: 22px; letter-spacing: 1px; font-weight: 700; background: #00a040; border: 2px solid #00a040; padding: 15px 35px; border-radius: 10px; }
#contents .treeSecBtn02 a i{ margin-left: 10px; }
#contents .treeSecBtn02 a:hover{ color: #00a040; background: #fff; }
#contents .treeSec02Img{ text-align: center; }
#contents .treeSec02Img img{ width: 100%; height: auto; }
#contents .topSec02Btn{}
#contents .topSec02Btn ul{ width: 830px; margin: 0 auto 60px auto; display: flex; justify-content: space-between; }
#contents .topSec02Btn ul li{ flex-basis: 48%; }
#contents .topSec02Btn ul li a{ display: block; color: #fff; font-size: 22px; font-weight: 700; letter-spacing: 1px; text-align: center; padding: 15px; border-radius: 10px; }
#contents .topSec02Btn ul li a i{ margin-right: 10px; }
#contents .topSec02Btn ul li:nth-child(1) a{ background: #f5a30d; }
#contents .topSec02Btn ul li:nth-child(1) a:hover{ background: #34b467; }
#contents .topSec02Btn ul li:nth-child(2) a{ position: relative; display: block; background: -webkit-linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat; background: linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat; overflow: hidden; }
#contents .topSec02Btn ul li:nth-child(2) a i,
#contents .topSec02Btn ul li:nth-child(2) a span{
	position: relative;
}
#contents .topSec02Btn ul li:nth-child(2) a:before{ content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: -webkit-linear-gradient(75deg, #ffdb2c, rgb(249, 118, 76) 25%, rgba(255, 77, 64, 0) 50%) no-repeat; background: linear-gradient(15deg, #ffdb2c, rgb(249, 118, 76) 25%, rgba(255, 77, 64, 0) 50%) no-repeat; }
#contents .topSec02Btn ul li:nth-child(2) a:hover { opacity: .6; }

#contents .treeSecBtn{ display: block; width: 70%; margin: 0 auto; }
#contents .treeSecBtn a{ display: block; color: #fff; font-size: 2.2rem; font-weight: 500; letter-spacing: 1px; text-align: center; background: #f5a30d; padding: 10px; border: 2px solid #f5a30d; border-radius: 10px; }
#contents .treeSecBtn a:hover{ background: #fff; color: #f5a30d; }

#contents .treeSecBtn01{ display: block; width: 40%; margin: 20px 0 0 0; }
#contents .treeSecBtn01 a{ display: block; color: #fff; font-size: 1.4rem; font-weight: 500; letter-spacing: 1px; text-align: center; background: #34b467; padding: 5px 15px; border: 2px solid #34b467; border-radius: 10px; }
#contents .treeSecBtn01 a:hover{ background: #fff; color: #34b467; }

/* 業務内容＞樹木生産＞新田ナーセリー business/tree/nittanursery */
#contents .nittanurserySec{ margin-bottom: 60px; }
#contents .nittanurserySec ul{ display: flex; justify-content: space-between; flex-wrap: wrap; }
#contents .nittanurserySec ul li{ flex-basis: 24%; margin-bottom: 20px; }
#contents .nittanurserySec ul li img{ width: 100%; height: auto; }

#contents .nittanurserySec01{}
#contents .nittanurserySec01 ul{ display: flex; flex-wrap: wrap; margin-bottom: 40px; }
#contents .nittanurserySec01 ul li{ flex-basis: 22%; position: relative; padding-left: 2%; font-size: 1.5rem; letter-spacing: 1px; margin-bottom: 20px; }
#contents .nittanurserySec01 ul li:after{ display: block; content: ""; position: absolute; top: .6rem; left: 0; width: 11px; height: 11px; background-color: #f5a30d; border-radius: 100%; }

/* 業務内容＞企画設計 business/planning */
#contents .planningSec{ overflow: hidden; }
#contents .planningSec ul{ display: flex; justify-content: space-around; flex-wrap: wrap; }
#contents .planningSec ul li{ flex-basis: 32%; margin-bottom: 30px; }
#contents .planningSec ul li img{ width: 100%; height: auto; margin-bottom: 5px; }
#contents .planningSec ul li span{ font-size: 1.6rem; letter-spacing: 1px; }



/* 業務内容＞造園工事 business/landscape */
#contents .landscapeSec{ }
#contents .landscapeSec ul{ margin-bottom: 40px; }
#contents .landscapeSec ul li{ position: relative; padding-left: 30px; font-size: 1.5rem; letter-spacing: 1px; margin-bottom: 10px; }
#contents .landscapeSec ul li:after{ display: block; content: ""; position: absolute; top: .6rem; left: 0; width: 11px; height: 11px; background-color: #f5a30d; border-radius: 100%; }

#contents .landscapeSec ul li ol{ margin-left: 20px; margin-top: 10px; }
#contents .landscapeSec ul li ol li{ list-style-type: decimal; padding-left: 10px; }
#contents .landscapeSec ul li ol li:after{ display: none; }

#contents .landscapeSecBtn{ display: block; width: 40%; }
#contents .landscapeSecBtn a{ display: block; color: #fff; font-size: 2.5rem; font-weight: 500; letter-spacing: 1px; text-align: center; background: #33b266; padding: 15px; border: 2px solid #33b266; border-radius: 10px; }
#contents .landscapeSecBtn a:hover{ background: #fff; color: #33b266; }

#contents .landscapeSec01{ overflow: hidden; margin-bottom: 80px; }
#contents .landscapeSec01 ul{ display: flex; justify-content: space-between; flex-wrap: wrap; }
#contents .landscapeSec01 ul li{ flex-basis: 32%; margin-bottom: 30px; letter-spacing: 1px; }
#contents .landscapeSec01 ul li:nth-child(1){ background: #33b266; color: #fff; text-align: center; }
#contents .landscapeSec01 ul li .landscapeSec01Tit01{ padding-top: 80px; font-size: 3.5rem; font-weight: 500; margin-bottom: 10px; }
#contents .landscapeSec01 ul li .landscapeSec01Tit02{ display: inline-block; font-size: 1.7rem; font-weight: 500; color: #33b266; background: #fff; padding: 5px 15px; margin-bottom: 10px; }#contents .landscapeSec01 ul li .landscapeSec01Tit03{ font-size: 1.8rem; font-weight: 500; }
#contents .landscapeSec01 ul li img{ width: 100%; height: auto; margin-bottom: 5px; }
#contents .landscapeSec01 ul li span{ display: block; font-size: 1.6rem; }

#contents .landscapeSec02{ overflow: hidden; margin-bottom: 80px; }
#contents .landscapeSec02 ul{ display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: 40px; }
#contents .landscapeSec02 ul li{ flex-basis: 32%; margin-bottom: 40px; }
#contents .landscapeSec02 ul li .landscapeSec02Tit{ font-size: 1.8rem; color: #33b266; letter-spacing: 1px; font-weight: 500; margin-bottom: 5px; }
#contents .landscapeSec02 ul li .landscapeSec02Img{ margin-bottom: 10px; }
#contents .landscapeSec02 ul li .landscapeSec02Img img{ width: 100%; height: auto; }
#contents .landscapeSec02 ul li .landscapeSec02Cat{ display: inline-block; font-size:  1.2rem; letter-spacing: 2px; color: #fff; padding: 5px 10px; margin-right: 10px; border-radius: 5px; margin-bottom: 5px; }
#contents .landscapeSec02 ul li .landscapeSec02Cat.works-landscape-individual{ border: 0; }
#contents .landscapeSec02 ul li .landscapeSec02Cat.works-landscape-government{ border: 0; }
#contents .landscapeSec02 ul li .landscapeSec02Cat.works-landscape-private{ border: 0; }

#contents .landscapeSec02 ul li .landscapeSec02Date{ display: inline-block; font-size: 1.4rem; letter-spacing: 1px; }

/* 業務内容＞公園運営管理 business/management */
#contents .managementSec { }
#contents .managementSec ul{ display: flex; justify-content: space-between; }
#contents .managementSec ul li:nth-child(1){ flex-basis: 47.5%; }
#contents .managementSec ul li:nth-child(2){ flex-basis: 51.5%; }
#contents .managementSec ul li img{ width: 100%; height: auto; }
#contents .managementSec ul li ul{ display: flex; flex-wrap: wrap; justify-content: space-between; }
#contents .managementSec ul li ul li{ flex-basis: 49%; margin-bottom: 10px; }
#contents .managementSec ul li ul li:nth-child(1){ flex-basis: 49%; }
#contents .managementSec ul li ul li:nth-child(2){ flex-basis: 49%; }

/* 企業情報＞会社概要・沿革 company */
#contents .companySecNav{ width: 1100px; margin: 0 auto 60px auto; }
#contents .companySecNav nav{ }
#contents .companySecNav nav ul{ display: flex; justify-content: space-between; }
#contents .companySecNav nav ul li{ flex-basis: 19%; }
#contents .companySecNav nav ul li a{ display: block; color: #35b468; font-size: 18px; font-weight: 500; letter-spacing: 1px; border: 1px solid #35b468; background: #fff; padding: 10px; text-align: center; border-radius: 5px; }
#contents .companySecNav nav ul li a:hover{ background: #f49f05; color: #fff; }

#contents .companySec{ display: flex; justify-content: space-between; flex-direction: row-reverse; margin-bottom: 80px; }
#contents .companySecTxt{ flex-basis: 100%; font-size: 1.6rem; line-height: 1.7; letter-spacing: 1px; }
#contents .companySecImg{ flex-basis: 100%; margin-right: 40px; font-size: 25px; font-weight: 500; letter-spacing: 2px; text-align: center;}
#contents .companySecImg img{ width: 100%; height: auto; margin-bottom: 20px; }
#contents .companySecImg span{ font-size: 18px; margin-right: 10px; }

#contents .companySec01{ margin-bottom: 60px; }
#contents .companySec01 table{ width: 100%; border-top: 1px solid #ccc; }
#contents .companySec01 table th{ font-size: 1.6rem; font-weight: 400; color: #33b266; padding: 15px; border-bottom: 1px solid #ccc; letter-spacing: 3px; }
#contents .companySec01 table th br{ display: none; }
#contents .companySec01 table td{ font-size: 1.6rem; padding: 15px; border-bottom: 1px solid #ccc; }
#contents .companySec01 table td span{ display: inline-block; }
#contents .companySecBtn{ display: inline-block; margin-left: 20px; }
#contents .companySecBtn a{ display: block; background: #33b266; color: #fff; font-size: 1.6rem; font-weight: 500; padding: 5px 15px; border-radius: 5px; border: 1px solid #33b266; }
#contents .companySecBtn a:hover{ background: #fff; color: #33b266; }

#contents .companySec01 dl{ padding: 0 0 20px 0; border-bottom: 1px solid #ccc; margin-bottom: 20px; }
#contents .companySec01 dl dt{ font-size: 1.6rem; color: #33b266; font-weight: 500; }
#contents .companySec01 dl dd{ font-size: 1.6rem; }
#contents .companySec01 dl dd span.tel{ display: block; }

#contents .companySec01 ul{ width: 100%; margin: 0 auto; display: flex; justify-content: space-between; flex-wrap: wrap; }
#contents .companySec01 ul li{ flex-basis: 32%; margin-bottom: 20px; }
#contents .companySec01 ul li img{ width: 100%; height: auto; }

#contents .companySec02{ margin-bottom: 80px; }
#contents .companySec02 ul{ display: flex; justify-content: space-between; flex-wrap: wrap; margin-left: 20px; }
#contents .companySec02 ul li{ flex-basis: 24%; font-size: 1.3rem; letter-spacing: 1px; margin-bottom: 10px; list-style-type: disc; }

#contents .companySec03{ margin-bottom: 40px; }
#contents .companySec03 ul{ display: flex; flex-wrap: wrap; margin-left: 20px; }
#contents .companySec03 ul li{ flex-basis: 50%; margin-bottom: 5px; font-size: 1.3rem; letter-spacing: 1px; list-style-type: disc; }

#contents .companySec04{ margin-bottom: 40px; }
#contents .companySec04 ul{ display: flex; flex-wrap: wrap; }
#contents .companySec04 ul li{ flex-basis: 50%; margin-bottom: 5px; font-size: 1.3rem; letter-spacing: 1px; }
#contents .companySec04 ul li ul{ display: block; margin-left: 20px; }
#contents .companySec04 ul li ul li{ list-style-type: disc;}

/* 企業情報＞部門・スタッフ紹介 staff */
#contents .divisionSec{ display: flex; justify-content: space-between; margin-bottom: 60px; }
#contents .divisionSecTxt{ flex-basis: 100%; font-size: 1.6rem; letter-spacing: 1px; line-height: 1.7;  }
#contents .divisionSecImg{ flex-basis: 100%; margin-left: 30px; }
#contents .divisionSecImg img{ width: 100%; height: auto; }

/* 企業情報＞山梅のあゆみ historyf */
#contents .historySec{}
#contents .historySecTit01{ text-align: center; font-family: "europa",sans-serif; font-weight: 700; color: #999; font-size: 2rem; letter-spacing: 2px; }
#contents .historySecTit01 span{ color: #f39f05; font-size: 3.6rem; margin-left: 5px; }
#contents .historySecTit02{ color: #33b266; font-size: 3.4rem; font-weight: 700; text-align: center; margin-bottom: 20px; }
#contents .historySec{ display: flex; justify-content: space-between; margin-bottom: 60px; }
#contents .historySecTxt{ font-size: 1.6rem; letter-spacing: 1px; line-height: 1.7;  }
#contents .historySecImg{ margin-left: 3%; }
#contents .historySecImg span{ display: block; font-size: 1.6rem; margin-top: 10px; }


/* とりくみ＞ISO認証取得 endeavor/iso */
#contents .isoSec{ display: flex; justify-content: space-between; }
#contents .isoSecTxt{ flex-basis: 50%; }
#contents .isoSecImg{ flex-basis: 50%; }
#contents .isoSecImg ul{ display: flex; justify-content: flex-end; }
#contents .isoSecImg ul li{ flex-basis: 49%; font-size: 1.6rem; letter-spacing: 1px; margin: 0 .5%; }
#contents .isoSecImg ul li img{ width: 100%; height: auto; margin-bottom: 10px; }

#contents .isoSec01{ margin-bottom: 40px; }
#contents .isoSec01 ul{ display: flex; justify-content: space-between; flex-wrap: wrap; }
#contents .isoSec01 ul li{ flex-basis: 49%; margin-bottom: 20px; }
#contents .isoSec01 ul li img{ width: 100%; height: auto; margin-bottom: 5px; }
#contents .isoSec01 ul li span{ font-size: 1.6rem; letter-spacing: 1px; }

/* とりくみ＞働き方改革 endeavor/reform */
#contents .reformSec ul{ display: flex; justify-content: flex-start; flex-wrap: wrap; margin-bottom: 60px; }
#contents .reformSec ul li{ flex-basis: 23%; margin: 0 1% 40px 1%; }
#contents .reformSec ul li img{ width: 100%; height: auto; }

#contents .reformSec ul li .reformSecImg{ margin-bottom: 10px; }
#contents .reformSec ul li .reformSecImg img{ }
#contents .reformSec ul li .reformSecTit{ font-size: 1.6rem; letter-spacing: 1px; }

/* お問い合わせ contact */
#contents .contactSec{}
#contents .contactSecTxt{ font-size: 15px; letter-spacing: 1px; }
#contents .contactSecTxt p{ margin-bottom: 40px; }
#contents .contactSecTxt ol{ margin: 20px 0 40px 20px; }
#contents .contactSecTxt ol li{ list-style-type: decimal; }

/* サイトマップ sitemap */
#contents .sitemapSec{}
#contents .sitemapSec ul{ margin-left: 20px; margin-top: 10px; margin-bottom: 20px; }
#contents .sitemapSec ul li{ font-size: 2rem; font-weight: 700; letter-spacing: 1px; margin-bottom: 20px; }
#contents .sitemapSec ul li a{ padding: 5px; }
#contents .sitemapSec ul li ul{ margin-bottom: 0; }
#contents .sitemapSec ul li ul li{ font-size: 1.6rem; font-weight: 400; letter-spacing: 1px; margin-bottom: 10px; }


.download_sec{}
.download_list{}
.download_item{ display: flex; justify-content: space-between; background-color: #f5f5f5; }
.download_tit{ flex-basis: 65%; padding: 10px; border-right: 3px solid #fff; }
.download_tit h3{ margin-bottom: 0; padding: 10px 0; }
.download_btn{ flex-basis: 35%; padding: 10px; text-align: center; font-size: 1.6rem; }
.download_btn i{ font-size: 4rem; margin-left: 10px; }
.download_btn a{ display: block; border: 2px solid #00a040; border-radius: 10px; text-align: center; font-size: 1.6rem; font-weight: bold; padding: 10px; background-color: #00a040; color: #fff; }
.download_btn a:hover{ background-color: #fff; color: #00a040; }



/* YAMAUME VILLAGE */
h1.h1_village{ color: #3f9b4a; font-size: 10rem; text-align: center; font-family: fatfrank, sans-serif; font-weight: 400; font-style: normal; margin: 40px 0; letter-spacing: 2px; }

.village_sec{ position: relative; height: 1500px; }
.village_sec_concept{ position: absolute; right: 5%; top: 160px; font-family: dnp-shuei-ymincho-std, sans-serif; font-weight: 500; font-style: normal; z-index: 2; }
.vilage_sec_concept_tit{ font-size: 2.5rem; color: #666; margin-bottom: 20px; letter-spacing: 2px; line-height: 1; }
.vilage_sec_concept_txt{ font-size: 1.6rem; line-height: 1.8; letter-spacing: 2px; }
.vilage_sec_concept_txt p{  }
.village_sec_bg{ position: absolute; left: 0; top: 0; width: 1920px; height: 1500px; }
.village_sec_bg img{ width: 100%; height: auto; }
div#map1{ max-width: 100%; width: auto; padding-top: 40px; }

.village_sec_cloud01{ display: none; position: absolute; top: 400px; left: 200px; z-index: 2; }
.village_sec_cloud02{ display: none; position: absolute; top: 700px; right: 0; z-index: 2; }
.fluffy01{ animation: cloud-animation 1.4s ease-in-out infinite alternate-reverse; }
.fluffy02{ animation: cloud-animation 1.8s ease-in-out infinite alternate-reverse; }

.cloud-animation {
  animation: cloud-animation 1.8s ease-in-out infinite alternate-reverse;
}

@keyframes cloud-animation {
  0% {
    transform: translateY(-12px);
  }
  100% {
    transform: translateY(12px);
  }
}


h1.h1_symboltree{ font-size: 5.5rem; color: #666; text-align: center; letter-spacing: 3px; margin-bottom: 20px; font-family: bokutoh-rera, sans-serif; font-weight: 400; font-style: normal; margin-top: 60px; }
h2.h2_symboltree{ font-size: 3.7rem; text-align: center; color: #666; font-family: dnp-shuei-ymincho-std, sans-serif; font-weight: 500; font-style: normal; z-index: 2; margin-bottom: 40px; border-bottom: 0; }

.breadcrumbs{ font-family: dnp-shuei-ymincho-std, sans-serif; font-weight: 500; font-style: normal; margin-bottom: 40px; }
.breadcrumbs_list{ display: flex; justify-content: center; }
.breadcrumbs_item{ position: relative; letter-spacing: 2px; }
.breadcrumbs_item:before{ position: absolute; display: block; content: "/"; left: 8px; top: 0; font-size: 1.6rem; }
.breadcrumbs_item:nth-child(1):before{ display: none; }
.breadcrumbs_item a{ color: #666; font-size: 1.3rem; padding-left: 20px; }
.breadcrumbs_item a:hover{ opacity: .6; }

.symboltree_sec_img{}
.symboltree_sec_img img{ border-radius: 10px; }
.symboltree_sec_img01{ text-align: center; }

.symboltree_concept_bg{ background: url("/village/symboltree/images/bg_concept01.png") no-repeat; left: 0; top: 400px; min-height: 1000px; }

.symboltree_concept_sec{ width: 25%; margin-top: 40px; margin-left: 65% }
.symboltree_concept_sec_tit{ color: #3f9b4a; font-size: 8rem; font-family: haptic-script, sans-serif; font-weight: 400; font-style: normal; letter-spacing: 2px; }
.symboltree_concept_sec_txt{ font-size: 2rem; color: #666; font-family: dnp-shuei-ymincho-std, sans-serif; font-weight: 500; font-style: normal; z-index: 2; }

.symboltree_sec01{ width: 1200px; margin: 0 auto 80px auto; }
.symboltree_sec01_list{ display: flex; justify-content: space-between; }
.symboltree_sec01_item{ flex-basis: 32%; }
.symboltree_sec01_img01{ margin-bottom: 20px; }
.symboltree_sec01_img01 img{ width: 100%; height: auto; border-radius: 10px; }
.symboltree_sec01_tit01{ font-size: 2.5rem; text-align: center; font-family: dnp-shuei-ymincho-std, sans-serif; font-weight: 500; font-style: normal; letter-spacing: 2px; margin-bottom: 10px; line-height: 1; }
.symboltree_sec01_txt01{ font-size: 1.5rem; text-align: center; font-family: dnp-shuei-ymincho-std, sans-serif; font-weight: 500; font-style: normal; letter-spacing: 2px; margin-bottom: 10px; }
.symboltree_sec01_btn01{ width: 200px; margin: 0 auto; }
.symboltree_sec01_btn01 a{ display: block; font-size: 1.7rem; background-color: #fff; color: #3f9b4a; text-align: center; padding: 5px 10px; border-radius: 40px; font-family: dnp-shuei-ymincho-std, sans-serif; font-weight: 500; font-style: normal; letter-spacing: 2px; }
.symboltree_sec01_btn01 a:hover{ background-color: #3f9b4a; color: #fff; }


.symboltree_sec02{ width: 1200px; margin: 0 auto 80px auto; background-color: #fff; padding: 40px; border-radius: 10px; }
.symboltree_sec02_list{ display: flex; justify-content: space-between; }
.symboltree_sec02_item{  }
.symboltree_sec02_item_img{ flex-basis: 58%; }
.symboltree_sec02_item_img img{ width: 100%; height: auto;  }
.symboltree_sec02_item_txt{ flex-basis: 38%; }
.symboltree_sec02_img01{}
.symboltree_sec02_tit01{ font-size: 2.5rem; font-family: dnp-shuei-ymincho-std, sans-serif; font-weight: 500; font-style: normal; letter-spacing: 2px; margin-bottom: 20px; line-height: 1.5; }
.symboltree_sec02_txt01{ font-size: 1.5rem; font-family: dnp-shuei-ymincho-std, sans-serif; font-weight: 500; font-style: normal; letter-spacing: 2px; line-height: 1.5; }



.symboltree_gallery_sec{}
.symboltree_gallery_sec_tit{ color: #3f9b4a; font-size: 8rem; text-align: center; font-family: haptic-script, sans-serif; font-weight: 400; font-style: normal; letter-spacing: 2px; margin-bottom: 30px; }

.gallery img{ width: 98%; height: auto; border-radius: 10px; }


/* Green Sustainable */

.greensustainable_sec{ background: url("/greensustainable/images/bg_greensustainable01.png") top center no-repeat; }

h1.h1_greensustainable{ color: #a0c37d; line-height: 1; margin: 0; padding: 40px 0; }
.greensustainable_sec_tit{ color: #3f9b4a; font-size: 3.5rem; text-align: center; letter-spacing: 3px; }



h2.h2_greensustainable{ color: #a0c37d; font-size: 6.2rem; font-family: fatfrank, sans-serif; font-weight: 400; font-style: normal; border-bottom: 0; margin-bottom: 30px; }
h2.h2_greensustainable span{ display: block; font-size: 2rem; color: #3f9b4a; line-height: 1; font-weight: 700; }

.greensustainable_sec_concept{ background: url("/greensustainable/images/img_greensustainable01.png")  no-repeat right top; min-height: 1000px; background-size: 50% auto; }
.greensustainable_sec_concept_sec{ width: 1200px; margin: 0 auto; padding-top: 100px; }
.greensustainable_sec_concept_sec_txt01{ font-size: 2.2rem; line-height: 2; color: #175a1f; letter-spacing: 2px; }
.greensustainable_sec_concept_sec_txt01 span{ background-color: #3f9b4a; color: #fff; padding: 3px; }

.greensustainable_sec_effect_sec_list{ display: flex; justify-content: space-between; }
.greensustainable_sec_effect_sec_item{ flex-basis: 19%; }
.greensustainable_sec_effect_sec_img01{ margin-bottom: 10px; }
.greensustainable_sec_effect_sec_img01 img{ width: 100%; height: auto; border-radius: 10px; }
.greensustainable_sec_effect_sec_tit01{ font-size: 2.1rem; color: #3f9b4a; text-align: center; letter-spacing: 2px; margin-bottom: 10px; line-height: 1; }
.greensustainable_sec_effect_sec_txt01{ font-size: 1.2rem; color: #3f9b4a; text-align: center; letter-spacing: 2px; line-height: 1; }

.greensustainable_sec_action_sec_list{ display: flex; justify-content: space-between; }
.greensustainable_sec_action_sec_item{ flex-basis: 32%; background-color: #fff; padding: 20px; }
.greensustainable_sec_action_sec_item_img01{ margin-bottom: 10px; }
.greensustainable_sec_action_sec_item_img01 img{ width: 100%; height: auto; border-radius: 10px; }
.greensustainable_sec_action_sec_item_txt01{ font-size: 1.6rem; color: #3f9b4a; letter-spacing: 2px; }




}
/* ----------------------------------------------------------
 PC CSS END
---------------------------------------------------------- */
/* ----------------------------------------------------------
 PC WIDE CSS
---------------------------------------------------------- */
@media screen and (min-width:1861px){
/* ----------------------------------------------------------

	***** PCWIDE表示用CSS *****
	index
	 1 - ページ共通css
	 2 - リンクの色
	 3 - ヘッダー
	 4 - フッター
	 5 - 見出し
	 6 - コンテンツ

---------------------------------------------------------- */

/* ----------------------------------------------------------
 1 - ページ共通css
---------------------------------------------------------- */
/* フォントサイズ10px */
html{ font-size: 62.5%; height: 100%; }

/* 基本のフォントサイズ */
body{ font-size: 16px; font-size: 1.6rem; height: 100%; }

/* 非表示用 */
.nonePCWIDE		{ display: none; }

/* ----------------------------------------------------------
 2 - リンクの色
---------------------------------------------------------- */
/* ----------------------------------------------------------
 3 - ヘッダー
---------------------------------------------------------- */

header{ height: var(--header); }
#header{ position: fixed; top: 0; width: 100%; display: flex; justify-content: space-between; align-items: center; height: 100px; background-color: var(--bg-color); z-index: 9999; box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.26); }
header .headerLogo{ flex-basis: 8%; margin-left: 2%; }
header .headerLogo a:hover{ opacity: 0.6; }

.header_bnr{ flex-basis: 3%; margin-left: .5%; }

header .headerNav{ flex-basis: 40%; margin: 0 3% 0 10%; }
header .headerNav nav{  }
header .headerNav ul{ display: flex; align-items: center; }
header .headerNav ul li{ position: relative; text-align: center; line-height: 1.6; }

header .headerNav ul li a{ display: block; font-size: 1.6rem; letter-spacing: 2px; padding: 0 20px; transition: 0.5s ease; font-family: bokutoh-rera, sans-serif; font-weight: 400; font-style: normal; height: 100px; line-height: 100px; }
.headerNav nav > ul > li > a:after{
	content: '';
	/*絶対配置で線の位置を決める*/
	position: absolute;
	bottom: 30px;
	left: 10%;
	/*線の形状*/
	width: 80%;
	height: 2px;
	background:#0481A2;
	/*アニメーションの指定*/
	transition: all .3s;
	transform: scale(0, 1);/*X方向0、Y方向1*/
	transform-origin: center top;/*上部中央基点*/
}
.headerNav nav > ul > li > a:hover::after {
	transform: scale(1, 1);/*X方向にスケール拡大*/
}

header .headerNav ul li a span{ display: block; font-size: 0.8rem; letter-spacing: 1px; font-weight: 300; }


header .headerNav nav li ul{ top: 100px; left: -20%; position: absolute; display: block; width: 140%; }
header .headerNav nav li ul li{ overflow: hidden; height: 0; transition: 0.2s; float: none; width: 100%; }
header .headerNav nav li ul li a{ border-top: 1px solid #eee; background: rgba(238,247,232,1); padding: 0; font-size: 1.5rem; letter-spacing: 0; height: 60px; line-height: 60px; }
header .headerNav nav li ul li a:hover{ opacity: 1; background: #cee8bd; }
header .headerNav nav li:hover > ul > li{ overflow: visible; height: 60px; z-index: 9999; }

header .headerBtn{ float: right; width: 80px; }
header .headerBtn a{ display: block; color: #fff; font-size: 2.5rem; line-height: 80px; text-align: center; background: #33b366; border: 1px solid #33b366; }
header .headerBtn a:hover{ color: #33b366; background: #fff; }

header .headerTel{ flex-basis: 15%; display: flex; align-items: center; min-width: 250px; }
.header_tel_ico{ width: 40px; height: 40px; background-color: var(--main-color); border-radius: 100%; text-align: center; margin-right: 10px; }
.header_tel01{ }
.header_tel_ico i{ color: #fff; line-height: 40px; font-size: 20px; }
header .headerTelNum{ font-size: 2.6rem; color: var(--main-color); font-family: europa, sans-serif; font-weight: 700; font-style: normal; letter-spacing: 2px; text-align: right; }
header .headerTelNum span{ vertical-align: middle; }
header .headerTelNum i{ font-size: 2.5rem; margin-right: 5px; vertical-align: middle; }
header .headerTelTxt{ font-size: 1.2rem; letter-spacing: 1px; text-align: right; font-weight: 700; }

.InstagramBnr{ flex-basis: 5%; margin-left: 1%; }
.InstagramBnr a:hover{ opacity: .6; }
.InstagramBnr img{ width: 50px; height: 50px; }

.header_info{ margin: 0 0 0 auto; }
.header_info_list{ display: flex; flex-wrap: wrap; }
.header_info_item{ flex-basis: 100%; }
.header_info_item a{ display: block; font-size: 16px; font-weight: 700; text-align: center; color: #fff; height: 46px; line-height: 50px; letter-spacing: 1px; }
.header_info_item a i{ margin-right: 10px; }
.header_info_item_contact{ background-color: var(--main-color); border: 2px solid var(--main-color); }
.header_info_item_recruit{ background-color: var(--second-color); border: 2px solid var(--second-color); }
.header_info_item a:hover{ background-color: #fff; }
.header_info_item_contact a:hover{ color: var(--main-color); }
.header_info_item_recruit a:hover{ color: var(--second-color); }


/* ----------------------------------------------------------
 4 - フッター
---------------------------------------------------------- */
footer{ background: #34b467; margin-top: 100px; }
footer #footer{ display: flex; }
footer #footer:after{ content: ""; display: block; clear: both; }
footer .footerImg{ flex-basis: 36%; }
footer .footerImg img{ width: 100%; height: auto; border-radius: 0; }
footer .footerSec{ width: 55%; padding: 4% 4% 0 4%; }
footer .footerLogo{ margin-bottom: 40px; }
footer .footerLogo01{ width: 250px; display: inline-block; margin-right: 30px; }
footer .footerLogo01 img{ width: 100%; height: auto; }
footer .footerLogo01 a:hover{ opacity: 0.6; }
footer .footerAdd01{ display: inline-block; color: #fff; font-size: 1.7rem; line-height: 1.5; letter-spacing: 1px; }

footer .footerNav{ margin-bottom: 40px;  }
footer .footerNav ul{ display: flex; justify-content: space-between; }
footer .footerNav ul li{ flex-basis: 20%; }
footer .footerNav ul li ul{ display: block; }
footer .footerNav ul li ul li{ line-height: 2; }
footer .footerNav ul li a{ color: #fff; font-size: 1.3rem; letter-spacing: 1px; }
footer .footerNav ul li a:hover{ opacity: 0.6; }
footer .footerNav ul li .footerNavTit{ font-size: 1.7rem; color: #fff; letter-spacing: 1px; border-bottom: 1px solid #fff; padding-bottom: 5px; margin-bottom: 10px; }

footer .footerNav02{ margin-bottom: 40px; }
footer .footerNav02 ul{ display: flex; justify-content: space-between; }
footer .footerNav02 ul li{}
footer .footerNav02 ul li a{ font-size: 1.7rem; color: #fff; letter-spacing: 1px; }
footer .footerNav02 ul li:last-child a{ display: block; border: 1px solid #fff; font-weight: 500; color: #34b467; background: #fff; border-radius: 10px; padding: 5px 10px; text-align: center; letter-spacing: 1px; }
footer .footerNav02 ul li a:hover{ opacity: 0.6; }
footer .footerNav02 ul li:last-child a:hover{ background: #34b467; color: #fff; opacity: 1; }

footer .footerCopyright{ font-size: 1.1rem; color: #fff; letter-spacing: 1px; text-align: center; margin-bottom: 20px; }

/* ----------------------------------------------------------
 5 - 見出し
---------------------------------------------------------- */
#h1Wrap{ display: flex; margin-bottom: 60px; }
#h1Wrap .h1Wrap01{ width: 50%; padding: 3% 0 0 15%;
background: -moz-linear-gradient(-45deg, #00a040 30%, #ffa600 60%);
background: -webkit-linear-gradient(-45deg, #00a040 30%,#ffa600 60%);
background: linear-gradient(135deg, #00a040 30%,#ffa600 60%);

	}
#h1Wrap .h1Wrap01 h1{ color: #fff; font-size: 3.8rem; letter-spacing: 2px; }
#h1Wrap .h1Wrap01 h1 span{ display: block; font-size: 2rem; color: rgba(255,255,255,0.6); font-family: "europa",sans-serif; font-weight: 700; }
#h1Wrap .h1Wrap02{ flex-basis: 50%; width: 50%; }
#h1Wrap .h1Wrap02 img{ width: 100%; height: auto; border-radius: 0; }

h2{ color: #33b266; font-size: 3.4rem; letter-spacing: 2px; border-bottom: 1px solid #ccc; padding: 0 0 5px 0; margin-bottom: 60px; }
h3{ font-size: 2.5rem; font-weight: 700; letter-spacing: 1px; margin-bottom: 20px; }


/* ----------------------------------------------------------
 6 - コンテンツ
---------------------------------------------------------- */
#contents{ width: 1200px; margin: 0 auto; overflow: hidden; padding-bottom: 100px; }
#main{ width: 1200px; margin: 0 auto; overflow: hidden; }

#breadcrumbs{ position: relative;  }
	#breadcrumbs:after{ content: ""; display: block; clear: both; }
#breadcrumbs ol{ padding: 10px 0; }
#breadcrumbs li{ display: inline; letter-spacing: 1px; color: rgba(255,255,255,0.7); font-size: 1.1rem; }
#breadcrumbs ol li:before { content: " > ";}
#breadcrumbs li:first-child:before { content: "";}
#breadcrumbs a { text-decoration: none; color: rgba(255,255,255,0.7);}
#breadcrumbs a:hover { text-decoration: none; font-weight: normal; opacity: 1; }

/************** エントランスページ **************/
#entranceSec{ height: 100%; }
#entranceSec .entranceSecLogo{ background: url("../images/bg_leaf02.png"); width: 100%; text-align: center; padding: 20px 0; }
#entranceSec .entranceSecLogo img{ width: 10%; height: auto; }
#entranceSec ul{ display: flex; height: 100%; position: relative; }
#entranceSec ul li{ flex-basis: 50%; height: 100%; position: relative; }
#entranceSec ul li:before{ z-index: 1; content: "";	display: block;	position: absolute;	top: 0;	left: 0; right: 0; bottom: 0; background: rgba(51,51,51,0.5); }
#entranceSec ul li:nth-child(1){ background: url("../images/bg_official01.jpg") no-repeat center center; background-size: cover; }
#entranceSec ul li:nth-child(2){ background: url("../images/bg_recruit01.jpg") no-repeat center center; background-size: cover; }
#entranceSec ul li .entranceSec01{ position: relative; z-index: 1; padding-top: 40%; }
#entranceSec ul li .entranceSec01Tit{ color: #fff; font-size: 5rem; font-family: "europa",sans-serif; font-weight: 700; text-align: center; letter-spacing: 4px; margin-bottom: 20px; }
#entranceSec ul li .entranceSec01Btn{ width: 50%; margin: 0 auto; }
#entranceSec ul li .entranceSec01Btn a{ display: block; color: #33b266; font-size: 1.6rem; letter-spacing: 1px; padding: 10px; text-align: center; background: #fff; border: 2px solid #fff; font-weight: 500; }
#entranceSec ul li .entranceSec01Btn a:hover{ background: #33b266; color: #fff; }

/************** トップページ home.php **************/
#topImg{ position: relative; height: 800px; margin-bottom: 60px; }
.top_img_tit{ position: absolute; left: 60px; bottom: 80px; }
.top_img_bnr{ position: absolute; right: 60px; top: 630px; width: 368px; height: 418px; z-index: 999; text-align: right; }
.top_img_bnr img{ width: 85%; height: auto; }
.top_img_bnr a:hover{ opacity: .6; }

.top_img_bnr02{ position: absolute; right: 50px; top: 130px; width: 220px; height: 220px; z-index: 999; }
.top_img_bnr02 img{ width: 100%; height: auto; }
.top_img_bnr02 a:hover{ opacity: .6; }

.top_img_bnr03{ position: absolute; right: 50px; top: 370px; width: 220px; height: 220px; z-index: 999; }
.top_img_bnr03 img{ width: 100%; height: auto; }
.top_img_bnr03 a:hover{ opacity: .6; }

/*
#topImg .topTit{ width: 55%; position: absolute; top: 20%; left: 5%; z-index: 2; text-shadow:
	black 1px 1px 5px, black -1px 1px 5px,
	black 1px -1px 5px, black -1px -1px 5px; }
#topImg .topTit01{ font-size: 8rem; color: #fff; line-height: 1.2; font-family: "europa",sans-serif; font-weight: 700; letter-spacing: 2px; margin-bottom: 30px; }
#topImg .topTit01 span{ font-size: 3rem; font-family:"source-han-sans-japanese",sans-serif; }
#topImg .topTxt01{ color: #fff; font-size: 1.6rem; font-weight: 700; line-height: 1.7; letter-spacing: 2px; }
*/

.top_reason{ width: 1600px; margin: 0 auto; position: relative; padding-bottom: 60px; }
.top_reason_tit01{ font-size: 2.3rem; color: var(--main-color); text-align: center; font-family: europa, sans-serif; font-weight: 700; font-style: normal; z-index: 2; position: relative; }
.top_reason_tit01 span{ display: block; position: absolute; top: -85px; left: 0; right: 0; margin: 0 auto; }
.top_reason_tit01:after{ display: block; content: ""; position: absolute; top: -120px; left: 0; right: 0; margin: 0 auto; width: 230px; height: 230px; border-radius: 100%; background-color: #eef7e8; z-index: -1; }

.top_reason_tit02{ font-size: 4.5rem; text-align: center; font-family: bokutoh-rera, sans-serif; font-weight: 400; font-style: normal; z-index: 2; position: relative; margin-bottom: 40px; }
.top_reason_tit02 span{ font-size: 5.5rem; color: #222; }
span.top_reason_tit02_span01{ color: var(--main-color); }
span.top_reason_tit02_span02{ color: var(--second-color); }
span.top_reason_tit02_span03{}
.top_reason_list{ position: relative; min-height: 650px;  }
.top_reason_item{ width: 32%; position: relative; }
.top_reason_item01{ position: absolute; top: -80px; left: 0; }
.top_reason_item02{ position: absolute; left: 0; right: 0; margin: 0 auto; }
.top_reason_item03{ position: absolute; top: -80px; right: 0; }
.top_reason_item_img{ margin-bottom: 50px; }
.top_reason_item_img img{ width: 100%; height: auto; border-radius: 10px; }
.top_reason_item_tit{ position: absolute; top: 330px; left: 0; right: 0; margin: 0 auto; width: 420px; padding: 15px 10px; border-radius: 10px; background-color: var(--main-color); text-align: center; color: #fff; font-size: 2.7rem; font-family: bokutoh-rera, sans-serif; font-weight: 400; font-style: normal; letter-spacing: 1px; }
.top_reason_item_tit span{ letter-spacing: .5px; }
.top_reason_item_txt{ font-size: 1.8rem; color: #666; text-align: center; letter-spacing: 1px; line-height: 1.8; font-weight: 500; }


.top_endeavor{ background-color: #fff; position: relative; overflow: hidden; padding-bottom: 60px; }
.top_endeavor_tit{ position: absolute; width: 670px; height: 670px; top: -500px; background-color: var(--main-color); border-radius: 100%; z-index: 1; min-height: 150px; left: 0; right: 0; margin: 0 auto; }
.top_endeavor_tit01{ position: absolute; bottom: 110px; font-size: 2.3rem; color: #fff; text-align: center; font-family: europa, sans-serif; font-weight: 700; font-style: normal; z-index: 2; right: 0; left: 0; margin: 0 auto; }
.top_endeavor_tit02{ position: absolute; bottom: 60px; font-size: 4rem; color: #fff; text-align: center; font-family: bokutoh-rera, sans-serif; font-weight: 400; font-style: normal; z-index: 2; right: 0; left: 0; margin: 0 auto; }
.top_endeavor_list{ width: 1200px; margin: 250px auto 0 auto; display: flex; justify-content: space-between; flex-wrap: wrap; }
.top_endeavor_item{ position: relative; flex-basis: 32%; margin-bottom: 80px; }
.top_endeavor_item_tit{ text-align: center; margin-bottom: 20px; }
.top_endeavor_item_tit span{ display: block; font-size: 1.5rem; color: var(--sub-color); font-family: europa, sans-serif; font-weight: 700; font-style: normal; }
.top_endeavor_item_tit p{ font-size: 2.5rem; font-weight: 700; }
.top_endeavor_item_img{ }
.top_endeavor_item_img img{ border-radius: 10px;  }
.top_endeavor_item_btn{ position: absolute; bottom: -30px; width: 230px; left: 0; right: 0; margin: 0 auto; }
.top_endeavor_item_btn a{ display: block; font-size: 1.6rem; font-weight: 700; color: #fff; background-color: var(--main-color); padding: 10px; border-radius: 10px; letter-spacing: 1px; text-align: center; }
.top_endeavor_item_btn a:hover{ background-color: var(--second-color); }

.top_endeavor_new{ position: absolute; left: 20px; top: 20px; }





.top_business_tit01{ display: none; }
.top_business_txt{ display: none; }

.topBusiness{ background: #fff; padding-top: 40px; margin-bottom: 80px; }
.topBusinessTit{ display: block; height: 100%; padding-top: 180px; background: #33b366; font-size: 4rem; color: #fff; text-align: center; letter-spacing: 4px; }
.topBusinessTit span{ display: block; font-size: 2rem; font-family: "europa",sans-serif; font-weight: 700; }
.topBusiness ul{ width: 1360px; margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: space-between; }
.topBusiness ul li{ flex-basis: 32%; margin-bottom: 40px; }
.topBusiness ul li .topBusinessTit01{ font-size: 2.7rem; color: #34b467; letter-spacing: 1px; margin-bottom: 10px; }
.topBusiness ul li .topBusinessImg{ margin-bottom: 10px; }
.topBusiness ul li .topBusinessImg img{ width: 100%; height: auto; }
.topBusiness ul li .topBusinessTxt{ font-size: 1.4rem; line-height: 1.7; margin-bottom: 10px; }
.topBusiness ul li .topBusinessBtn{}
.topBusiness ul li .topBusinessBtn a{ display: inline-block; color: #34b467; font-size: 1.5rem; letter-spacing: 1px; border-bottom: 1px solid #34b467; }
.topBusiness ul li .topBusinessBtn a:hover{  }


.topInfo{ background: #fff; }
.topinfo01{ width: 1000px; margin: 0 auto;  padding: 60px 0; }
.topNews{ margin-bottom: 40px; }
.topNewsTit{ font-size: 2.6rem; letter-spacing: 2px; margin-bottom: 20px; }
.topNewsTit span{ display: block; color: #33b366; font-size: 1.4rem; letter-spacing: 2px; font-family: "europa",sans-serif; font-weight: 700; }
.topNews ul li{ border-bottom: 1px solid #ccc; }
.topNews ul li:first-child{ border-top: 1px solid #ccc; }

.topNews dl{ padding: 15px 0; }
.topNews dt{ clear: left; float: left; width: 15%; padding: 0 30px 5px 20px; font-size: 1.4rem; font-weight: 700; letter-spacing: 1px; color: #34b467; }
.topNews dd{ margin-left: 18%; font-size: 1.5rem; letter-spacing: 1px; }
.topNews dd > ul{ margin-left: 20px; }
.topNews dd > ul li{ list-style-type: disc; }

.topInfoBtn{ width: 25%; margin: 0 auto; }
.topInfoBtn a{ display: block; color: #34b467; font-size: 1.6rem; letter-spacing: 1px; padding: 10px; text-align: center; border: 2px solid #34b467; }
.topInfoBtn a:hover{ background: #34b467; color: #fff;  }

.topWorks{ background: #34b467; overflow: hidden; }
.topWorks01{ width: 1360px; margin: 0 auto; padding: 60px 0; }
.topWorksTit{ font-size: 4rem; color: #fff; text-align: center; letter-spacing: 4px; margin-bottom: 30px; font-family: bokutoh-rera, sans-serif; font-weight: 400; font-style: normal;  }
.topWorksTit span{ display: block; font-size: 2rem; color: #fff; font-family: europa, sans-serif; font-weight: 700; font-style: normal; letter-spacing: .5px; }

.top_works_att{ color: #fff; font-size: 1.6rem; text-align: center; font-family: bokutoh-rera, sans-serif; font-weight: 400; font-style: normal; }

.topWorks #swiper01{ position: relative; width: 1300px; margin: 0 auto; }
.topWorks .swiper-container{ width: 1280px; padding: 40px; margin-bottom: 40px; overflow: visible; }

.topWorksBtn{ width: 25%; margin: 0 auto; }
.topWorksBtn a{ display: block; color: #fff; font-size: 1.6rem; letter-spacing: 1px; padding: 10px; text-align: center; border: 2px solid #fff; }
.topWorksBtn a:hover{ background: #fff; color: #34b467;  }

.topWorksCat{ display: inline-block; font-size: 1.4rem; text-align: center; padding: 5px 15px; color: #fff; letter-spacing: 1px; border-radius: 5px; margin-bottom: 5px; }
.works-maintenance-individual{ background: #ff4d4d; }
.works-maintenance-government{ background: #00bb2f; }
.works-maintenance-private{ background: #65abcd; }
.works-landscape-individual{ background: #ff4d4d; }
.works-landscape-government{ background: #00bb2f; }
.works-landscape-private{ background: #65abcd; }
.topWorksImg01{ margin-bottom: 10px; }
.topWorksImg01 img{ width: 100%; height: auto; }
.topWorksTit01{ color: #fff; font-size: 1.5rem; letter-spacing: 1px; font-weight: 500; }

.topCompany{  }
.topCompanySec{ display: flex; justify-content: space-between; background: #fff; margin-bottom: 40px; }
.topCompanySec:last-child{ display: flex; justify-content: space-between; flex-direction: row-reverse; }
.topCompanySec01{ flex-basis: 50%; margin: 3% 5%; }
.topCompanySecTit{ font-size: 4rem; font-weight: 500; letter-spacing: 2px; margin-bottom: 40px; }
.topCompanySecTit span{ display: block; font-size: 2rem; letter-spacing: 2px; font-family: "europa",sans-serif; font-weight: 700; color: #34b467; }
.topCompanySecTxt{ font-size: 1.5rem; letter-spacing: 1px; line-height: 1.7; font-weight: 500; margin-bottom: 20px; }
.topCompanySec01 ul{ display: flex; justify-content: space-between; flex-wrap: wrap; }
.topCompanySec01 ul li{ flex-basis: 48%; margin-bottom: 10px; }
.topCompanySec01 ul li i{ margin-left: 10px; font-size: 1.2rem; }
.topCompanySec01 ul li a{ display: block; border: 1px solid #2d943a; background: #fff; color: #2d943a; font-size: 1.7rem; font-weight: 500; padding: 15px; text-align: center; position: relative; letter-spacing: 1px; }
.topCompanySec01 ul li a:hover{ background: #2d943a; color: #fff; }
.topCompanySec01Img{ flex-basis: 50%; }
.topCompanySec:last-child .topCompanySec01Img{ width: 50%; float: left; }
.topCompanySec01Img img{ width: 100%; height: auto; border-radius: 0; }

.topReform{ background: #fff; padding-bottom: 80px; }
.topReform01{ width: 1360px; margin: 0 auto;  padding: 60px 0 30px 0; }
.topReform01Tit{ font-size: 4rem; font-weight: 500; letter-spacing: 2px; margin-bottom: 40px; text-align: center; }
.topReform01Tit span{ display: block; font-size: 2rem; letter-spacing: 2px; font-family: "europa",sans-serif; font-weight: 700; color: #34b467; }
.topReform01 ul{ display: flex; justify-content: space-between; flex-wrap: wrap; }
.topReform01 ul li{ flex-basis: 24%; margin-bottom: 20px; }
.topReform01 ul li .topReform01Img{ margin-bottom: 5px; }
.topReform01 ul li .topReform01Img img{ width: 100%; height: auto; }
.topReform01 ul li .topReform01Tit01{ font-size: 1.4rem; letter-spacing: 1px; }


.top_sec{}
.top_sec_list{ display: flex; justify-content: space-between; }
.top_sec_item{ flex-basis: 50%; }
.top_sec_item_company{ background: url("../images/bg_company01.jpg") no-repeat; wight: 100%; background-size:cover; background-position:50%; position: relative; padding: 150px 80px; }
.top_sec_item_iso{ background: url("../images/bg_iso02.jpg") no-repeat; wight: 100%; height: 100%; background-size:cover; background-position:50%; position: relative; padding: 150px 80px; }
.top_sec_item:after{ content: ''; background-color: rgba(0,0,0,.5); position: absolute; left: 0; right: 0; top: 0; bottom: 0; height: 100%; }
.top_sec_item01{ position: relative; z-index: 1; }
.top_sec_item_tit{ color: #fff; }
.top_sec_item_tit span{ display: block; font-size: 2rem; color: #fff; font-family: europa, sans-serif; font-weight: 700; font-style: normal; letter-spacing: .5px; }
.top_sec_item_tit p{ font-size: 4rem; letter-spacing: 4px; margin-bottom: 30px; font-family: bokutoh-rera, sans-serif; font-weight: 400; font-style: normal;  }
.top_sec_item_txt{ color: #fff; font-size: 1.6rem; line-height: 1.8; font-weight: 500; letter-spacing: 2px; }
.top_sec_btn_list{ margin-top: 40px; display: flex; justify-content: flex-start;  }
.top_sec_btn_item{ flex-basis: 30%; margin-right: 3% }
.top_sec_btn_item a{ display: block; font-size: 2rem; text-align: center; background-color: #fff; padding: 15px;  font-family: bokutoh-rera, sans-serif; font-weight: 400; font-style: normal; }
.top_sec_btn_item a:hover{ background-color: var(--sub-color); color: #fff; }


.top_instagram{ background-color: #f3f5ef; padding: 60px 0 80px 0; }
.top_instagram_tit{ text-align: center; }
.top_instagram_tit span{ display: block; font-size: 2rem; color: var(--main-color); font-family: europa, sans-serif; font-weight: 700; font-style: normal; letter-spacing: .5px; text-align: center; }
.top_instagram_tit p{ font-size: 4rem; letter-spacing: 4px; margin-bottom: 30px; font-family: bokutoh-rera, sans-serif; font-weight: 400; font-style: normal; text-align: center; }
.top_instagram_att{ font-size: 2rem; text-align: center; letter-spacing: 1px;  }


.top_bnr{ background-color: #fff; padding: 60px 0; }
.top_bnr_list{ display: flex; justify-content: center; }
.top_bnr_item{ margin: 0 1%; }
.top_bnr_item img{ border-radius: 0; }
.top_bnr_item a:hover{ opacity: .6; }


.top_instagram_sec{ width: 1200px; margin: 0 auto; }
.top_instagram_btn{ width: 300px; margin: 0 auto; }
.top_instagram_btn a{ display: block; font-size: 2rem; text-align: center; background-color: #fff; padding: 15px; border-radius: 10px; letter-spacing: 1px; }
.top_instagram_btn a i{ font-size: 2.5rem; margin-right: 10px; }
.top_instagram_btn a:hover{ background-color: var(--main-color); color: #fff; }


/* 業務内容 business */
.businessSec{ overflow: hidden; margin-bottom: 40px; }
.businessSec01,
.businessSec02{ background: #fff; border-radius: 10px; }
.businessSec01 img{ width: 100%; height: auto; border-radius: 5px 0 0 5px; }
.businessSec02 img{ width: 100%; height: auto; border-radius: 0 5px 5px 0; }
.businessSec01 ul{ display: flex; flex-direction: row-reverse; align-items: center; }
.businessSec ul li{ width: 50%; }
.businessSec ul li .businessSec01Txt{ width: 100%; overflow: hidden; padding: 10% 5%; }
.businessSec ul li .businessSec01Tit{ font-size: 3.5rem; font-weight: 700; text-align: center; letter-spacing: 2px; color: #33b366; margin-bottom: 10px; }
.businessSec ul li .businessSec01Btn{ width: 40%; margin: 0 auto; }
.businessSec ul li .businessSec01Btn a{ display: block; color: #33b366; font-size: 1.6rem; text-align: center; padding: 5px; border-radius: 50px; border: 2px solid #33b366; font-family: "vdl-v7marugothic",sans-serif; font-weight: 700; letter-spacing: 2px; }

_:-ms-lang(x)::-ms-backdrop, .businessSec ul li .businessSec01Btn a{
  /* IE11 のみ適用される */
   height: 50px; line-height: 40px;
}

.businessSec ul li .businessSec01Btn a:hover{ color: #fff; background: #33b366; }
.businessSec ul li .businessSec01Btn a i{ margin-left: 10px; }
.businessSec ul li:nth-child(2){}
.businessSec ul li:nth-child(2) img{ width: 100%; height: auto; }

.businessSec02 ul{ display: flex; align-items: center; background: #fff; }
.businessSec ul li .businessSec02Txt{ width: 100%; overflow: hidden; padding: 5%;  }

/* 業務内容＞樹木生産 business/tree */
#contents .treeSec{ background: #fff; border-radius: 10px; padding: 3%; margin-bottom: 80px; }
#contents .treeSec01{ display: flex; justify-content: space-between; margin-bottom: 40px; }
#contents .treeSecTxt{ flex-basis: 42%; font-size: 1.6rem; line-height: 1.6; letter-spacing: 1px; /* margin-right: 3%; */ }
#contents .treeSecTxt p{}
#contents .treeSecTxt ul{ margin-left: 20px; }
#contents .treeSecTxt ul li{ list-style-type: disc; }
#contents .treeSecImg{ flex-basis: 55%; }
#contents .treeSecImg img{ width: 100%; height: auto; }

#contents .treeSec02{ margin-bottom: 40px; }
#contents .treeSec02Txt{ font-size: 1.6rem; line-height: 1.6; letter-spacing: 1px; margin-bottom: 40px;  }
#contents .treeSec02 ul{ display: flex; justify-content: space-between; }
#contents .treeSec02 ul li img{ width: 100%; height: auto; }
#contents .treeSec02 ul li:nth-child(2){ padding: 120px 3px 3px 3px; }
#contents .treeSec02 ul li span{ display: block; font-size: 1.6rem; transform: rotate(90deg); }
#contents .treeSec02 ul li span:nth-child(1),
#contents .treeSec02 ul li span:nth-child(5){ color: rgba(0,160,64,0.3); }
#contents .treeSec02 ul li span:nth-child(2),
#contents .treeSec02 ul li span:nth-child(4){ color: rgba(0,160,64,0.6); }
#contents .treeSec02 ul li span:nth-child(3){ color: rgba(0,160,64,1); }

#contents .treeSecBtn02{ width: 400px; margin: 0 0 40px 0; }
#contents .treeSecBtn02 a{ display: block; color: #fff; font-size: 2.2rem; letter-spacing: 1px; font-weight: 700; background: #00a040; border: 2px solid #00a040; padding: 15px 25px; border-radius: 10px; }
#contents .treeSecBtn02 a i{ margin-left: 10px; }
#contents .treeSecBtn02 a:hover{ color: #00a040; background: #fff; }
#contents .treeSec02Img{ text-align: center; }
#contents .topSec02Btn{}
#contents .topSec02Btn ul{ width: 830px; margin: 0 auto 60px auto; display: flex; justify-content: space-between; }
#contents .topSec02Btn ul li{ flex-basis: 48%; }
#contents .topSec02Btn ul li a{ display: block; color: #fff; font-size: 2.2rem; font-weight: 700; letter-spacing: 1px; text-align: center; padding: 15px; border-radius: 10px; }
#contents .topSec02Btn ul li a i{ margin-right: 10px; }
#contents .topSec02Btn ul li:nth-child(1) a{ background: #f5a30d; }
#contents .topSec02Btn ul li:nth-child(1) a:hover{ background: #34b467; }
#contents .topSec02Btn ul li:nth-child(2) a{ position: relative; display: block; background: -webkit-linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat; background: linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat; overflow: hidden; }
#contents .topSec02Btn ul li:nth-child(2) a i,
#contents .topSec02Btn ul li:nth-child(2) a span{
	position: relative;
}
#contents .topSec02Btn ul li:nth-child(2) a:before{ content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: -webkit-linear-gradient(75deg, #ffdb2c, rgb(249, 118, 76) 25%, rgba(255, 77, 64, 0) 50%) no-repeat; background: linear-gradient(15deg, #ffdb2c, rgb(249, 118, 76) 25%, rgba(255, 77, 64, 0) 50%) no-repeat; }
#contents .topSec02Btn ul li:nth-child(2) a:hover { opacity: .6; }

#contents .treeSecBtn{ display: block; width: 70%; margin: 0 auto; }
#contents .treeSecBtn a{ display: block; color: #fff; font-size: 2.2rem; font-weight: 500; letter-spacing: 1px; text-align: center; background: #f5a30d; padding: 10px; border: 2px solid #f5a30d; border-radius: 10px; }
#contents .treeSecBtn a:hover{ background: #fff; color: #f5a30d; }

#contents .treeSecBtn01{ display: block; width: 40%; margin: 20px 0 0 0; }
#contents .treeSecBtn01 a{ display: block; color: #fff; font-size: 1.4rem; font-weight: 500; letter-spacing: 1px; text-align: center; background: #34b467; padding: 5px 15px; border: 2px solid #34b467; border-radius: 10px; }
#contents .treeSecBtn01 a:hover{ background: #fff; color: #34b467; }

/* 業務内容＞樹木生産＞新田ナーセリー business/tree/nittanursery */
#contents .nittanurserySec{ margin-bottom: 60px; }
#contents .nittanurserySec ul{ display: flex; justify-content: space-between; flex-wrap: wrap; }
#contents .nittanurserySec ul li{ flex-basis: 24%; margin-bottom: 20px; }
#contents .nittanurserySec ul li img{ width: 100%; height: auto; }

#contents .nittanurserySec01{}
#contents .nittanurserySec01 ul{ display: flex; flex-wrap: wrap; margin-bottom: 40px; }
#contents .nittanurserySec01 ul li{ flex-basis: 25%; position: relative; padding-left: 30px; font-size: 1.5rem; letter-spacing: 1px; margin-bottom: 20px; }
#contents .nittanurserySec01 ul li:after{ display: block; content: ""; position: absolute; top: .6rem; left: 0; width: 11px; height: 11px; background-color: #f5a30d; border-radius: 100%; }

/* 業務内容＞企画設計 business/planning */
#contents .planningSec{ overflow: hidden; }
#contents .planningSec ul{ display: flex; justify-content: space-around; flex-wrap: wrap; }
#contents .planningSec ul li{ flex-basis: 32%; margin-bottom: 30px; }
#contents .planningSec ul li img{ width: 100%; height: auto; margin-bottom: 5px; }
#contents .planningSec ul li span{ font-size: 1.6rem; letter-spacing: 1px; }

/* 業務内容＞造園工事 business/landscape */
#contents .landscapeSec{ }
#contents .landscapeSec ul{ margin-bottom: 40px; }
#contents .landscapeSec ul li{ position: relative; padding-left: 30px; font-size: 1.5rem; letter-spacing: 1px; margin-bottom: 10px; }
#contents .landscapeSec ul li:after{ display: block; content: ""; position: absolute; top: .6rem; left: 0; width: 11px; height: 11px; background-color: #f5a30d; border-radius: 100%; }

#contents .landscapeSec ul li ol{ margin-left: 20px; margin-top: 10px; }
#contents .landscapeSec ul li ol li{ list-style-type: decimal; padding-left: 10px; }
#contents .landscapeSec ul li ol li:after{ display: none; }

#contents .landscapeSecBtn{ display: block; width: 40%; }
#contents .landscapeSecBtn a{ display: block; color: #fff; font-size: 2.5rem; font-weight: 500; letter-spacing: 1px; text-align: center; background: #33b266; padding: 15px; border: 2px solid #33b266; border-radius: 10px; }
#contents .landscapeSecBtn a i{ margin-left: 10px; font-size: 2rem;  }
#contents .landscapeSecBtn a:hover{ background: #fff; color: #33b266; }

#contents .landscapeSec01{ overflow: hidden; margin-bottom: 80px; }
#contents .landscapeSec01 ul{ display: flex; justify-content: space-between; flex-wrap: wrap; }
#contents .landscapeSec01 ul li{ flex-basis: 32%; margin-bottom: 30px; letter-spacing: 1px; }
#contents .landscapeSec01 ul li:nth-child(1){ background: #33b266; color: #fff; text-align: center; display: flex; flex-wrap: wrap; align-items: center; align-content: center; }
#contents .landscapeSec01 ul li .landscapeSec01Tit01{ flex-basis: 100%; font-size: 3.5rem; font-weight: 500; margin-bottom: 10px; }
#contents .landscapeSec01 ul li .landscapeSec01Tit02{ display: inline-block; font-size: 1.7rem; font-weight: 500; color: #33b266; background: #fff; padding: 5px 15px; margin: 0 auto 10px auto; text-align: center; }
#contents .landscapeSec01 ul li .landscapeSec01Tit03{ flex-basis: 100%; font-size: 1.8rem; font-weight: 500; }
#contents .landscapeSec01 ul li img{ width: 100%; height: auto; margin-bottom: 5px; }
#contents .landscapeSec01 ul li span{ display: block; font-size: 1.6rem; }

#contents .landscapeSec02{ overflow: hidden; margin-bottom: 80px; }
#contents .landscapeSec02 ul{ display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: 40px; }
#contents .landscapeSec02 ul li{ flex-basis: 32%; margin-bottom: 40px; }
#contents .landscapeSec02 ul li .landscapeSec02Tit{ font-size: 1.8rem; color: #33b266; letter-spacing: 1px; font-weight: 500; margin-bottom: 5px; }
#contents .landscapeSec02 ul li .landscapeSec02Img{ margin-bottom: 10px; }
#contents .landscapeSec02 ul li .landscapeSec02Img img{ width: 100%; height: auto; }
#contents .landscapeSec02 ul li .landscapeSec02Cat{ display: inline-block; font-size:  1.2rem; letter-spacing: 2px; color: #fff; padding: 5px 10px; margin-right: 10px; border-radius: 5px; margin-bottom: 5px; }
#contents .landscapeSec02 ul li .landscapeSec02Cat.works-landscape-individual{ border: 0; }
#contents .landscapeSec02 ul li .landscapeSec02Cat.works-landscape-government{ border: 0; }
#contents .landscapeSec02 ul li .landscapeSec02Cat.works-landscape-private{ border: 0; }

#contents .landscapeSec02 ul li .landscapeSec02Date{ display: inline-block; font-size: 1.4rem; letter-spacing: 1px; }

/* 業務内容＞公園運営管理 business/management */
#contents .managementSec { }
#contents .managementSec ul{ display: flex; justify-content: space-between; }
#contents .managementSec ul li:nth-child(1){ flex-basis: 47.5%; }
#contents .managementSec ul li:nth-child(2){ flex-basis: 51.5%; }
#contents .managementSec ul li img{ width: 100%; height: auto; }
#contents .managementSec ul li ul{ display: flex; flex-wrap: wrap; justify-content: space-between; }
#contents .managementSec ul li ul li{ flex-basis: 49%; margin-bottom: 10px; }
#contents .managementSec ul li ul li:nth-child(1){ flex-basis: 49%; }
#contents .managementSec ul li ul li:nth-child(2){ flex-basis: 49%; }

/* 企業情報＞会社概要・沿革 company */
#contents .companySecNav{ width: 1130px; margin: 0 auto 60px auto; }
#contents .companySecNav nav{ }
#contents .companySecNav nav ul{ display: flex; justify-content: space-between; }
#contents .companySecNav nav ul li{ flex-basis: 19%; }
#contents .companySecNav nav ul li a{ display: block; color: #35b468; font-size: 20px; font-weight: 500; letter-spacing: 1px; border: 1px solid #35b468; background: #fff; padding: 10px; text-align: center; border-radius: 5px; }
#contents .companySecNav nav ul li a:hover{ background: #f49f05; color: #fff; }

#contents .companySec{ display: flex; justify-content: space-between; flex-direction: row-reverse; margin-bottom: 80px; }
#contents .companySecTxt{ flex-basis: 52%; font-size: 1.6rem; line-height: 1.7; letter-spacing: 1px; }
#contents .companySecImg{ flex-basis: 46%; margin-right: 2%; font-size: 25px; font-weight: 500; letter-spacing: 2px; text-align: center;}
#contents .companySecImg img{ margin-bottom: 20px; }
#contents .companySecImg span{ font-size: 18px; margin-right: 10px; }

#contents .companySec01{ margin-bottom: 60px; }
#contents .companySec01 table{ width: 100%; border-top: 1px solid #ccc; }
#contents .companySec01 table th{ font-size: 1.6rem; font-weight: 400; color: #33b266; padding: 15px; border-bottom: 1px solid #ccc; letter-spacing: 3px; }
#contents .companySec01 table th br{ display: none; }
#contents .companySec01 table td{ font-size: 1.6rem; padding: 15px; border-bottom: 1px solid #ccc; }
#contents .companySec01 table td span{ display: inline-block; }
#contents .companySecBtn{ display: inline-block; margin-left: 20px; }
#contents .companySecBtn a{ display: block; background: #33b266; color: #fff; font-size: 1.6rem; font-weight: 500; padding: 5px 15px; border-radius: 5px; border: 1px solid #33b266; }
#contents .companySecBtn a:hover{ background: #fff; color: #33b266; }

#contents .companySec01 dl{ padding: 0 0 20px 0; border-bottom: 1px solid #ccc; margin-bottom: 20px; }
#contents .companySec01 dl dt{ font-size: 1.6rem; color: #33b266; font-weight: 500; }
#contents .companySec01 dl dd{ font-size: 1.6rem; }
#contents .companySec01 dl dd span.tel{ display: block; }

#contents .companySec01 ul{ width: 100%; margin: 0 auto; display: flex; justify-content: space-between; flex-wrap: wrap; }
#contents .companySec01 ul li{ flex-basis: 32%; margin-bottom: 20px; }
#contents .companySec01 ul li img{ width: 100%; height: auto; }

#contents .companySec02{ margin-bottom: 80px; }
#contents .companySec02 ul{ display: flex; justify-content: space-between; flex-wrap: wrap; margin-left: 20px; }
#contents .companySec02 ul li{ flex-basis: 24%; font-size: 1.3rem; letter-spacing: 1px; margin-bottom: 10px; list-style-type: disc; }

#contents .companySec03{ margin-bottom: 40px; }
#contents .companySec03 ul{ display: flex; flex-wrap: wrap; margin-left: 20px; }
#contents .companySec03 ul li{ flex-basis: 50%; margin-bottom: 5px; font-size: 1.3rem; letter-spacing: 1px; list-style-type: disc; }

#contents .companySec04{ margin-bottom: 40px; }
#contents .companySec04 ul{ display: flex; flex-wrap: wrap; }
#contents .companySec04 ul li{ flex-basis: 50%; margin-bottom: 5px; font-size: 1.3rem; letter-spacing: 1px; }
#contents .companySec04 > ul > li{ margin-bottom: 30px; }
#contents .companySec04 ul li ul{ display: block; margin-left: 20px; }
#contents .companySec04 ul li ul li{  list-style-type: disc;}

/* 企業情報＞部門・スタッフ紹介 staff */
#contents .divisionSec{ display: flex; justify-content: space-between; margin-bottom: 60px; }
#contents .divisionSecTxt{ flex-basis: 42%; font-size: 1.6rem; letter-spacing: 1px; line-height: 1.7;  }
#contents .divisionSecImg{ flex-basis: 55%; margin-left: 3%; }

/* 企業情報＞山梅のあゆみ history */
#contents .historySec{}
#contents .historySecTit01{ text-align: center; font-family: "europa",sans-serif; font-weight: 700; color: #999; font-size: 2rem; letter-spacing: 2px; }
#contents .historySecTit01 span{ color: #f39f05; font-size: 3.6rem; margin-left: 5px; }
#contents .historySecTit02{ color: #33b266; font-size: 3.4rem; font-weight: 700; text-align: center; margin-bottom: 20px; }
#contents .historySec{ display: flex; justify-content: space-between; margin-bottom: 60px; }
#contents .historySecTxt{ font-size: 1.6rem; letter-spacing: 1px; line-height: 1.7;  }
#contents .historySecImg{ margin-left: 3%; }
#contents .historySecImg span{ display: block; font-size: 1.6rem; margin-top: 10px; }


/* とりくみ＞ISO認証取得 endeavor/iso */
#contents .isoSec{ display: flex; justify-content: space-between; }
#contents .isoSecTxt{ flex-basis: 50%; }
#contents .isoSecImg{ flex-basis: 48%; }
#contents .isoSecImg ul{ display: flex; justify-content: flex-end; }
#contents .isoSecImg ul li{ flex-basis: 49%; font-size: 1.6rem; letter-spacing: 1px; margin: 0 .5%; }
#contents .isoSecImg ul li img{ width: 100%; height: auto; margin-bottom: 10px; }

#contents .isoSec01{ margin-bottom: 40px; }
#contents .isoSec01 ul{ display: flex; justify-content: space-between; flex-wrap: wrap; }
#contents .isoSec01 ul li{ flex-basis: 49%; margin-bottom: 20px; }
#contents .isoSec01 ul li img{ width: 100%; height: auto; margin-bottom: 5px; }
#contents .isoSec01 ul li span{ font-size: 1.6rem; letter-spacing: 1px; }

/* とりくみ＞働き方改革 endeavor/reform */
#contents .reformSec ul{ display: flex; justify-content: flex-start; flex-wrap: wrap; margin-bottom: 60px; }
#contents .reformSec ul li{ flex-basis: 23%; margin: 0 1% 40px 1%; }
#contents .reformSec ul li img{ width: 100%; height: auto; }


#contents .reformSec ul li .reformSecImg{ margin-bottom: 10px; }
#contents .reformSec ul li .reformSecImg img{ }
#contents .reformSec ul li .reformSecTit{ font-size: 1.6rem; letter-spacing: 1px; }

/* お問い合わせ contact */
#contents .contactSec{}
#contents .contactSecTxt{ font-size: 15px; letter-spacing: 1px; }
#contents .contactSecTxt p{ margin-bottom: 40px; }
#contents .contactSecTxt ol{ margin: 20px 0 40px 20px; }
#contents .contactSecTxt ol li{ list-style-type: decimal; }

/* サイトマップ sitemap */
#contents .sitemapSec{}
#contents .sitemapSec ul{ margin-left: 20px; margin-top: 10px; margin-bottom: 20px; }
#contents .sitemapSec ul li{ font-size: 2rem; font-weight: 700; letter-spacing: 1px; margin-bottom: 20px; }
#contents .sitemapSec ul li a{ padding: 5px; }
#contents .sitemapSec ul li ul{ margin-bottom: 0; }
#contents .sitemapSec ul li ul li{ font-size: 1.6rem; font-weight: 400; letter-spacing: 1px; margin-bottom: 10px; }


.project_sec_att{ width: 650px; margin: 60px auto; border: 10px solid var(--second-color); padding: 20px; font-size: 3.3rem; font-weight: 700; text-align: center; }
.project_sec_att span{ color: var(--second-color); }

.project_sec_detail{ margin-bottom: 80px; }

.project_sec_detail_tit{ display: flex; align-items: center; font-size: 5rem; color: var(--agriculture-color); font-family: europa, sans-serif; font-weight: 700; font-style: normal; margin-bottom: 40px; }
.project_sec_detail_tit span{ display: block; width: 70px; height: 70px; background-color: var(--agriculture-color); font-size: 5rem; text-align: center; color: #fff; font-family: europa, sans-serif; font-weight: 700; font-style: normal; margin-right: 20px; }
.project_sec_detail_tit p{ font-size: 2rem; color: #fff; font-family: source-han-sans-japanese, sans-serif; font-weight: 700; font-style: normal; background-color: var(--agriculture-color); border-radius: 40px; padding: 5px 20px; margin-left: 20px; }

.project_sec_list{ display: flex; justify-content: center !important; margin-bottom: 80px; }
.project_sec_item{ margin: 0 1%; padding: 0 !important; }

.project_sec_detail_biodiversity .project_sec_detail_tit{ color: var(--biodiversity-color); }
.project_sec_detail_biodiversity .project_sec_detail_tit span{ background-color: var(--biodiversity-color); }
.project_sec_detail_biodiversity .project_sec_detail_tit p{  background-color: var(--biodiversity-color); }

.project_sec_detail_inspiration .project_sec_detail_tit{ color: var(--inspiration-color); }
.project_sec_detail_inspiration .project_sec_detail_tit span{ background-color: var(--inspiration-color); }
.project_sec_detail_inspiration .project_sec_detail_tit p{  background-color: var(--inspiration-color); }




}
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
 PCWIDE CSS END
------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
