@charset "utf-8";

*,*::before,*::after {
box-sizing: border-box;}

/* ul,li {list-style: none; margin:0; padding: 0;} */
a {text-decoration: none;}


/* color:#1B904B; green*/




/* PC ================================================== */
@media all and (min-width:960px){
#top {
	width: 100%;
	padding-top: 80px;
	margin: 0 auto;
	max-width: 1500px;
}
	.top-inner {
		width: 95%;
		height:100%;
		margin: 20px 0 0 5%;
		position: relative;
	}
		.top-img {
			display: block;
			width: 82%;
			max-width: 1200px;
			height: auto;
			max-height:593px;
			margin: 0 0 0 auto;
		}
		.copy-area {
			width: 30%;
			max-width: 368px;
			position: absolute;
			top: 50%;
			left: 0;
			transform: translateY(-50%);
			-webkit-transform: translateY(-50%,);
		}
			.copy-area img {
				width: 100%;
				height:auto;
			}
			.copy-sub-txt {
				font-size:16px;
				line-height: 1.5;
				letter-spacing: 0.02em;
			}
	/* scroll-down */
	.scroll-down {
		position: absolute;
		bottom:0;
		left: 0;
		height: 100px;
	}
	.scroll-down::before {
		content: "";
		position: absolute;
		bottom:0;
		left: 0;
		width: 2px;
		height: 100px;
		background: #CCCCCC;
	}
		.scroll-down::after {
			content: "";
			position: absolute;
			bottom:0;
			left: 0;
			width: 2px;
			height: 20px;
			background: #1B904B;
			animation: pathmove 1.8s ease-in-out infinite;
			opacity:1;
		}
		@keyframes pathmove{
			0%{bottom:80px;}
			100%{bottom:0px;}
		}
/* company */
#company {
	width: 100%;
	margin: 90px auto 50px;
		max-width: 1500px;

}
	.company-inner {
		/* max-width: 1000px; */
		margin:0 0 0 5%;
		display: flex;
	}
		.company-txt-area {
			width: 44%;
			/* min-width: 600px; */
			white-space: nowrap;
			margin: 30px 0 0;
			z-index: 10;
		}
		.company-txt {
			font-size: 16px;
			line-height: 1.7;
			letter-spacing: 0.08em;
			font-weight: normal;

		}
			.company-txt span {
				color:#1B904B;
				font-size: 24px;
				font-weight: bold;
				letter-spacing: 0.03em;
				white-space: nowrap;
			}
		.re-3 {
			width:100%;
			margin: 30px 0;
			border-top: 1px solid #1B904B;
			border-bottom: 1px solid #1B904B;
		}
		.re-3 img{
			padding: 15px 15px 17px;
			width: 100%;
		}

	.circle-img-area {
		width: 50%;
		margin: 0 5% 0 30px;
		position: relative;
	}
		.circle-div {
			width: 550px;
			height: 550px;
			margin: 0 auto;
			display: flex;
			align-items: flex-end;
		}
			.circle-div img {
				width: 100%;
				height: auto;
			}
		/* .move-circle-box {
			position: absolute;
			top:0;
			right:30px;
			width: 168px;
			height:168px;
		}
			.circle-str {
				width: 100%;
				height: auto;
			}
				.re-str {
					width:70px;
					height:auto;
					position: absolute;
					top: 50%;
					left: 50%;
					transform: translate(-50%,-50%);
					-webkit-transform: translate(-50%,-50%);
				} */

