.js-ticker {
  overflow: hidden;
}

.js-ticker-track {
  white-space: nowrap;
}

.js-ticker-item {
  white-space: normal;
  height: 100%;
  vertical-align: top;
  display: inline-block;
  position: relative;
}

@supports ((display: -webkit-box) or (display: flex)) {
  .js-ticker-track {
    position: relative;
    white-space: normal;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
  }
  .js-ticker-item {
    height: auto;
    display: block;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
  }
  .js-ticker.active .js-ticker-track {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .js-ticker.active .js-ticker-item {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
            flex: 1 0 auto;
  }
}
@charset "utf-8";

/***************************************************************************
*
* CLEARNING STYLE
*
***************************************************************************/
#siteNotiBox , #siteFixBanner {
	display: none;
}
.btn-green2 {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	width: 314px;
	height: 52px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	background: #76B536;
	justify-content: center;
	align-items: center;
	color: #fff;
	font-size: 16px;
	margin: 0 auto;
	margin-top: 58px;
	margin-bottom: 28px;
}
.item-list {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: center;
	align-items: center;
	overflow: hidden;
	padding-top: 32px;
	margin-bottom: 59px;
}
	.item-list li {
		width: 230px;
		height: 275px;
		border: 1px solid #D9F0C2;
		background: #fff;
		border-radius: 3px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		padding-top: 26px;
	}
		.item-list li .img {
			display: -webkit-flex;
			display: -moz-flex;
			display: -ms-flex;
			display: -o-flex;
			display: flex;
			justify-content: center;

		}
		.item-list li .text {
			display: block;
			font-size: 14px;
			color: #000000;
			text-align: center;	
			line-height: 1.7;
			display: -webkit-flex;
			display: -moz-flex;
			display: -ms-flex;
			display: -o-flex;
			display: flex;
			min-height: 84px;
			justify-content: center;
			align-items: center;
			margin-top: 28px;
		}

		.item-list li:nth-child(1) {
			margin-right: 10px;
		}
			.item-list li:nth-child(1) .img img {
				display: block;
				width: 93px;
				height: 105px;
			}

		.item-list li:nth-child(2) {
			margin-left: 10px;
		}
			.item-list li:nth-child(2) .img img {
				display: block;
				width: 108px;
				height: 102px;
				margin-top: 4px;
			}

.my-table {
	display: block;
	width: 643px;
	overflow: hidden;
	margin: 0 auto;
}
	.my-table .head , .my-table .sub_head , .my-table .body_table {
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		border-bottom: 1px solid #76B536;
		padding: 46px 0;

	}
		.left-title {
			margin-right: 96px;
			min-width: 56px;
		}
		.left-title p{
			font-size: 28px;
		}
		.my-table .head .right-title {
			display: -webkit-flex;
			display: -moz-flex;
			display: -ms-flex;
			display: -o-flex;
			display: flex;
			width: 340px;
			height: 39px;
			border-radius: 3px;
			-webkit-border-radius: 3px;
			-moz-border-radius: 3px;
			justify-content: center;
			align-items: center;
			border:1px solid #76B536;
		}
			.my-table .head .right-title .one {
				display: -webkit-flex;
				display: -moz-flex;
				display: -ms-flex;
				display: -o-flex;
				display: flex;
				justify-content: center;
				align-items: center;
				width: 50%;
				height: 100%;
				font-size: 16px;
				background: #76B536;
				color: #fff;
				font-weight: bold;
			}
			.my-table .head .right-title .two {
				background: #fff;
				color: #000;
			}

	.my-table .sub_head {
		padding: 36.5px 0;
	}
		.my-table .sub_head .right-title p span{
			font-size: 18px;
			color: #000;
			line-height: 42px;
			margin-right: 20px;
		}
	.my-table .body_table {
		border-bottom: none;
		margin-bottom: 16px;
	}
		.my-table .body_table .right-title {
			display: block;
		}
		.my-table .body_table .left-title {
			display: -webkit-flex;
			display: -moz-flex;
			display: -ms-flex;
			display: -o-flex;
			display: flex;
			align-items: center;
		}
			.my-table .body_table .right-title ul li {
				display: -webkit-flex;
				display: -moz-flex;
				display: -ms-flex;
				display: -o-flex;
				display: flex;
				margin-bottom: 19px;
			}
				.my-table .body_table .right-title ul li .text-li {
					font-size: 14px;
					color: #0A0A0A;
					padding-left: 18px;
				}
