/* Common */
.sec-title {
	gap:24px;
	font-size: 3.2rem;
}

.sec-title::before,
.sec-title::after {
	content: "";
	display: inline-block;
	width:2px;
	height:32px;
	background-color: #008142;
}

.sec-text {
	font-size:2.4rem;
}

.sec-assist {
	font-size:4rem;
}

.sec-link {
	position: absolute;
	right:0;
	bottom:0;
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 280px;
	height:70px;
	padding:0px 8px 0px 40px;
	border-radius:100px;
	background-color: transparent;
	box-shadow: 0 0 0 1px #000 inset;
	overflow: hidden;
	transition: var(--transition-basic);
}

.sec-link i {
	z-index:5;
	font-size: 2rem;
	transition: var(--transition-basic);
}

.sec-link span {
	width: 56px;
	height:56px;
}

.sec-link span::before {
	content: "";
	display: block;
	width: 100%;
	height:100%;
	border-radius:50%;
	background-color: #008142;
	transform-origin: center center;
	transition: var(--transition-basic);
}

.sec-link span::after {
	content: "";
	display: block;
	position: absolute;
	top:0;
	left:0;
	width: 100%;
	height:100%;
	background: url('../img/main/sec00_arr.png') no-repeat center;
}

@media screen and (min-width:1201px) {
	.sec-link:hover {
		box-shadow:0 0 0 1px #008142 inset;
	}

	.sec-link:hover i {
		color:#fff;
	}

	.sec-link:hover span::before {
		transform: scale(10);
	}
}
@media screen and (max-width:1200px) {
	.sec-title {
		gap:16px;
		font-size: 2.8rem;
	}

	.sec-title::before, .sec-title::after {
		height:26px;
	}

	.sec-text {
		font-size: 2rem;
	}

	.sec-assist {
		font-size:3.2rem;
	}

	.sec-link {
		width: 240px;
		height:60px;
	}
	
	.sec-link i {
		font-size: 1.8rem;
	}
	
	.sec-link span {
		width: 46px;
		height:46px;
	}
}
@media screen and (max-width:1024px) {
	.sec-link {
		position: relative;
		right: unset;
		bottom: unset;
	}
}
@media screen and (max-width:768px) {
	.sec-title {
		gap:10px;
		font-size: 2.4rem;
	}

	.sec-title::before, .sec-title::after {
		height:22px;
	}

	.sec-text {
		font-size:1.8rem;
	}

	.sec-assist {
		font-size:2.8rem;
	}

	.sec-link {
		width: 200px;
		height:50px;
		padding:0px 8px 0px 20px;
	}

	.sec-link i {
		font-size:1.6rem;
	}

	.sec-link span {
		width: 36px;
		height:36px;
	}

	.sec-link span::after {
		background-size: auto 10px;
	}
}
@media screen and (max-width:576px) {
	.sec-title {
		gap:10px;
		font-size: 2rem;
	}

	.sec-title::before, .sec-title::after {
		height:18px;
	}

	.sec-text {
		font-size:1.6rem;
	}

	.sec-assist {
		font-size:2.4rem;
	}

	.sec-link {
		width: 180px;
		height:44px;
		padding:0px 4px 0px 20px;
	}

	.sec-link i {
		font-size:1.4rem;
	}

	.sec-link span {
		width: 34px;
		height:34px;
	}
}


/* Sec01 */
.sec01 .control {
	display: flex;
	justify-content: center;
	align-items: center;
	gap:20px;
	position: absolute;
	left:50%;
	bottom:80px;
	transform: translateX(-50%);
	width: 200px;
	padding:8px 10px;
	border-radius:50px;
	background-color: rgba(0,0,0,.3);
	z-index: 10;
}

.sec01 .prev,
.sec01 .next {
	display: block;
	position: absolute;
	top:50%;
	transform: translateY(-50%);
	width:30px;
	height:52px;
	background-repeat: no-repeat;
	background-position: center;
	z-index:10;
	cursor: pointer;
	opacity:0.6;
	transition:var(--transition-basic);
}

