/* Common */
#header {
	-webkit-transform: translateY(-101px);
	transform: translateY(-101px);
}

.wrap.main-active #header {
	-webkit-transform: translateY(0px);
	transform: translateY(0px);
}

.sec-title span {
	display: block;
	position: relative;
	padding-left:30px;
	font-size:2.2rem;
	font-weight:600;
	line-height: 1;
}

.sec-title span::before {
	position: absolute;
	left:0;
	top:-10px;
}

.sec-title h5 {
	font-size:4.2rem;
	line-height: 1;
	margin:20px 0px 30px;
}

.sec-title p {
	font-size:2.5rem;
	line-height:1.4;
}

.sec-link {
	position: relative;
	width:180px;
	height:55px;
	border-radius:50px;
	border:1px solid #191919;
	background-color:transparent;
	overflow: hidden;
	-webkit-transition: all 400ms;
	transition: all 400ms;
}

.sec-link::before {
	content: "";
	display: block;
	position: absolute;
	top:0;
	left:0;
	-webkit-transform: translateX(-100%);
	transform: translateX(-100%);
	width:100%;
	height:100%;
	border-radius:50px;
	background-color: #ed6d00;
	-webkit-transition: all 400ms;
	transition: all 400ms;
}

.sec-link a {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	position: relative;
	width:100%;
	height:100%;
	gap:10px;
	font-size:2.1rem;
	line-height: 1;
	z-index: 2;
	-webkit-transition:all .5s ease;
	transition:all .5s ease;
}

.sec-link--white {
	border-color: #fff;
}

.sec-link--white a {
	color:#fff;
}

.sec-link i {
	content: "";
	display: inline-block;
	width:8px;
	height:8px;
	background: url('/en/img/main/sec00_pin_color.png') no-repeat center / auto 8px;
	transform: translateY(-4px);
	-webkit-transition:all .5s ease;
	transition:all .5s ease;
}

.tit-pin::before {
	content: "";
	display: block;
	width:17px;
	height:17px;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url('/en/img/main/sec00_pin_color.png');	
}

@media screen and (min-width:1201px) {
	.sec-link:hover {
		border-color: #ed6d00;
	}

	.sec-link:hover::before {
		-webkit-transform: translateX(0px);
		transform: translateX(0px);
	}

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

	.sec-link:hover i {
		background-image: url('/en/img/main/sec00_pin_white.png');
	}
}
@media screen and (max-width:1200px) {
	.sec-title span {
		font-size:2rem;
	}

	.sec-title h5 {
		font-size:3.4rem;
	}
	
	.sec-title p {
		font-size:2.1rem;
	}

	.sec-link {
		height:46px;
	}

	.sec-link a {
		font-size:1.9rem;
	}
}
@media screen and (max-width:1024px) {
	.sec-title {
		width: 100%;
		margin-bottom:30px;
	}

	.sec-title span {
		padding-left:20px;
	}

	.sec-title h5 {
		margin: 16px 0px 20px;
	}

	.sec-link {
		width:160px;
		height: 44px;
	}

	.tit-pin::before {
		width:14px;
		height:14px;
		background-size:auto 14px;
	}
}
@media screen and (max-width:768px) {
	.sec-title span {
		font-size:1.8rem;
	}

	.sec-title span::before {
		top:-6px;
	}

	.sec-title h5 {
		font-size:3rem;
	}
	
	.sec-title p {
		font-size:1.9rem;
	}

	.sec-link {
		width:140px;
		height:40px;
	}

	.sec-link a {
		gap:6px;
		font-size:1.7rem;
	}

	.sec-link i {
		width:6px;
		height:6px;
		background-size: auto 6px;
	}

	.tit-pin::before {
		width:11px;
		height:11px;
		background-size:auto 11px;
	}
}
@media screen and (max-width:500px) {
	.sec-title {
		margin-bottom:20px;
	}
	
	.sec-title span {
		font-size:1.6rem;
		padding-left:16px;
	}

	.sec-title span::before {
		top:-4px;
	}

	.sec-title h5 {
		font-size:2.6rem;
		margin:10px 0px 16px;
	}
	
	.sec-title p {
		font-size:1.7rem;
	}

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

	.sec-link a {
		gap:4px;
		font-size:1.5rem;
	}

	.sec-link i {
		width:6px;
		height:6px;
		background-size: auto 6px;
	}

	.tit-pin::before {
		width:9px;
		height:9px;
		background-size:auto 9px;
	}
}


