@charset "utf-8";



.note {
	font-size: 1.029vw;
	font-weight: 300;
	letter-spacing: 0.06em;
	line-height: 1.42;
}
.column2-wrap {
	column-gap: 2.206vw;
}
.column-inner {
	margin-top: 1.36vw;
	padding-left: 2.574vw;
}
@media screen and (min-width: 1360px) {
	.note {
		font-size: 14px;
	}
	.column2-wrap {
		column-gap: 30px;
	}
	.column-inner {
		margin-top: 18.5px;
		padding-left: 35px;
	}
}

@media screen and (max-width: 750px) {

	.note {
		font-size: 3.733vw;
	}
	.column2-wrap {
		column-gap: 0;
	}
	.column-inner {
		margin-top: 1.733vw;
		padding-left: 6.667vw;
	}

}
/*------------------- content01 -------------------*/
#content01 .slick-wrap {
	width: 33.088vw;
}
#content01 .dots_wrap {
  display: flex;
  justify-content: flex-end;
  margin-top: 0.882vw;
  margin-right: 1.103vw;
  gap: 0.735vw;
}

#content01 .dots_wrap li {
  width: 0.368vw;
  height: 0.368vw;
  background-color: #EBEBEB;
  cursor: pointer;
  transition: all 0.5s;
  border-radius: 50%;
}

#content01 .dots_wrap li:hover,
#content01 .dots_wrap li.slick-active {
  background-color: #B4B4B4;
}
#content01 .dots_wrap li button {
  display: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: none;
  padding: 0;
  border: none;
  background-color: transparent;
}

@media screen and (min-width: 1360px) {
	#content01 .slick-wrap {
		width: 450px;
	}
	#content01 .dots_wrap  {
	  margin-top: 12px;
	  margin-right: 15px;
	  gap: 10px;
	}

	#content01 .dots_wrap li {
	  width: 5px;
	  height: 5px;
	}
}

@media screen and (max-width: 750px) {
	#content01 .column2-item:last-child {
		margin-top: 4.267vw;
	}
	#content01 .slick-wrap {
		width: auto;
	}
	#content01 .dots_wrap  {
	  margin-top: 3.2vw;
	  margin-right: 4vw;
	  gap: 2.667vw;
	}

	#content01 .dots_wrap li {
	  width: 1.333vw;
	  height: 1.333vw;
	}
}
/*------------------- content02 -------------------*/
#content02 .column2-item:first-child {
	flex: 1;
}
#content02 .column2-item .img_wrap {
	width: 22.059vw;
}
#content02 .column2-item .img_wrap + .note {
	margin-top: 1.471vw;
}
#content02 .column2-item:last-child {
	width: 34.559vw;
}

#content02 .column2-item h4 {
	margin-top: 1.765vw;
}

@media screen and (min-width: 1360px) {
	#content02 .column2-item .img_wrap {
		width: 300px;
	}
	#content02 .column2-item .img_wrap + .note {
		margin-top: 20px;
	}
	#content02 .column2-item:last-child {
		width: 470px;
	}

	#content02 .column2-item h4 {
		margin-top: 24px;
	}
}

@media screen and (max-width: 750px) {
	#content02 .column2-item .img_wrap {
		width: 66.667vw;
		margin: 0 auto;
	}
	#content02 .column2-item:last-child {
		width: auto;
	}

	#content02 .column2-item h4 {
		margin-top: 10.453vw;
	}
}
/*------------------- content03 -------------------*/
#content03 h3 {
	text-align: center;
}
#content03 .column3-wrap {
	align-items: center;
	column-gap: 1.544vw;
	margin-top: 4.559vw;
}
#content03 .column3-item {
	flex: 1;
}
#content03 .column3-item.img_wrap {
	width: 29.412vw;
}

@media screen and (min-width: 1360px) {
	#content03 .column3-wrap {
		align-items: center;
		column-gap: 21px;
		margin-top: 62px;
	}
	#content03 .column3-item.img_wrap {
		width: 400px;
	}
}

@media screen and (max-width: 750px) {
	#content03 .column3-wrap {
    flex-direction: column;
		align-items: center;
		column-gap: 5.6vw;
		margin-top: 16.533vw;
	}
	#content03 .column3-item.img_wrap {
		width: auto;
		margin: 4vw -4.267vw 0;
	}
	#content03 .column3-item:last-child {
		margin-top: 6.933vw;
	}
}