.sec01 .prev {
	left:80px;
	background-image: url('../img/main/sec01_btn_prev.png');
}

.sec01 .next {
	right:80px;
	background-image: url('../img/main/sec01_btn_next.png');
}

.sec01 .pagination {
	width: auto;
	gap:16px;
}

.sec01 .swiper-pagination-bullet {
	opacity: 1;
	width:10px;
	height: 10px;
	background-color: #fff;
	margin:0px !important;
}

.sec01 .swiper-pagination-bullet-active {
	background-color: transparent;
	box-shadow: 0 0 0 2px #fff inset;
}

.sec01 .swiper-btn {
	display: block;
	width:8px;
	height:12px;
}

.sec01 .swiper-btn span {
	display: block;
	width:100%;
	height:100%;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url('../img/main/sec01_btn_play.png');
	transition: var(--transition-basic);
}

.sec01 .swiper-btn.play span {
	background-image: url('../img/main/sec01_btn_stop.png');
}

@media screen and (min-width:1201px) {
	.sec01 .prev:hover,
	.sec01 .next:hover {
		opacity:1;
	}
}
@media screen and (max-width:1200px) {
	.sec01 .prev,
	.sec01 .next {
		display: none;
	}

	.sec01 .control {
		bottom:40px;
	}
}
@media screen and (max-width:1024px) {
	.sec01 .control {
		gap:16px;
		width:160px;
		padding: 6px;
	}

	.sec01 .pagination {
		gap:10px;
	}

	.sec01 .swiper-pagination-bullet {
		width:8px;
		height:8px;
	}

	.sec01 .swiper-btn {
		height:10px;
	}
}
@media screen and (max-width:768px) {
	.sec01 .control {
		bottom:20px;
		width:140px;
	}
}
@media screen and (max-width:576px) {
	.sec01 .control {
		gap:10px;
		bottom:16px;
		width:120px;
		padding:6px 4px;
	}

	.sec01 .swiper-pagination-bullet {
		width:6px;
		height:6px;
	}
	
	.sec01 .swiper-btn {
		height:8px;
	}
}


/* Sec02 */
.sec02 .hover {
	position: absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	padding:60px 0px 60px 60px;
	background-color: rgba(16,129,70,.9);
	transition: var(--transition-basic);
}

.sec02 .title {
	font-size:3.2rem;
}

.sec02 .title::after {
	content: "";
	display: block;
	position: absolute;
	top:50%;
	right:0;
	transform: translateY(-50%);
	width:200px;
	height:1px;
	background-color: rgba(255,255,255,.6);
}

.sec02 dd {
	gap:10px;
	font-size: 2rem;
	line-height: 1.8;
}

.sec02 dd::before {
	content: "";
	display: block;
	width:2px;
	height:18px;
	background-color: #fff;
}

@media screen and (min-width:1025px) {
	.sec02 .hover {
		opacity:0;
		visibility: hidden;
	}
	
	.sec02 .list li:hover .hover {
		opacity: 1;
		visibility: visible;
	}
}
@media screen and (max-width:1200px) {
	.sec02 .title {
		font-size:2.8rem;
	}

	.sec02 dd {
		font-size:1.8rem;
	}
}
@media screen and (max-width:1024px) {
	.sec02 .list li:not(:last-child) {
		margin-bottom:12px;
	}

	.sec02 .hover {
		position: relative;
		top:unset;
		left: unset;
		padding:40px 0px 40px 40px;
		order: 2;
	}

	.sec02 .title {
		margin-bottom:36px;
	}

	.sec02 dd::before {
		height:14px;
	}
}
@media screen and (max-width:768px) {
	.sec02 .hover {
		padding:30px;
	}

	.sec02 .title {
		font-size:2.4rem;
		margin-bottom:20px;
	}

	.sec02 .title::after {
		right:-30px;
	}

	.sec02 dd {
		font-size:1.6rem;
	}

	.sec02 dd::before {
		height:12px;
	}
}
@media screen and (max-width:576px) {
	.sec02 .list li:not(:last-child) {
		margin-bottom:6px;
	}

	.sec02 .hover {
		padding:20px;
	}

	.sec02 .title {
		font-size:2rem;
		margin-bottom:12px;
	}

	.sec02 .title::after {
		right:-20px;
	}

	.sec02 dd {
		gap:6px;
		font-size:1.4rem;
	}

	.sec02 dd::before {
		height:10px;
	}
}


