:root {
  --devHeight: 86vh;
}

/* -------------- Common -------------- */
.sec {
	will-change: transform;
}

.section-title {
	font-size:4.4rem;
	font-weight:700;
	will-change: transform;
}

.section-text {
	font-size:2rem;
	line-height:1.4;
	will-change: transform;
}

@media (max-width:1200px) {
	.section-title {
		font-size:3.8rem;
	}

	.section-text {
		font-size:1.8rem;
	}
}
@media (max-width:1024px) {

}
@media (max-width:768px) {
	.section-title {
		font-size:3.2rem;
	}

	.section-text {
		font-size:1.6rem;
	}
}
@media (max-width:576px) {
	.section-title {
		font-size:2.6rem;
	}

	.section-text {
		font-size:1.5rem;
	}
}
/* ---------------------------- */


/* -------------- Sec01 -------------- */
.sec--01 {
	position: relative;
	width:100%;
	height:100vh;
	overflow: hidden;
}

.sec--01 .swiper-container {
	height:100%;
	-webkit-transition: all ease-in-out .4s;
	-moz-transition: all ease-in-out .4s;
	-ms-transition: all ease-in-out .4s;
	transition: all ease-in-out .4s;
	will-change: transform;
	opacity: 0;
}

.sec--01 .swiper-wrapper {
	height:100%;
	-webkit-transition-timing-function: cubic-bezier(0.6, 0, 0.4, 1);
	-moz-transition-timing-function: cubic-bezier(0.6, 0, 0.4, 1);
	-ms-transition-timing-function: cubic-bezier(0.6, 0, 0.4, 1);
	transition-timing-function: cubic-bezier(0.6, 0, 0.4, 1);
	will-change: transform;
}

.sec--01 .swiper-slide {
	height:100%;
	overflow: hidden;
	will-change: transform;
}

.sec--01 .swiper-container-initialized {
	-webkit-transform: none;
	-moz-transform: none;
	-ms-transform: none;
	transform: none;
	opacity: 1;
}

.sec--01 .swiper-pagination {
	display: flex;
	position: absolute;
	left:50%;
	bottom:0;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	max-width:1280px;
	width:100%;
	margin:0 auto;
	z-index:55;
	will-change: transform;
}

.sec--01 .swiper-pagination::before {
	content: "";
	display: block;
	position: absolute;
	left:50%;
	bottom:0;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	width:100vw;
	height:100%;
	background-color:rgba(0,0,0,.3);
	z-index:10;
	will-change: transform;
}

.sec--01 .swiper-pagination .swiper-pagination-bullet {
	position: relative;
	border-radius:0px;
	width:33.33%;
	height:64px;
	margin:0px;
	opacity:1;
	background-color: transparent;
	text-align: center;
	z-index:20;
	will-change: transform;
}

.sec--01 .swiper-pagination .swiper-pagination-bullet .thumb {
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	position: absolute;
	left:0;
	bottom:0;
	width:100%;
	height:100%;
	background-color: #000;
	font-size:1.6rem;
	line-height:1.4;
	color:#b9b9b9;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	transition: all .3s ease;
	will-change: transform;
}

.sec--01 .swiper-pagination .swiper-pagination-bullet-active .thumb {
	font-size:1.8rem;
	color:#fff;
	height: calc(100% + 20px);
	background-color: #1f61ad ;
}

/* .sec--01 .swiper-pagination .swiper-pagination-bullet-active {
	color:#ffff;
	background-color: #1f61ad !important;
} */

/* .sec--01 .swiper-pagination {
	display: flex;
	position: absolute;
	left:50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	max-width:1310px;
	width:100%;
	margin:0 auto;
	padding:0px 15px;
	z-index:55;
	opacity:0;
	animation: page-up .6s ease-out .65s forwards;
}

.sec--01 .swiper-pagination .swiper-pagination-bullet {
	border-radius:0px;
	max-width:160px;
	width:100%;
	height:110px;
	margin:0px;
	margin-right:4px;
	opacity:1;
	background-color: transparent;
}

.sec--01 .swiper-pagination .swiper-pagination-bullet:last-child {
	margin-right:0px;
}

.sec--01 .swiper-pagination .swiper-pagination-bullet .thumb {
	display:flex;
	align-items: flex-end;
	position: relative;
	width:100%;
	height:100%;
	text-align: left;
	font-size: 1.6rem;
	color:#b4b4b4;
	padding:16px 20px;
	background-color: rgba(0,0,0,.8);
	transition:all .3s ease;
}

.sec--01 .swiper-pagination .swiper-pagination-bullet .thumb::before {
	content: "";
	display: block;
	position: absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	width:100%;
	height:100%;
	background-repeat: no-repeat;
	background-position: center;
	background-size:cover;
	z-index:-1;
}

.sec--01 .swiper-pagination .swiper-pagination-bullet .thumb--01::before {
	background-image: url('/child/img/main/sec01_thumb01.png');
}

.sec--01 .swiper-pagination .swiper-pagination-bullet .thumb--02::before {
	background-image: url('/child/img/main/sec01_thumb02.png');
}

.sec--01 .swiper-pagination .swiper-pagination-bullet .thumb--03::before {
	background-image: url('/child/img/main/sec01_thumb03.png');
}

.sec--01 .swiper-pagination .swiper-pagination-bullet .thumb--04::before {
	background-image: url('/child/img/main/sec01_thumb04.png');
}

.sec--01 .swiper-pagination .swiper-pagination-bullet-active .thumb {
	color:#fff;
	background-color: rgba(31,97,173,.6);
} */

.sec--01 .text {
	position: absolute;
	top:50%;
	left:50%;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	max-width:1310px;
	width:100%;
	margin:0 auto;
	padding:0px 15px;
	z-index:10;
}

.sec--01 .text .t01 {
	font-size:2.8rem;
	color:#ffffff;
	margin-bottom:30px;
	opacity: 0;
	animation: title1-end .6s ease forwards;
}

.sec--01 .text .t02 {
	font-size:4.4rem;
	font-weight:800;
	line-height:1.5;
	color:#ffffff;
	opacity: 0;
	animation: title2-end .6s ease forwards;
}

.sec--01 .background {
	width:100%;
	height:100%;
	background-repeat: no-repeat;
	background-position: center;
	background-size:cover;
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}

.sec--01 .background--01 {
	background-image: url('/child/img/main/sec01_slide01.png');
}

.sec--01 .background--02 {
	background-image: url('/child/img/main/sec01_slide02.png');
}

.sec--01 .background--03 {
	background-image: url('/child/img/main/sec01_slide03.png');
}

.sec--01 .background--04 {
	background-image: url('/child/img/main/sec01_slide04.png');
}

.sec--01 .background.on {
	-webkit-transition: all linear 6s;
	-moz-transition: all linear 6s;
	-ms-transition: all linear 6s;
	transition: all linear 6s;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
}

.sec--01 .swiper-slide-active .text .t01 {
	animation: title1-start .6s ease .6s forwards;
}