/* business */
#business {
	width: 100%;
	margin: 100px auto 80px;
}
	.business-inner {
		position: relative;
		margin-bottom: 80px;
	}
		.business-txt-area {
			text-align: center;
		}
			.business-txt {
				margin: 30px 0 0;
			}
	.business-container {
		width: 98%;
		max-width: 1500px;
		margin: 50px auto 0;
		display: flex;
		justify-content: space-around;
		align-items: center;
	}
		.bg-div {
			position: absolute;
			bottom:-40px;
			width: 100%;
			height: 220px;
			background-color: #1B904B;
			z-index: -1;
		}
		.business-box {
			width: 33%;
			max-width: 30%;
			text-align: center;
		}
			.business-box:hover {
				opacity: 0.8;
			}
			.business-box img {
				width: 100%;
				height:auto;
				margin-bottom: 10px
			}
			.box-sub-ttl {
				font-size: 12px;
				color: #fff;
				margin: 20px 0 0;
			}
				.mt {
					margin-top: -1px;
				}
			.box-ttl {
				margin: 2px 0 0;
				position: relative;
				font-size: 22px!important;
				color: #fff;
				font-weight: 600
			}

				.arrow{
					position: relative;
					display: inline-block;
					padding: 0 16px 0 0;
					vertical-align: middle;
					text-decoration: none;
					font-size: 15px;
			}
			.arrow::before,
			.arrow::after{
					position: absolute;
					top: 0;
					bottom: 0;
					right: 0;
					margin: auto;
					content: "";
					vertical-align: middle;
			}
				.box-ttl::after {
					right: 0px;
					width: 6px;
					height: 6px;
					border-top: 1px solid #FFF;
					border-right: 1px solid #FFF;
					-webkit-transform: rotate(45deg);
					transform: rotate(45deg);
				}
#news {
	width: 100%;
	padding-top: 90px;
	margin: 0 auto 50px;
	max-width: 1500px;
}
	.news-inner {
		width: 90%;
		margin: 0 auto;
	}
		.news-top-area {
			display: flex;
			justify-content: space-between;
			align-items: center;
		}
			.news-nav {
				display: flex;
				align-items: center;
			}
				.slide-btn-box {
					display: flex;
				}
				.category-area {
					margin-right: 150px;
				}
					.category {
						width: 150px;
						margin-right: 8px;
						border: 1px solid #1B904B;
						border-radius: 26px;
						text-align: center;
					}
						.category a {
							display: inline-block;
							width: 100%;
							padding: 10px 0px;
							font-size: 14px;
							font-weight: bold;
							color: #1B904B;
						}
						.category::after {
							right: 14px;
							width: 6px;
							height: 6px;
							border-top: 1px solid #1B904B;
							border-right: 1px solid #1B904B;
							-webkit-transform: rotate(45deg);
							transform: rotate(45deg);
						}
			.slide-btn-box img:first-child{
				margin-right: 10px;
			}
		.news-container {
			display: flex;
			justify-content: flex-start;
			margin: 30px 0;
			position: relative;
		}
			.owl-buttons {
				display: inline-block;
				position: absolute;
				top:-100px;
				right:0;
				display: flex;
			}
				.owl-prev {
					width: 50px;
					height: 50px;
					background-image: url(../img/prev-btn.svg);
					margin-right: 10px;
				}
				.owl-next {
					width: 50px;
					height: 50px;
					background-image: url(../img/next-btn.svg);
				}
			.news-box {
				width: 370px;
			}
				.news-box:hover {
					opacity: 0.8;
				}
				.news-box a {
					display: inline-block;
					width: 100%;
				}
				.news-box img {
					width: 100%;
					height:auto;
					margin: 0 0 30px;
				}
				.news-ttl-inbox {
					font-size: 16px;
					color: #000001;
					font-weight: bold;
					margin: 10px 0 20px;
				}
				.date-inbox {
					font-size: 12px;
					color:#CCCCCC;
				}

}

