@charset "utf-8";

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

.visualWrap {height: calc( 877px - 60px );padding-top:60px;background:url('images/visual_bg.jpg') no-repeat center top / cover;}

.section01 {padding:115px 0 95px;}
.section01 .subTit {}
.section01 .pdtList {}
.section01 .pdtList ul li {display:inline-block;width:49.5%;margin-top:100px;}
.section01 .pdtList ul li:nth-child(1),
.section01 .pdtList ul li:nth-child(2) {margin-top:85px;}
.section01 .pdtList ul li .pdt_img {}
.section01 .pdtList ul li .tag {font-size:20px;text-transform:uppercase;letter-spacing:4px;font-weight:bold;color:#fe8a19;}
.section01 .pdtList ul li .name {margin-top:10px;font-size:26px;line-height:36px;letter-spacing:-.5px;font-weight:bold;color:#222;}
.section01 .pdtList ul li.aqua .pdt_img {margin-bottom:20px;}
.section01 .pdtList ul li.aqua .tag {color:#53caee}

.section02 {padding:120px 0 110px;background:url('images/sec02_bg.jpg') no-repeat center top / cover;}
.section02 .box {margin-top:40px;padding:60px 0;background-color:#fff;box-shadow:0 8px 10px 0 rgba(0,0,0,0.12);}
.section02 .box .pdt_txt {font-size:24px;letter-spacing:-.5px;line-height:36px;color:#333;}
.section02 .box .pdt_img {margin-top:35px;}
.section02 .ft_txt {margin-top:35px;font-size:18px;font-style:italic;color:#999;}

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

	.visualWrap {height: calc( 87vw - 6vw );padding-top:6vw;}
	.visualWrap .title {width:53vw;margin:0 auto;}

	.section01 {padding:10% 0;}
	.section02 {padding:11% 0;}
}
@media screen and (max-width: 768px){
	
	.section01 .subTit {width:63%;min-width:285px;margin:0 auto;}
	.section01 .pdtList ul li {display:block;width:auto;margin-top:10% !important;}
	.section01 .pdtList ul li .tag {font-size:14px;}
	.section01 .pdtList ul li .name {font-size:18px;line-height:1.4;}
	.section01 .pdtList ul li.aqua .pdt_img {margin-bottom:3%;}
	.section01 .pdtList ul li .pdt_img {width:200px;margin:0 auto;}
	
	.section02 .subTit {width:40%;min-width:175px;margin:0 auto;}
	.section02 .box {margin-top:6%;padding:7% 5%;}
	.section02 .box .pdt_txt {font-size:16px;line-height:1.4;}
	.section02 .box .pdt_img {margin:7% 5% 0 5%}
	.section02 .ft_txt {margin-top:7%;font-size:14px;}
}
@media screen and (max-width: 480px){	

}