.sec--01 .swiper-slide-active .text .t02 {
	animation: title2-start .6s ease 1s forwards;
}

@keyframes title1-end {
	from {
		-webkit-transform: translateX(0px);
		-moz-transform: translateX(0px);
		-ms-transform: translateX(0px);
		transform: translateX(0px);
		opacity:1;
	}
	to {
		-webkit-transform: translateX(150px);
		-moz-transform: translateX(150px);
		-ms-transform: translateX(150px);
		transform: translateX(150px);
		opacity:0;
	}
}
@keyframes title2-end {
	from {
		-webkit-transform: translateY(0px);
		-moz-transform: translateY(0px);
		-ms-transform: translateY(0px);
		transform: translateY(0px);
		opacity:1;
	}
	to {
		-webkit-transform: translateY(50px);
		-moz-transform: translateY(50px);
		-ms-transform: translateY(50px);
		transform: translateY(50px);
		opacity:0;
	}
}
@keyframes title1-start {
	from {
		-webkit-transform: translateX(-150px);
		-moz-transform: translateX(-150px);
		-ms-transform: translateX(-150px);
		transform: translateX(-150px);
		opacity:0;
	}
	to {
		-webkit-transform: translateX(0px);
		-moz-transform: translateX(0px);
		-ms-transform: translateX(0px);
		transform: translateX(0px);
		opacity:1;
	}
}
@keyframes title2-start {
	from {
		-webkit-transform: translateY(-50px);
		-moz-transform: translateY(-50px);
		-ms-transform: translateY(-50px);
		transform: translateY(-50px);
		opacity:0;
	}
	to {
		-webkit-transform: translateY(0px);
		-moz-transform: translateY(0px);
		-ms-transform: translateY(0px);
		transform: translateY(0px);
		opacity:1;
	}
}

@media (min-width:769px) {
	@keyframes page-up {
		form {
			bottom:-80px;
			opacity:0;
		}
		to {
			bottom:80px;
			opacity:1;
		}
	}
}
@media (max-width:1200px) {
	.sec--01 {
		height: calc((var(--vh, 1vh) * 100) - 70px);
		/* height:calc(100vh - 70px); */
		/* max-height: calc(100vh - 120px); */
	}

	.sec--01 .swiper-pagination .swiper-pagination-bullet .thumb {
		font-size:1.5rem;
	}

	.sec--01 .swiper-pagination .swiper-pagination-bullet-active .thumb {
		font-size:1.6rem;
		height: calc(100% + 14px);
	}

	/* .sec--01 .swiper-pagination .swiper-pagination-bullet .thumb {
		font-size:1.5rem;
	} */

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

	.sec--01 .text .t02 {
		font-size:3.8rem;
	}
}
@media (max-width:1024px) {
	/* .sec--01 .swiper-pagination .swiper-pagination-bullet {
		width:120px;
		height:80px;
	}

	.sec--01 .swiper-pagination .swiper-pagination-bullet .thumb {
		padding:10px 16px;
	} */

	.sec--01 .text .t01 {
		margin-bottom:24px;
	}
}
@media (max-width:768px) {
	/* .sec--01 .swiper-wrapper {
		height:calc(100% - 120px);
	} */

	.sec--01 .swiper-pagination .swiper-pagination-bullet {
		height:50px;
	}

	.sec--01 .swiper-pagination .swiper-pagination-bullet .thumb {
		font-size:1.4rem;
	}

	.sec--01 .swiper-pagination .swiper-pagination-bullet-active .thumb {
		height: 100%;
		font-size:1.4rem;
	}

	/* .sec--01 .swiper-pagination {
		flex-wrap: wrap;
		justify-content: center;
		position: relative;
		left: unset;
		bottom:unset;
		-webkit-transform: none;
		-moz-transform: none;
		-ms-transform: none;
		transform: none;
		opacity:1;
		padding:0px;
	}

	.sec--01 .swiper-pagination .swiper-pagination-bullet {
		flex:1 1 50%;
		max-width:50%;
		height:60px;
		margin:0px;
	}

	.sec--01 .swiper-pagination .swiper-pagination-bullet .thumb {
		justify-content: center;
		align-items: center;
		text-align: center;
		font-size:1.4rem;
		padding:6px 10px;
	}
	
	.sec--01 .swiper-pagination .swiper-pagination-bullet .thumb br {
		display: none;
	} */

	.sec--01 .text {
		text-align: center;
	}

	.sec--01 .text .t01 {
		font-size:2rem;
		margin-bottom:20px;
	}

	.sec--01 .text .t02 {
		font-size:3.2rem;
		line-height:1.3;
	}
}
@media (max-width:576px) {
	/* .sec--01 .swiper-wrapper {
		height:calc(100% - 96px);
	} */

	/* .sec--01 .swiper-pagination .swiper-pagination-bullet {
		height:48px;
	}

	.sec--01 .swiper-pagination .swiper-pagination-bullet .thumb {
		font-size:1.3rem;
	} */

	.sec--01 .swiper-pagination .swiper-pagination-bullet {
		height:40px;
	}

	.sec--01 .swiper-pagination .swiper-pagination-bullet .thumb {
		font-size:1rem;
	}

	.sec--01 .swiper-pagination .swiper-pagination-bullet-active .thumb {
		font-size:1rem;
	}

	.sec--01 .text .t01 {
		font-size:1.8rem;
		margin-bottom:16px;
	}

	.sec--01 .text .t02 {
		font-size:2.6rem;
	}
}
/* ---------------------------- */


/* -------------- Sec02 -------------- */
.sec--02 {
	padding: 120px 0px;
}

.sec--02 .heading {
	text-align: center;
	margin-bottom:40px;
}

.sec--02 .din {
	display: flex;
	justify-content: flex-end;
	position: relative;
}

.sec--02 .lt {
	position: absolute;
	top:50%;
	left:0;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	width:580px;
}

.sec--02 .lt .context-slide {
	position: absolute;
	top:50%;
	left:13%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	opacity:0;
	-webkit-transition:all .6s ease;
	-moz-transition:all .6s ease;
	-ms-transition:all .6s ease;
	transition:all .6s ease;
	pointer-events:none;
}

.sec--02 .lt .text {
	margin-bottom:80px;
}

.sec--02 .lt .text .t01 {
	font-size:3.6rem;
	font-weight:700;
	line-height: 1.2;
	padding-bottom:40px;
}

.sec--02 .lt .text .t01 span {
	font-style: italic;
	font-weight:500;
	color:#236cb6;
}

.sec--02 .lt .text .t02 {
	font-size:1.8rem;
	line-height:2;
	color:#747474;
}

.sec--02 .lt .link {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width:280px;
	height:64px;
	padding:10px 10px 10px 24px;
	background-color: #535353;
	border-radius:100px;
	font-size:2rem;
	font-weight:500;
	color:#fff;
}

.sec--02 .lt .link i {
	display: block;
	position: relative;
	width:107px;
	height:44px;
	background: url('/child/img/common/b_arr01.png') no-repeat center;
}

