@charset "UTF-8";

@media screen and (min-width : 768px){

	.cuervo_cnt .inner{
		width: 90%;
		max-width: 1680px;
		margin: 0 auto;
	}


	.cuervo_cnt .intro {
		/* padding: 110px 0; */
		overflow: hidden;
	}

	.cuervo_cnt .intro .intro_outer {
		position: relative;
		/* padding: 110px 0; */
	}
	.cuervo_cnt .intro .intro_outer::before {
		content: '';
		display: block;
		width: 100vw;
		height: 100%;
		background-color: #ffffff;
		position: absolute;
		top: 0; left: -50vw;
	}

	.cuervo_cnt .intro .intro_container {
		background-color: #fff;
		display: flex;
		margin: 0 6.53% 0 auto;
		max-width: 1680px;
		padding: 110px 0 110px 6.53%;
		position: relative;
		z-index: 1;
	}

	.cuervo_cnt .intro .intro_img {
		width: 38%;
	}
	.cuervo_cnt .intro .intro_img .figelm {
		width: 100%;
		height: auto;
		aspect-ratio: 637/500;
		background-image: url(../img/making/making_img_intro.webp);
	}


	.cuervo_cnt .intro .intro_wrap {
		width: 62%;
		background-color: #ffffff;
		box-sizing: border-box;
		padding: 0 6.5% 0 91px;
	}


	.cuervo_cnt .intro .intro_text {
	}
	.cuervo_cnt .intro .intro_text h3 {
		font-size: 26px;
		font-weight: 700;
		line-height: 1.654;
		letter-spacing: 0.01em;
	}
	.cuervo_cnt .intro .intro_text p[data-type="text"] {
		font-size: 18px;
		font-weight: 500;
		line-height: 2.2;
		letter-spacing: 0.01em;
		margin: 36px 0 0 0;
	}
	.cuervo_cnt .intro .intro_container .btn {
		margin: 60px 0 0 0;
	}



	.cuervo_cnt .step {
		padding: 85px 0 0 0;
		overflow: hidden;
	}
	.cuervo_cnt .step h3 {
		width: calc(100% - 224px);
		/* max-width: 1680px; */
		margin: 0 auto 90px auto;
	}
	.cuervo_cnt .step h3 span {
		font-size: 50px;
		font-weight: 700;
		letter-spacing: 0.01em;
	}
	.cuervo_cnt .step .step_item {
		position: relative;
	}
	.cuervo_cnt .step .step_item[data-num="1"] {
		/* height: 64em; */
		padding: 0 0 24em 0;
	}
	.cuervo_cnt .step .step_item[data-num="2"] {
		/* height: 48em; */
		padding: 46em 0 0 0;
	}
	.cuervo_cnt .step .step_item[data-num="3"] {
		/* height: 701px; */
		height: 44em;
	}
	.cuervo_cnt .step .step_item[data-num="4"] {
		/* height: 665px; */
		height: 46em;
	}
	.cuervo_cnt .step .step_item[data-num="5"] {
		/* height: 474px; */
		height: 30em;
	}


	.cuervo_cnt .step .step_item .step_wrap {
		display: flex;
		background-color: #ffffff;
		width: 94.17%;
	}
	.cuervo_cnt .step .step_item:not([data-num="1"]) .step_wrap {
		position: absolute;
		transform: translate(0, -50%);
		top: 0;
		z-index: 1;
	}
	.cuervo_cnt .step .step_item:nth-of-type(odd) .step_wrap {
		flex-direction: row-reverse;
		justify-content: flex-end;
		margin: 0 0 0 auto;
		right: 0;
	}
	.cuervo_cnt .step .step_item:nth-of-type(even) .step_wrap {
		margin: 0 auto 0 0;
	}

	.cuervo_cnt .step .step_item .step_wrap .step_img {
		margin: 0 calc(50% - 50vw);
		margin: 0;
		width: 50%;
		/* width: calc(100% - 882px); */
	}
	.cuervo_cnt .step .step_item .step_wrap .step_img .figelm {
		width: 100%;
		height: 100%;
		background-size: cover;
	}
	.cuervo_cnt .step .step_item[data-num="1"] .step_wrap .step_img .figelm {
		aspect-ratio: 916/629;
		background-image: url(../img/making/making_img_1.webp);
	}
	.cuervo_cnt .step .step_item[data-num="2"] .step_wrap .step_img .figelm {
		aspect-ratio: 916/590;
		background-image: url(../img/making/making_img_2.webp);
	}
	.cuervo_cnt .step .step_item[data-num="3"] .step_wrap .step_img .figelm {
		aspect-ratio: 916/590;
		background-image: url(../img/making/making_img_3.webp);
	}
	.cuervo_cnt .step .step_item[data-num="4"] .step_wrap .step_img .figelm {
		aspect-ratio: 916/591;
		background-image: url(../img/making/making_img_4.webp);
	}
	.cuervo_cnt .step .step_item[data-num="5"] .step_wrap .step_img .figelm {
		aspect-ratio: 916/665;
		background-image: url(../img/making/making_img_5.webp);
	}



	.cuervo_cnt .step .step_item .step_wrap .step_container {
		/* width: 50%; */
		/* box-sizing: border-box; */
		/* padding: 58px 100px 90px 118px; */
		/* width: 882px; */
		padding: 5%;
		width: 50%;
	}

	.cuervo_cnt .step .step_item .step_wrap .step_title  {
		display: flex;
		align-items: center;
	}
	.cuervo_cnt .step .step_item .step_wrap .step_title p[data-type="num"] {
		position: relative;
		padding: 0 36px 0 0;
	}
	.cuervo_cnt .step .step_item .step_wrap .step_title p[data-type="num"]::after {
		content: '';
		display: block;
		width: 1px;
		height: 119px;
		background-color: var(--color-navy);
		position: absolute;
		top: 28px; right: 0; bottom: 0;
		margin: auto;
		z-index: 0;
	}
	.cuervo_cnt .step .step_item .step_wrap .step_title p[data-type="num"] span {
		font-size: 182px;
		letter-spacing: 0.01em;
		color: var(--color-navy);
	}
	.cuervo_cnt .step .step_item .step_wrap .step_title p[data-type="title"] {
		padding: 16px 0 0 20px;
	}
	.cuervo_cnt .step .step_item .step_wrap .step_title p[data-type="title"] span {
		font-size: 20px;
		font-weight: 700;
		letter-spacing: 0.1em;
		color: var(--color-navy);
	}
	.cuervo_cnt .step .step_item .step_wrap p[data-type="lead"] {
		margin: 24px 0 0 0;
		font-size: 26px;
		font-weight: 700;
		letter-spacing: 0.1em;
		line-height: 1.6;
		color: var(--color-navy);
	}
	.cuervo_cnt .step .step_item .step_wrap p[data-type="text"] {
		font-size: 16px;
		font-weight: 500;
		letter-spacing: 0.1em;
		line-height: 2.25;
		color: var(--color-navy);
		margin: 25px 0 0 0;
	}

	.cuervo_cnt .step .step_item .step_wrap .step_container .btn {
		margin: 30px 0 0 0;
	}
	


}@media screen and (max-width : 767px){

	.cuervo_cnt .inner{
		width: 88%;
		margin: 0 auto;
	}
	
	.cuervo_cnt .intro {
		overflow: hidden;
	}

	.cuervo_cnt .intro .intro_container {
		background-color: #ffffff;
		margin: 0 6vw 0 0;
		padding: 12vw 6vw 16vw 0;
	}

	.cuervo_cnt .intro .intro_img {
		width: 100%;
	}
	.cuervo_cnt .intro .intro_img .figelm {
		width: 100%;
		height: auto;
		aspect-ratio: 637/500;
		background-image: url(../img/making/making_img_intro.webp);
	}


	.cuervo_cnt .intro .intro_wrap {
		padding: 5.33vw 0 0 6vw;
	}

	.cuervo_cnt .intro .intro_text {
	}
	.cuervo_cnt .intro .intro_text h3 {
		font-size: 5.33vw;
		font-weight: 700;
		line-height: 1.654;
		letter-spacing: 0.01em;
	}
	.cuervo_cnt .intro .intro_text p[data-type="text"] {
		font-size: 4.27vw;
		font-weight: 500;
		line-height: 2.2;
		letter-spacing: 0.01em;
		margin: 5.33vw 0 0 0;
	}
	.cuervo_cnt .intro .intro_container .btn {
		margin: 8vw 0 0 0;
	}
	.cuervo_cnt .intro .intro_container .btn .btn_text {
		font-size: 3.2vw;
		line-height: 1.66;
		padding: 0 4vw;
	}
	.cuervo_cnt .intro .intro_container .btn div {
		width: 19.2vw;
		height: 19.2vw;
	}


	.cuervo_cnt .step {
		padding: 13.87vw 0 0 0;
	}
	.cuervo_cnt .step h3 {
		width: 88vw;
		margin: 0 auto 8vw auto;
	}
	.cuervo_cnt .step h3 span {
		font-size: 6.67vw;
		font-weight: 700;
		letter-spacing: 0.01em;
		line-height: 1.72;
	}
	.cuervo_cnt .step .step_item {
		position: relative;
	}
	.cuervo_cnt .step .step_item[data-num="1"] {
		height: 135vw;
	}
	.cuervo_cnt .step .step_item[data-num="2"] {
		height: 225vw;
	}
	.cuervo_cnt .step .step_item[data-num="3"] {
		height: 226vw;
	}
	.cuervo_cnt .step .step_item[data-num="4"] {
		height: 200vw;
	}
	.cuervo_cnt .step .step_item[data-num="5"] {
		height: 364vw;
	}


	.cuervo_cnt .step .step_item .step_wrap {
		background-color: #ffffff;
		width: 94vw;
	}
	.cuervo_cnt .step .step_item .step_wrap {
		position: absolute;
		z-index: 1;
	}
	.cuervo_cnt .step .step_item[data-num="1"] .step_wrap {
		top: 0vw;
	}
	.cuervo_cnt .step .step_item[data-num="2"] .step_wrap {
		top: 110vw;
	}
	.cuervo_cnt .step .step_item[data-num="3"] .step_wrap {
		top: 97vw;
	}
	.cuervo_cnt .step .step_item[data-num="4"] .step_wrap {
		top: 97vw;
	}
	.cuervo_cnt .step .step_item[data-num="5"] .step_wrap {
		top: 94vw;
	}

	.cuervo_cnt .step .step_item:nth-of-type(odd) .step_wrap {
		right: 0;
	}
	.cuervo_cnt .step .step_item:nth-of-type(even) .step_wrap {
		left: 0;
	}

	.cuervo_cnt .step .step_item .step_wrap .step_img {
		width: 100%;
	}
	.cuervo_cnt .step .step_item .step_wrap .step_img .figelm {
		width: 100%;
		height: 100%;
		background-size: cover;
	}
	.cuervo_cnt .step .step_item[data-num="1"] .step_wrap .step_img .figelm {
		aspect-ratio: 916/629;
		background-image: url(../img/making/making_img_1.webp);
	}
	.cuervo_cnt .step .step_item[data-num="2"] .step_wrap .step_img .figelm {
		aspect-ratio: 916/590;
		background-image: url(../img/making/making_img_2.webp);
	}
	.cuervo_cnt .step .step_item[data-num="3"] .step_wrap .step_img .figelm {
		aspect-ratio: 916/590;
		background-image: url(../img/making/making_img_3.webp);
	}
	.cuervo_cnt .step .step_item[data-num="4"] .step_wrap .step_img .figelm {
		aspect-ratio: 916/591;
		background-image: url(../img/making/making_img_4.webp);
	}
	.cuervo_cnt .step .step_item[data-num="5"] .step_wrap .step_img .figelm {
		aspect-ratio: 916/665;
		background-image: url(../img/making/making_img_5.webp);
	}



	.cuervo_cnt .step .step_item .step_wrap .step_container {
		/* width: 50%; */
		box-sizing: border-box;
		padding: 5.33vw 6vw 8vw 6vw;
	}

	.cuervo_cnt .step .step_item .step_wrap .step_title  {
		display: flex;
		align-items: center;
	}
	.cuervo_cnt .step .step_item .step_wrap .step_title p[data-type="num"] {
		position: relative;
		padding: 0 36px 0 0;
	}
	.cuervo_cnt .step .step_item .step_wrap .step_title p[data-type="num"]::after {
		content: '';
		display: block;
		width: 1px;
		height: 16.27vw;
		background-color: var(--color-navy);
		position: absolute;
		top: 2vw; right: 0; bottom: 0;
		margin: auto;
		z-index: 0;
	}
	.cuervo_cnt .step .step_item .step_wrap .step_title p[data-type="num"] span {
		font-size: 24vw;
		letter-spacing: 0.01em;
		color: var(--color-navy);
	}
	.cuervo_cnt .step .step_item .step_wrap .step_title p[data-type="title"] {
		padding: 2vw 0 0 4vw;
	}
	.cuervo_cnt .step .step_item .step_wrap .step_title p[data-type="title"] span {
		font-size: 4.27vw;
		font-weight: 700;
		letter-spacing: 0.1em;
		color: var(--color-navy);
	}
	.cuervo_cnt .step .step_item .step_wrap p[data-type="lead"] {
		margin: 5.33vw 0 0 0;
		font-size: 5.33vw;
		font-weight: 700;
		letter-spacing: 0.1em;
		line-height: 1.5;
		color: var(--color-navy);
	}
	.cuervo_cnt .step .step_item .step_wrap p[data-type="text"] {
		font-size: 4.27vw;
		font-weight: 500;
		letter-spacing: 0.1em;
		line-height: 1.875;
		color: var(--color-navy);
		margin: 5.33vw 0 0 0;
	}

	.cuervo_cnt .step .step_item .step_wrap .step_container .btn {
		margin: 8vw 0 0 0;
	}
	.cuervo_cnt .step .step_item .step_wrap .step_container .btn .btn_text {
		font-size: 3.2vw;
		line-height: 1.66;
		padding: 0 4vw;
	}
	.cuervo_cnt .step .step_item .step_wrap .step_container .btn div {
		width: 19.2vw;
		height: 19.2vw;
	}


}


@media screen and (min-width: 768px) and (max-width: 1200px){


	.cuervo_cnt .step .step_item .step_wrap .step_title p[data-type="num"] span{
		font-size: 15vw;
	}



}