/* Sec03 */
.sec03 .table {
	table-layout: fixed;
	border-collapse: collapse;
	width: 100%;
}

.sec03 .table thead {
	border-bottom:2px solid #008142
}

.sec03 .table th,
.sec03 .table td {
	height:90px;
	padding:20px 10px;
	font-size:2.4rem;
}

.sec03 .table th {
	background-color: #fafaf7;
}

.sec03 .table td {
	background-color: #d6ebdd;
	border-bottom: 1px solid #fff;
	border-right: 1px solid #fff;
}

.sec03 .table td:last-child {
	border-right:0px;
}

.sec03 .table td.td-last {
	border-bottom:0px;
}

.sec03 .table td.td-data {
	background-color:#f6fff9;
	border-bottom-color: #99cea9;
}

.sec03 .table td.td-data-last {
	border-bottom:0px;
}

.sec03 .table td.td-point {
	background-color: #99cea9;
}

@media screen and (max-width:1200px) {
	.sec03 .table th,
	.sec03 .table td {
		height:70px;
		font-size:2rem;
	}
}
@media screen and (max-width:1024px) {
	.sec03  .bd::before {
    content: '';
    z-index: 3;
    position: absolute;
    top: 0;
    right: 0;
    width: 15px;
    height: 100%;
    background: -moz-linear-gradient(left,rgba(0,0,0,0) 0%,rgba(0,0,0,0.2) 100%);
    background: -webkit-linear-gradient(left,rgba(0,0,0,0) 0%,rgba(0,0,0,0.2) 100%);
    background: linear-gradient(to right,rgba(0,0,0,0) 0%,rgba(0,0,0,0.2) 100%);
  }

	.sec03 .scrolled {
		overflow-x: auto;
		width:100%;
	}

	.sec03 .table {
		min-width: 1100px;
	}

	.sec03 .table th, .sec03 .table td {
		padding:12px 6px;
	}
}
@media screen and (max-width:768px) {
	.sec03 .table th,
	.sec03 .table td {
		height:60px;
		font-size:1.8rem;
	}
}
@media screen and (max-width:576px) {
	.sec03 .table {
		min-width: 800px;
	}

	.sec03 .table th,
	.sec03 .table td {
		height:44px;
		padding:8px 4px;
		font-size:1.6rem;
	}
}


/* Sec04 */
@media screen and (max-width:1200px) {

}
@media screen and (max-width:1024px) {

}
@media screen and (max-width:768px) {

}
@media screen and (max-width:576px) {

}


/* Sec05 */
@media screen and (max-width:1200px) {

}
@media screen and (max-width:1024px) {

}
@media screen and (max-width:768px) {

}
@media screen and (max-width:576px) {

}


/* Sec06 */
@media screen and (max-width:1200px) {

}
@media screen and (max-width:1024px) {
	.sec06 .list li {
		flex:1 0 33.33%;
		max-width: 33.33%;
	}	

	.sec06 .img img {
		width: 100%;
	}
}
@media screen and (max-width:768px) {

}
@media screen and (max-width:576px) {
	.sec06 .list li {
		flex:1 0 50%;
		max-width: 50%;
	}	

	.sec06 .list li:last-child {
		display: none;
	}
}


/* Sec07 */
.sec07 .lt,
.sec07 .rt {
	width: 50%;
}