.sec--02 .lt .context-slide-active {
	opacity:1;
	pointer-events: unset;
}

.sec--02 .rt {
	width:1190px;
}

.sec--02 .rt .thumb {
	display: flex;
	position: relative;
	width:100%;
}

.sec--02 .rt .card {
	position: relative;
	width:100%;
	height:0;
	overflow: hidden;
	background-color: #000;
}

.sec--02 .rt .text {
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	position: absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	padding:40px;
	z-index:1;
}

.sec--02 .rt .text .t01 {
	font-size:2.4rem;
	font-weight:500;
	line-height:1;
	color:#fff;
	padding-bottom:16px;
}

.sec--02 .rt .text .t02 {
	font-size:2.8rem;
	font-weight:700;
	line-height:1;
	color:#fff;
}

.sec--02 .rt .background {
	position: absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-repeat: no-repeat;
	background-position: center;
	background-size:cover;
	-webkit-transition:all .3s ease;
	-moz-transition:all .3s ease;
	-ms-transition:all .3s ease;
	transition:all .3s ease;
}

.sec--02 .rt .background--01 {
	background-image: url('/child/img/main/sec02_slide01.png');
}

.sec--02 .rt .background--02 {
	background-image: url('/child/img/main/sec02_slide02.png');
}

.sec--02 .rt .background--03 {
	background-image: url('/child/img/main/sec02_slide03.png');
}

.sec--02 .rt .thumb-main {
	width:37%;
}

.sec--02 .rt .thumb-main .card {
	padding-top:calc(640/440*100%);
}

.sec--02 .rt .thumb-sub {
	position: absolute;
	top:0;
	right:0;
	width:94.5378%;
	z-index:0;
}

.sec--02 .rt .thumb-sub .card {
	padding-top:calc(560/375*100%);
}

.sec--02 .rt .thumb-sub .background {
	opacity:.5;
}

.sec--02 .rt .swiper-control {
	position: relative;
	max-width:630px;
	width:100%;
	margin-top:24px;
	margin-left:auto;
}

.sec--02 .rt .thumb-main .swiper-control {
	display: none;
}

.sec--02 .rt .thumb-sub .swiper-control {
	display: flex;
	justify-content: flex-end;
	align-items: center;
}

.sec--02 .rt .swiper-control .prev,
.sec--02 .rt .swiper-control .next {
	display:flex;
	justify-content: center;
	align-items: center;
	width:56px;
	height:56px;
	border:1px solid #696969;
	border-radius:50%;
	background-color: transparent;
	margin:0px 4px;
	cursor: pointer;
}

.sec--02 .rt .swiper-control .prev::before,
.sec--02 .rt .swiper-control .next::before {
	content:"";
	display: inline-block;
	width:24px;
	height:20px;
	background-repeat: no-repeat;
	background-position: center;
}

.sec--02 .rt .swiper-control .prev::before {
	background-image: url('/child/img/main/sec02_prev.png');
}

.sec--02 .rt .swiper-control .next::before {
	background-image: url('/child/img/main/sec02_next.png');
}

.sec--02 .rt .swiper-control .pagination {
	display: block;
	position: relative;
	width:calc(76% - 30px);
	height:2px;
	margin-left:30px;
	background-color:#e0e0e0;
}

.sec--02 .rt .swiper-control .pagination .swiper-pagination-progressbar-fill {
	background-color: #236cb6;
}

@media (max-width:1536px) {
	.sec--02 .rt {
		width:990px;
	}

	.sec--02 .lt .context-slide {
		left:0;
	}

	.sec--02 .rt .swiper-control {
		max-width:530px;
		margin-top:20px;
	}

	.sec--02 .rt .swiper-control .prev, 
	.sec--02 .rt .swiper-control .next {
		width:46px;
		height:46px;
	}

	.sec--02 .rt .swiper-control .prev::before, 
	.sec--02 .rt .swiper-control .next::before {
		background-size:auto 16px;
	}
}
@media (max-width:1366px) {
	.sec--02 .rt {
		width:910px;
	}

	.sec--02 .rt .text {
		padding:40px 28px;
	}

	.sec--02 .rt .swiper-control {
		margin-top:16px;
	}
}
@media (max-width:1200px) {
	.sec--02 .lt .text .t01 {
		font-size:3rem;
	}

	.sec--02 .lt .text .t02 {
		font-size:1.6rem;
	}
	
	.sec--02 .lt .link {
		width:220px;
		height:54px;
		font-size:1.8rem;
	}

	.sec--02 .lt .link i {
		width:85px;
		height:34px;
		background-size:auto 34px;
	}

	.sec--02 .rt {
		width:750px;
	}

	.sec--02 .rt .text {
		padding:28px 20px;
	}

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

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

	.sec--02 .rt .swiper-control {
		max-width:400px;
	}

	.sec--02 .rt .swiper-control .prev, 
	.sec--02 .rt .swiper-control .next {
		width:36px;
		height:36px;
	}	

	.sec--02 .rt .swiper-control .prev::before, 
	.sec--02 .rt .swiper-control .next::before {
		width:20px;
		background-size:auto 12px;
	}

	.sec--02 .rt .swiper-control .pagination  {
		width:calc(100% - 108px);
		margin-left:24px;
	}
}
@media (max-width:1024px) {
	.sec--02 {
		padding:100px 0px;
	}

	.sec--02 .heading {
		margin-bottom:34px;
	}

	.sec--02 .din {
		flex-wrap: wrap;
		justify-content: flex-start;
	}

	.sec--02 .lt {
		position: relative;
		top:unset;
		left:unset;
		-webkit-transform:none;
		-moz-transform:none;
		-ms-transform:none;
		transform:none;
		width:100%;
		margin-top:20px;
		order:2;
	}

	.sec--02 .lt .context {
		text-align: center;
		height:280px;
	}

	.sec--02 .lt .context-slide {
		width:100%;
		height:100%;
	}

	.sec--02 .lt .text {
		margin-bottom:60px;
	}
	
	.sec--02 .lt .text .t01 {
		padding-bottom:34px;
	}

	.sec--02 .lt .btns {
		display: flex;
		justify-content: center;
	}

	.sec--02 .lt .link {
		height:48px;
		padding:6px 6px 6px 20px;
	}

	.sec--02 .rt {
		width:100%;
		order:1;
	}

	.sec--02 .rt .text {
		padding:24px 16px;
	}

	.sec--02 .rt .text .t01 {
		padding-bottom:10px;
	}

	.sec--02 .rt .thumb {
		flex-wrap: wrap;
	}	

	.sec--02 .rt .thumb-main {
		width:60%;
		margin:0 auto;
	}

	.sec--02 .rt .thumb-main .swiper-container {
		overflow: visible;
	}

	.sec--02 .rt .thumb-main .background {
		opacity:.6;
	}

	.sec--02 .rt .thumb-main .swiper-slide-active .background {
		opacity:1;
	}

	.sec--02 .rt .thumb-sub {
		display: none;
	}

	.sec--02 .rt .thumb-main .swiper-control {
		display: flex;
		justify-content: center;
		align-items: center;
		max-width:100%;
		margin:20px auto 0px;
	}
}
@media (max-width:768px) {
	.sec--02 {
		padding:80px 0px;
	}

	.sec--02 .heading {
		margin-bottom:28px;
	}

	.sec--02 .lt .context {
		height:240px;
	}

	.sec--02 .lt .text {
		margin-bottom:40px;
	}

	.sec--02 .lt .text .t01 {
		font-size:2.4rem;
		padding-bottom:28px;
	}

	.sec--02 .lt .text .t02 {
		font-size:1.5rem;
	}

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

	.sec--02 .rt .text {
		padding:20px 16px;
	}

	.sec--02 .rt .text .t01 {
		font-size:1.8rem;
		padding-bottom:6px;
	}

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

	.sec--02 .rt .thumb-main .swiper-control {
		margin:16px auto 0px;
	}

	.sec--02 .rt .swiper-control .prev, 
	.sec--02 .rt .swiper-control .next {
		width:30px;
		height:30px;
		margin:0px 2px;
	}

	.sec--02 .rt .swiper-control .prev::before, 
	.sec--02 .rt .swiper-control .next::before {
		width:16px;
		background-size:auto 10px;
	}

	.sec--02 .rt .swiper-control .pagination {
		width:calc(100% - 84px);
		margin-left:20px;
	}
}
@media (max-width:576px) {
	.sec--02 .lt .context {
		height:210px;
	}

	.sec--02 .lt .text .t01 {
		font-size:2rem;
		padding-bottom: 24px;
	}

	.sec--02 .lt .text .t02 {
		font-size:1.4rem;
	}

	.sec--02 .lt .link {
		width:180px;
		height:42px;
		font-size:1.5rem;
	}

	.sec--02 .lt .link i {
		width:65px;
		height:26px;
		background-size:auto 26px;
	}

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

	.sec--02 .rt .text .t02 {
		font-size:1.8rem;
	}
}
/* ---------------------------- */