/*------------------- content04 -------------------*/
#content04 h3 {
	text-align: center;
}
#content04 .img_wrap {
	width: 63.382vw;
	margin: 5.074vw auto 0;
}
#content04 h4 {
	margin-top: 5.588vw;
}

@media screen and (min-width: 1360px) {
	#content04 .img_wrap {
		width: 862px;
		margin: 69px auto 0;
	}
	#content04 h4 {
		margin-top: 76px;
	}
}

@media screen and (max-width: 750px) {
	#content04 .img_wrap {
		width: auto;
		margin: 11.733vw auto 0;
	}
	#content04 h4 {
		margin-top: 13.333vw;
	}
}

/*------------------- content05 -------------------*/
#content05 h3 {
	text-align: center;
}
#content05 .content-top  {
	margin-top: 6.25vw;
}
#content05 .column2-item video {
	width: 36.765vw;
}
#content05 h4 {
	margin-top: 2.132vw;
}
#content05 .content-top .img_wrap {
	width: 13.169vw;
	margin: 0 auto;
}
#content05 .content-top .column2-item:last-child {
	width: 27.794vw;
	margin: 0 auto;
}

#content05 .content-btm {
	margin-top: 4.706vw;
}
#content05 .content-btm .column2-wrap {
  justify-content: center;
  column-gap: 11.691vw;
}
#content05 .content-btm .column2-item {
	width: 29.412vw;
}
#content05 .content-btm .column2-item h4 {
	font-size: 1.176vw;
	font-weight: bold;
	letter-spacing: 0.06em;
	line-height: 2;
	color: #222222;
	border: 0.221vw solid #3C5064;
	background: #FFFFFF;
	text-align: center;
	border-radius: 1.544vw;
}
#content05 .content-btm .img_wrap {
	margin-top: 1.176vw;
}
#content05 .content-btm .text {
	font-size: 1.471vw;
	font-weight: bold;
	letter-spacing: 0.08em;
	line-height: 1.4;
	color: #222222;
	text-align: center;
}
#content05 .content-btm .note {
	font-size: 1.029vw;
	font-weight: 300;
	letter-spacing: 0.06em;
	text-align: center;
	line-height: 2.2;

  display: inline-block;
  width: 100%;
  margin-top: 1.176vw;
}
@media screen and (min-width: 1360px) {
	#content05 .content-top  {
		margin-top: 85px;
	}
	#content05 .column2-item video {
		width: 500px;
	}
	#content05 h4 {
		margin-top: 29px;
	}
	#content05 .content-top .img_wrap {
		width: 179.1px;
	}
	#content05 .content-top .column2-item:last-child {
		width: 378px;
	}

	#content05 .content-btm {
		margin-top: 64px;
	}
	#content05 .content-btm .column2-wrap {
	  column-gap: 159px;
	}
	#content05 .content-btm .column2-item {
		width: 400px;
	}
	#content05 .content-btm .column2-item h4 {
		font-size: 16px;
		border: 3px solid #3C5064;
		border-radius: 21px;
	}
	#content05 .content-btm .img_wrap {
		margin-top: 16px;
	}
	#content05 .content-btm .text {
		font-size: 20px;
	}
	#content05 .content-btm .note {
		font-size: 14px;

	  margin-top: 16px;
	}
}

@media screen and (max-width: 750px) {
	#content05 .content-top  {
		margin-top: 12vw;
	}
	#content05 .column2-item video {
		width: 89.333vw;
	}
	#content05 h4 {
		margin-top: 7.733vw;
	}
	#content05 .content-top .img_wrap {
		width: 47.76vw;
	}
	#content05 .content-top .column2-item:last-child {
		width: auto;
		margin-top: 13.333vw;
	}

	#content05 .content-btm {
		margin-top: 11.467vw;
	}
	#content05 .content-btm .column2-wrap {
	  column-gap: 0;
	}
	#content05 .content-btm .column2-item {
		width: auto;
	}
	#content05 .content-btm .column2-item h4 {
		font-size: 4.267vw;
		line-height: 1.25;
		border: 0.8vw solid #3C5064;
		border-radius: 21.5vw;
		padding: 2.4vw 0;
	}
	#content05 .content-btm .img_wrap {
		margin-top: 5.333vw;
	}
	#content05 .content-btm .text {
		font-size: 5.333vw;
	}
	#content05 .content-btm .note {
		font-size: 3.733vw;

	  margin-top: 4.267vw;
	}
}