/* Tablet ================================================== */
@media all and (min-width:560px) and (max-width:959px){
	#top {
		width: 100%;
		padding-top: 75px;
	}
		.top-inner {
			width: 100%;
			height: auto;
			margin: 0px auto 0;
			display: flex;
			/* justify-content: space-around; */
			flex-direction: column-reverse;
		}
			.top-img {
				display: block;
				width: 100%;
				height: auto;
				margin: 0 auto;
			}
			.copy-area {
				width: 50%;
				margin: 50px auto 20px;
				text-align: center;
			}
				.copy-area img {
					width: 100%;
					height:auto;
				}
				.copy-sub-txt {
					font-size:16px;
					line-height: 1.5;
					letter-spacing: 0.02em;
				}

	/* company */
	#company {
		width: 100%;
		margin: 30px auto 50px;
	}
		.company-inner {
			margin:0 0 0 0;
			/* display: flex; */
		}
			.company-txt-area {
				width: 90%;
				/* min-width: 600px; */
				margin: 0px auto;
				z-index: 10;
			}
			.company-txt {
				width: 100%;
				margin:30px auto 0;
				font-size: 18px;
				line-height: 1.7;
				letter-spacing: 0.08em;
			}
				.company-txt span {
					color:#1B904B;
					font-size: 16px;
					font-weight: bold;
					letter-spacing: 0.03em;
					/* white-space: nowrap; */
				}
			.re-3 {
				width:100%;
				margin: 30px 0;
				border-top: 1px solid #1B904B;
				border-bottom: 1px solid #1B904B;
			}
			.re-3 img {
				width: 100%;
				height:auto;
			}
		.circle-img-area {
			width: 100%;
			height: auto;
			margin: 0 0 0 0px;
			position: relative;
		}
			.circle-div {
				width: 100%;
				height: auto;
				margin: 0 auto;
				display: flex;
				align-items: flex-end;
			}
				.circle-div img {
					width: 90%;
					height: auto;
					margin: 0 auto;
				}
			/* .move-circle-box {
				position: absolute;
				bottom:-65px;
				right:10px;
				width: 120px;
				height:120px;
				overflow: hidden;
			}
				.circle-str {
					width: 100%;
					height: auto;
				}
					.re-str {
						width:70px;
						height:auto;
						position: absolute;
						top: 50%;
						left: 50%;
						transform: translate(-50%,-50%);
						-webkit-transform: translate(-50%,-50%);
					}

					@keyframes r1 {
						0%   { transform: rotate(0deg); }
						100% { transform: rotate(360deg); }
					} */
		.link-div {
			width: 90%;
			margin: 90px auto;
			text-align: right;
		}
		.company-link {
			margin: 0 0 0 auto;
		}

	/* business */
	#business {
		width: 100%;
		margin: 30px auto 50px;
		padding: 0px 0 10px;
		background-color:#1B904B;
	}
		.business-inner {
			width: 90%;
			margin: 0 auto;
			position: relative;
			margin-bottom: 80px;
		}
			.business-txt-area {
				padding: 40px 0 30px;
			}
				.ttl-box h1 {
					color:#ffffff;
				}
			.txt-area-inner {
				width: 90%;
				margin: 0 auto;
				color:#ffffff;
			}
				.business-txt {
					font-size: 16px;
					margin: 30px 0 0;
				}
		.business-container {
			width: 100%;
			margin: 50px auto 0;
			/* display: flex;
			justify-content: space-between;
			align-items: center; */
		}
			/* .bg-div {
				position: absolute;
				bottom:-80px;
				width: 100%;
				height: 258px;
				background-color: #1B904B;
				z-index: -1;
			} */
			.business-box {
				width: 100%;
				max-width: 432px;
				margin: 0 auto 30px;
				/* text-align: left; */
			}
				.business-box img {
					width: 100%;
					height:auto;
				}
				.box-sub-ttl {
					font-size: 14px;
					color: #fff;
					margin: 10px 0 0;
				}
				.box-ttl {
					margin: 5px 0 20px;
					position: relative;
					font-size: 20px!important;
					color: #fff;
					font-weight: 600;
				}
					.arrow{
						position: relative;
						display: block;
						padding: 0 16px 0 0;
						text-decoration: none;
						font-size: 15px;
				}
				.arrow::before,
				.arrow::after{
						position: absolute;
						top: 0;
						bottom: 0;
						right: 0;
						margin: auto;
						content: "";
						vertical-align: middle;
				}
					.box-ttl::after {
						right: 0px;
						width: 6px;
						height: 6px;
						border-top: 1px solid #FFF;
						border-right: 1px solid #FFF;
						-webkit-transform: rotate(45deg);
						transform: rotate(45deg);
					}
	#news {
		width: 100%;
		margin-bottom: 50px;
	}
		.news-inner {
			width: 90%;
			margin: 0 auto;
		}
			.news-top-area {
				/* display: flex;
				justify-content: space-between;
				align-items: center; */
			}
				.news-nav {
					width: 100%;
					position: relative;
					text-align: center;
					border: 1px solid #1B904B;
					border-radius: 26px;
					margin: 20px 0 0;
				}
				.label {
					color: #1B904B;
					font-weight: bold;
					position: absolute;
					width: 100%;
					top: 50%;
					transform: translateY(-50%);
				}
				.category {
					width:100%;
					padding: 10px 0;
					color: #1B904B;
					border: 1px solid #1B904B;
					border-radius: 26px;
					text-align: center;
					-webkit-appearance: none;
					-moz-appearance: none;
					appearance: none;
					display: block;
					cursor: pointer;
					opacity: 0;
					position: relative;
				}
				.select:focus {
					z-index: -1;
					opacity: 1;
				}
				.news-nav::after {
					right: 20px;
					width: 6px;
					height: 6px;
					border-top: 1px solid #1B904B;
					border-right: 1px solid #1B904B;
					-webkit-transform: rotate(135deg);
					transform: rotate(135deg);
				}
					.category-area {
						margin-right: 70px;
					}
						/* .category {
							width: 150px;
							margin-right: 8px;
							border: 1px solid #1B904B;
							border-radius: 26px;
							text-align: center;
						} */
							.category::after {
								right: 14px;
								width: 6px;
								height: 6px;
								border-top: 1px solid #1B904B;
								border-right: 1px solid #1B904B;
								-webkit-transform: rotate(45deg);
								transform: rotate(45deg);
							}
				.slide-btn-box img:first-child{
					margin-right: 10px;
				}
			.news-container {
				margin: 30px 0;
			}
				.news-box {
					width: 100%;
					margin: 0 0 30px;
				}
					.news-box:not(:first-child) {
						/* margin-left :5% */
					}
					.news-box img {
						width: 100%;
						height:auto;
						margin: 0 0 15px;
					}
					.news-ttl-inbox {
						font-family: 'Barlow', sans-serif;
						font-size: 18px;
						color: #000001;
						font-weight: bold;
						margin: 10px 0 10px;
					}
					.date-inbox {
						font-family: 'Barlow', sans-serif;
						font-size: 14px;
						color:#CCCCCC;
					}
}

