@charset "utf-8";

/* ================================================================================
	Additional
================================================================================ */
.box {
	margin-bottom: 30px;
}
.box::after {
	content: '';
	display: block;
	clear: both;
}

.box_left {
	float: left;
	margin: 0 30px 30px 0;
}

.box_right {
	float: right;
	margin: 0 0 30px 30px;
}

.box_text {
	overflow: hidden;
}

.box_color {
	overflow: hidden;
	margin-bottom: 40px;
	padding: 30px;
	background: #edf8ed;
	border-radius: 15px;
}

.box_color_success {
	overflow: hidden;
	margin-bottom: 40px;
	padding: 30px;
	background: #d4edda;
	border-radius: 15px;
}

.box_border {
	overflow: hidden;
	margin-bottom: 40px;
	padding: 30px;
	border: 2px solid #2fb383;
	border-radius: 15px;
}

.color_green {
	color: #28a745;
}

.color_red {
	color: #dc3545;
}

.img_frame {
	overflow: hidden;
	padding: 2px;
	border: 2px solid #ddd;
	vertical-align: top;
}

.reset_ttl {
}


/* =============================================== */
/** Project */
/* =============================================== */

.map_wrap iframe {
	width: 100%;
	height: 450px;
	vertical-align: top;
}

.img_shadow img {
	box-shadow: 10px 10px #fafac5;
}

.entry_body dl dt {
	color: #309f2c;
	font-size: 18px;
	font-weight: 700;
}
.entry_body dl dd {
	margin-bottom: 10px;
}

.tbl_fixed th,
.tbl_fixed td {
	line-height: 1.8;
	text-align: center !important;
	vertical-align: middle !important;
}

.contents_ttl {
	margin: 100px 0 50px;
	line-height: 1;
	text-align: center;
}
.contents_ttl_en {
	display: block;
	margin-bottom: 15px;
	background: var(--site-gradient);
	/* グラデーションを文字にクリップ */
	-webkit-background-clip: text;           /* Chrome / Safari */
	background-clip: text;                   /* Firefox */
	/* 文字を透明化 */
	color: transparent;                      /* Firefox */
	-webkit-text-fill-color: transparent;    /* Chrome / Safari */
	font-family: 'Montserrat', sans-serif;
	font-size: 90px;
	font-weight: 700;
	letter-spacing: 0.04em;
}
.contents_ttl_jp {
	margin: 0 !important;
	padding: 0 !important;
	background: none !important;
	color: #000 !important;
	font-size: 20px !important;
	font-weight: 700;
	letter-spacing: 0.05em;
}

.contents_btn {
	text-align: center;
}
.contents_btn a {
	display: inline-block;
	position: relative;
	width: 330px;
	height: 66px;
	padding: 0 30px;
	border-radius: 33px;
	background: var(--site-gradient);
	line-height: 66px;
	color: #fff;
	font-size: 18px;
	font-weight: 700;
	text-align: left;
	letter-spacing: 0.1em;
}
.contents_btn a::before {
	content: '\f105';
	position: absolute;
	top: 18px;
	right: 20px;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background: #fff;
	line-height: 30px;
	color: #52bf4d;
	font-family: 'Font Awesome 6 Pro';
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	font-variant: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-align: center;
	text-rendering: auto;
	letter-spacing: 0;
}


/* =============================================== */
/** Page */
/* =============================================== */

/* 製品情報 */
.page-item .tbl_fixed th,
.page-item .tbl_fixed td {
	padding: 10px !important;
	text-align: center !important;
	vertical-align: middle;
}
.page-item .tbl_fixed td img {
	padding: 10px 10px 0;
}

