/* Common */
.sec .hd {
	text-align: center;
	margin-bottom:100px;
}

.sec .sec-title {
	font-size:4.4rem;
	line-height:1;
	margin-bottom:30px;
}

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

.sec .button {
	max-width:180px;
	width:100%;
	height:50px;
	font-size:1.6rem;
	font-weight:700;
}

@media (max-width:1200px) {
	.sec .hd {
		margin-bottom:80px;
	}

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

	.sec .sec-text {
		font-size:1.7rem;
	}
}
@media (max-width:1024px) {
	.sec .hd {
		margin-bottom:60px;
	}

	.sec .sec-title {
		font-size:3.6rem;
		margin-bottom:20px;
	}

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

	.sec .button {
		max-width:160px;
		height:46px;
		font-size:1.4rem;
	}
}
@media (max-width:768px) {
	.sec .hd {
		margin-bottom:40px;
	}
}
@media (max-width:500px) {
	.sec .hd {
		margin-bottom:30px;
	}

	.sec .sec-title {
		font-size:3rem;
		margin-bottom:16px;
	}

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

	.sec .button {
		max-width:120px;
		height:36px;
		font-size:1.2rem;
	}
}


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

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

.sec01 .banner-pc {
	display: block;
	width:100%;
	height:100%;
}

.sec01 .banner-mo {
	display: none;
	width:100%;
	height:100%;
}

.sec01 .swiper-container {
	height: 100%;
}

.sec01 .swiper-wrapper {
	height: 100%;
}

.sec01 .swiper-slide {
	height: 100%;
	overflow: hidden;
}

