.section-area{color:white;padding:87px 0px 40px 55px;overflow:hidden;position:relative;z-index:2;margin-top:-60px;mask:url('../images/care-the-whale/area/curve_dt.png') repeat-x;-webkit-mask:url('../images/care-the-whale/area/curve_dt.png') repeat-x}@media (max-width:767px){.section-area{mask:url('../images/care-the-whale/area/curve_mb.svg') repeat-x;-webkit-mask:url('../images/care-the-whale/area/curve_mb.svg') repeat-x}}.section-area .wrap-bg{position:absolute;top:0;left:0;width:100%;height:100%}.section-area .wrap-bg img{width:100%;height:100%;object-fit:cover}.section-area .left{width:calc(485 / (1280 - 110) * 100%);max-width:490px;margin-right:67px}.section-area .right{width:calc(670 / (1280 - 110) * 100%);max-width:670px}.section-area .area-title{font-size:30px;line-height:28px}.section-area .area-title .XL{margin-top:10px}.section-area .area-desc{font-size:26px;line-height:26px;margin-top:10px}.section-area .wrap-whales{position:relative;height:100%;padding-top:calc(442 / 670 * 100%)}.section-area .wrap-whales .whale{position:absolute;top:0;left:0;width:17.31343284%}.section-area .wrap-whales .whale.big{width:36.71641791%}.section-area .wrap-whales .whale .wrap-img{position:relative;width:100%;padding-top:63.79310345%}.section-area .wrap-whales .whale img{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;object-fit:contain}.section-area .wrap-whales .whale:nth-child(1){top:calc(185 / 442 * 100%);left:calc(0 / 670 * 100%)}.section-area .wrap-whales .whale:nth-child(2){top:calc(111 / 442 * 100%);left:calc(208 / 670 * 100%)}.section-area .wrap-whales .whale:nth-child(3){top:calc(359 / 442 * 100%);left:calc(210 / 670 * 100%)}.section-area .wrap-whales .whale:nth-child(4){top:calc(352 / 442 * 100%);left:calc(312 / 670 * 100%)}.section-area .wrap-whales .whale:nth-child(5){top:calc(294 / 442 * 100%);left:calc(140 / 670 * 100%)}.section-area .wrap-whales .whale:nth-child(6){top:calc(81 / 442 * 100%);left:calc(47 / 670 * 100%)}.section-area .wrap-whales .whale:nth-child(7){top:calc(360 / 442 * 100%);left:calc(424 / 670 * 100%)}.section-area .wrap-whales .whale:nth-child(8){top:calc(169 / 442 * 100%);left:calc(463 / 670 * 100%)}.section-area .wrap-whales .whale:nth-child(9){top:calc(197 / 442 * 100%);left:calc(548 / 670 * 100%)}.section-area .wrap-whales .whale:nth-child(10){top:calc(281 / 442 * 100%);left:calc(442 / 670 * 100%)}.section-area .wrap-whales .whale:nth-child(11){top:calc(193 / 442 * 100%);left:calc(332 / 670 * 100%)}.section-area .wrap-whales .whale:nth-child(12){top:calc(273 / 442 * 100%);left:calc(550 / 670 * 100%)}.section-area .wrap-whales .whale:nth-child(13){top:calc(151 / 442 * 100%);left:calc(57 / 670 * 100%)}.section-area .wrap-whales .whale:nth-child(14){top:calc(263 / 442 * 100%);left:calc(357 / 670 * 100%)}.section-area .wrap-whales .whale:nth-child(15){top:calc(0 / 442 * 100%);left:calc(138 / 670 * 100%)}.section-area .wrap-whales .whale:nth-child(16){top:calc(281 / 442 * 100%);left:calc(249 / 670 * 100%)}.section-area .wrap-whales .whale:nth-child(17){top:calc(101 / 442 * 100%);left:calc(424 / 670 * 100%)}.section-area .wrap-whales .whale:nth-child(18){top:calc(47 / 442 * 100%);left:calc(197 / 670 * 100%)}.section-area .wrap-whales .whale:nth-child(19){top:calc(197 / 442 * 100%);left:calc(227 / 670 * 100%)}.section-area .wrap-whales .whale:nth-child(20){top:calc(4 / 442 * 100%);left:calc(526 / 670 * 100%)}.section-area .wrap-whales .whale:nth-child(21){top:calc(14 / 442 * 100%);left:calc(414 / 670 * 100%)}.section-area .wrap-whales .whale:nth-child(22){top:calc(86 / 442 * 100%);left:calc(540 / 670 * 100%)}.section-area .wrap-whales .whale:nth-child(23){top:calc(25 / 442 * 100%);left:calc(308 / 670 * 100%)}.section-area .wrap-whales .whale:nth-child(24){top:calc(102 / 442 * 100%);left:calc(315 / 670 * 100%)}.section-area .wrap-whales .whale:nth-child(25){top:calc(368 / 442 * 100%);left:calc(526 / 670 * 100%)}@media (max-width:940px){.section-area{flex-direction:column;padding:87px 13px 20px 13px}.section-area .area-title{font-size:23px;line-height:23px;padding:0 7px}.section-area .area-title .XL{font-size:25px;line-height:24px}.section-area .area-desc{font-size:21px;line-height:21px;padding:0 7px}.section-area .wrap-whales{padding-top:calc(460 / 697 * 100%);margin-top:15px}.section-area .wrap-whales .whale{width:16.9%}.section-area .wrap-whales .whale.big{width:36.71641791%}.section-area .wrap-whales .whale.big .wrap-img{padding-top:54.6875%}.section-area .wrap-whales .whale .wrap-img{padding-top:64.16666667%}.section-area .wrap-whales .whale:nth-child(1){top:calc(185 / 460 * 100%);left:calc(0 / 697 * 100%)}.section-area .wrap-whales .whale:nth-child(2){top:calc(111 / 460 * 100%);left:calc(208 / 697 * 100%)}.section-area .wrap-whales .whale:nth-child(3){top:calc((424 - 65) / 460 * 100%);left:calc(210 / 697 * 100%)}.section-area .wrap-whales .whale:nth-child(4){top:calc((417 - 65) / 460 * 100%);left:calc(312 / 697 * 100%)}.section-area .wrap-whales .whale:nth-child(5){top:calc((359 - 65) / 460 * 100%);left:calc(140 / 697 * 100%)}.section-area .wrap-whales .whale:nth-child(6){top:calc((146 - 65) / 460 * 100%);left:calc(47 / 697 * 100%)}.section-area .wrap-whales .whale:nth-child(7){top:calc((425 - 65) / 460 * 100%);left:calc(424 / 697 * 100%)}.section-area .wrap-whales .whale:nth-child(8){top:calc((234 - 65) / 460 * 100%);left:calc(463 / 697 * 100%)}.section-area .wrap-whales .whale:nth-child(9){top:calc((262 - 65) / 460 * 100%);left:calc(548 / 697 * 100%)}.section-area .wrap-whales .whale:nth-child(10){top:calc((346 - 65) / 460 * 100%);left:calc(442 / 697 * 100%)}.section-area .wrap-whales .whale:nth-child(11){top:calc((258 - 65) / 460 * 100%);left:calc(332 / 697 * 100%)}.section-area .wrap-whales .whale:nth-child(12){top:calc((338 - 65) / 460 * 100%);left:calc(550 / 697 * 100%)}.section-area .wrap-whales .whale:nth-child(13){top:calc((216 - 65) / 460 * 100%);left:calc(57 / 697 * 100%)}.section-area .wrap-whales .whale:nth-child(14){top:calc((328 - 65) / 460 * 100%);left:calc(357 / 697 * 100%)}.section-area .wrap-whales .whale:nth-child(15){top:calc((65 - 65) / 460 * 100%);left:calc(138 / 697 * 100%)}.section-area .wrap-whales .whale:nth-child(16){top:calc((346 - 65) / 460 * 100%);left:calc(249 / 697 * 100%)}.section-area .wrap-whales .whale:nth-child(17){top:calc((166 - 65) / 460 * 100%);left:calc(424 / 697 * 100%)}.section-area .wrap-whales .whale:nth-child(18){top:calc((112 - 65) / 460 * 100%);left:calc(197 / 697 * 100%)}.section-area .wrap-whales .whale:nth-child(19){top:calc((262 - 65) / 460 * 100%);left:calc(227 / 697 * 100%)}.section-area .wrap-whales .whale:nth-child(20){top:calc((69 - 65) / 460 * 100%);left:calc(526 / 697 * 100%)}.section-area .wrap-whales .whale:nth-child(21){top:calc((79 - 65) / 460 * 100%);left:calc(414 / 697 * 100%)}.section-area .wrap-whales .whale:nth-child(22){top:calc((151 - 65) / 460 * 100%);left:calc(540 / 697 * 100%)}.section-area .wrap-whales .whale:nth-child(23){top:calc((90 - 65) / 460 * 100%);left:calc(308 / 697 * 100%)}.section-area .wrap-whales .whale:nth-child(24){top:calc((167 - 65) / 460 * 100%);left:calc(315 / 697 * 100%)}.section-area .wrap-whales .whale:nth-child(25){top:calc((433 - 65) / 460 * 100%);left:calc(526 / 697 * 100%)}.section-area .left{width:100%;max-width:100%;margin-right:0px}.section-area .right{width:100%;max-width:100%}}