/* よくあるご質問 */
.tbl_qa {
	margin-bottom: 30px;
}
.tbl_qa th,
.tbl_qa td {
	background: none !important;
	border: none !important;
}
.tbl_qa th {
	width: 5%;
	padding: 25px !important;
}
.tbl_qa td {
	padding: 25px 25px 25px 0 !important;
	vertical-align: middle;
}
.tbl_qa tr:nth-child(2n-1) td {
	font-size: 20px;
	font-weight: bold;
	vertical-align: middle;
}
.tbl_qa tr:nth-child(2n) {
	background: #f5f5f5;
}
.tbl_qa tr:nth-child(2n) th {
	vertical-align: top;
}
.q_icon {
	display: inline-block;
	width: 56px;
	height: 56px;
	border-radius: 50%;
	background: #2fb383;
	line-height: 56px;
	color: #fff;
	font-family: 'Montserrat', sans-serif;
	font-size: 23px;
	font-weight: 700;
	text-align: center;
}
.a_icon {
	display: inline-block;
	width: 56px;
	height: 56px;
	border-radius: 50%;
	background: #8acf33;
	line-height: 56px;
	color: #fff;
	font-family: 'Montserrat', sans-serif;
	font-size: 23px;
	font-weight: 700;
	text-align: center;
}

/* 会社概要 */
.box_color.-message {
	margin-bottom: 80px;
	padding: 70px;
	border-radius: 40px;
}
.box_color.-message .box_left {
	margin-right: 70px;
}
.box_color.-message .box_left img {
	border-radius: 50%;
}
.box_color.-message .box_text {
	padding-top: 20px;
}
.box_color.-message .box_text h3 {
	margin: 0 0 20px !important;
	padding: 0 !important;
	line-height: 1.428 !important;
	font-size: 42px !important;
	font-weight: 700;
	-webkit-font-feature-settings: 'palt';
	font-feature-settings: 'palt';
	letter-spacing: 0.1em;
}
.box_color.-message .box_text h3::before {
	display: none;
}

/* 製品 */
.box.-item {
	margin-bottom: 70px;
}
.box.-item .box_left {
	width: 400px;
	margin-right: 60px;
	padding-top: 10px;
}
.box.-item .box_text {
	padding-top: 20px;
}
.box.-item .box_text strong {
	color: #bc2121;
}
.box.-item .box_text h3,
.box.-item h4 {
	margin-top: 0;
}
.box.-item .box_text h3 {
	margin-bottom: 15px;
}
.item_lavel {
	display: inline-block;
	height: 35px;
	margin: 0 10px 20px 0;
	padding: 0 15px;
	border-radius: 4px;
	background: #2fb383;
	line-height: 35px;
	color: #fff;
	font-weight: 700;
	text-align: center;
}
.-img-fixed {
	padding: 0 40px;
}

/* 柵線・ネット */
.page-fence_wire_net .item_lavel {
	margin: 0 10px 10px 0;
}
.page-fence_wire_net .box.-item .box_left {
	width: 350px;
}
.page-fence_wire_net h4 {
	margin: 0 0 10px !important;
	line-height: 1.4;
}
.icon_ttl {
	line-height: 50px;
	font-size: 22px;
	font-weight: 700;
}
.icon_ttl img {
	margin-right: 10px;
	vertical-align: middle;
}

/* FRPポール・杭 */
.page-frp_poles .item_lavel {
	margin: 0 10px 10px 0;
}
.page-frp_poles .box.-item .box_left {
	width: 350px;
}
.page-frp_poles h4 {
	margin: 0 0 10px !important;
	line-height: 1.4;
}

/* 電源オプション */
.page-power_options h4 {
	margin: 0 0 10px !important;
	line-height: 1.4;
}

/* 箱罠 */
.page-box_trap .item_lavel {
	margin: 0 0 5px 0;
}

/* その他 */
.page-others .item_lavel {
	margin: 0 10px 10px 0;
}
.page-others h4 {
	margin: 0 0 10px !important;
	line-height: 1.4;
}

/* 動物別対策 */
.contents_bnfs_list {
	display: flex;
	justify-content: space-between;
	margin: 0 0 30px !important;
}
.contents_bnfs_list_item {
	flex: 0 0 auto;
	width: 215px;
	max-width: 100%;
	text-align: center;
}
.contents_bnfs_list_img {
	margin-bottom: 15px;
}
.contents_bnfs_list_img img {
	padding: 4px;
	border: 4px solid #2fb383;
	border-radius: 50%;
	background: #fff;
}
.contents_bnfs_list_ttl {
	margin: 0 0 5px !important;
	padding: 0 !important;
	line-height: 1.4;
	font-size: 20px;
	font-weight: 700;
	letter-spacing: 0.05em;
}
.contents_bnfs_list_ttl::before {
	display: none;
}