@charset "utf-8";
/* CSS Document */
body {
	background: #fcfcf4;
}
#wrapper {
	background: url(../images/hd_bg01.gif) 0 0 repeat-x;
	line-height: 1.7;
}
a:hover img {
	filter: alpha(opacity=70);
	opacity: 0.7;
	-moz-opacity: 0.7;
}
a.noLink { pointer-events: none; }
/*header------------------------------------------*/
#header {
	width: 960px;
	margin: 0 auto;
	position: relative;
	height: 150px;
}
#header h1 {
	font-size: 10px;
	color: #d5ebe2;
	position: absolute;
	top: 3px;
	left: 2px;
}
#header .logo {
	position: absolute;
	top: 22px;
	left: 0;
}
#header .inquiry {
	position: absolute;
	top: 21px;
	right: 0;
	display: grid;
	grid-template-columns: repeat(3, auto);
	gap: 5px;
	align-items: center;
}
#header .button {
	position: absolute;
	top: 14px;
	left: 222px;
}
#header #global-navi {
	position: absolute;
	top: 112px;
	left: 0;
}
#header #global-navi li {
	float: left;
}
#header #global-navi a {
	background: url(../images/gnavi.jpg) 0 0 no-repeat;
	display: block;
	height: 38px;
	width: 160px;
	overflow: hidden;
	text-indent: -999px;
}
#header #global-navi.test a {
	background-image: url(../images/gnavi_.jpg);
}
#header #global-navi .gnavi01 a {
	background-position: 0 0;
}
#header #global-navi .gnavi02 a {
	background-position: -160px 0px;
}
#header #global-navi .gnavi03 a {
	background-position: -320px 0px;
}
#header #global-navi .gnavi04 a {
	background-position: -480px 0px;
}
#header #global-navi .gnavi05 a {
	background-position: -640px 0px;
}
#header #global-navi .gnavi06 a {
	background-position: -800px 0px;
}
#header #global-navi .gnavi01 a:hover {
	background-position: 0px -42px;
}
#header #global-navi .gnavi02 a:hover {
	background-position: -160px -42px;
}
#header #global-navi .gnavi03 a:hover {
	background-position: -320px -42px;
}
#header #global-navi .gnavi04 a:hover {
	background-position: -480px -42px;
}
#header #global-navi .gnavi05 a:hover {
	background-position: -640px -42px;
}
#header #global-navi .gnavi06 a:hover {
	background-position: -800px -42px;
}
/*mainvisual------------------------------------------------*/
#mainvisual-wrap {
	width: 960px;
	margin: 0 auto;
}
#mainvisual {
	margin: 0 -158px;
}
/*gnav-btm------------------------------------------------*/
#gnav-btm {
	margin-top: 22px;
	position: relative;
	overflow: hidden;
	margin-bottom: 30px;
}
.gnav-btmIn {
	position: absolute;
	z-index: 3;
	margin: auto;
	left: 0;
	right: 0;
}
.gnav-btmIn img {
	width: 100%;
	height: auto;
}
/*mv------------------------------------------------*/
#gnav-btm .mv .item {
	margin: 0 80px;
}
.slick-dots li.slick-active button:before {
	color: #007b45 !important;
}
/*main-------------------------------------------------------*/
#main {
	width: 960px;
	margin: 0 auto 55px;
}
#contents {
	width: 710px;
	float: left;
}
#side-right {
	width: 230px;
	float: right;
}
#contents h3 {
	margin: 30px 0 0;
}
#contents .point-list {
	margin: 15px -20px 34px 0;
}
#contents .box-point-wrap {
	border: solid 1px #ddd5b7;
	width: 345px;
	float: left;
	margin: 0 18px 15px 0;
}
#contents .box-point {
	padding: 14px 10px;
	border: solid 5px #fcfcf4;
}
#contents .box-point.p01 {
	background: url(../images/bg01.gif) 0 0 repeat;
}
#contents .box-point.p02 {
	background: url(../images/bg02.jpg) 0 0 repeat;
}
#contents .box-point.p03 {
	background: url(../images/bg03.jpg) 0 0 repeat;
}
#contents .box-point.p04 {
	background: url(../images/bg04.jpg) 0 0 repeat;
}
#contents .box-point .text {
	color: #fff;
	width: 280px;
	margin: 8px auto 0;
	min-height: 88px;
}
#contents .banner,
#contents #movie {
	margin: 0 0 20px;
}
#products-list h4 {
	margin: 24px 0 0;
}
#products-list ul {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -22px 0 0;
	font-size: 12px;
	padding: 10px 0 24px 0;
}
#products-list ul li {
	width: 161px;
	/*float: left;*/
	margin: 0 22px 0 0;
}
#products-list ul li:nth-child(n+5) {
	margin-top: 30px;
}
#products-list ul li h5 a {
	display: inline-block;
	color: #007341;
	margin: 6px 0 3px;
}
#products-list ul li .image {
	border: solid 3px #f1eace;
}
#products-list ul li .text .red {
	font-weight: bold;
	color: #f00;
}
#contents .tabs {
	background: #ece8da;
	border-top: solid 5px #261106;
	position: relative;
	z-index: 2;
	padding: 12px 10px 2px 9px;
	margin: 58px 0 10px;
}
#contents .tabs .txt {
	text-align: center;
	padding-bottom: 10px;
	font-size: 15px;
	font-weight: bold;
}
#contents .tabs ul {
	display: flex;
	display: -ms-flex;
	display: -webkit-flex;
	flex-wrap: wrap;
	margin: 0 -8px 0 0;
}
#contents .tabs li {
	width: 225px;
	font-size: 1.2rem;
	line-height: 1.4;
	position: relative;
	box-sizing: border-box;
	margin: 0 0 6px;
	vertical-align: top;
	letter-spacing: 0.06em;
	color: #fff;
	border-radius: 6px;
	min-height: 58px;
	cursor: pointer;
	transition: all ease 0.3s;
}
#contents .tabs li:not(:nth-child(3n - 2)) {
	margin-left: 9px;
}
#contents .tabs li > span {
	display: block;
	height: 100%;
	width: 100%;
	display: flex;
	align-items: center;
	font-weight: bold;
	justify-content: center;
	display: -ms-flex;
	display: -webkit-flex;
	font-size: 17px;
	box-sizing: border-box;
	padding: 1px 10px 0;
	border: 1px solid rgba(255, 255, 255, 0.5);
	border-radius: 4px;
}
#contents .tabs li > span span {
	text-align: center;
	font-weight: bold;
}
#contents .tabs li > span .small {
	font-size: 12px;
	font-weight: bold;
}
#contents .tabs li.tab1 {
	border: 2px solid #7cab80;
	background: linear-gradient(to bottom, #7cab80 0%, #659c6a 100%);
}
#contents .tabs li.tab2 {
	border: 2px solid #d07c78;
	background: linear-gradient(to bottom, #d07c78 0%, #c86460 100%);
}
#contents .tabs li.tab3 {
	border: 2px solid #80b1b4;
	background: linear-gradient(to bottom, #80b1b4 0%, #6aa3a7 100%);
}
#contents .tabs li.tab4 {
	border: 2px solid #9a7fc6;
	width: calc(50% - 7px);
	background: linear-gradient(to bottom, #9a7fc6 0%, #8868bc 100%);
}
#contents .tabs li.tab5 {
	border: 2px solid #e09c00;
	width: calc(50% - 7px);
	background: linear-gradient(to bottom, #e09c00 0%, #db8b00 100%);
}
#contents .tabs li.active,
#contents .tabs li:hover {
	background: #fff;
}
#contents .tabs li.tab1.active,
#contents .tabs li.tab1:hover {
	color: #7cab80;
}
#contents .tabs li.tab2.active,
#contents .tabs li.tab2:hover {
	color: #d07c78;
}
#contents .tabs li.tab3.active,
#contents .tabs li.tab3:hover {
	color: #80b1b4;
}
#contents .tabs li.tab4.active,
#contents .tabs li.tab4:hover {
	color: #9a7fc6;
}
#contents .tabs li.tab5.active,
#contents .tabs li.tab5:hover {
	color: #e09c00;
}