/* -------------- Sec03 -------------- */
.sec--03 {
	position: relative;
	width:100%;
	height:100vh;
	/* height:fit-content; */
	/* height:100vh; */
	/* height:0; */
	padding:80px;
	overflow: hidden;
}

.sec--03 .area {
	position: relative;
	width:100%;
	height:100%;
}

.sec--03 .text {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-align: center;
	position: absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	padding:0px 30px;
	z-index:10;
}

.sec--03 .text .t01 {
	font-size:5.6rem;
	font-weight:800;
	color:#fff;
	padding-bottom:30px;
}

.sec--03 .text .t02 {
	font-size:2.4rem;
	line-height:1.5;
	color:#fff;
}

.sec--03 .text .t02 span {
	font-weight:600;
}

.sec--03 .background {
	/* position: relative; */
	position: absolute;
	top:50%;
	left:50%;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	width:100%;
	height:0;
	padding-top: calc(800/1920*100%);
	background: url('/child/img/main/sec03_bg.png') no-repeat center / cover;
	overflow: hidden;
}

@media (max-width:1200px) {
	.sec--03 {
		padding:60px;
	}

	.sec--03 .text .t01 {
		font-size:4.6rem;
	}

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

	.sec--03 .background {
		padding-top:calc(100vh - 120px);
	}
}
@media (max-width:1024px) {
	.sec--03 {
		padding:0px;
	}

	.sec--03 .text .t01 {
		padding-bottom:24px;
	}

	.sec--03 .background {
		padding-top:100vh;
	}
}
@media (max-width:768px) {
	.sec--03 .text .t01 {
		font-size:4rem;
		padding-bottom:20px;
	}

	.sec--03 .text .t02 {
		font-size:1.8rem;
	}
}
@media (max-width:576px) {
	.sec--03 .text {
		padding:0px 20px;
	}

	.sec--03 .text .t01 {
		font-size:3.6rem;
		padding-bottom:16px;
	}

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

	.sec--03 .text .t02 br {
		display: none;
	}
}
/* ---------------------------- */


/* -------------- Sec04 -------------- */
.sec--04 {
	padding:120px 0px;
	background:#f8f8f8 url('/child/img/main/sec04_bg.png') no-repeat left center / cover;
}

.sec--04 .heading {
	text-align: center;
	margin-bottom:80px;
}

.sec--04 .list {
	display: flex;
	justify-content: space-between;
	gap:40px;
}

.sec--04 .list li {
	flex:1 1;
}

.sec--04 .list .card {
	height:100%;
	padding:40px;
	background-color: #ffffff;
	border-radius:10px;
	box-shadow:3px 3px 5px rgba(0,0,0,.2);	
}

.sec--04 .list .img {
	text-align: center;
	font-size:0px;
}

.sec--04 .list .text {
	margin-top:40px;
}

.sec--04 .list .text .t01 {
	font-size:2.8rem;
	font-weight:700;
}

.sec--04 .btns {
	display: flex;
	justify-content: center;
	margin-top:80px;
}

.sec--04 .btns .link {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width:280px;
	height:64px;
	padding:10px 10px 10px 24px;
	background-color: #535353;
	border-radius:100px;
	font-size:2rem;
	font-weight:500;
	color:#fff;
}

.sec--04 .btns .link i {
	display: block;
	position: relative;
	width:107px;
	height:44px;
	background: url('/child/img/common/b_arr01.png') no-repeat center;
}

@media (max-width:1366px) {
	.sec--04 .list {
		gap:34px;
	}

	.sec--04 .list .card {
		padding:40px 28px;
	}
}
@media (max-width:1200px) {
	.sec--04 .list {
		gap:28px;
	}

	.sec--04 .list .card {
		padding:28px;
	}

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

	.sec--04 .btns .link {
		width:220px;
		height:54px;
		font-size:1.8rem;
	}

	.sec--04 .btns .link i {
		width:85px;
		height:34px;
		background-size:auto 34px;
	}
}
@media (max-width:1024px) {
	.sec--04 {
		padding:100px 0px;
	}

	.sec--04 .heading {
		margin-bottom: 60px;
	}

	.sec--04 .list {
		gap:20px;
	}

	.sec--04 .list .card {
		padding: 20px;
	}

	.sec--04 .list .text {
		margin-top:34px;
	}

	.sec--04 .btns {
		margin-top: 60px;
	}

	.sec--04 .btns .link {
		height:48px;
		padding:6px 6px 6px 20px;
	}
}
@media (max-width:768px) {
	.sec--04 {
		padding:80px 0px;
		background-position: left bottom;
		background-size:auto 60%;
	}

	.sec--04 .heading {
		margin-bottom:40px;
	}

	.sec--04 .list {
		flex-wrap: wrap;
		gap:24px 12px;
	}

	.sec--04 .list li {
		flex:1 1 calc(50% - 12px);
		max-width:calc(50% - 12px);
	}

	.sec--04 .list .card {
		padding:16px;
	}

	.sec--04 .list .img {
		width: 60%;
		margin:0 auto;
	}

	.sec--04 .list .text {
		text-align: center;
		margin-top:20px;
	}
	
	.sec--04 .list .text .t01 {
		font-size:2rem;
	}

	.sec--04 .btns {
		margin-top:40px;
	}

	.sec--04 .btns .link {
		font-size:1.6rem;
	}
}
@media (max-width:576px) {
	.sec--04 .heading {
		margin-bottom:34px;
	}

	.sec--04 .list {
		gap:8px 4px;
	}

	.sec--04 .list li {
		flex:1 1 calc(50% - 4px);
		max-width:calc(50% - 4px);
	}

	.sec--04 .list .card {
		padding:10px;
	}

	.sec--04 .list .text {
		margin-top:10px;
	}

	.sec--04 .list .text .t01 {
		font-size:1.4rem;
	}

	.sec--04 .btns {
		margin-top:34px;
	}

	.sec--04 .btns .link {
		width:180px;
		height:42px;
		font-size:1.5rem;
	}

	.sec--04 .btns .link i {
		width:65px;
		height:26px;
		background-size:auto 26px;
	}
}
/* ---------------------------- */