.sec07 .hd {
	position: absolute;
	top:0;
	left:0;
}

.sec07 .swiper {
	border-radius:10px;
}

.sec07 .controls {
	display: flex;
	justify-content: center;
	align-items: center;
	gap:20px;
	position: absolute;
	left:0;
	bottom:0;
	width:180px;
	height:50px;
	border-radius:10px;
	background-color: #008142;
	z-index:10;
}

.sec07 .prev,
.sec07 .next {
	display: block;
	width:20px;
	height:16px;
	background-repeat: no-repeat;
	background-position: center;
	cursor: pointer;
}

.sec07 .prev {
	background-image: url('../img/main/sec07_btn_prev.png');
}

.sec07 .next {
	background-image: url('../img/main/sec07_btn_next.png');
}

.sec07 .pagination {
	width: auto;
	font-size:1.8rem;
	font-weight:600;
	line-height: 1;
	color:#ccc;
}

.sec07 .pagination span {
	display: block;
	width:30px;
	text-align: center;
}

.sec07 .pagination span.swiper-pagination-current,
.sec07 .pagination span.swiper-pagination-total {
	font-size:2.4rem;
}

.sec07 .pagination span.swiper-pagination-current {
	color:#fff;
}

@media screen and (max-width:1200px) {
	.sec07 .pagination span.swiper-pagination-current,
	.sec07 .pagination span.swiper-pagination-total {
		font-size:2rem;
	}
}
@media screen and (max-width:1024px) {
	.sec07 .lt,
	.sec07 .rt {
		max-width:580px;
		width: 100%;
	}

	.sec07 .hd {
		position: relative;
	}

	.sec07 .din {
		gap:12px;
	}
	
	.sec07 .controls {
		width: 100%;
		height:40px;
		gap:12px;
	}

	.sec07 .prev,
	.sec07 .next {
		height:14px;
		background-size:auto 14px;	
	}
}
@media screen and (max-width:768px) {
	.sec07 .lt,
	.sec07 .rt {
		max-width:480px;
	}

	.sec07 .controls {
		height:36px;
	}

	.sec07 .pagination span {
		width:22px;
	}

	.sec07 .pagination span.swiper-pagination-current,
	.sec07 .pagination span.swiper-pagination-total {
		font-size:1.8rem;
	}
}
@media screen and (max-width:576px) {
	.sec07 .din {
		gap:6px;
	}

	.sec07 .lt,
	.sec07 .rt {
		max-width:380px;
	}

	.sec07 .pagination span {
		width:18px;
	}

	.sec07 .pagination span.swiper-pagination-current,
	.sec07 .pagination span.swiper-pagination-total {
		font-size:1.6rem;
	}

	.sec07 .prev,
	.sec07 .next {
		width:15px;
		height:12px;
		background-size:auto 12px;	
	}
}


/* Sec08 */
.sec08 .hd {
	position: absolute;
	top:0;
	left:0;
	z-index: 10;
}

.sec08 .bd {
	position: relative;
	padding-top:100px;
}

.sec08 .info {
	display: flex;
	justify-content: center;
}

.sec08 .info dl {
	display: flex;
	justify-content: center;
	gap:80px;
}

.sec08 .info dd {
	display: flex;
	align-items: center;
	gap:40px;
}

.sec08 .info .icon {
	display: block;
	width:64px;
	height:64px;
	background-repeat: no-repeat;
	background-position: center;
}

.sec08 .info .icon01 {
	background-image: url('../img/main/sec08_ico01.png');
}

.sec08 .info .icon02 {
	background-image: url('../img/main/sec08_ico02.png');
}

.sec08 .info .text {
	width: calc(100% - 104px);
	font-size:2.4rem;
}

.sec08 .info .text b {
	font-size:3.2rem;
}

.sec08 .info .text-flex {
	display: flex;
	align-items: center;
	gap:30px;
}