/* Sec01 */
.sec01 {
	width: 100%;
	height:calc(var(--vh, 1vh) * 100);
	height: 100svh;
}

.sec01 .visual {
	position: relative;
  width: 100%;
  height: 100%;
}

.sec01 .context {
	position: absolute;
	top:50%;
	left:50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	max-width:1530px;
	width:100%;
	margin:0 auto;
	padding:0px 15px;
}

.sec01 .context h1 {
	position: relative;
}

.sec01 .context h1::before {
	position: absolute;
	top:-30px;
	left:0;
}

.sec01 .context p {
	font-size:2.6rem;
	line-height:1.4;
}

.sec01 .background {
	width:100%;
	height:100%;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	background-image: url('/en/img/main/sec01_img.jpg');
	object-fit: cover;
	position: relative;
	z-index:-1;
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
	animation: scale-ani 2s ease-out forwards;
}

.sec01 .wheels {
	display: flex;
	align-items: center;
	gap:10px;
	position: absolute;
	left:50%;
	bottom:60px;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	max-width:1530px;
	width:100%;
	margin:0 auto;
	padding:0px 15px;
	font-size:2rem;
}

.sec01 .wheels i {
	display: block;
	width: 12px;
	height:15px;
	background: url('/en/img/main/sec01_wheel.png') no-repeat center;
}

@media screen and (max-width:1200px) {
	.sec01 .context h1 img {
		width:424px;
	}

	.sec01 .context p {
		font-size:2.2rem;
	}

	.sec01 .wheels {
		font-size:1.8rem;
	}
}
@media screen and (max-width:1024px) {
	.sec01 .context br {
		display: none;
	}
	
	.sec01 .context h1::before {
		top:-20px;
	}

	.sec01 .wheels {
		bottom:40px;
	}
}
@media screen and (max-width:768px) {
	.sec01 .context h1 img {
		width: 364px;
	}

	.sec01 .context p {
		font-size:2rem;
	}

	.sec01 .wheels {
		gap:6px;
		font-size:1.6rem;
	}

	.sec01 .wheels i {
		height:13px;
		background-size:auto 13px;
	}
}
@media screen and (max-width:500px) {
	.sec01 .context h1::before {
		top:-16px;
	}

	.sec01 .context h1 img {
		width: 284px;
	}

	.sec01 .context p {
		font-size:1.8rem;
	}

	.sec01 .wheels {
		bottom:30px;
		gap:4px;
		font-size:1.4rem;
	}

	.sec01 .wheels i {
		height:11px;
		background-size:auto 11px;
	}
}


/* Sec02 */
.sec02 {
	background: url('/en/img/main/sec02_bak.jpg') no-repeat center / cover;
}

.sec02 .heading {
	position: relative;
	margin-bottom:80px;
	z-index: 1;
}

.sec02 .area {
	position: relative;
}

.sec02 .circle-main {
	position: relative;
	width:420px;
	height:420px;
	margin:0 auto;
	background-color: #fbe2cc;
	border-radius:50%;
}

.sec02 .circle-main-line {
	position: absolute;
	top: 50%;
	left:50%;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	pointer-events: none;
}

.sec02 .circle-main-line img {
	display: block;
	max-width: none;
	pointer-events: none;
}