/* -------------- Sec05 -------------- */
.sec--05 {
	position: relative;
	width:100%;
	background: linear-gradient(90deg, rgba(98,195,239,1) 0%, rgba(99,197,240,1) 41%, rgba(35,108,182,1) 100%);
}

.sec--05 .din {
	display: flex;
}

.sec--05 .lt,
.sec--05 .rt {
	flex:1 1 50%;
	max-width:50%;
}

.sec--05 .card {
	position: relative;
	width:100%;
	height:740px;
	overflow: hidden;
}

.sec--05 .card-inner {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	position: relative;
	width:100%;
	height:100%;
	z-index:5;
}

.sec--05 .text {
	text-align: center;
	margin-bottom:80px;
}

.sec--05 .text .t01 {
	font-size:4.4rem;
	font-weight:700;
	line-height:1;
	padding-bottom:30px;
}

.sec--05 .text .t02 {
	font-size:2rem;
	font-weight:500;
}

.sec--05 .link {
	display: flex;
	justify-content: center;
	align-items: center;
	width:56px;
	height:56px;
	border:1px solid #161616;
	border-radius:50%;
}

.sec--05 .link::before {
	content:"";
	display: inline-block;
	width:24px;
	height:20px;
	background: url('/child/img/common/b_arr02.png') no-repeat center;
}

.sec--05 .card-frame {
  position: absolute;
  top: 50%;
  left: 50%;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
  width:100%;
	height:100%;
}

.sec--05 .frame-ani {
  position: absolute;
  top: 50%;
  left: 50%;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}

.sec--05 .frame-ani .ani {
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform-origin: center center;
	-moz-transform-origin: center center;
	-ms-transform-origin: center center;
	transform-origin: center center;
}

.sec--05 .frame-ani .ani--01 {
	width: 380px;
	height: 380px;
	animation: circle-ani 7s infinite linear;
}

.sec--05 .frame-ani .ani--02 {
	width: 280px;
	height: 280px;
	animation: cube-ani 7s infinite linear;
}

.sec--05 .frame-ani .ani--01 .box {
	position: absolute;
	width:380px;
	height:380px;
	transform: rotateX(0deg);
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.25);
}

.sec--05 .frame-ani .ani--01 .box:nth-child(2) {
	-webkit-transform: rotateX(30deg);
	-moz-transform: rotateX(30deg);
	-ms-transform: rotateX(30deg);
	transform: rotateX(30deg);
}
.sec--05 .frame-ani .ani--01 .box:nth-child(3) {
	-webkit-transform: rotateX(60deg);
	-moz-transform: rotateX(60deg);
	-ms-transform: rotateX(60deg);
	transform: rotateX(60deg);
}
.sec--05 .frame-ani .ani--01 .box:nth-child(4) {
	-webkit-transform: rotateX(90deg);
	-moz-transform: rotateX(90deg);
	-ms-transform: rotateX(90deg);
	transform: rotateX(90deg);
}
.sec--05 .frame-ani .ani--01 .box:nth-child(5) {
	-webkit-transform: rotateX(120deg);
	-moz-transform: rotateX(120deg);
	-ms-transform: rotateX(120deg);
	transform: rotateX(120deg);
}

.sec--05 .frame-ani .ani--02 .box {
	position: absolute;
	width: 280px;
	height: 280px;
}

.sec--05 .frame-ani .ani--02 .box:nth-child(1) {
	-webkit-transform: translateZ(140px);
	-moz-transform: translateZ(140px);
	-ms-transform: translateZ(140px);
	transform: translateZ(140px);
	background: rgba(255, 255, 255, 0.5);
}
.sec--05 .frame-ani .ani--02 .box:nth-child(2) {
	-webkit-transform: rotateY(180deg) rotateX(0deg) translateZ(140px);
	-moz-transform: rotateY(180deg) rotateX(0deg) translateZ(140px);
	-ms-transform: rotateY(180deg) rotateX(0deg) translateZ(140px);
	transform: rotateY(180deg) rotateX(0deg) translateZ(140px);
	background: rgba(255, 255, 255, 0.6);
}
.sec--05 .frame-ani .ani--02 .box:nth-child(3) {
	-webkit-transform: rotateY(90deg) translateZ(140px);
	-moz-transform: rotateY(90deg) translateZ(140px);
	-ms-transform: rotateY(90deg) translateZ(140px);
	transform: rotateY(90deg) translateZ(140px);
	background: rgba(255, 255, 255, 0.4);
}
.sec--05 .frame-ani .ani--02 .box:nth-child(4) {
	-webkit-transform: rotateY(-90deg) translateZ(140px);
	-moz-transform: rotateY(-90deg) translateZ(140px);
	-ms-transform: rotateY(-90deg) translateZ(140px);
	transform: rotateY(-90deg) translateZ(140px);
	background: rgba(255, 255, 255, 0.5);
}
.sec--05 .frame-ani .ani--02 .box:nth-child(5) {
	-webkit-transform: rotateX(90deg) translateZ(140px);
	-moz-transform: rotateX(90deg) translateZ(140px);
	-ms-transform: rotateX(90deg) translateZ(140px);
	transform: rotateX(90deg) translateZ(140px);
	background: rgba(255, 255, 255, 0.3);
}
.sec--05 .frame-ani .ani--02 .box:nth-child(6) {
	-webkit-transform: rotateX(-90deg) rotateZ(-180deg) translateZ(140px);
	-moz-transform: rotateX(-90deg) rotateZ(-180deg) translateZ(140px);
	-ms-transform: rotateX(-90deg) rotateZ(-180deg) translateZ(140px);
	transform: rotateX(-90deg) rotateZ(-180deg) translateZ(140px);
	background: rgba(50,50,50,.5);
	opacity: .55;
}