@media screen and (max-width:1366px) {
	.sec08 img {
		width: 1020px;
	}
}
@media screen and (max-width:1200px) {
	.sec08 .info dl {
		gap:40px;
	}

	.sec08 img {
		width: 820px;
	}

	.sec08 .info .icon {
		width: 54px;
		height:54px;
		background-size:auto 54px;
	}

	.sec08 .info .text {
		width: calc(100% - 74px);
		font-size:2rem;
	}
	
	.sec08 .info .text b {
		font-size:2.8rem;
	}
}
@media screen and (max-width:1024px) {
	.sec08 .hd {
		position: relative;
		top:unset;
		left: unset;
		width: 100%;
	}

	.sec08 .bd {
		padding-top:60px;
	}

	.sec08 .info dd {
		gap:20px;
	}

	.sec08 .info .icon {
		width: 46px;
		height:46px;
		background-size:auto 46px;
	}

	.sec08 .info .text {
		width: calc(100% - 66px);
	}

	.sec08 .info .text-flex {
		gap:20px;
	}

	/* .sec08 .lt,
	.sec08 .rt {
		max-width:720px;
		width:100%;
	}

	.sec08 .icon {
		width: 46px;
		height:46px;
		background-size:auto 46px;
	}

	.sec08 .text {
		width: calc(100% - 66px);
	}

	.sec08 .text-flex {
		gap:20px;
	} */
}
@media screen and (max-width:768px) {
	.sec08 .info {
		max-width:520px;
		width: 100%;
		margin: 0 auto;
	}

	.sec08 .info .text {
		font-size:1.8rem;
	}
	
	.sec08 .info .text b {
		width: 100%;
		order: 1;
		font-size:2.4rem;
	}

	.sec08 .info .text-flex {
		gap:6px;
	}
}
@media screen and (max-width:576px) {
	.sec08 .bd {
		padding-top:40px;
	}

	.sec08 .info dl {
		flex-direction: column;
		align-items: center;
		gap:20px;
	}

	.sec08 .info dd {
		width: 100%;
	}

	.sec08 .info .icon {
		width: 34px;
		height:34px;
		background-size:auto 34px;
	}

	.sec08 .info .text {
		/* width: 100%; */
		font-size:1.6rem;
	}
	
	.sec08 .info .text b {
		font-size:2rem;
	}

	.sec08 .info .text-flex {
		justify-content: flex-start;
		gap:4px;
	} 

	/* .sec08 .info {
		gap:30px;
	}

	.sec08 .list li {
		gap:6px;
	}

	.sec08 .icon {
		width: 34px;
		height:34px;
		background-size:auto 34px;
	}

	.sec08 .text {
		width: 100%;
		font-size:1.6rem;
	}
	
	.sec08 .text b {
		font-size:2rem;
	}

	.sec08 .text-flex {
		gap:4px;
	} */
}


/* Food */
.sec09 .list {
	display: flex;
	flex-wrap: wrap;
	margin:-24px;
}

.sec09 .list li {
	flex:1 1 33.33%;
	max-width: 33.33%;
	padding:24px;
}

.sec09 .list .con {
	height:100%;
	border-radius: 10px;
	overflow: hidden;
	border:1px solid #e8d6a7;
}

.sec09 .list .tit {
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	padding:40px 20px;
	background-color: #f7f1e0;
}

.sec09 .list .tit p {
	font-size:3.2rem;
}

.sec09 .list .txt {
	padding:40px 0px;
}

.sec09 .list .txt p {
	font-size:2rem;
	line-height:1.6;
}