.sec02 .circle-main-wave::before,
.sec02 .circle-main-wave::after {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgba(73,86,100,.8);
	border-radius: 100%;
	-webkit-animation: waves 2s linear infinite forwards;
	animation: waves 2s linear infinite forwards
}

.sec02 .circle-main-wave:nth-child(1)::after {
	-webkit-animation-delay: .5s;
	animation-delay: .5s
}

.sec02 .circle-main-wave:nth-child(2)::before {
	-webkit-animation-delay: 1s;
	animation-delay: 1s
}

.sec02 .circle-main-wave:nth-child(2)::after {
	-webkit-animation-delay: 1.5s;
	animation-delay: 1.5s
}

.sec02 .circle-main-img {
	position: absolute;
	top: 50%;
	left:50%;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}

.sec02 .circle-main-img img {
	display: block;
	max-width: none;
}

.sec02 .circle-main-cont {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	position: relative;
	gap:20px;
	width:100%;
	height:100%;
	border-radius:50%;
	background-color: #ed6d00;
}

.sec02 .circle-main-cont p {
	text-align: center;
	font-size:2.6rem;
}

.sec02 .circle-sub {
	padding-top:460px;
}

.sec02 .circle-sub-item {
	position: absolute;
	max-width:230px;
	width:16.6667vw;
	/* width:16.6667%; */
}

.sec02 .circle-sub-item:nth-child(1) {
	top:100px;
	left:70px;
}

.sec02 .circle-sub-item:nth-child(2) {
	top:445px;
	left:170px;
}

.sec02 .circle-sub-item:nth-child(3) {
	top:650px;
	left:450px;
}

.sec02 .circle-sub-item:nth-child(4) {
	top:650px;
	right:450px;
}

.sec02 .circle-sub-item:nth-child(5) {
	top:445px;
	right:170px;
}

.sec02 .circle-sub-item:nth-child(6) {
	top:100px;
	right:70px;
}

.sec02 .circle-sub-item .txt {
	position: absolute;
	top:250px;
	left:50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	text-align: center;
}

.sec02 .circle-sub-item .txt .t01 {
	white-space: nowrap;
	font-size:1.9rem;
	line-height:1.3;
}

.sec02 .circle-sub-item .txt .t02 {
	white-space: nowrap;
	font-size:1.9rem;
}