#contents .youtube_list-wrap {
	padding: 10px 5px 18px;
	margin: -2px 0 20px;
	background: #eafff6;
	border: 1px solid #2eb382;
	border-top: 0;
}

#contents .youtube_list {	
	display: flex;
}
#contents .youtube_list + .youtube_list {	
	margin-top: 15px;
}
#contents .youtube_list img {
	max-width: 100%;
}
#contents .youtube_list li {
	margin: 0 5px;
	width: calc(20% - 10px);
	text-align: center;
}
#contents .youtube_list li a {
	color: #007945;
	font-size: 12px;

}
#contents .youtube_list li p {
	margin-top: 10px;
}

#contents .youtube_list.is-col6 li {
	width: calc(16.666% - 10px);
}

#products-list .tab-content.hidden {
	display: none;
}

#side-right .side-inquiry {
	position: relative;
}
#side-right .side-inquiry .button {
	position: absolute;
	bottom: 12px;
	left: 12px;
}
#side-right ul {
	background: #e0dac0;
	padding: 6px;
	margin: 12px 0 18px;
}
#side-right ul li {
	margin: 0 0 7px;
}
#side-right ul .last {
	margin: 0;
}
#side-right .sd-products ul li a {
	width: 228px;
	display: block;
}
#side-right ul li img {
	max-width: 100%;
}
#side-right .banner {
	margin: 0 0 12px;
}
#side-right .banner.newpage {
	padding: 18px 0 0;
	border-top: solid 1px #ddd5b7;
}
#side-right .sd-movie ul {
	background: #fff;
	padding: 10px 20px;
	margin: 0 0 18px;
	border: 4px solid #e0ecde;
	border-top: none;
}
#side-right .sd-movie ul li {
	margin: 0;
	text-indent: -1.5em;
	padding-left: 1em;
	line-height: 1.3;
}
#side-right .sd-movie ul li + li {
	border-top: 1px solid #e0ecde;
}
#side-right .sd-movie ul li a {
	display: block;
	text-decoration: none;
	color: #007341;
	font-weight: bold;
	padding: 10px;
	background: url(../images/ico_arw01.png) 100% 50% no-repeat;
}
#side-right .sd-movie ul li a:hover {
	text-decoration: underline;
}
#side-right .sd-youtube {
	background: #fff;
	padding: 0;
}
#side-right .sd-youtube ul li img {
	max-width: 100%;
	height: auto;
}
#side-right .sd-products{
	margin-top: 15px;
}
#side-right .sd-products ul{
	margin-top: 0;
	background: none;
	padding: 0;
}