.sec01 .background {
	position: absolute;
  left: 0;
  top: 0;
	width:100%;
	height:100%;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

.sec01 .background01 {
	background-image: url('../img/main/sec01_img_01.png');
}

.sec01 .background02 {
	background-image: url('../img/main/sec01_img_02.png');
}

.sec01 .background03 {
	background-image: url('../img/main/sec01_img_03.png');
}

.sec01 .background04 {
	background-image: url('../img/main/sec01_img_04.png');
}

.sec01 .background05 {
	background-image: url('../img/main/sec01_img_05.png');
}


.sec01 .control {
	display: flex;
	justify-content: space-between;
	align-items: center;
	position: absolute;
	left:50%;
	bottom:60px;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	max-width:1430px;
	width:100%;
	margin:0 auto;
	padding:0px 15px;
	z-index:10;
}

.sec01 .scrolls {
	position: relative;
	padding-right:20px;
}

.sec01 .scrolls-txt {
	font-size:1.6rem;
	font-weight:700;
	color:#fff;
}

.sec01 .scrolls-txt span {
	font-style: italic;
}

.sec01 .scrolls-bar {
	position: absolute;
	top:50%;
	right:0;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width:12px;
	height:14px;
	background: url('../img/main/sec01_ico.png') no-repeat center;
}

.sec01 .pagination {
	display: flex;
	gap:10px;
}

.sec01 .pagination-btn {
	display: block;
	position: relative;
	width:80px;
	background-color: transparent;
	text-align: left;
}

.sec01 .pagination-btn span {
	display: block;
	position: absolute;
	left:0;
	top:-30px;
	font-size:1.6rem;
	color:rgba(196,196,196,.6);
	-webkit-transition:all .3s ease;
	transition:all .3s ease;
}

.sec01 .pagination-btn i {
	display: block;
	position: absolute;
	left:0;
	bottom:0;
	width:0;
	height:3px;
	background-color: #fff;
	z-index:1;
}

.sec01 .pagination-btn em {
	display: block;
	position: absolute;
	left:0;
	bottom:0;
	width:100%;
	height:3px;
	background-color:rgba(196,196,196,.6);
}

.sec01 .swiper-pagination-bullet-active span {
	color:#fff;
}

.sec01 .swiper-pagination-bullet-active i {
	-webkit-animation:page-ani 3s ease forwards;
	animation:page-ani 3s ease forwards;
	-webkit-animation-iteration-count:1;
	animation-iteration-count:1;
	-webkit-animation-direction:alternate;
	animation-direction:alternate;
}

@-webkit-keyframes page-ani {
  0% {
    width:0px;
  }
  100% {
		width:100%;
  }
}

@keyframes page-ani {
  0% {
    width:0px;
  }
  100% {
		width:100%;
  }
}

@media (max-width:1200px) {

}
@media (max-width:1024px) {
	.sec01 .control {
		bottom:40px;
	}

	.sec01 .pagination-btn span {
		top:-24px;
		font-size: 1.4rem;
	}

	.sec01 .pagination-btn i {
		height:2px;
	}

	.sec01 .pagination-btn em {
		height:2px;
	}

	.sec01 .scrolls-txt {
		font-size:1.4rem;
	}

	.sec01 .scrolls-bar {
		height:12px;
		background-size:auto 12px;
	}
}
@media (max-width:768px) {
	.sec01 .banner-pc {
		display: none;
	}
	
	.sec01 .banner-mo {
		display: block;
	}

	.sec01 .background01 {
		background-image: url('../img/main/sec01_m_img_01.png');
	}
	
	.sec01 .background02 {
		background-image: url('../img/main/sec01_m_img_02.png');
	}
	
	.sec01 .background03 {
		background-image: url('../img/main/sec01_m_img_03.png');
	}

	.sec01 .background04 {
		background-image: url('../img/main/sec01_m_img_04.png');
	}

	.sec01 .background05 {
		background-image: url('../img/main/sec01_m_img_05.png');
	}

	.sec01 .background06 {
		background-image: url('../img/main/sec01_m_img_06.png');
	}

	.sec01 .background07 {
		background-image: url('../img/main/sec01_m_img_07.png');
	}

	.sec01 .background08 {
		background-image: url('../img/main/sec01_m_img_08.png');
	}

	.sec01 .background09 {
		background-image: url('../img/main/sec01_m_img_09.png');
	}

	.sec01 .control {
		justify-content: center;
	}

	.sec01 .pagination {
		width: 100%;
		gap:4px;
	}

	.sec01 .pagination-btn {
		width: 11.11%;
	}

	.sec01 .scrolls {
		display: none;
	}
}
@media (max-width:500px) {
	.sec01 .control {
		bottom:30px;
	}

	.sec01 .pagination {
		gap:6px;
	}

	.sec01 .pagination-btn {
		width:40px;
	}

	.sec01 .pagination-btn span {
		top:-20px;
		font-size:1.2rem;
	}
}


/* Intro */
.sec02 {
	position: relative;
	padding:150px 0px;
}

.sec02 .din {
	justify-content: space-between;
	align-items: center;
}

.sec02 .lt {
	width:36%;
}

.sec02 .rt {
	width: 49%;
}

.sec02 .rt .txt {
	display: none;
}

.sec02 .txt {
	display: flex;
	flex-direction: column;
	gap:40px;
}

.sec02 .txt .t01 {
	font-size:3.8rem;
	color:#303b49;
}

.sec02 .txt .t02 {
	font-size:1.8rem;
	line-height:1.7;
}

.sec02 .txt .t03 {
	font-size:1.8rem;
	font-weight:700;
	color:#c7987b;
}

.sec02 .swiper-container {
	height:100%;
}

.sec02 .swiper-wrapper {
	height:100%;
}

.sec02 .swiper-slide {
	height:100%;
	overflow: hidden;
}

.sec02 .img {
	font-size:0px;
}

.sec02 .control {
	display: flex;
	justify-content:space-between;
	align-items: center;
	margin-top:30px;
}

.sec02 .page {
	position: relative;
	width:180px;
}

.sec02 .pagination {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
}

.sec02 .current,
.sec02 .total {
	font-size:1.6rem;
}

.sec02 .progressbar {
	position: absolute;
	top:50%;
	left:50%;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	width:120px;
	height:2px;
	background-color: #a8a8a8;
	overflow: hidden;
}

.sec02 .progressbar span {
  display: block;
  width: 0;
  height: 100%;
  background: #262626;
}

.sec02 .progressbar span.active {
  width:100%;
  -moz-transition:all 3s ease;
  -webkit-transition:all 3s ease;
  transition:all 3s ease;
}

.sec02 .arrow {
	display: flex;
	align-items: center;
	gap:20px;
}

.sec02 .prev,
.sec02 .next {
	display: block;
	width:51px;
	height:22px;
	background-repeat: no-repeat;
	background-position: center;
	cursor: pointer;
}

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

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

.sec02 .svg {
	position: absolute;
	left:50%;
	bottom:300px;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	width:100%;
	height:auto;
	pointer-events: none;
}

.sec02 .svg .st0 {
	stroke-dasharray: 300;
  stroke-dashoffset: -200;
	/* animation: dash 3s ease-out forwards; */
}

.sec02.aos-animate .svg .st0 {
	animation: dash 3s ease-out forwards;
}

@keyframes dash {
  to {
    stroke-dashoffset: 0;
  }
}

@media (max-width:1200px) {
	.sec02 {
		padding:120px 0px;
	}

	.sec02 .lt {
		width: 38%;
	}

	.sec02 .txt .t01 {
		font-size:3.6rem;
	}

	.sec02 .txt .t02 {
		font-size:1.7rem;
	}

	.sec02 .txt .t03 {
		font-size:1.7rem;
	}
}
@media (max-width:1024px) {
	.sec02 {
		padding:100px 0px;
	}

	.sec02 .din {
		justify-content:unset;
		flex-wrap: wrap;
		gap:60px;
	}

	.sec02 .lt {
		width: 100%;
		order: 2;
	}

	.sec02 .rt {
		width: 100%;
		order: 1;
	}

	.sec02 .rt .txt {
		display:block;
		margin-bottom:20px;
	}

	.sec02 .lt .txt .t01 {
		display: none;
	}

	.sec02 .txt {
		gap:30px;
	}

	.sec02 .txt .t01 {
		font-size:3.2rem;
		line-height:.7;
	}

	.sec02 .txt .t02 {
		font-size: 1.6rem;
	}

	.sec02 .txt .t03 {
		font-size:1.6rem;
	}

	.sec02 .img img {
		width: 100%;
	}

	.sec02 .control {
		margin-top:20px;
	}

	.sec02 .page {
		width:160px;
	}

	.sec02 .current, .sec02 .total {
		font-size:1.4rem;
	}

	.sec02 .progressbar {
		width:100px;
	}

	.sec02 .arrow {
		gap:12px;
	}

	.sec02 .prev, .sec02 .next {
		width:35px;
		height:16px;
		background-size:35px auto;
	}

	.sec02 .svg {
		display: none;
	}
}
@media (max-width:768px) {
	.sec02 .din {
		gap:40px;
	}
}
@media (max-width:500px) {
	.sec02 {
		padding:80px 0px;
	}

	.sec02 .din {
		gap:30px;
	}

	.sec02 .rt .txt {
		margin-bottom:16px;
	}

	.sec02 .txt {
		gap:20px;
	}

	.sec02 .txt .t01 {
		font-size:2.8rem;
	}

	.sec02 .txt .t02 {
		font-size:1.4rem;
	}

	.sec02 .txt .t03 {
		font-size:1.4rem;
	}

	.sec02 .control {
		margin-top:16px;
	}

	.sec02 .page {
		width:105px;
	}

	.sec02 .current, .sec02 .total {
		font-size:1.2rem;
	}

	.sec02 .progressbar {
		width:60px;
		height:1px;
	}

	.sec02 .arrow {
		gap:8px;
	}

	.sec02 .prev, .sec02 .next {
		width:27px;
		height: 14px;
		background-size:27px auto;
	}
}


/* Sec03 */
.sec03 {
	height:930px;
}

.sec03 .room {
	position: relative;
	width:100%;
	height: 100%;
}

.sec03 .room::before {
	content: "";
	display: block;
	position: absolute;
	top:0;
	right:0;
	width:100%;
	height:100%;
	background-color: #303b49;
	z-index:20;
	-webkit-transition:all 1.2s ease-in-out;
	transition:all 1.2s ease-in-out;
}

.sec03 .din {
	height: 100%;
}

.sec03 .lt {
	width:62.5%;
}

.sec03 .rt {
	/* position: relative; */
	width:37.5%;
	background-color: #303b49;
	/* z-index: 20; */
}

.sec03 .swiper-container {
	height: 100%;
}

.sec03 .swiper-wrapper {
	height: 100%;
	z-index:18;
}

.sec03 .swiper-slide {
	position: relative;
	height: 100%;
	overflow: hidden;
}

.sec03 .prev,
.sec03 .next {
	position: absolute;
	top:50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width:22px;
	height:40px;
	background-repeat: no-repeat;
	background-position: center;
	z-index:20;
	cursor: pointer;
}

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

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

.sec03 .background {
	position: relative;
	width:100%;
	height:100%;
	background-size:cover;
	background-repeat:no-repeat;
	background-position: center;
}

.sec03 .background01 {
	background-image: url('../img/main/sec03_img_01.png');
}

.sec03 .background02 {
	background-image: url('../img/main/sec03_img_02.png');
}

.sec03 .background03 {
	background-image: url('../img/main/sec03_img_03.png');
}

.sec03 .context {
	position: absolute;
	bottom:80px;
	opacity:0;
	-webkit-animation: context-end 1s ease forwards;
	animation: context-end 1s ease forwards;
}

.sec03 .context .title {
	font-size:0px;
	margin-bottom:30px;
}

.sec03 .context .link {
	display: block;
	width:123px;
	height: 20px;
	background: url('../img/main/sec03_link.png') no-repeat center;
}

.sec03 .txt {
	display: flex;
	flex-direction: column;
	justify-content: center;
	height: 100%;
	padding-left:90px;
}

.sec03 .txt .t01 {
	font-size:4.4rem;
	line-height:.7;
	color:#fff;
	margin-bottom:20px;
}

.sec03 .txt .t02 {
	font-size: 1.8rem;
	line-height: 1;
	color:#b5b5b5;
	margin-bottom:40px;
}

.sec03 .txt .t03 {
	font-size:1.8rem;
	line-height:1.6;
	color:#fbf7f5;
}

.sec03 .txt .t04 {
	font-size:1.8rem;
	line-height:2;
	color:#fbf7f5;
	margin-top: 10px;
}

.sec03 .txt .t04:last-child {
	margin-bottom:0px;
}

.sec03 .txt .button {
	margin-top:40px;
}

.sec03.aos-animate .room::before {
	width:0;
}

.sec03 .img-swiper .swiper-slide-duplicate-active .context,
.sec03 .img-swiper .swiper-slide-active .context {
	-webkit-animation: context-start 1s ease .6s forwards;
	animation: context-start 1s ease .6s forwards;
}


@keyframes context-end {
	from {
		left:80px;
		opacity:1;
	}
	to {
		left:-240px;
		opacity:0;
	}
}

@keyframes context-start {
	from {
		left:240px;
		opacity:0;
	}
	to {
		left:80px;
		opacity:1;
	}
}

@media (max-width:1200px) {
	.sec03 .lt {
		width:55%;
	}

	.sec03 .rt {
		width:45%;
	}

	.sec03 .txt {
		padding-left:80px;
	}

	.sec03 .txt .t01 {
		font-size:4rem;
	}

	.sec03 .txt .t02 {
		font-size: 1.7rem;
	}

	.sec03 .txt .t03 {
		font-size:1.7rem;
	}
}
@media (max-width:1024px) {
	.sec03 {
		height: auto;
	}

	.sec03 .room::before {
		top:unset;
		bottom:0px;
	}

	.sec03.aos-animate .room::before {
		width:100%;
		height:0;
	}

	.sec03 .din {
		position: relative;
		flex-wrap: wrap;
	}

	.sec03 .lt {
		width:100%;
	}

	.sec03 .rt {
		width:100%;
	}

	.sec03 .prev, .sec03 .next {
		width:16px;
		height:30px;
		background-size:auto 30px;
	}

	.sec03 .prev {
		left:20px;
	}

	.sec03 .next {
		right:20px;
	}

	.sec03 .background {
		height:0;
		padding-top:75%;
		overflow: hidden;
	}

	.sec03 .txt {
		padding:60px 20px;
	}

	.sec03 .txt .t01 {
		font-size:3.6rem;
		margin-bottom:16px;
	}

	.sec03 .txt .t02 {
		font-size: 1.6rem;
		margin-bottom:30px;
	}

	.sec03 .txt .t03 {
		font-size:1.6rem;
	}

	.sec03 .txt .t04 {
		font-size:1.6rem;
		margin-top: 6px;
	}

	.sec03 .txt .button {
		margin-top:30px;
	}

	.sec03 .context {
		bottom:60px;
	}

	.sec03 .context .title {
		margin-bottom: 20px;
	}

	.sec03 .context .title img {
		height:47px;
	}

	.sec03 .context .link {
		width:100px;
		height:16px;
		background-size:auto 16px;
	}

	@keyframes context-end {
		from {
			left:20px;
			opacity:1;
		}
		to {
			left:-60px;
			opacity:0;
		}
	}

	@keyframes context-start {
		from {
			left:60px;
			opacity:0;
		}
		to {
			left:20px;
			opacity:1;
		}
	}

}
@media (max-width:768px) {
	.sec03 .context {
		bottom:40px;
	}
}
@media (max-width:500px) {
	.sec03 .context {
		bottom:20px;
	}

	.sec03 .context .title {
		margin-bottom: 16px;
	}

	.sec03 .context .title img {
		height:37px;
	}

	.sec03 .context .link {
		width:80px;
		height:13px;
		background-size:auto 13px;
	}

	.sec03 .prev, .sec03 .next {
		width:14px;
		height:22px;
		background-size:auto 22px;
	}

	.sec03 .txt {
		padding:40px 20px;
	}

	.sec03 .txt .t01 {
		font-size:3rem;
		margin-bottom:10px;
	}

	.sec03 .txt .t02 {
		font-size: 1.4rem;
		margin-bottom:20px;
	}

	.sec03 .txt .t03 {
		font-size:1.4rem;
	}

	.sec03 .txt .t04 {
		font-size:1.4rem;
		line-height:1.8;
	}

	.sec03 .txt .button {
		margin-top:20px;
	}
}


/* Sec04 */
.sec04 {
	padding:150px 0px;
	overflow: hidden;
}

.sec04 .txt {
	text-align: center;
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-position-y: 0%;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	background-image:url('../img/main/sec04_bg.png');
}

.sec04 .txt .t01 {
	display: flex;
	justify-content: center;
	font-size: 32rem;
	line-height: .7;
	overflow: hidden;
}

.sec04 .txt .t01 span {
	display: block;
}

@media (max-width:1200px) {
	.sec04 {
		padding:120px 0px;
	}
}
@media (max-width:1024px) {
	.sec04 {
		padding:100px 0px;
	}

	.sec04 .txt .t01 {
		font-size:24rem;
	}
}
@media (max-width:768px) {
	.sec04 {
		padding:80px 0px;
	}

	.sec04 .txt .t01 {
		font-size:16rem;
	}
}
@media (max-width:500px) {
	.sec04 {
		padding:60px 0px;
	}

	.sec04 .txt .t01 {
		font-size:10rem;
	}
}


/* Sec05 */
.sec05 {
	padding: 150px 0px;
	background: url('../img/main/sec05_bg.png') no-repeat center / cover;
}

.sec05 .hd br {
	display: none;
}

.sec05 .din {
	justify-content: space-between;
	gap:40px;
}

.sec05 .group {
	height:100%;
}

.sec05 .box {
	margin-top:120px;
}

.sec05 .box:first-child {
	margin-top:0px;
}

.sec05 .none {
	display:none;
}

.sec05 .img {
	position: relative;
}

.sec05 .img::before {
	content: "";
	display: block;
	position: absolute;
	left:0;
	right:0;
	bottom:0;
	width:100%;
	height:100%;
	background-color: #f9f4f2;
	z-index:2;
	-webkit-transition:all .6s cubic-bezier(0.46, 0.29, 0.36, 1);
	transition:all .6s cubic-bezier(0.46, 0.29, 0.36, 1);
}

.sec05 .img::after {
	content: "";
	display: block;
	position: absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	width:100%;
	height:100%;
	background: rgba(48,59,73,.9) url('../img/main/sec05_ico.png') no-repeat center;
	opacity:0;
	visibility: hidden;
	-webkit-transition:all .4s ease-out;
	transition:all .4s ease-out;
	pointer-events: none;
}

.sec05 .link {
	display: block;
	position: relative;
	font-size:0px;
}

.sec05 .txt {
	padding-top:40px;
}

.sec05 .txt .t01 {
	font-size:3.8rem;
	line-height:.7;
}

.sec05 .txt .t02 {
	font-size:1.8rem;
	line-height: 1;
	margin:20px 0px 30px;
}

.sec05 .txt .t03 {
	font-size:1.6rem;
	line-height:1.6;
}

.sec05 .img.aos-animate::before {
	height:0;
}

@media (min-width:1201px) {
	.sec05 .img:hover::after {
		opacity: 1;
		visibility: visible;
	}
}
@media (max-width:1200px) {
	.sec05 {
		padding:120px 0px;
	}

	.sec05 .box {
		margin-top:100px;
	}

	.sec05 .txt .t01 {
		font-size:3.6rem;
	}

	.sec05 .txt .t02 {
		font-size:1.7rem;
	}
}
@media (max-width:1024px) {
	.sec05 {
		padding:100px 0px;
	}

	.sec05 .din {
		gap: 30px;
	}

	.sec05 .box {
		margin-top:80px;
	}

	.sec05 .txt {
		padding-top:30px;
	}

	.sec05 .txt .t01 {
		font-size:3.2rem;
	}

	.sec05 .txt .t02 {
		font-size:1.6rem;
		margin:16px 0px 20px;
	}

	.sec05 .txt .t03 {
		font-size:1.4rem;
	}

}
@media (max-width:768px) {
	.sec05 .hd {
		text-align: left;
	}

	.sec05 .hd br {
		display: block;
	}

	.sec05 .lt {
		width: 100%;
	}

	.sec05 .rt {
		display: none;
	}

	.sec05 .box {
		margin-top:60px;
	}

	.sec05 .none {
		display: block;
	}

	.sec05 .link img {
		width: 100%;
	}
}
@media (max-width:500px) {
	.sec05 {
		padding:80px 0px;
	}

	.sec05 .box {
		margin-top:40px;
	}

	.sec05 .txt {
		padding-top:20px;
	}

	.sec05 .txt .t01 {
		font-size:2.8rem;
	}

	.sec05 .txt .t02 {
		font-size:1.4rem;
		margin:10px 0px 16px;
	}

	.sec05 .txt .t03 {
		font-size:1.2rem;
	}

}


/* Sec06 */
.sec06 {
	padding:150px 0px;
}

.sec06 .din {
	justify-content: space-between;
	align-items: center;
}

.sec06 .swiper-container {
	height:100%;
}

.sec06 .swiper-wrapper {
	height:100%;
}

.sec06 .swiper-slide {
	height:100%;
	overflow: hidden;
}

.sec06 .img {
	font-size:0px;
}

.sec06 .din {
	padding-top:60px;
}

.sec06 .txt .t01 {
	font-size:4.4rem;
	line-height:.7;
	margin-bottom:40px;
}

.sec06 .txt .t02 {
	font-size:1.8rem;
	line-height:1.4;
}

.sec06 .txt .t02 span {
	font-size:2.8rem;
}

@media (max-width:1200px) {
	.sec06 {
		padding:120px 0px;
	}

	.sec06 .txt .t01 {
		font-size: 4rem;
	}

	.sec06 .txt .t02 {
		font-size: 1.7rem;
	}

	.sec06 .txt .t02 span {
		font-size:2.6rem;
	}
}
@media (max-width:1024px) {
	.sec06 {
		padding:100px 0px;
	}

	.sec06 .din {
		padding-top:40px;
	}

	.sec06 .txt .t01 {
		font-size: 3.6rem;
		margin-bottom:30px;
	}

	.sec06 .txt .t02 {
		font-size: 1.6rem;
	}

	.sec06 .txt .t02 span {
		font-size:2.4rem;
	}
}
@media (max-width:768px) {
	.sec06 .din {
		flex-wrap: wrap;
		justify-content:unset;
		gap:40px;
	}

	.sec06 .txt {
		width: 100%;
	}
}
@media (max-width:500px) {
	.sec06 {
		padding:80px 0px;
	}

	.sec06 .din {
		gap:30px;
		padding-top:30px;
	}

	.sec06 .txt .t01 {
		font-size: 3rem;
		margin-bottom:20px;
	}

	.sec06 .txt .t02 {
		font-size: 1.4rem;
	}

	.sec06 .txt .t02 span {
		font-size:2rem;
	}
}



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