@charset "utf-8";

.myConsealer {max-width:2560px;margin:0 auto;text-align:center;}
.myConsealer .inner {margin:0 auto;}

.visualWrap {} 
.visualWrap .bg {height:1027px;background:url('images_my/visual_bg.jpg') no-repeat center top / cover;} 
.visualWrap .conBox {padding-bottom:90px;font-size:26px;line-height:34px;color:#fff9f1;background:url('images_my/visual_bg_repeat.jpg')  repeat-y center top;}
.visualWrap .player {position:relative;width:980px;height:542px;margin:0 auto;border:10px solid #924f38}
.visualWrap .player iframe {position:absolute;top:0;left:0;width:100%;height:100%;}

.subTit {margin-bottom:50px;}
.subTit .tit {}
.subTit .txt {margin-top:18px;font-size:24px;line-height:32px;color:#333232;}

.section01 {padding:95px 0 100px;background:url('images_hk/sec01_bg.jpg') no-repeat center top / cover;}
.section01 .inner {max-width:829px;}
.section01 ul li {margin-top:30px;}
.section01 ul li:first-child {margin-top:0;}
.section01 ul li .box {display:table;position:relative;width: calc( 100% - 94px );padding:35px 47px 30px;background-color:#fff;box-shadow:0 3px 11px 0 rgba(241,225,214,0.44);}
.section01 ul li .box .imgBox {display:table-cell;width:26%;vertical-align:bottom;}
.section01 ul li .box .txtBox {position:relative;display:table-cell;width: calc( 74% - 47px );padding-left:47px;vertical-align:middle;text-align:left;}
.section01 ul li .box .txtBox:after {content:'';display:block;clear:both;}
.section01 ul li .box .txtBox .name {font-size:30px;line-height:38px;font-weight:bold;color:#924f38}
.section01 ul li .box .txtBox .name span {display:block;font-size:26px;color:#333232;}
.section01 ul li .box .txtBox .txt {margin:22px 0;font-size:20px;line-height:28px;letter-spacing:-.8px;color:#5a5858;}
.section01 ul li .box .txtBox .colorChip {}
.section01 ul li .box .txtBox .colorChip p {margin-bottom:4px;font-size:16px;color:#b7a89e;}
.section01 ul li .box .txtBox .colorChip ul li {display:inline-block;margin:4px}
.section01 ul li .box .txtBox .colorChip ul li:first-child {margin-left:0;}
.section01 ul li .box .txtBox .colorChip ul li span {display:inline-block;width:26px;height:26px;border-radius:100%;}
.section01 ul li:nth-child(1) .box .txtBox .colorChip ul li span.c1 {background-color:#fac6b2;}
.section01 ul li:nth-child(1) .box .txtBox .colorChip ul li span.c2 {background-color:#f9cbac;}
.section01 ul li:nth-child(2) .box .txtBox .colorChip ul li span.c1 {background-color:#f7d2c2;}
.section01 ul li:nth-child(2) .box .txtBox .colorChip ul li span.c2 {background-color:#f4c7b5;}
.section01 ul li:nth-child(2) .box .txtBox .colorChip ul li span.c3 {background-color:#f9d5b4;}
.section01 ul li:nth-child(2) .box .txtBox .colorChip ul li span.c4 {background-color:#f8cba7;}
.section01 ul li:nth-child(2) .box .txtBox .colorChip ul li span.c5 {background-color:#e5b897;}
.section01 ul li:nth-child(2) .box .txtBox .colorChip ul li span.c6 {background-color:#e2cda6;}
.section01 ul li:nth-child(2) .box .txtBox .colorChip ul li span.c7 {background-color:#dcb27e;}
.section01 ul li:nth-child(3) .box .txtBox .colorChip ul li span.c1 {background-color:#f5d0a8;}
.section01 ul li:nth-child(3) .box .txtBox .colorChip ul li span.c2 {background-color:#f2c69f;}
.section01 ul li:nth-child(3) .box .txtBox .colorChip ul li span.c3 {background-color:#ebc297;}
.section01 ul li:nth-child(3) .box .txtBox .colorChip ul li span.c4 {background-color:#e1b083;}
.section01 ul li:nth-child(3) .box .txtBox .colorChip ul li span.c5 {background-color:#cfa078;}
.section01 ul li:nth-child(3) .box .txtBox .colorChip ul li span.c6 {background-color:#ca966d;}
.section01 ul li:nth-child(3) .box .txtBox .colorChip ul li span.c7 {background-color:#b6855e;}
.section01 .btnWrap {position:absolute;bottom:0;right:0;}
.section01 .btnWrap a {display:inline-block;width:173px;height:47px;font-size:19px;line-height:47px;font-weight:bold;color:#fff;text-align:center;background-color:#866453;background: linear-gradient(90deg, #a27a61, #866453);
	box-shadow:3px 4px 5px 0 rgba(166,166,166,0.73);
}

.section02 {padding:90px 0;background:url('images_tw/sec02_bg.jpg') no-repeat center top / cover;}
.section02 .inner {max-width:934px;}
.section02 .box {padding:45px 90px 35px;background-color:#fff;}
.section02 .box ul li {margin-top:30px;padding-top:40px;border-top:1px dashed #ad9a93}
.section02 .box ul li:first-child {margin:0;padding:0;border:0;}
.section02 .box .pdt_txt {font-size:23px;color:#624f48;}
.section02 .box .pdt_txt em {font-weight:bold;color:#ffb435}
.section02 .box .pdt_img {margin-top:20px;}
.section02 .box ul li:first-child .pdt_img {margin-top:45px;}
.section02 .ft_txt {margin-top:35px;font-size:18px;font-style:italic;line-height:23px;color:#8e8e8e;}
.section02 .ft_txt + .ft_txt {margin-top:16px;}


@media screen and (max-width: 1024px){
	.myConsealer .inner {padding:0 5%;}

	.visualWrap .bg {height:102vw;}
	.visualWrap .conBox {padding-bottom:9%;}
	.visualWrap .player {width:90%;height:auto;padding-top:55%;border-width:5px}

	.section01 {padding:10% 0;}
	
	.section02 {padding:10% 0;}
	.section02 .box {padding:7% 5%;}
}
@media screen and (max-width: 768px){
	.subTit {margin-bottom:7%;}
	.subTit .txt {margin-top:3%;font-size:16px;line-height:1.4;}

	.visualWrap .conBox .ft_txt {margin-top:5%;font-size:16px;line-height:1.4;}
	.visualWrap .conBox ul li {margin:0 1%;}
	
	.section01 {}
	.section01 .subTit .tit {width:95%;margin:0 auto;}
	.section01 ul li {margin-top:30px;}
	.section01 ul li .box {display:block;width:auto;padding:7% 5%}
	.section01 ul li .box .imgBox {display:block;width:130px;margin:0 auto}
	.section01 ul li .box .txtBox {display:block;width:auto;padding-left:0;margin-top:20px;text-align:center;}
	.section01 ul li .box .txtBox .name {font-size:22px;line-height:1.4;}
	.section01 ul li .box .txtBox .name span {font-size:16px;}
	.section01 ul li .box .txtBox .txt {margin:15px 0;font-size:14px;line-height:1.4;letter-spacing:0}
	.section01 ul li .box .txtBox .colorChip {}
	.section01 ul li .box .txtBox .colorChip p {margin-bottom:4px;font-size:13px;}
	.section01 ul li .box .txtBox .colorChip ul li {margin:4px}
	.section01 ul li .box .txtBox .colorChip ul li:first-child {margin-left:4px;}
	.section01 .btnWrap {position:inherit;bottom:inherit;right:inherit;margin:20px 0 12px;}
	.section01 .btnWrap a {height:40px;font-size:15px;line-height:40px;}
	
	.section02 {}
	.section02 .subTit .tit {width:74%;margin:0 auto;}
	.section02 .box {padding:8% 6%;}
	.section02 .box ul li {margin-top:25px;padding-top:25px;}
	.section02 .box .pdt_txt {font-size:15px;}
	.section02 .box .pdt_img {margin-top:20px !important;}
	.section02 .box ul li:first-child .pdt_img {margin-top:30px;}
	.section02 .box ul li:nth-child(2) .pdt_img {padding:0 29%;}
	.section02 .ft_txt {margin-top:5%;font-size:13px;line-height:1.4;}
	.section02 .ft_txt + .ft_txt {margin-top:3%}
}
@media screen and (max-width: 480px){
	.subTit .txt br {display:none}
}