@keyframes circle-ani {
	0%   { transform: rotateX(0) rotateZ(0); }
	20%  { transform: rotateX(60deg) rotateZ(0);	}
	40%  { transform: rotateX(60deg) rotateZ(60deg); }
	60%  { transform: rotateX(60deg) rotateZ(60deg) rotateX(90deg); }
  80%  { transform: rotateY(120deg) rotateX(120deg) rotateZ(30deg); }
	100% { transform: rotateY(0) rotateX(0) rotateZ(0); }
}

@keyframes cube-ani {
  from {
		-webkit-transform: rotateX(0) rotateY(0);
		-moz-transform: rotateX(0) rotateY(0);
		-ms-transform: rotateX(0) rotateY(0);
		transform: rotateX(0) rotateY(0);
	}
  to {
		-webkit-transform: rotateX(360deg) rotateY(360deg);
		-moz-transform: rotateX(360deg) rotateY(360deg);
		-ms-transform: rotateX(360deg) rotateY(360deg);
		transform: rotateX(360deg) rotateY(360deg);
	}
}
@media (max-width:1200px) {
	.sec--05 .card {
		height:640px;
	}

	.sec--05 .text .t01 {
		font-size:3.8rem;
	}

	.sec--05 .text .t02 {
		font-size:1.8rem;
	}
	
	.sec--05 .frame-ani .ani--01 {
		width:320px;
		height:320px;
	}

	.sec--05 .frame-ani .ani--02 {
		width:220px;
		height:220px;
	}

	.sec--05 .frame-ani .ani--01 .box {
		width:320px;
		height:320px;
	}

	.sec--05 .frame-ani .ani--02 .box {
		width:220px;
		height:220px;
	}

	.sec--05 .frame-ani .ani--02 .box:nth-child(1) {
		-webkit-transform: translateZ(110px);
		-moz-transform: translateZ(110px);
		-ms-transform: translateZ(110px);
		transform: translateZ(110px);
	}
	.sec--05 .frame-ani .ani--02 .box:nth-child(2) {
		-webkit-transform: rotateY(180deg) rotateX(0deg) translateZ(110px);
		-moz-transform: rotateY(180deg) rotateX(0deg) translateZ(110px);
		-ms-transform: rotateY(180deg) rotateX(0deg) translateZ(110px);
		transform: rotateY(180deg) rotateX(0deg) translateZ(110px);
	}
	.sec--05 .frame-ani .ani--02 .box:nth-child(3) {
		-webkit-transform: rotateY(90deg) translateZ(110px);
		-moz-transform: rotateY(90deg) translateZ(110px);
		-ms-transform: rotateY(90deg) translateZ(110px);
		transform: rotateY(90deg) translateZ(110px);
	}
	.sec--05 .frame-ani .ani--02 .box:nth-child(4) {
		-webkit-transform: rotateY(-90deg) translateZ(110px);
		-moz-transform: rotateY(-90deg) translateZ(110px);
		-ms-transform: rotateY(-90deg) translateZ(110px);
		transform: rotateY(-90deg) translateZ(110px);
	}
	.sec--05 .frame-ani .ani--02 .box:nth-child(5) {
		-webkit-transform: rotateX(90deg) translateZ(110px);
		-moz-transform: rotateX(90deg) translateZ(110px);
		-ms-transform: rotateX(90deg) translateZ(110px);
		transform: rotateX(90deg) translateZ(110px);
	}
	.sec--05 .frame-ani .ani--02 .box:nth-child(6) {
		-webkit-transform: rotateX(-90deg) rotateZ(-180deg) translateZ(110px);
		-moz-transform: rotateX(-90deg) rotateZ(-180deg) translateZ(110px);
		-ms-transform: rotateX(-90deg) rotateZ(-180deg) translateZ(110px);
		transform: rotateX(-90deg) rotateZ(-180deg) translateZ(110px);
	}
}
@media (max-width:1024px) {
	.sec--05 .card {
		height:600px;
	}

	.sec--05 .text {
		margin-bottom:60px;
	}

	.sec--05 .text .t01 {
		padding-bottom:24px;
	}

	.sec--05 .link {
		width:48px;
		height:48px;
	}

	.sec--05 .link::before {
		background-size:auto 16px;
	}
}
@media (max-width:768px) {
	.sec--05 {
		background: linear-gradient(180deg, rgba(99,197,240,1) 0%, rgba(35,108,182,1) 100%);
	}

	.sec--05 .din {
		flex-wrap: wrap;
	}
	
	.sec--05 .lt, .sec--05 .rt {
		flex:1 1 100%;
		max-width:100%;
	}

	.sec--05 .card {
		height:auto;
	}

	.sec--05 .card-inner {
		position: relative;
		padding:80px 0px;
	}

	.sec--05 .text {
		margin-bottom:40px;
	}

	.sec--05 .text .t01 {
		font-size: 3.2rem;
		padding-bottom:20px;
	}

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

	.sec--05 .link {
		width:42px;
		height:42px;
	}

	.sec--05 .link::before {
		background-size:auto 14px;
	}

	.sec--05 .frame-ani .ani--01 {
		width:200px;
		height:200px;
	}

	.sec--05 .frame-ani .ani--02 {
		width:140px;
		height:140px;
	}

	.sec--05 .frame-ani .ani--01 .box {
		width:200px;
		height:200px;
	}

	.sec--05 .frame-ani .ani--02 .box {
		width:140px;
		height:140px;
	}

	.sec--05 .frame-ani .ani--02 .box:nth-child(1) {
		-webkit-transform: translateZ(70px);
		-moz-transform: translateZ(70px);
		-ms-transform: translateZ(70px);
		transform: translateZ(70px);
	}
	.sec--05 .frame-ani .ani--02 .box:nth-child(2) {
		-webkit-transform: rotateY(180deg) rotateX(0deg) translateZ(70px);
		-moz-transform: rotateY(180deg) rotateX(0deg) translateZ(70px);
		-ms-transform: rotateY(180deg) rotateX(0deg) translateZ(70px);
		transform: rotateY(180deg) rotateX(0deg) translateZ(70px);
	}
	.sec--05 .frame-ani .ani--02 .box:nth-child(3) {
		-webkit-transform: rotateY(90deg) translateZ(70px);
		-moz-transform: rotateY(90deg) translateZ(70px);
		-ms-transform: rotateY(90deg) translateZ(70px);
		transform: rotateY(90deg) translateZ(70px);
	}
	.sec--05 .frame-ani .ani--02 .box:nth-child(4) {
		-webkit-transform: rotateY(-90deg) translateZ(70px);
		-moz-transform: rotateY(-90deg) translateZ(70px);
		-ms-transform: rotateY(-90deg) translateZ(70px);
		transform: rotateY(-90deg) translateZ(70px);
	}
	.sec--05 .frame-ani .ani--02 .box:nth-child(5) {
		-webkit-transform: rotateX(90deg) translateZ(70px);
		-moz-transform: rotateX(90deg) translateZ(70px);
		-ms-transform: rotateX(90deg) translateZ(70px);
		transform: rotateX(90deg) translateZ(70px);
	}
	.sec--05 .frame-ani .ani--02 .box:nth-child(6) {
		-webkit-transform: rotateX(-90deg) rotateZ(-180deg) translateZ(70px);
		-moz-transform: rotateX(-90deg) rotateZ(-180deg) translateZ(70px);
		-ms-transform: rotateX(-90deg) rotateZ(-180deg) translateZ(70px);
		transform: rotateX(-90deg) rotateZ(-180deg) translateZ(70px);
	}
}
@media (max-width:576px) {
	.sec--05 .text {
		margin-bottom:34px;
	}

	.sec--05 .text .t01 {
		font-size: 2.6rem;
		padding-bottom:16px;
	}

	.sec--05 .text .t02 {
		font-size:1.5rem;
	}

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

	.sec--05 .link::before {
		background-size:auto 12px;
	}

	.sec--05 .frame-ani .ani--01 {
		width:160px;
		height:160px;
	}

	.sec--05 .frame-ani .ani--02 {
		width:120px;
		height:120px;
	}

	.sec--05 .frame-ani .ani--01 .box {
		width:160px;
		height:160px;
	}

	.sec--05 .frame-ani .ani--02 .box {
		width:120px;
		height:120px;
	}

	.sec--05 .frame-ani .ani--02 .box:nth-child(1) {
		-webkit-transform: translateZ(60px);
		-moz-transform: translateZ(60px);
		-ms-transform: translateZ(60px);
		transform: translateZ(60px);
	}
	.sec--05 .frame-ani .ani--02 .box:nth-child(2) {
		-webkit-transform: rotateY(180deg) rotateX(0deg) translateZ(60px);
		-moz-transform: rotateY(180deg) rotateX(0deg) translateZ(60px);
		-ms-transform: rotateY(180deg) rotateX(0deg) translateZ(60px);
		transform: rotateY(180deg) rotateX(0deg) translateZ(60px);
	}
	.sec--05 .frame-ani .ani--02 .box:nth-child(3) {
		-webkit-transform: rotateY(90deg) translateZ(60px);
		-moz-transform: rotateY(90deg) translateZ(60px);
		-ms-transform: rotateY(90deg) translateZ(60px);
		transform: rotateY(90deg) translateZ(60px);
	}
	.sec--05 .frame-ani .ani--02 .box:nth-child(4) {
		-webkit-transform: rotateY(-90deg) translateZ(60px);
		-moz-transform: rotateY(-90deg) translateZ(60px);
		-ms-transform: rotateY(-90deg) translateZ(60px);
		transform: rotateY(-90deg) translateZ(60px);
	}
	.sec--05 .frame-ani .ani--02 .box:nth-child(5) {
		-webkit-transform: rotateX(90deg) translateZ(60px);
		-moz-transform: rotateX(90deg) translateZ(60px);
		-ms-transform: rotateX(90deg) translateZ(60px);
		transform: rotateX(90deg) translateZ(60px);
	}
	.sec--05 .frame-ani .ani--02 .box:nth-child(6) {
		-webkit-transform: rotateX(-90deg) rotateZ(-180deg) translateZ(60px);
		-moz-transform: rotateX(-90deg) rotateZ(-180deg) translateZ(60px);
		-ms-transform: rotateX(-90deg) rotateZ(-180deg) translateZ(60px);
		transform: rotateX(-90deg) rotateZ(-180deg) translateZ(60px);
	}
}
/* ---------------------------- */