@media screen and (max-width:1366px) {
	.sec02 .circle-main-line img {
		width:77vw;
	}

	.sec02 .circle-sub-item  {
		max-width:170px;
	}

	.sec02 .circle-sub-item:nth-child(3) {
		top:620px;
		left:410px;
	}

	.sec02 .circle-sub-item:nth-child(4) {
		top:620px;
		right:410px;
	}

	.sec02 .circle-sub-item .txt {
		top:190px;
		width: 100%;
	}

	.sec02 .circle-sub-item .txt .t01 {
		white-space:unset;
	}
	
	.sec02 .circle-sub-item .txt .t02 {
		white-space:unset;
	}
}
@media screen and (max-width:1280px) {
	.sec02 .circle-sub-item:nth-child(1) {
		left:50px;
	}

	.sec02 .circle-sub-item:nth-child(2) {
		top: 435px;
	}

	.sec02 .circle-sub-item:nth-child(3) {
		top:600px;
	}

	.sec02 .circle-sub-item:nth-child(4) {
		top:600px;
	}

	.sec02 .circle-sub-item:nth-child(5) {
		top:435px;
	}

	.sec02 .circle-sub-item:nth-child(6) {
		right:50px;
	}
}
@media screen and (max-width:1200px) {
	.sec02 .circle-main-cont p {
		font-size: 2.2rem;
	}

	.sec02 .circle-sub-item:nth-child(2) {
		top:385px;
		left:120px;
	}

	.sec02 .circle-sub-item:nth-child(3) {
		top:560px;
		left:340px;
	}

	.sec02 .circle-sub-item:nth-child(4) {
		top:560px;
		right:340px;
	}

	.sec02 .circle-sub-item:nth-child(5) {
		top:385px;
		right:120px;
	}

	.sec02 .circle-sub-item .txt .t01 {
		font-size:1.7rem;
	}

	.sec02 .circle-sub-item .txt .t02 {
		font-size:1.7rem;
	}
}
@media screen and (max-width:1024px) {
	.sec02 .circle-main {
		max-width:320px;
		max-height:320px;
		width:60vw;
		height:60vw;
		margin:0px auto 100px;
	}

	.sec02 .circle-main-line {
		display: none;
	}

	.sec02 .circle-main-img img {
		min-width:410px;
		min-height:410px;
		width:40vw;
		height:40vw;
	}

	.sec02 .circle-main-cont {
		gap:12px;
	}

	.sec02 .circle-main-cont img {
		width:206px;
	}

	.sec02 .circle-sub {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		padding-top:0px;
		gap:40px;
		max-width:760px;
		width:100%;
		margin:0 auto;
	}

	.sec02 .circle-sub-item {
		position: relative;
		top:unset !important;
		left: unset !important;
		right: unset !important;
		flex:1 1 calc(33.33% - 40px);
		max-width:33.33%;
		width:33.33%;
		text-align: center;
	}

	.sec02 .circle-sub-item img {
		display: block;
		width: 100%;
	}

	.sec02 .circle-sub-item .txt {
		position: relative;
		top:unset;
		left: unset;
		-webkit-transform: none;
		transform: none;
		margin-top:16px;
	}
}
@media screen and (max-width:768px) {
	.sec02 .circle-main-cont img {
		width:166px;
	}

	.sec02 .circle-main-cont p {
		font-size:2rem;
	}

	.sec02 .circle-sub {
		gap:40px;
	}

	.sec02 .circle-sub-item {
		flex:1 1 calc(50% - 40px);
		max-width:50%;
		width:50%;
	}

	.sec02 .circle-sub-item:nth-child(1) img {
		content: url('/en/img/main/sec02_box_m_01.png');
	}

	.sec02 .circle-sub-item:nth-child(2) img {
		content: url('/en/img/main/sec02_box_m_02.png');
	}

	.sec02 .circle-sub-item:nth-child(3) img {
		content: url('/en/img/main/sec02_box_m_03.png');
	}

	.sec02 .circle-sub-item:nth-child(4) img {
		content: url('/en/img/main/sec02_box_m_04.png');
	}

	.sec02 .circle-sub-item:nth-child(5) img {
		content: url('/en/img/main/sec02_box_m_05.png');
	}

	.sec02 .circle-sub-item:nth-child(6) img {
		content: url('/en/img/main/sec02_box_m_06.png');
	}

	.sec02 .circle-sub-item .txt .t01 {
		font-size:1.5rem;
	}

	.sec02 .circle-sub-item .txt .t02 {
		font-size:1.5rem;
	}
}
@media screen and (max-width:500px) {
	.sec02 .circle-main {
		margin:0px auto 60px;
	}

	.sec02 .circle-main-wave {
		position: absolute;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%,-50%);
		transform: translate(-50%,-50%);
		max-width:200px;
		max-height:200px;
		width:100%;
		height:100%;
	}

	
	.sec02 .circle-main-img img {
		min-width:260px;
		min-height:260px;
	}

	.sec02 .circle-main {
		max-width:200px;
		max-height:200px;
	}

	.sec02 .circle-main-cont {
		gap:8px;
	}

	.sec02 .circle-main-cont img {
		width:106px;
	}

	.sec02 .circle-main-cont p {
		font-size:1.8rem;
	}

	.sec02 .circle-sub {
		gap:20px;
	}

	.sec02 .circle-sub-item {
		flex:1 1 calc(50% - 20px);
	}

	.sec02 .circle-sub-item .txt {
		margin-top:10px;
	}

	.sec02 .circle-sub-item .txt .t01 {
		font-size:1.3rem;
	}

	.sec02 .circle-sub-item .txt .t02 {
		font-size:1.3rem;
	}
}