/*Three*/
.item-list.three {
	padding-top: 30px;
    margin-bottom: 11px;
}
	.item-list.three li {
		margin: 0;
		padding-top: 14px;
		position: relative;
	}
		.item-list.three li:nth-child(2) {
			margin: 0 20px;
		}
		.item-list.three li .title-box {
			font-size: 14px;
			font-weight: bold;
			text-align: center;
		}
		.item-list.three li .img-item {
			display: block;
			margin: 0 auto;
		}
			.item-list.three li:nth-child(1) .img-item {
				width: 66px;
				height: 57px;
				margin-top: 32px;
				margin-bottom: 9px;
			}
			.item-list.three li:nth-child(2) .img-item {
				width: 100px;
				height: 51px;
				margin-top: 29px;
				margin-bottom: 18px;
			}
			.item-list.three li:nth-child(3) .img-item {
				width: 88px;
				height: 70px;
				margin-top: 19px;
				margin-bottom: 8px;
			}
			.item-list.three li .img-item img {
				display: block;
				width: 100%;
				height: 100%;
			}
			.item-list.three li .detail {
				display: block;
				padding: 0 10px;
				font-size: 13px;				
			}
			.item-list.three li .btn_bottom {
				width: 153px;
				height: 26px;
				position: absolute;
				left: 50%;
				bottom: 15px;
				margin-left: -76.5px;
				border: 1px solid #000000;
				border-radius: 18px;
				-webkit-border-radius: 18px;
				-moz-border-radius: 18px;
				text-align: center;
				font-size: 12px;
				display: -webkit-flex;
				display: -moz-flex;
				display: -ms-flex;
				display: -o-flex;
				display: flex;
				justify-content: center;
				align-items: center;
			}
/* STYLE SP */

@media (max-width: 768px) {

	.item-list {
		padding-top: 20px;
		display: block;
		margin-bottom: 21px;
	}
		.item-list  li {
			width: 100%;
			padding-top: 8px;
			height: 192px;

		}
		.item-list  li:nth-child(n) {
			margin: 0;
			margin-bottom: 10px;
		}
		.item-list li:nth-child(1) .img img {
		    width: auto;
		    height: 100px;
		}
		.item-list li .text br{
			display: none;
		}
		.item-list li .text {
			display: block;
    		min-height: auto;
    		margin-top: 5px;
    		padding: 0 17px;
		}
	.my-table {
		display: block;
		width: 100%;
	}
	.my-table .head, .my-table .sub_head, .my-table .body_table {
		display: block;
		width: 100%;
	}

	.left-title {
		display: block;
		text-align: center;
		margin: 0;
		margin-bottom: 24px;
	}
	.my-table .head, .my-table .sub_head, .my-table .body_table {
		padding: 43px 0;
		padding-bottom: 59px;
	}
	.my-table .sub_head .right-title {
		text-align: center;
	}
	.my-table .sub_head .left-title {
		margin-bottom: 13px;
	}
	.my-table .sub_head {
		padding-bottom: 36px;
	}
	.my-table .body_table .left-title {
		justify-content: center;
		margin-top: 10px;
		margin-bottom: 38px;
	}
	.my-table .body_table .right-title ul {
		overflow: hidden;
	}
	.my-table .body_table .right-title ul li {
		display: block;
		float: left;
		width: 100%;
	}
	.my-table .body_table .right-title ul li .text-li {
		font-size: 12px;
		float: left;
		width: calc( 100% - 135px );

	}
	.my-table .body_table .right-title ul li .img {
		width: 135px;
		height: 84px;
		float: left;
	}
		.my-table .body_table .right-title ul li .img img {
			display: block;
			width: 100%;
			height: 100%;
		}
	.my-table .body_table .right-title ul li .text-li br {
		display: none;
	}
	.my-table .body_table {
		padding-bottom: 29px;
	}
	.item-list.three {
		padding-top: 19px;
		margin-bottom: 0;
	}
	.item-list.three li:nth-child(1) .img-item {
		margin-top: 11px;
	}
	.item-list.three li .detail {
		text-align: center;
		width: 266px;
    	display: block;
    	margin: 0 auto;
	}
	.item-list.three li .detail br {
		display: none;
	}
	.item-list.three li {
		padding-bottom: 60px;
    	height: auto;
	}
	.item-list.three li:nth-child(2) {
		margin: 0;
		margin-bottom: 10px;
	}
	.item-list.three li:nth-child(3) {
		padding-bottom: 0;
		padding-bottom: 7px;
	}
	.item-list.three li:nth-child(3) .detail {
		width: 300px;
	}
	.contactArea {
		margin-top: 71px;
	}
	.my-table .head .right-title{
		width: 100%;
	}
	
}