/* -------------- Sec06 -------------- */
.sec--06 .heading {
	margin-bottom: 40px;
}

.sec--06 .section-title {
	padding-bottom:40px;
}

.sec--06 .din {
	display: flex;
}

.sec--06 .lt {
	width:1040px;
	padding:120px 80px;
	background-color: #ffffff;
}

.sec--06 .rt {
	width:calc(100% - 1040px);
}

.sec--06 .btm {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.sec--06 .block {
	margin-bottom:40px;
}

.sec--06 .form-table {
	display: flex;
	flex-wrap: wrap;
	gap:14px 20px;
}

.sec--06 .form-table .row {
	flex:1 1 calc(100% - 40px);
}

.sec--06 .form-table .th {
	font-size:2rem;
	font-weight:500;
}

.sec--06 .form-table .th--mb {
	margin-bottom:20px;
}

.sec--06 .form-table .th span {
	color:#ff2727;
}

.sec--06 .form-table--two .row {
	display: flex;
	align-items: center;
	flex:1 1 calc(50% - 40px);
}

.sec--06 .form-table--two .th {
	width:110px;
}

.sec--06 .form-table--two .td {
	width:calc(100% - 110px);
}

.sec--06 .form-table--two .caution {
	font-size:1.8rem;
	color:#a3a3a3;
}

.sec--06 .form-table input {
	width:100%;
	height:44px;
	padding:0px 20px;
	border:1px solid #d5d5d5;
	border-radius:5px;
	background-color: #f6f6f6;
	font-size:1.8rem;
}

.sec--06 .form-table textarea {
	resize: none;
	width:100%;
	height:120px;
	padding:20px;
	border:1px solid #d5d5d5;
	border-radius:5px;
	background-color: #f6f6f6;
	font-size:1.8rem;
}

.sec--06 .form-table .file-area {
	position: relative;
	width:100%;
	height:44px;
	border:1px solid #d5d5d5;
	border-radius:5px;
	background-color: #f6f6f6;
	overflow: hidden;
}

.sec--06 .form-table .file-area label {
	display: flex;
	align-items: center;
	justify-content: space-between;
	position: relative;
	width:100%;
	height: 100%;
}

.sec--06 .form-table .file-area input {
	position: absolute;
	top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 0px;
  border: 0px;
  opacity: 0;
  z-index: 10;
	cursor: pointer;
}

.sec--06 .form-table .file-area .file-label {
	display: block;
	width:calc(100% - 160px);
	padding:0px 20px;
	font-size: 1.8rem;
	color:#a6a6a6;
}

.sec--06 .form-table .file-area .file-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
  width:160px;
  height:calc(100% + 2px);
  font-size: 1.8rem;
  color:#000;
  background-color: #fff;
	border:1px solid #d5d5d5;
	border-right:0px;
	border-radius:5px;
}

.sec--06 .form-table .file-area .file-btn i {
	display: inline-block;
	width:12px;
	height:19px;
	margin-right:10px;
	background: url('/child/img/common/i_file.svg') no-repeat center;
}

.sec--06 .form-agree label {
	position: relative;
}

.sec--06 .form-agree input {
	position: absolute;
	top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 0px;
  border: 0px;
  opacity: 0;
  z-index: 10;
	cursor: pointer;
}

.sec--06 .form-agree i {
	display: block;
	position: absolute;
	top:50%;
	left:0;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	width:12px;
	height:12px;
	background: url('/child/img/common/i_check.png') no-repeat center;
}

.sec--06 .form-agree span {
	display: block;
	font-size:1.8rem;
	padding-left:20px;
}