/* Sec03 */
.sec03 {
	background: url('/en/img/main/sec03_bak.jpg') no-repeat center / cover;
}

.sec03 .list {
	display: flex;
	margin:-15px;
}

.sec03 .list li {
	flex:1 0 33.33%;
	max-width:33.33%;
	padding:15px;
}

.sec03 .card {
	position: relative;
	height:484px;
	border-radius: 20px;
	box-shadow:2px 2px 14px 10px rgba(128,128,128,.3);
	overflow: hidden;
}

.sec03 .hover {
	position: relative;
	opacity:0;
	width:100%;
	height:100%;
	-webkit-transition:all .5s;
	transition:all .5s;
	z-index:2;
}

.sec03 .hover img {
	display: block;
	position: absolute;
	top:50%;
	left:50%;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	width:100%;
	height:100%;
	object-fit: cover;
}

.sec03 .block {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	position: absolute;
	top:50%;
	left:50%;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	width:100%;
	height:100%;
	padding:50px 20px;
	border-radius:20px;
	background-color: rgba(255,255,255,.1);
	text-align: center;
	-webkit-transition:all .5s;
	transition:all .5s;
	z-index:5;
}

.sec03 .icon {
	display: block;
	width:76px;
	height:76px;
	background-repeat: no-repeat;
	background-position: center;
	-webkit-transition:all .5s;
	transition:all .5s;
}

.sec03 .icon01 {
	background-image: url('/en/img/main/sec03_icc01_off.png');
}

.sec03 .icon02 {
	background-image: url('/en/img/main/sec03_icc02_off.png');
}

.sec03 .icon03 {
	background-image: url('/en/img/main/sec03_icc03_off.png');
}

.sec03 .txt {
	margin:30px 0px 60px;
}

.sec03 .txt .t01 {
	font-size: 3rem;
	padding-bottom:20px;
	-webkit-transition:all .5s;
	transition:all .5s;
}

.sec03 .txt .t02 {
	display: -webkit-box;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2; 
	-webkit-box-orient: vertical;
	overflow: hidden;
	font-size:2.1rem;
	line-height:1.4;
	-webkit-transition:all .5s;
	transition:all .5s;
}

.sec03 .btn {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	gap:10px;
	font-size:1.9rem;
	-webkit-transition:all .5s;
	transition:all .5s;
}

.sec03 .btn::after {
	content: "";
	display: inline-block;
	width:15px;
	height:14px;
	background: url('/en/img/main/sec03_arr_off.png') no-repeat center;
	-webkit-transition:all .5s;
	transition:all .5s;
}

