@charset "utf-8";

#container_sub {background:url(/images/promote/sub/bg_sub.png) no-repeat bottom center; background-size:contain;}

.photo2 li a{height:355px;}
.photo2 li a .img img{max-height:250px;}

@media all and (max-width:1024px){
	.photo2 li a{height:320px;}
	.photo2 li a .img img{max-height:200px;}
}
@media all and (max-width:840px){
	.photo2 li a{height:250px;}
	.photo2 li a .img img{max-height:155px;}
}
@media all and (max-width:680px){
	.photo2 li a{height:220px;}
	.photo2 li a .img img{max-height:130px;}
}
@media all and (max-width:430px){
	.photo2 li a{height:200px;}
	.photo2 li a .img img{max-height:115px;}
}
@media all and (max-width:380px){
	.photo2 li a{height:175px;}
	.photo2 li a .img img{max-height:101px;}
}
@media all and (max-width:340px){
	.photo2 li a{height:162px;}
	.photo2 li a .img img{max-height:90px;}
}

#sub_policy h4 {padding-left:30px; background-image:url(/images/promote/sub/ico_tit.png); background-position:0 4px; background-repeat:no-repeat;}
#sub_policy .tit {padding:1.65em 0; margin:0 0 38px; font-size:25px; font-weight:800; text-align:center; background:#f5f5f5 url(/images/promote/sub/bg_policy.jpg) no-repeat; background-size:cover;}
#sub_policy h4 + div {margin:0 0 27px; box-sizing:border-box; padding:10px; background:url(/images/member/sub/bg_pattern.gif) repeat;}
#sub_policy div .dot {box-sizing:border-box; padding:24px 30px 18px; background:#fff;}
#sub_policy .dot > li {padding-bottom:6px;}
#sub_policy .dot > li:before {border-radius:50%; background:#2f999e;}
#sub_policy .dot li > ul {padding:2px 0 0;}
#sub_policy .dot li .block {display:block; padding:6px 0 0;}

@media all and (max-width:768px){
    #sub_policy h4 {padding-left:25px; background-size:17px;}
    #sub_policy .tit {font-size:21px;}
    #sub_policy div .dot {padding:19px 25px 13px;}
}

@media all and (max-width:568px){
    #sub_policy h4 {padding-left:20px; background-size:15px; background-position:0 2px;}
    #sub_policy .tit {font-size:1.200em;}
    #sub_policy div .dot {padding:14px 20px 8px;}
    #sub_policy .dot > li:before {top:5px;}
}