.sec--06 .form-agree input[type = "checkbox"]:checked ~ i {
	background-image: url('/child/img/common/i_check__on.png');
}

.sec--06 .form-btns button {
	display: flex;
	justify-content: space-between;
	align-items: center;
	position: relative;
	width:280px;
	height:64px;
	padding:10px 10px 10px 24px;
	background-color: #535353;
	border-radius:100px;
	font-size:2rem;
	font-weight:500;
	color:#fff;
}

.sec--06 .form-btns button i {
	display: block;
	position: relative;
	width:107px;
	height:44px;
	background: url('/child/img/common/b_arr01.png') no-repeat center;
}

.sec--06 .map {
	position: relative;
	width:100%;
	height:50%;
}

@media (max-width:1680px) {
	.sec--06 .lt {
		width:840px;
		padding:120px 60px;
	}

	.sec--06 .rt {
		width: calc(100% - 840px);
	}

	.sec--06 .form-btns button {
		width:240px;
	}
}
@media (max-width:1366px) {
	.sec--06 .lt {
		width:760px;
		padding:120px 40px;
	}

	.sec--06 .rt {
		width: calc(100% - 760px);
	}

	.sec--06 .form-btns button {
		width:200px;
		height:54px;
	}

	.sec--06 .form-btns button i {
		width:85px;
		height:34px;
		background-size:auto 34px;
	}
}
@media (max-width:1200px) {
	.sec--06 .lt {
		width:680px;
	}

	.sec--06 .rt {
		width: calc(100% - 680px);
	}

	.sec--06 .form-table .th {
		font-size:1.8rem;
	}

	.sec--06 .form-table--two .caution {
		font-size:1.6rem;
	}

	.sec--06 .form-table input {
		font-size:1.6rem;
	}

	.sec--06 .form-table textarea {
		font-size:1.6rem;
	}

	.sec--06 .form-table .file-area .file-label {
		font-size:1.6rem;
	}

	.sec--06 .form-table .file-area .file-btn {
		font-size:1.6rem;
	}

	.sec--06 .form-agree span {
		font-size:1.6rem;
	}

	.sec--06 .form-btns button {
		font-size:1.8rem;
	}
}
@media (max-width:1024px) {
	.sec--06 .heading {
		margin-bottom: 34px;
	}
	
	.sec--06 .section-title {
		padding-bottom:34px;
	}
	
	.sec--06 .din {
		display: block;
	}

	.sec--06 .lt {
		width:100%;
		padding:100px 20px; 
	}

	.sec--06 .rt {
		display: flex;
		width:100%;
	}
	
	.sec--06 .block {
		margin-bottom:34px;
	}

	.sec--06 .form-table {
		gap:10px 16px;
	}

	.sec--06 .form-table .th--mb {
		margin-bottom:16px;
	}

	.sec--06 .form-table--two .row {
		flex:1 1 calc(50% - 32px);
	}

	.sec--06 .form-table--two .th {
		width:90px;
	}

	.sec--06 .form-table--two .td {
		width: calc(100% - 90px);
	}

	.sec--06 .form-table input {
		padding:0px 16px;
	}

	.sec--06 .form-table textarea {
		height:100px;
		padding:16px;
	}

	.sec--06 .form-table .file-area .file-label {
		padding:0px 16px;
	}

	.sec--06 .form-btns button {
		height:48px;
		padding:6px 6px 6px 20px;
	}

	.sec--06 .map {
		position: relative;
		width:50%;
		height:0;
		padding-top:calc(220/512*100%);
		overflow: hidden;
	}

	.sec--06 .map iframe {
		position: absolute;
		top:0;
		left:0;
		right: 0;
		bottom: 0;
		width:100%;
		height:100%;
	}
}
@media (max-width:768px) {
	.sec--06 .heading {
		margin-bottom:28px;
	}

	.sec--06 .section-title {
		padding-bottom:28px;
	}

	.sec--06 .lt {
		padding:80px 15px; 
	}

	.sec--06 .btm {
		flex-direction: column;
		justify-content: center;
	}

	.sec--06 .block {
		margin-bottom:28px;
	}

	.sec--06 .form-table .th {
		width:100%;
		margin-bottom:10px;
		font-size:1.6rem;
	}

	.sec--06 .form-table--two .row {
		display: block;
		flex:1 1 100%;
	}

	.sec--06 .form-table--two .td {
		width:100%;
	}

	.sec--06 .form-table--two .caution {
		font-size:1.5rem;
	}

	.sec--06 .form-table input {
		height:36px;
		font-size:1.5rem;
		padding:0px 10px;
	}

	.sec--06 .form-table textarea {
		height:80px;
		padding:10px;
		font-size:1.5rem;
	}

	.sec--06 .form-table .file-area {
		height:36px;
	}

	.sec--06 .form-table .file-area .file-label {
		width: calc(100% - 120px);
		font-size:1.5rem;
	}

	.sec--06 .form-table .file-area .file-btn {
		width:120px;
		font-size:1.5rem;
	}

	.sec--06 .form-table .file-area .file-btn i {
		width: 10px;
		height:16px;
		margin-right:6px;
		background-size:auto 16px;
	}

	.sec--06 .form-agree span {
		font-size:1.5rem;
	}

	.sec--06 .form-btns {
		margin-top:30px;
	}

	.sec--06 .form-btns button {
		font-size:1.6rem;
	}
}
@media (max-width:576px) {
	.sec--06 .heading {
		margin-bottom:24px;
	}

	.sec--06 .section-title {
		padding-bottom:24px;
	}

	.sec--06 .rt {
		flex-wrap: wrap;
	}

	.sec--06 .block {
		margin-bottom:24px;
	}

	.sec--06 .form-table .th {
		margin-bottom:6px;
		font-size:1.5rem;
	}

	.sec--06 .form-table--two .caution {
		font-size:1.4rem;
	}

	.sec--06 .form-table input {
		font-size:1.4rem;
	}

	.sec--06 .form-table textarea {
		font-size:1.4rem;
	}

	.sec--06 .form-table .file-area {
		height:auto;
	}

	.sec--06 .form-table .file-area label {
		display: block;
	}

	.sec--06 .form-table .file-area .file-label {
		display: flex;
		align-items: center;
		width:100%;
		height:auto;
		font-size:1.4rem;
		padding:10px;
	}

	.sec--06 .form-table .file-area .file-btn {
		width:100%;
		height:36px;
		border-bottom:0px;
		font-size:1.4rem;
	}

	.sec--06 .form-agree i {
		width:10px;
		height:10px;
		background-size:auto 10px;
	}

	.sec--06 .form-agree span {
		font-size:1.3rem;
		padding-left:16px;
	}

	.sec--06 .form-btns {
		margin-top:24px;
	}

	.sec--06 .form-btns button {
		width:180px;
		height:42px;
		font-size:1.5rem;
	}

	.sec--06 .form-btns button i {
		width:65px;
		height:26px;
		background-size:auto 26px;
	}

	.sec--06 .map {
		width:100%;
	}
}
/* ---------------------------- */

/* 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; }
  }