@media screen and (min-width:1201px) {
	.sec03 .list li:hover .hover {
		opacity: 1;
	}

	.sec03 .list li:hover .block {
		box-shadow: 0px 0px 0px 10px inset #ed6d00;
	}

	.sec03 .list li:hover .txt .t01 {
		color:#fff;
	}

	.sec03 .list li:hover .txt .t02 {
		color:#fff;
	}

	.sec03 .list li:hover .btn {
		color:#fff;
	}

	.sec03 .list li:hover .btn::after {
		background-image: url('/en/img/main/sec03_arr_on.png');
	}

	.sec03 .list li:hover .icon01 {
		background-image: url('/en/img/main/sec03_icc01_on.png');
	}
	
	.sec03 .list li:hover .icon02 {
		background-image: url('/en/img/main/sec03_icc02_on.png');
	}
	
	.sec03 .list li:hover .icon03 {
		background-image: url('/en/img/main/sec03_icc03_on.png');
	}
}
@media screen and (max-width:1200px) {
	.sec03 .txt .t01 {
		font-size:2.6rem;
	}
	
	.sec03 .txt .t02 {
		font-size:1.9rem;
	}
	
	.sec03 .btn {
		font-size:1.7rem;
	}
}
@media screen and (max-width:1024px) {
	.sec03 .list {
		flex-wrap: wrap;
		margin:-8px;
	}

	.sec03 .list li {
		flex:1 1 100%;
		max-width:100%;
		padding:8px;
	}

	.sec03 .card {
		height: auto;
	}

	.sec03 .block {
		position: relative;
		top:unset;
		left: unset;
		-webkit-transform: none;
		transform: none;
		padding:30px 20px;
	}

	.sec03 .icon {
		width:56px;
		height:56px;
		background-size: auto 56px;
	}

	.sec03 .txt {
		margin:20px 0px 40px;
	}

	.sec03 .txt .t01 {
		padding-bottom:16px;
	}

	.sec03 .btn::after {
		width:13px;
		height:12px;
		background-size: auto 12px;
	}
}
@media screen and (max-width:768px) {
	.sec03 .icon {
		width:46px;
		height:46px;
		background-size: auto 46px;
	}

	.sec03 .txt .t01 {
		font-size:2.2rem;
	}
	
	.sec03 .txt .t02 {
		font-size:1.7rem;
	}
	
	.sec03 .btn {
		gap:6px;
		font-size:1.5rem;
	}

	.sec03 .btn::after {
		width: 11px;
		height:10px;
		background-size: auto 10px;
	}
}
@media screen and (max-width:500px) {
	.sec03 .list {
		margin:-4px;
	}

	.sec03 .list li {
		padding:4px;
	}

	.sec03 .block {
		padding:20px 16px;
	}

	.sec03 .icon {
		width:36px;
		height:36px;
		background-size: auto 36px;
	}

	.sec03 .txt {
		margin:16px 0px 30px;
	}

	.sec03 .txt .t01 {
		font-size:2rem;
		padding-bottom:10px;
	}
	
	.sec03 .txt .t02 {
		font-size:1.5rem;
	}
	
	.sec03 .btn {
		gap:4px;
		font-size:1.3rem;
	}
}


/* Sec04 */
.sec04 {
	background: url('/en/img/main/sec04_bak.jpg') no-repeat right center / cover;
}

.sec04 .list {
	display: flex;
	flex-wrap: wrap;
	margin:-15px;
}

.sec04 .list li {
	flex:1 0 50%;
	max-width:50%;
	padding:15px;
}

.sec04 .list a {
	display: block;
	width:100%;
	height:100%;
	padding:50px;
	border-radius:20px;
	background-color:#f5f5f5;
	-webkit-transition:all .5s ease;
	transition:all .5s ease;
}

.sec04 .list .card {
	position: relative;
}

.sec04 .list .card::after {
	content: "";
	display: block;
	position: absolute;
	top:0;
	right:0;
	width:23px;
	height:23px;
	background: url('/en/img/main/sec04_arr_off.png') no-repeat center;
	-webkit-transition:all .5s ease;
	transition:all .5s ease;
}

.sec04 .list .cont {
	width:90%;
}

.sec04 .list .category {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	width:100px;
	height:30px;
	border-radius:30px;
	background-color: #ed6d00;
	font-size:1.8rem;
	font-weight:600;
	line-height: 1;
	color:#ffffff;
	-webkit-transition:all .5s ease;
	transition:all .5s ease;
}

.sec04 .list .subject {
	display: -webkit-box;
	text-overflow: ellipsis;
	-webkit-line-clamp: 1; 
	-webkit-box-orient: vertical;
	overflow: hidden;
	margin:20px 0px;
	font-size:2.8rem;
	font-weight: 600;
	-webkit-transition:all .5s ease;
	transition:all .5s ease;
}