/*footer--------------------------------------------------*/
#footer-wrap {
	height: 360px;
	background: url(../images/ft_bg.gif) 0 15px repeat-x;
}
#footer {
	width: 960px;
	margin: 0 auto;
	color: #ffffff;
	position: relative;
}
#footer h1 {
	font-size: 10px;
	position: absolute;
	top: 180px;
	left: 0;
}
#footer .logo {
	position: absolute;
	top: 200px;
	left: 0;
}
#footer .info {
	position: absolute;
	top: 268px;
	left: 0;
}
#footer .inquiry {
	position: absolute;
	top: 170px;
	right: 0;
}
#footer .button {
	position: absolute;
	top: 14px;
	right: 12px;
}
#footer .menu-list {
	position: absolute;
	top: 33px;
	left: 10px;
}
#footer .link-top a,
#footer ul li a {
	color: #007341;
	background: url(../images/bullet.jpg) 0 50% no-repeat;
	padding: 0 0 0 20px;
}
#footer .link-top a {
	font-weight: bold;
}
#footer ul {
	width: 100%;
}
#footer ul li {
	float: left;
	margin: 5px 10px 0 0;
	width: 215px;
}
#pagetop {
	position: fixed;
	bottom: 380px;
	margin: 0 0 0 1065px;
}
#copyright {
	position: absolute;
	top: 337px;
	left: 330px;
}

/* new clearfix
================================================================*/
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
* html .clearfix {
	zoom: 1;
} /* IE6 */
*:first-child + html .clearfix {
	zoom: 1;
} /* IE7 */