/* SP ================================================== */
@media all and (max-width:559px){
	#top {
		width: 100%;
		padding-top: 75px;
	}
		.top-inner {
			width: 100%;
			height: auto;
			margin: 0px auto 0;
			display: flex;
			/* justify-content: space-around; */
			flex-direction: column-reverse;
		}
			.top-img {
				display: block;
				width: 100%;
				height: auto;
				margin: 0 auto;
			}
			.copy-area {
				width: 70%;
				margin: 50px auto 12px;
				text-align: center;
			}
				.copy-area img {
					width: 100%;
					height:auto;
				}
				.copy-sub-txt {
					font-size:14px;
					line-height: 1.5;
					letter-spacing: 0.02em;
				}

	/* company */
	#company {
		width: 100%;
		margin: 30px auto 50px;
	}
		.company-inner {
			margin:0 0 0 0;
			/* display: flex; */
		}
			.company-txt-area {
				width: 90%;
				/* min-width: 600px; */
				margin: 0px auto;
				z-index: 10;
			}
			.company-txt {
				width: 100%;
				margin:0 auto;
				font-size: 14px;
				line-height: 1.9;
				letter-spacing: 0.01em;
			}
				.company-txt span {
					color:#1B904B;
					font-size: 15px;
					font-weight: bold;
					letter-spacing: 0.03em;
					/* white-space: nowrap; */
				}
			.re-3 {
				width:100%;
				margin: 30px 0;
				border-top: 1px solid #1B904B;
				border-bottom: 1px solid #1B904B;
				text-align: center;
				padding:20px 0;
			}
			.re-3 img {
				width: 90%;
				height:auto;
			}
		.circle-img-area {
			width: 100%;
			height: auto;
			margin: 0 0 0 0px;
			position: relative;
		}
			.circle-div {
				width: 100%;
				height: auto;
				margin: 0 auto;
				display: flex;
				align-items: flex-end;
			}
				.circle-div img {
					width: 100%;
					height: auto;
				}
			/* .move-circle-box {
				position: absolute;
				top:-490px;
				right:20px;
				width: 120px;
				height:120px;
				overflow: hidden;
			}
				.circle-str {
					width: 100%;
					height: auto;
				}
					.re-str {
						width:55px;
						height:auto;
						position: absolute;
						top: 50%;
						left: 50%;
						transform: translate(-50%,-50%);
						-webkit-transform: translate(-50%,-50%);
					}
					@keyframes r1 {
						0%   { transform: rotate(0deg); }
						100% { transform: rotate(360deg); }
					} */
		.link-div {
			width: 90%;
			margin: 10px auto 90px;
			text-align: right;
		}
		.company-link {
			margin: 0 0 0 auto;
		}

	/* business */
	#business {
		width: 100%;
		margin: 30px auto 50px;
		padding: 20px 0 10px;
		background-color:#1B904B;
	}
		.business-inner {
			width: 90%;
			margin: 0 auto;
			position: relative;
			margin-bottom: 20px;
		}
			.business-txt-area {
				/* background-color: #fff; */
				padding: 0 0 50px;
			}
				.ttl-box h1 {
					color :#ffffff;
				}
			.txt-area-inner {
				width: 90%;
				margin: 0 auto;
				color:#ffffff;
			}
				.business-txt {
					font-size: 15px;
					margin: 30px 0 0;
				}
		.business-container {
			width: 100%;
			margin: 25px ​auto 0;
			/* display: flex;
			justify-content: space-between;
			align-items: center; */
		}
			/* .bg-div {
				position: absolute;
				bottom:-80px;
				width: 100%;
				height: 258px;
				background-color: #1B904B;
				z-index: -1;
			} */
			.business-box {
				width: 100%;
				max-width: 432px;
				text-align: left;
			}
				.business-box img {
					width: 100%;
					height:auto;
				}
				.box-sub-ttl {
					font-size: 12px;
					color: #fff;
					margin: 10px 0 0;
					letter-spacing: 0.01em;
				}
				.box-ttl {
					margin: 5px 0 25px;
					position: relative;
					font-size: 18px!important;
					color: #fff;
					font-weight: 600;
				}
					.arrow{
						position: relative;
						display: block;
						padding: 0 16px 0 0;
						text-decoration: none;
						font-size: 15px;
				}
				.arrow::before,
				.arrow::after{
						position: absolute;
						top: 0;
						bottom: 0;
						right: 0;
						margin: auto;
						content: "";
						vertical-align: middle;
				}
					.box-ttl::after {
						right: 0px;
						width: 6px;
						height: 6px;
						border-top: 1px solid #FFF;
						border-right: 1px solid #FFF;
						-webkit-transform: rotate(45deg);
						transform: rotate(45deg);
					}
	#news {
		width: 100%;
		/* padding-top: 110px; */
		margin-bottom: 50px;
	}
		.news-inner {
			width: 90%;
			margin: 0 auto;
		}
			.news-top-area {
				/* display: flex;
				justify-content: space-between;
				align-items: center; */
			}
				.news-nav {
					width: 100%;
					position: relative;
					text-align: center;
					border: 1px solid #1B904B;
					border-radius: 0;
					margin: 20px 0 0;
				}
				.label {
					color: #1B904B;
					font-weight: bold;
					position: absolute;
					width: 100%;
					top: 50%;
					transform: translateY(-50%);
				}
				.category {
					width:100%;
					padding: 10px 0;
					color: #1B904B;
					border: 1px solid #1B904B;
					border-radius: 26px;
					text-align: center;
					-webkit-appearance: none;
					-moz-appearance: none;
					appearance: none;
					display: block;
					cursor: pointer;
					opacity: 0;
					position: relative;
				}
				.select:focus {
					z-index: -1;
					opacity: 1;
				}
				.news-nav::after {
					right: 20px;
					width: 6px;
					height: 6px;
					border-top: 1px solid #1B904B;
					border-right: 1px solid #1B904B;
					-webkit-transform: rotate(135deg);
					transform: rotate(135deg);
				}
					.category-area {
						margin-right: 70px;
					}
						/* .category {
							width: 150px;
							margin-right: 8px;
							border: 1px solid #1B904B;
							border-radius: 26px;
							text-align: center;
						} */
							.category::after {
								right: 14px;
								width: 6px;
								height: 6px;
								border-top: 1px solid #1B904B;
								border-right: 1px solid #1B904B;
								-webkit-transform: rotate(45deg);
								transform: rotate(45deg);
							}
				.slide-btn-box img:first-child{
					margin-right: 10px;
				}
			.news-container {
				margin: 30px 0;
			}
				.news-box {
					width: 100%;
					margin: 0 0 30px;
				}
					.news-box:not(:first-child) {
						/* margin-left :5% */
					}
					.news-box img {
						width: 100%;
						height:auto;
						margin: 0 0 15px;
					}
					.news-ttl-inbox {
						font-size: 16px;
						color: #000001;
						font-weight: bold;
						margin: 10px 0 10px;
						letter-spacing: 0.01em;
					}
					.date-inbox {
						font-family: 'Barlow', sans-serif;
						font-size: 14px;
						color:#CCCCCC;
					}



}