.sec04 .list .detail {
	display: -webkit-box;
	text-overflow: ellipsis;
	-webkit-line-clamp: 1; 
	-webkit-box-orient: vertical;
	overflow: hidden;
	font-size:2rem;
	-webkit-transition:all .5s ease;
	transition:all .5s ease;
}

.sec04 .list .data {
	display: flex;
	align-items: center;
	gap:10px;
	font-size:2rem;
	margin-top:60px;
	-webkit-transition:all .5s ease;
	transition:all .5s ease;
}

.sec04 .list .data::before {
	content:"";
	display: block;
	width:22px;
	height:22px;
	background: url('/en/img/main/sec04_time_off.png') no-repeat center;
	-webkit-transition:all .5s ease;
	transition:all .5s ease;
}

@media screen and (min-width:1201px) {
	.sec04 .list li:hover a {
		background-color: #ed6d00;
	}

	.sec04 .list li:hover .card::after {
		background-image: url('/en/img/main/sec04_arr_on.png');
	}

	.sec04 .list li:hover .category {
		background-color: #fff;
		color:#ed6d00;
	}

	.sec04 .list li:hover .subject {
		color:#fff;
	}

	.sec04 .list li:hover .detail {
		color:#fff;
	}

	.sec04 .list li:hover .data {
		color:#fff;
	}

	.sec04 .list li:hover .data::before {
		background-image: url('/en/img/main/sec04_time_on.png');
	}
}
@media screen and (max-width:1200px) {
	.sec04 .list a {
		padding:40px;
	}

	.sec04 .list .category {
		font-size:1.6rem;
	}
	
	.sec04 .list .subject {
		font-size:2.4rem;
	}
	
	.sec04 .list .detail {
		font-size:1.8rem;
	}
	
	.sec04 .list .data {
		font-size:1.8rem;
	}
}
@media screen and (max-width:1024px) {
	.sec04 .list {
		margin:-8px;
	}

	.sec04 .list li {
		padding:8px;
	}

	.sec04 .list a {
		padding:30px;
	}

	.sec04 .list .card::after {
		width:19px;
		height:19px;
		background-size:auto 19px;
	}

	.sec04 .list .category {
		width:80px;
		height:28px;
	}

	.sec04 .list .subject {
		margin:16px 0px;
	}

	.sec04 .list .data {
		margin-top:40px;
	}

	.sec04 .list .data::before {
		width:20px;
		height:20px;
		background-size:auto 20px;
	}
}
@media screen and (max-width:768px) {
	.sec04 {
		background-position: right bottom;
		background-size:auto 608px;
	}

	.sec04 .list li {
		flex:1 0 100%;
		max-width:100%;
	}

	.sec04 .list .card::after {
		width:17px;
		height:17px;
		background-size:auto 17px;
	}

	.sec04 .list .cont {
		width: 100%;
	}

	.sec04 .list .category {
		font-size:1.4rem;
	}
	
	.sec04 .list .subject {
		font-size:2rem;
	}
	
	.sec04 .list .detail {
		font-size:1.6rem;
	}
	
	.sec04 .list .data {
		gap:6px;
		font-size:1.6rem;
	}

	.sec04 .list .data::before {
		width:18px;
		height:18px;
		background-size:auto 18px;
	}
}
@media screen and (max-width:500px) {
	.sec04 {
		background-position: right bottom -20px;
		background-size:auto 408px;
	}

	.sec04 .list {
		margin:-4px;
	}

	.sec04 .list li {
		padding:4px;
	}

	.sec04 .list a {
		padding:20px;
	}

	.sec04 .list .card::after {
		width:15px;
		height:15px;
		background-size: auto 15px;
	}

	.sec04 .list .category {
		width:70px;
		height:24px;
		font-size: 1.2rem;
	}

	.sec04 .list .subject {
		font-size:1.8rem;
		margin:10px 0px;
	}

	.sec04 .list .detail {
		font-size:1.4rem;
	}

	.sec04 .list .data {
		gap:4px;
		font-size:1.4rem;
		margin-top: 30px;
	}

	.sec04 .list .data::before {
		width:12px;
		height:12px;
		background-size: auto 12px;
	}
}

