@charset "utf-8";

html{font-size:10px;}
.oh{overflow:hidden;}
.container {width:100%; margin:0 auto; max-width:1000px; position:relative;}
.cf:after{content:''; display: block; clear:both; visibility:hidden; height:0px;}
.skin {max-width:2560px;margin:0 auto;text-align:center;letter-spacing:-1px;line-height:1.5;}
.db1000{display:none;}
.db768{display:none;}
.db480{display:none;}
a, div{max-width: 100%;}

.con1{background:#ffffff;}
.con1 .padding{padding:15% 0 14% !important;}
.con1 .tit{display:inline-block; width:100%; max-width:860px; }
.con1 .tit p:nth-child(1){}
.con1 .tit p:nth-child(2){margin-top:20px; font-size:2.2rem; color:#111111; text-align:right; line-height: 1.3;}
.con1 .how{display:inline-block; width:100%; max-width:860px; margin-top:20.9%;}
.con1 .how p:nth-child(1){display:inline-block; width:100%; font-weight:bold; color:#222222; font-size:5rem;}
.vn .con1 .how p:nth-child(1){font-size:4rem;}
.con1 .how p:nth-child(2){margin-top:20px; color:#666666; font-size:2rem; text-align:justify; text-align-last: center;}
.th .con1 .how p:nth-child(2){text-align:center;}
.con1 .new{margin-top:12.8%;}
.con1 .new ul{display:flex; justify-content:space-between;}
.con1 .new li:nth-child(1){margin-top: 250px; position:relative;}
.con1 .new li:nth-child(1):before{position:absolute; content:''; bottom:-47px; left:50%; transform:translateX(-50%); width:2px; height:278px; background:#111111;}
.th .con1 .new li:nth-child(1):before{height:176px;}
.zh .con1 .new li:nth-child(1):before{height:176px; bottom:-129px;}
.con1 .new li:nth-child(2){width:49%; text-align:left;}
.con1 .new li:nth-child(2) dd:nth-child(3){margin-top:66px; font-weight:bold; color:#111111; font-size:4.4rem; line-height: 1.2;}
.con1 .new li:nth-child(2) dd:nth-child(4){margin-top:30px; box-sizing:border-box; padding-right:42px; font-size:2rem; color:#666666; text-align:justify; line-height: 1.7;}
.con1 .asmr{margin-top:11.3%;}
.zh .con1 .asmr{margin-top:22.1%;}
.con1 .asmr li:nth-child(1){float:right;}
.con1 .asmr li:nth-child(2){float:left; width:38.5%; text-align:left;}
.con1 .asmr li:nth-child(2) p:nth-child(1){font-size:4.4rem; color:#111111; font-weight:bold; line-height: 1.2;}
.zh .con1 .asmr li:nth-child(2) p:nth-child(1){letter-spacing:-3px;}
.con1 .asmr li:nth-child(2) p:nth-child(2){font-size:2rem; color:#666666; margin-top:29px; text-align:justify; line-height: 1.7;}

.con2{background:#ffffff;}
.con2 .padding{padding:10% 0 3.8% !important;}
.con2 .tit ul{display:flex; justify-content:space-between; align-items:center;}
.con2 .tit li:nth-child(1){text-align:left; }
.con2 .tit li:nth-child(2){width:66%; max-width:660px;}
.con2 .tit li p:nth-child(1){color:#ffffff; font-size:2rem; font-weight:bold; text-transform:uppercase;}
.th .con2 .tit li p:nth-child(1){font-weight:normal;}
.con2 .tit li p:nth-child(1) span{display:inline-block; background:#ff8a00; padding:0 10px;}
.con2 .tit li p:nth-child(2){color:#ff8a00; font-size:4.8rem; font-weight:bold; line-height: 1.1; margin-top: 12px;}
.con2 .tit li p:nth-child(3){color:#555555; font-size:1.8rem; margin-top: 2%;}
.th .con2 .tit li p:nth-child(3){margin-top:20px;}
.zh .con2 .tit li p:nth-child(3){margin-top:20px;}
.vn .con2 .tit li p:nth-child(3){margin-top:15px;}

	.you_wrap{position:relative; width:100%; display:inline-block; }
	.youtubeBox{width:100%; height:auto; padding-top:56.36%; box-sizing:border-box; position:relative; }
	.youtubeBox iframe{position:absolute; top:0 ;left:0; width:100%; height:100%;}

.con3{background:#fff8ef;}
.con3 .padding{padding:4.5% 0 4% !important;}
.con3 .tit ul{display:flex; justify-content:space-between; align-items:center;}
.con3 .tit li:nth-child(2){width:33.2%; text-align:left; color:#555555; font-size:1.6rem; line-height: 2;}
.con3 .btn{margin-top:4%; font-size:2.1rem; color:#ffffff; display:inline-block; background:#222222; border-radius:30px; padding:5px 33px; letter-spacing: 0px;}

.type2 .con2 .tit li p:nth-child(1) span{background:#f3769d;}
.type2 .con2 .tit li p:nth-child(2){color:#f3769d;}
.type2 .con3{background:#fff9fb;}

.type3 .con2 .tit li p:nth-child(1) span{background:#52a7cf;}
.type3 .con2 .tit li p:nth-child(2){color:#52a7cf;}
.type3 .con3{background:#f2f7f9;}

.type4 .con2 .tit li p:nth-child(1) span{background:#9976ab;}
.type4 .con2 .tit li p:nth-child(2){color:#9976ab;}
.type4 .con3{background:#f7f3f9;}

.con4{background:#ffffff;}
.con4 .padding{padding:60px 0 !important;}

















@media screen and (max-width: 1000px){
html{font-size:8px;}
.container {width:90%;}
.dn1000{display:none;}
.db1000{display:inline-block;}

.con1 .how p:nth-child(1){width:70%;}
.id .con1 .how p:nth-child(1),
.th .con1 .how p:nth-child(1),
.zh .con1 .how p:nth-child(1),
.vn .con1 .how p:nth-child(1){width:100%; font-size:3.5rem;}
.con1 .new ul{display:block;}
.con1 .new li:nth-child(1){display:none;}
.con1 .new li:nth-child(2){width:100%; text-align:center;}
.con1 .new li:nth-child(2) dt,
.con1 .new li:nth-child(2) dd:nth-child(2){margin-top:2%; width:100%;}
.con1 .new li:nth-child(2) dd:nth-child(3){margin-top:6.6%; text-align:left;}
.con1 .new li:nth-child(2) dd:nth-child(3) img{width:70%; max-width:466px;}
.id .con1 .new li:nth-child(2) dd:nth-child(3) img{width:85%; max-width:443px;}
.con1 .new li:nth-child(2) dd:nth-child(4){margin-top:20px; text-align:left; padding-right:0;}
.con1 .asmr li{float:none !important;}
.con1 .asmr li:nth-child(2){width:100%; margin-top:20px;}
.con1 .asmr li:nth-child(2) p:nth-child(1) img{width:70%; max-width:466px;}
.id .con1 .asmr li:nth-child(2) p:nth-child(1) img{max-width:344px;}
.th .con1 .asmr li:nth-child(2) p:nth-child(1) br{display:none;}
.con1 .asmr li:nth-child(2) p:nth-child(2){margin-top:15px; text-align:left; }

.con2 .padding{padding:40px 0 3.8% !important;}
.con2{background: linear-gradient(180deg, #ffffff 66%, #fff8ef 34% );}
.con2 .tit ul{display:block;}
.con2 .tit li:nth-child(1){text-align:center;}
.con2 .tit li:nth-child(1) br{display:none;}
.con2 .tit li:nth-child(2){width:100%; margin-top:3%; display:inline-block;}
.th .con2 .tit li p:nth-child(3){margin-top:2%;}
.zh .con2 .tit li p:nth-child(3){margin-top:2%;}
.vn .con2 .tit li p:nth-child(3){margin-top:2%;}

.con3 .padding{padding:0 0 40px !important;}
.con3 .tit ul{display:block;}
.con3 .tit li:nth-child(2){width:100%; text-align:center; margin-top:3%;}

.type2 .con2{background: linear-gradient(180deg, #ffffff 66%, #fff9fb 34% );}
.type3 .con2{background: linear-gradient(180deg, #ffffff 66%, #f2f7f9 34% );}
.type4 .con2{background: linear-gradient(180deg, #ffffff 66%, #f7f3f9 34% );}
}

@media screen and (max-width: 768px){
.dn768{display:none;}
.db768{display:inline-block;}
.padding{padding:50px 0 !important;}

.con1 .how p:nth-child(1){font-size:3rem;}
.con1 .new li:nth-child(2) dd:nth-child(3){font-size:3rem;}
.con1 .asmr li:nth-child(2) p:nth-child(1){font-size:3rem;}

.con2 .tit li p:nth-child(2){font-size:3.5rem;}
}

@media screen and (max-width: 480px){
html{font-size:7px;}
.dn480{display:none;}
.db480{display:inline-block;}
}