@media screen and (max-width:1366px) {
	.sec09 .list {
		margin:-18px;
	}

	.sec09 .list li {
		padding:18px;
	}

	.sec09 .list .txt p {
		font-size:1.8rem;
	}
}
@media screen and (max-width:1200px) {
	.sec09 .list {
		margin:-12px;
	}

	.sec09 .list li {
		padding:12px;
	}

	.sec09 .list .tit p {
		font-size:2rem;
	}

	.sec09 .list .txt p {
		font-size:1.6rem;
	}
}
@media screen and (max-width:1024px) {
	.sec09 .list {
		margin:-8px;
	}
	
	.sec09 .list li {
		flex:1 1 50%;
		max-width:50%;
		padding:8px;
	}

	.sec09 .list img {
		width: 100%;
	}

	.sec09 .list .tit {
		padding: 16px;
	}

	.sec09 .list .txt {
		padding:30px 0px;
	}
}
@media screen and (max-width:768px) {
	.sec09 .list li {
		flex:1 1 100%;
		max-width:100%;
	}

	.sec09 .list .tit p {
		font-size:1.8rem;
	}

	.sec09 .list .txt {
		padding:30px 20px;
	}

	.sec09 .list .txt p {
		font-size:1.4rem;
	}

	.sec09 .list .txt p br {
		display: none;
	}
}
@media screen and (max-width:576px) {
	.sec09 .list {
		margin:-4px;
	}
	
	.sec09 .list li {
		padding:4px;
	}

	.sec09 .list .img {
		position: relative;
		width: 100%;
		padding-top: 75%;
		overflow: hidden;
	}

	.sec09 .list img {
		display: block;
		position: absolute;
		top:0;
		left:0;
		width: 100%;
		height:100%;
	}

	.sec09 .list .tit {
		padding:10px;
	}

	.sec09 .list .tit p {
		font-size:1.6rem;
	}

	.sec09 .list .txt {
		padding:12px;
	}

	.sec09 .list .txt p {
		font-size:1.2rem;
	}
}



@media screen and (max-width:1366px) {
	
}
@media screen and (max-width:1200px) {

}
@media screen and (max-width:1024px) {

}
@media screen and (max-width:768px) {

}
@media screen and (max-width:576px) {

}

/* Popup */
#popup {
	position: relative;
}

.popup-layer {
	z-index: 10000;
	position: absolute;
	background: #fff;
	box-shadow: 0px 0px 20px 0px rgba(0,0,0,.25);
	animation: popup-fade .65s ease-in-out .35s forwards;
	opacity: 0;
	max-width:800px;
}

@keyframes popup-fade {
	0% { opacity: 0;
	-webkit-transform: translateY(25px);
	-ms-transform: translateY(25px);
	transform: translateY(25px); }
	100% { opacity: 1;
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0); }
}
.popup-layer__body {
	background: #fff;
}

.popup-layer__body img {
	display: block;
	margin: 0 auto;
	border: none;
	max-width: 100%;
}

.popup-layer__foot {
	background: #424242;
}

.popup-layer__foot ul {
	display:flex;
	flex-wrap: wrap;
}

.popup-layer__foot li {
	width:50%;
	padding:10px;
}

.popup-layer__foot li:first-child {
	padding-right:0;
}

.popup-layer__foot li:last-child {
	text-align: right;
}

.popup-layer__foot span {
	font-size: 1.5rem;
	color: #fff;
	cursor: pointer;
	transition:all 0.3s ease;
}

.popup-layer__foot label:hover span { opacity: .7; }

/* .popup-layer-foot { background: #424242; }
.popup-layer-foot span { font-size: 15px; color: #fff; }
.popup-layer-foot label:hover span { opacity: .7; }
.popup-layer-foot li:first-child { padding-right: 0; }
.popup-layer-foot li:last-child { text-align: right; } */


@media (max-width: 1024px){
	/* .popup-layer { z-index: 999; } */
	.popup-layer { top: 95px !important; left: 0 !important; margin: 0 5px; }
}
@media (max-width: 768px){

	.popup-layer {
		width:calc(100% - 10px);
	}

	.popup-layer img {
		max-width: none;
		width:100%;
		height: auto !important;
	}
	.popup-layer-foot span { font-size: 14px; }

}
@media (max-width: 375px){
	.popup-layer-foot li { width: 100%; }
	.popup-layer-foot li:last-child { text-align: left; }
}