/* Sec05 */
.sec05 {
	background: url('/en/img/main/sec05_bak.jpg') no-repeat center / cover;
}

.sec05 .tit {
	position: relative;
}

.sec05 .tit::before {
	position: absolute;
	top:-40px;
	left:0;
}

.sec05 .tit p {
	font-size:4.2rem;
	line-height:1.3;
}

.sec05 .link {
	position: relative;
	width:250px;
	height:65px;
	border-radius:50px;
	background-color: #fff;
	overflow: hidden;
	-webkit-transition:all .5s ease;
	transition:all .5s ease;
}

.sec05 .link::before {
	content: "";
	display: block;
	position: absolute;
	top:0;
	left:0;
	-webkit-transform: translateX(-100%);
	transform: translateX(-100%);
	width:100%;
	height:100%;
	border-radius:50px;
	background-color: #ed6d00;
	-webkit-transition: all 400ms;
	transition: all 400ms;
}

.sec05 .link a {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	position: relative;
	width:100%;
	height:100%;
	gap:10px;
	font-size:2.3rem;
	line-height: 1;
	z-index:2;
	-webkit-transition:all .5s ease;
	transition:all .5s ease;
}

.sec05 .link i {
	content: "";
	display: inline-block;
	width:8px;
	height:8px;
	background: url('/en/img/main/sec00_pin_color.png') no-repeat center / auto 8px;
	transform: translateY(-5px);
	-webkit-transition:all .5s ease;
	transition:all .5s ease;
}

@media screen and (min-width:1201px) {
	.sec05 .link:hover::before {
		-webkit-transform: translateX(0px);
		transform: translateX(0px);
	}

	.sec05 .link:hover a {
		color:#fff;
	}

	.sec05 .link:hover i {
		background-image: url('/en/img/main/sec00_pin_white.png');
	}
}
@media screen and (max-width:1200px) {
	.sec05 .tit p {
		font-size:3.4rem;
	}

	.sec05 .link {
		width:220px;
		height:60px;
	}

	.sec05 .link a {
		font-size:1.9rem;
	}
}
@media screen and (max-width:1024px) {
	.sec05 .lt {
		width: 100%;
		margin-bottom:30px;
	}

	.sec05 .tit::before {
		top:-30px;
		width:14px;
		height:14px;
		background-size: auto 14px;
	}

	.sec05 .link {
		width: 200px;
		height:54px;
	}
}
@media screen and (max-width:768px) {
	.sec05 .tit p {
		font-size:3rem;
	}

	.sec05 .tit::before {
		top:-20px;
		width:11px;
		height:11px;
		background-size: auto 11px;
	}

	.sec05 .link {
		width:160px;
		height:48px;
	}

	.sec05 .link a {
		gap:6px;
		font-size:1.7rem;
	}

	.sec05 .link i {
		width:6px;
		height:6px;
		background-size:auto 6px;
	}
}
@media screen and (max-width:500px) {
	.sec05 .lt {
		margin-bottom:20px;
	}

	.sec05 .tit p {
		font-size:2.6rem;
	}

	.sec05 .tit::before {
		top:-16px;
		width:9px;
		height:9px;
		background-size: auto 9px;
	}

	.sec05 .link {
		width:140px;
		height:40px;
	}

	.sec05 .link a {
		gap:4px;
		font-size:1.5rem;
	}
}


/* Keyframes */
@keyframes scale-ani {
	from {
		-webkit-transform: scale(1.1);
		transform: scale(1.1);
	}
	to {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
}

@keyframes waves {
	from {
			-webkit-transform: scale(1);
			transform: scale(1);
			opacity: 1
	}

	to {
			-webkit-transform: scale(2);
			transform: scale(2);
			opacity: 0
	}
}