@charset "utf-8";

*{box-sizing: border-box;}
.page-section{box-sizing: border-box; margin-bottom: 4rem; overflow: hidden;}
.page-section.title{overflow: visible;}
.border-b{border-bottom: 1px solid #ddd; padding-bottom: 4rem;}
.mb-0{margin-bottom: 0 !important;}
.pb-0{padding-bottom: 0 !important;}
.page-con{width: 100%; padding: 0 calc(4rem + 90px);}
.pg-con{width: 100%; padding: 0 4rem; margin: 0 auto;}

.ver-line{width: 1px; height: 100px; background-color: #000; margin: 0 auto;}

.page-img{display: flex;}
.page-img.ani{opacity: 0; transition-delay: 1s; transition: 1.5s;}
.page-img.ani.act{opacity: 1;}

/* -------------0808------------- */
.yc-bg{padding: 300px 0 100px; background-color: #090D11;}
.yc-tit{width: 100%; text-align: center; color: #fff; margin-bottom: 3rem;}
.yc-tit > h3{font-size: 90px; font-weight: 400; margin-bottom: 10px;}
.yc-tit > h5{font-size: 32px; font-weight: 700; margin-bottom: 1.5rem; line-height: 1.3;}
.yc-tit > p{font-size: 15px; font-weight: 400; line-height: 1.8;}

.yc-center{width: 100%; display: flex; justify-content: center; padding: 200px 0;}
.yc-tit.ac{text-align: left; margin-bottom: 0; width: auto; display: inline-block;}

.yc-wrap{width: 100%; max-width: 1470px; padding: 0 15px; margin: 0 auto; display: flex;}
.yc-box{width: 50%;}
.yc-box:last-child{padding-top: 100px;}
.yc-img{display: flex; margin-bottom: 1rem;}
.yc-img img{width: 100%;}
.yc-box > p{font-size: 15px; color: #fff; font-weight: 400; line-height: 1.8;}

.brand-bg{width: 100%; height: 100vh; background-color: #FAEECB; display: flex; align-items: center; justify-content: center; position: relative;}
.brand-bg .yc-tit{color: #000; position: relative; z-index: 6;}

.bd-img{display: flex; position: absolute;}
.bd-img.bdi1{width: 12.34%; top: calc(117px + 3%); left: 17%; z-index: 2;}
.bd-img.bdi2{width: 26.25%; top: calc(117px + 5%); right: 5%; z-index: 1;}
.bd-img.bdi3{width: 19.06%; top: calc(117px + 20%); left: 5%; z-index: 1;}
.bd-img.bdi4{width: 12.34%; bottom: 21%; right: 8%; z-index: 2;}
.bd-img.bdi5{width: 26.25%; bottom: 6%; right: 25%; z-index: 1;}

.brand-py{padding: 100px 0;}
.bd-txt-wrap{width: 100%; display: flex; justify-content: space-between; margin-bottom: 3rem;}
.bd-txt{width: 49%;}
.bd-txt:last-child{padding-top: 5rem;}
.bd-txt > h3{font-size: 100px; font-weight: 400; line-height: 1;}
.bd-txt > p{font-size: 15px; font-weight: 400; line-height: 1.8;}
.bd-wrap{width: 100%; display: flex; justify-content: space-between; align-items: center;}
.bd-box:first-child{width: 54%;}
.bd-box:last-child{width: 44%; display: flex;}
.bd-box > p{font-size: 15px; font-weight: 400; line-height: 1.8; margin-bottom: 2rem;}
.bdi-wrap{width: 100%; display: flex; justify-content: space-between;}
.bdi-img{width: 49%; display: flex;}
.bdi-img img{width: 100%;}

.fc-bg{width: 100%; height: 100vh; background-color: #EDD0CC; position: relative;}
.fc-bg .yc-tit{position: absolute; bottom: 0; left: 0; margin-bottom: 0; color: #000;}
.fc-img{width: 100%; display: inline-block; max-width: 500px; margin-top: 2rem;}

.fc-point-bg{width: 100%; padding: 100px 0; background-color: #FAEECB;}
.fc-point-con{width: 100%; max-width: 1230px; padding: 0 15px; margin: 0 auto;}
.fc-point-wrap{width: 100%; display: flex; justify-content: space-between; flex-wrap: wrap;}
.fc-point-box{width: 47%; color: #000;}
.fc-point-box:nth-child(even){padding-top: 150px;}
.point-img{display: flex; margin-bottom: 10px;}
.fc-point-box > h5{font-size: 28px; margin-bottom: 10px; font-weight: 400;}
.fc-point-box > p{font-size: 15px; font-weight: 400; line-height: 1.8;}

.ps-py{padding: 150px 0 calc(100px - 1.5rem);}
.ps-py .yc-tit{color: #0047BB;}
.ps-wrap{width: 100%; display: flex; justify-content: space-between; flex-wrap: wrap;}
.ps-box{width: 32%; margin-bottom: 1.5rem;}
.process{border: 1px solid #ddd; padding: 2rem; position: relative; color: #000;}
.process > h5{font-size: 16px; font-weight: 400; margin-bottom: 1rem; color: #F3BD00 ;}
.process > h3{font-size: 22px; font-weight: 400; margin-bottom: 1rem;}
.process > p{font-size: 15px;}
.process > span{display: inline-block; width: 50px; height: 50px; background-color: #F3BD00; border-radius: 50%; text-align: center; font-size: 22px; color: #fff; line-height: 50px; position: absolute; top: 1.5rem; right: 1.5rem;}

.sb-bg{padding: 100px 0; background-color: #090D11;}
.sb-bg .yc-tit{color: #FAEECB;}

.class-wrap{width: 100%; display: flex; margin-bottom: 100px;}
.class-box{width: 33.333333%; display: flex; position: relative; flex-direction: column;}
.class-box img{width: 100%;}
.class-box > h5{font-size: 22px; color: #fff; display: inline-block; position: absolute; top: 4rem; left: 4rem; z-index: 2; opacity: 0; transition: 1.5s;}
.class-box > h5::after{content: ""; width: 80px; height: 80px; border-radius: 50%; background-color: rgba(0, 0, 0, 0.7); position: absolute; top: -23px; left: -30px; z-index: -1;}

.class-box > h5.cb2{transition-delay: .5s;}
.class-box > h5.cb3{transition-delay: .8s;}
.class-box > h5.ani.act{opacity: 1;}

.class-box > p{font-size: 15px; color: #fff; line-height: 1.8; margin-top: 1rem;}

.table-py{padding: 100px 0;}
.table-py .yc-tit{color: #090D11;}
.table-py .yc-tit > h5{margin-bottom: 0;}
.fc-table{width: 100%;}
.fc-table > p{font-size: 14px;}
.fc-table > table{width: 100%; border-spacing: 0; margin-bottom: 1rem;}
.fc-table > table > thead > tr > th{padding: 1rem; font-size: 17px; color: #fff; font-weight: 700; text-align: center; background-color: #090D11;}
.fc-table > table > tbody > tr > td{padding: .8rem; font-size: 15px; color: #000; font-weight: 400; text-align: center; background-color: #fff; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd;}
.fc-table > table > tbody > tr > td:first-child{border-left: 1px solid #ddd; font-weight: 700;}
.fc-table > table > thead > tr > th:first-child{border-radius: 15px 0 0 0;}
.fc-table > table > thead > tr > th:last-child{border-radius: 0 15px 0 0;}
.fc-table > table > tbody > tr:last-child > td:first-child{border-radius: 0 0 0 15px;}
.fc-table > table > tbody > tr:last-child > td:last-child{border-radius: 0 0 15px 0;}
.fc-etc{color: #fff;}
.fc-etc > p{font-size: 14px;}
.fc-table > table > tbody > tr > td > span{color: #FF0000;}
.fc-table > table > tbody > tr > td > span.rd-line{display: inline-block; position: relative;}
.fc-table > table > tbody > tr > td > span.rd-line::after{content: ""; width: 100%; height: 1px; background-color: #FF0000; position: absolute; top: 50%; transform: translateY(-50%); left: 0;}

.cl-bg{width: 100%; height: 100vh; background-color: #D2CEE8; position: relative;}
.cl-bg .yc-tit{position: absolute; bottom: 0; left: 0; margin-bottom: 0; color: #000;}
.cl-img{width: 100%; display: inline-block; max-width: 400px; margin-top: 2rem;}

.cl-py{padding: 100px 0;}
.class1-wrap{width: 100%; display: flex; justify-content: space-between; padding-right: 5%; margin-bottom: 3rem;}
.class1-txt{width: 55%;}
.class1-txt .yc-tit{text-align: left; color: #000;}
.class1-img-box{display: flex;}
.class1-img-box.rt{justify-content: flex-end; margin-bottom: 2rem;}
.class1-img-box img{width: auto; display: inline-block;}
.class1-txt-img{width: 40%; display: flex;}

.class2-wrap{width: 100%; display: flex; justify-content: space-between; padding-left: 5%;}
.class2-txt-img{width: 40%; display: flex;}
.class2-txt{width: 57%;}
.class2-txt .yc-tit{text-align: left; color: #000; padding-left: 2rem;}
.class2-img-wrap{width: 100%; display: flex; justify-content: space-between;}
.class2-img{width: 49%; display: flex;}

.cl-py.bg1{background-color: #FAEECB;}
.clt1-wrap{width: 100%; display: flex; justify-content: space-between;}
.clt1-box{width: 48%;}
.clt1-box .yc-tit{text-align: left; color: #000;}
.clt1-img{display: flex;}

.cl-py.bg2{background-color: #090D11; height: 100vh; display: flex; align-items: center;}
.clt2-wrap{width: 100%; display: flex; justify-content: space-between;}
.clt2-txt{width: 49%; display: flex; justify-content: center;}
.clt2-txt .yc-tit{text-align: left; width: auto;}
.clt2-img{width: 49%; display: flex;}

.cl-py.h-100{height: 100vh; display: flex; align-items: center; flex-direction: column; justify-content: center;}
.cl-py.h-100 .yc-tit{color: #000;}

/* 0913 */
.cy-bg{padding: 200px 0 100px; background-color: #FAF7EE;}
.cy-bg .yc-tit{color: #000;}
.cy-bg .yc-tit > h3{line-height: 1;}

.cy-wrap{width: 100%; display: flex; justify-content: space-between; padding-top: 4rem;}
.cy-box{width: 48%;}
.cy-img{display: flex; margin-bottom: 1rem; justify-content: center;}
.cy-img img{width: 100%; max-width: 420px;}
.cy-cont{padding: 3rem; background-color: #fff; border-radius: 40px;}
.cy-caption{margin-bottom: 2rem; padding-top: 1.5rem; color: #000;}
.cy-caption:last-child{margin-bottom: 0;}
.cy-caption > h3{font-size: 25px; font-weight: 700; margin-bottom: 1rem; display: inline-block; position: relative;}
.cy-caption > h3::after{content: ""; width: 10px; height: 10px; border-radius: 50%; background-color: #F4C823; position: absolute; top: 3px; right: -13px;}
.cy-caption > h2{font-size: 25px; font-weight: 700; margin-bottom: 1rem; display: inline-block; position: relative;}
.cy-caption > h2::after{content: ""; width: 10px; height: 10px; border-radius: 50%; background-color: #F4C823; position: absolute; top: 3px; right: -13px;}
.cy-caption > h2.blue::after{background-color: #467BB8;}
.cy-caption > ul{margin-bottom: 1.5rem;}
.cy-caption > ul:last-child{margin-bottom: 0;}
.cy-caption > ul > li{font-size: 15px; font-weight: 400; margin-bottom: 5px;}
.cy-caption > ul > li:last-child{margin-bottom: 0;}
.cyc-img{display: flex; margin-top: 1rem;}
.cyc-img img{width: 100%;}

.ffc-img{width: 100%; display: inline-block; max-width: 1254px; margin-top: 2rem;}

.ffc-bg1{padding: 100px 0 calc(100px - 2rem); background-color: #F4C823;}
.ffcp-wrap{width: 100%; display: flex; justify-content: space-between; flex-wrap: wrap;}
.ffcp-box{width: 31%; margin-bottom: 2rem;}
.ffcp-img{display: flex; margin-bottom: 10px;}
.ffcp-img img{width: 100%;}
.ffcp-box > h5{font-size: 28px; font-weight: 400; margin-bottom: 10px;}
.ffcp-box > p{font-size: 15px; font-weight: 400; line-height: 1.8;}

.ffc.yc-tit{color: #F3BD00;}
.ps-box.ffc{width: 24%;}

.ffc-bg2{padding: 100px 0; background-color: #090D11;}
.ct-img{display: flex; margin-bottom: 1rem;}
.ct-img img{width: 100%;}
.ct-tit{font-size: 20px; font-weight: 700; margin-bottom: 10px; padding-bottom: 10px; position: relative; color: #fff;}
.ct-tit::after{content: ""; width: 50px; height: 1px; background-color: #fff; position: absolute; bottom: 0; left: 0;}
.ct-cont{font-size: 15px; color: #fff; font-weight: 400;}

.ffc-bg3{padding: 100px 0; background-color: #FAF7EE;}
.ffc-bg3 .yc-tit{color: #000;}
.ffc-wrap{width: 100%; display: flex; justify-content: center;}
.ffc-box{width: 48%; padding: 3rem; background-color: #fff; border-radius: 40px; color: #000;}
.ffc-box > h5{font-size: 25px; font-weight: 700; margin-bottom: 1.5rem;}
.ffc-box > ul > li{font-size: 15px; font-weight: 400; margin-bottom: 8px;}
.ffc-box > ul > li:last-child{margin-bottom: 0;}

.fc-btn{padding: 100px 15px 0; text-align: center;}
.fc-btn > a{display: inline-block; font-size: 18px; font-weight: 700; color: #fff; padding: 1rem 3rem; border-radius: 10px; background-color: #F4C823; transition: .3s;}
.fc-btn > a:hover{border-radius: 0;}

.loading-wrap{width: 100%; height: 100vh; display: flex; justify-content: center; align-items: center; background-color: #FAF7EE;}
.ld-con{padding: 0 15px;}
.ld-con img{max-width: 300px; display: block; margin-bottom: 1.5rem;}
.ld-con > h3{font-size: 30px; color: #090D11; font-weight: 600; line-height: 1.5; text-align: center;}

.cy-caption.cr{text-align: center;}
.cr-wrap{width: 100%; display: flex; justify-content: space-between;}
.cr-wrap > a{display: block; width: 24%; padding: 1.5rem; text-align: center; font-size: 20px; font-weight: 700; color: #000; background-color: #fff; border-radius: 20px; transition: .5s;}
.cr-wrap > a:hover{background-color: #fee500; color: #191919; border-radius: 8px;}

/* 1104 */
.cy-btn > a{
	display: inline-block;
	font-size: 16px;
	background-color: #D2CEE8;
	color: #fff;
	font-weight: 500;
	padding: 10px 1.5rem;
	border-radius: 10px;
	transition: .4s;
}
.cy-btn > a:hover{
	border-radius: 0;
}
.cy-btn.pp > a{
	background-color: #D2CEE8;
}
.cy-btn.sk > a{
	background-color: #BED6E0;
}

.cy-caption > ul > li > span{
	display: inline-block;
	position: relative;
	z-index: 2;
}
.cy-caption > ul > li > span::after{
	content: "";
	width: 100%;
	height: 10px;
	background-color: #EDD0CC;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: -1;
	opacity: 0.6;
}

.yc-btn > a{
	display: inline-block;
	font-size: 18px;
	padding: 15px 2rem;
	border-radius: 10px;
	color: #fff;
	text-align: center;
	min-width: 207px;
	margin-right: 1rem;
	font-weight: 500;
	transition: .4s;
}
.yc-btn > a:first-child{
	background-color: #F3BD00;
}
.yc-btn > a:last-child{
	background-color: #286aac;
	margin-right: 0;
}
.yc-btn > a:hover{
	border-radius: 0;
}

.order-copy{
	padding-top: 2rem;
	text-align: center;
}
#myButton{
	display: inline-block;
	font-size: 16px;
	padding: 1rem 3rem;
	border-radius: 10px;
	background-color: #fae18a;
	color: #fff;
	cursor: pointer;
	transition: .4s;
	font-weight: 500;
}
#myButton:hover{
	border-radius: 0;
}
#myDiv{
	display: none;
	text-align: left;
}

/* media-query */

@media(min-width:1200px){
	.pt-3{padding-top: 3rem;}
	.pt-5{padding-top: 5rem;}
	.d-lg-block{display: block;}
	.d-lg-none{display: none;}

	/* .comp-bg{background-attachment: fixed;} */

	.ani.up.delay{
		transition: 1.2s opacity 0.2s, 1.2s transform 0.2s;
	}
	.ani.up.delay2{
		transition: 1.2s opacity 0.5s, 1.2s transform 0.5s;
	}
	.ani.up.delay3{
		transition: 1.2s opacity 0.8s, 1.2s transform 0.8s;
	}
}
@media(min-width:1300px){
	.pg-con{max-width: 1230px;}
}	

@media(max-width:1399px){
	p{word-break: keep-all;}
	.yc-wrap{padding: 0 2rem;}
	.page-con{padding: 0 2rem;}
	.fc-bg{height: 100%; padding-top: 145px;}
	.fc-bg .yc-tit{position: relative;}
	.fc-point-con{max-width: 100%; padding: 0 2rem;}
}
@media(max-width:1199px){
	.d-block{display: block;}
	.d-none{display: none;}
	.page-section{margin-bottom: 2rem;}
	.page-con{padding: 0 15px;}
	.page-tit{padding: 70px 15px;}
	.ver-line{height: 50px;}
	.pg-con{padding: 0 15px;}

	.yc-bg{padding: 200px 0 60px;}
	.yc-tit{padding: 0 15px; margin-bottom: 2rem;}
	.yc-tit > h3{font-size: 45px; line-height: 1; margin-bottom: 1.5rem;}
	.yc-tit > h5{font-size: 20px; line-height: 1.5;}
	.yc-tit > p{font-size: 13px; line-height: 1.6;}
	.yc-center{padding: 100px 0;}
	.yc-wrap{padding: 0 15px; flex-direction: column;}
	.yc-box{width: 100%;}
	.yc-box > p{font-size: 13px;}
	.yc-box:last-child{padding-top: 3rem;}

	.brand-py{padding: 60px 0;}
	.bd-txt-wrap{flex-direction: column;}
	.bd-txt{width: 100%;}
	.bd-txt > h3{font-size: 45px;}
	.bd-txt > p{font-size: 13px; line-height: 1.6;}
	.bd-txt:last-child{padding-top: 1.5rem;}
	.bd-wrap{flex-direction: column-reverse;}
	.bd-box:first-child{width: 100%;}
	.bd-box:last-child{width: 100%; margin-bottom: 2rem;}
	.bd-box > p{font-size: 13px; line-height: 1.6;}
	.bdi-wrap{flex-direction: column;}
	.bdi-img{width: 100%; margin-bottom: 10px;}
	.bd-img.bdi1{width: 26.34%; top: calc(60px + 3%); left: 10%;}
	.bd-img.bdi2{width: 48.25%; top: calc(60px + 7%); right: 5%;}
	.bd-img.bdi3{width: 35.06%; top: auto; left: 3%; bottom: 2%;}
	.bd-img.bdi4{width: 19.34%; bottom: 21%; right: 10%;}
	.bd-img.bdi5{width: 44.25%; bottom: 4%; right: 4%;}

	.cl-bg{height: 100%; padding-top: 200px;}
	.cl-bg .yc-tit{position: relative;}
	.cl-img{max-width: 200px;}
	.cl-py{padding: 60px 0;}
	.class1-txt .yc-tit{padding: 0;}
	.class1-wrap{flex-direction: column; padding-right: 0;}
	.class1-txt{width: 100%;}
	.class1-txt-img{width: 100%;}
	.class1-img-box.rt{margin-bottom: 1rem;}
	.class1-txt-img{margin-top: 1rem;}
	.class2-wrap{flex-direction: column; padding-left: 0;}
	.class2-txt-img{width: 100%; margin-bottom: 2rem;}
	.class2-txt{width: 100%;}
	.class2-txt .yc-tit{padding: 0;}
	.class2-img-wrap{flex-direction: column;}
	.class2-img{width: 100%; margin-bottom: 10px;}
	.clt1-wrap{flex-direction: column;}
	.clt1-box{width: 100%;}
	.clt1-box:first-child{margin-bottom: 2rem;}
	.clt1-box .yc-tit{padding: 0; margin-bottom: 1.5rem;}
	.cl-py.bg2{height: 100%;}
	.clt2-wrap{flex-direction: column;}
	.clt2-txt{width: 100%; margin-bottom: 2rem;}
	.clt2-img{width: 100%;}
	.clt2-txt .yc-tit{padding: 0; margin: 0;}
	.cl-py.h-100{height: 100%; padding: 100px 0;}

	.fc-bg{padding-top: 200px;}
	.fc-img{max-width: 250px;}
	.fc-point-bg{padding: 60px 0;}
	.fc-point-con{padding: 0 15px;}
	.fc-point-wrap{flex-direction: column;}
	.fc-point-box{width: 100%;}
	.fc-point-box > h5{font-size: 18px;}
	.fc-point-box > p{font-size: 13px; line-height: 1.6;}
	.fc-point-box:nth-child(even){padding-top: 2rem;}
	.fc-point-box:nth-child(odd){padding-top: 2rem;}
	.ps-py{padding: 90px 0 calc(60px - 1rem);}
	.ps-box{width: 100%; margin-bottom: 1rem;}
	.process > h3{font-size: 18px;}
	.process > p{font-size: 13px;}
	.process > span{width: 40px; height: 40px; font-size: 18px; line-height: 40px;}
	.sb-bg{padding: 60px 0;}
	.class-wrap{margin-bottom: 0;}

	.class-img{margin-bottom: 70px;}
	.class-img > p{font-size: 13px;}
	.class-tit{margin-bottom: 2rem;}
	.class-tit > h3{font-size: 18px; margin-bottom: 1rem; padding-bottom: 1rem;}
	.class-tit > p{font-size: 13px;}
	.class-wrap{flex-direction: column; margin-bottom: 0;}
	.class-box{width: 100%; margin-bottom: 1.5rem;}
	.class-box > h5{font-size: 18px; top: 2rem; left: 2rem;}
	.class-box > h5::after{width: 60px; height: 60px; top: -17px; left: -17px;}
	.class-bg-caption{padding: 0 15px;}
	.class-bg-caption > h5{font-size: 14px;}
	.class-box > p{font-size: 13px; margin-top: 10px;}

	.table-py{padding: 60px 0;}
	.fc-table > table > thead > tr > th{font-size: 13px;}
	.fc-table > table > tbody > tr > td{font-size: 12px; padding: .8rem 3px;}
	.fc-table > table > thead > tr > th:first-child{width: 20%;}
	.fc-table > table > thead > tr > th:last-child{width: 20%;}
	.fc-table > p{font-size: 13px;}

	.cy-bg{padding: 150px 0 60px;}
	.cy-wrap{flex-direction: column; margin-bottom: 3rem;}
	.cy-box{width: 100%; margin-bottom: 2rem;}
	.cy-box:last-child{margin-bottom: 0;}
	.cy-cont{padding: 2rem; border-radius: 20px;}
	.cy-caption > h3{font-size: 20px;}
	.cy-caption > h3::after{width: 6px; height: 6px; right: -9px;}
	.cy-caption > h2{font-size: 20px;}
	.cy-caption > h2::after{width: 6px; height: 6px; right: -9px;}
	.cy-caption > ul > li{font-size: 13px; margin-bottom: 8px;}
  
	.ffc-bg1{padding: 60px 0;}
	.ffc-bg2{padding: 60px 0;}
	.ffc-bg3{padding: 60px 0;}
	.ffcp-box{width: 100%;}
	.ffcp-box:last-child{margin-bottom: 0;}
	.ffcp-box > h5{font-size: 18px; margin-bottom: 5px;}
	.ffcp-box > p{font-size: 13px; line-height: 1.6;}

	.ct-tit{font-size: 18px;}
	.ct-cont{font-size: 13px;}
	.ps-box.ffc{width: 100%;}

	.ffc-wrap{flex-direction: column;}
	.ffc-box{width: 100%; padding: 2rem; border-radius: 20px;}
	.ffc-box:first-child{margin-bottom: 2rem;}
	.ffc-box > h5{font-size: 18px; margin-bottom: 1rem;}
	.ffc-box > ul > li{font-size: 13px; margin-bottom: 10px;}

	.fc-btn{padding: 60px 15px 0;}
	.fc-btn > a{font-size: 15px; padding: 1rem 2rem;}

	.ld-con > h3{font-size: 20px;}

	.cy-caption.cr > h3{margin-bottom: 0;}
	.cr-wrap{flex-wrap: wrap;}
	.cr-wrap > a{width: 49%; padding: 1rem 10px; margin-bottom: 10px; border-radius: 10px; font-size: 16px;}

	.cy-img{
		margin-bottom: 2rem;
	}
	.yc-btn > a{
		font-size: 14px;
		padding: 10px 1rem;
		min-width: auto;
		margin-right: 10px;
	}

	.order-copy{
		padding-top: 0;
        position: fixed;
        bottom: 73px;
        left: 50%;
        transform: translateX(-50%);
        min-width: 210px;
		z-index: 999;
	}
	#myButton{
		padding: 1rem 2rem;
	}
}
@media(max-width:600px){
  
}

/* animation */

.ani.up{
	transform: translateY(100px);
	opacity: 0;
	transition: 1.2s;
}
.ani.up.act{
	transform: translateY(0);
	opacity: 1;
}
.ani.left{
	transform: translateX(100px);
	opacity: 0;
	transition: 1s;
}
.ani.left.act{
	transform: translateX(0);
	opacity: 1;
}
.ani.right{
	transform: translateX(-100px);
	opacity: 0;
	transition: 1.2s;
}
.ani.right.act{
	transform: translateX(0);
	opacity: 1.2;
}