/* Landing-01 ------------------------------------------------------------------------------------------------------- */
.lp-next { font-size: 22px; font-weight: 300; }
.landing-01 .inner-1400 { max-width: 1650px }
.lp-icons { padding: 65px 20px; background: #f7f7f7 }
.lp-icons ul { margin: 0 auto; padding: 0; max-width: 1400px; font-size: 0; }
.lp-icons ul::after { content: ""; display: table; clear: both; }
.lp-icons ul li { float: left; box-sizing: border-box; padding: 0 10px; width: 25%; font: 500 28px/1 Geometric; text-align: center; }
.lp-icons ul li img { display: block; margin: 0 auto 25px; width:  180px; max-width: 100%; }
.lp-icons ul li span { display: block; margin: 0 auto; max-width: 200px; }
.lp-services { margin: 0 auto; padding: 65px 20px 75px; max-width: 1200px; }
.lp-services-title { margin: 0 0 45px; font: 500 32px/1 Geometric; text-align: center; text-transform:  uppercase; }
.lp-services ul { column-count: 2; column-gap: 100px }
.lp-services ul li { position: relative; padding: 0 0 20px 25px; font-size: 24px; }
.lp-services ul li a { color: inherit; }
.lp-services ul li:before { content: ""; position: absolute; top: 10px; left: 0; width: 8px; height: 8px; background: #000; }
.lp-text-1 { padding: 50px 20px; color: #000; font-size: 30px; font-weight: 600; text-align: center; background: #f7f7f7; }
.lp-text-1 .-inner { margin: 0 auto; max-width: 1300px; }
.lp-special-offer { padding:  55px 20px 50px; text-align: center; background: url(//testing10.lightmixdesign.com/wp-content/themes/LightMix/images/image-bg.jpg) center no-repeat; background-size: cover; }
.lp-special-offer .-t1 { margin: 0 0 35px; color: #fff; font: 500 55px/1.1 Geometric; }
.lp-special-offer .-t2 { margin: 0 0 45px; color: #000; font-size: 30px; }
.lp-works { font-size: 0; }
.lp-works a { float: left; width: 25%; font-size:  0; }
.lp-works a:hover { opacity: 0.7; }
.lp-works a img { width: 100%; }
.lp-works-button { padding: 70px 20px 0; text-align: center; }
.lp-button { transition: 0.4s; display: inline-block; font: 300 25px/1 Geometric; letter-spacing: -1px; padding: 15px 30px; border-radius: 30px; }
.lp-button-01 { color: #1d3956; background: #fff; border: 2px solid #fff; }
.lp-button-01:hover { border-color: #1d3956; background: #fff; }
.lp-button-02 { color: #1d3956; border: 2px solid #ffa600; min-width: 270px; }
.lp-button-02:hover { border-color: #1d3956; background: #fff; }

@media screen and (max-width: 1240px) {
    .lp-awards { float: none; text-align: center; margin: 35px auto; display: flex; justify-content: center; }
    .lp-icons ul li { font-size: 24px; }
    .lp-services ul { column-gap: 20px; }
    .lp-text-1 { font-size: 25px; }
    .lp-special-offer .-t1 { font-size: 40px; }
    .lp-special-offer .-t2 { font-size: 25px; }
    .lp-special-offer .-b a { font-size: 20px; }
    .lp-works-button a { font-size: 20px; }
}
@media screen and (max-width: 900px) {
    .lp-icons ul li { font-size: 20px; }
    .lp-services ul { column-count: 1; }
    .lp-special-offer .-b a { padding: 14px 30px; }
    .lp-works-button a { padding: 14px 30px; }
    .lp-works-button { padding-top: 40px; }
}
@media screen and (max-width: 600px) {
    .lp-icons ul li { float: none; margin: 0 auto 40px; width: 50%; }
    .lp-services ul li { padding-bottom: 10px; font-size: 20px; }
    .lp-works a { width: 50%; }
    .lp-awards { max-width: 360px; flex-wrap: wrap; }
    .lp-awards img { width: calc(50% - 20px); }
    .lp-icons ul { display: flex; flex-wrap: wrap; }
}
@media screen and (max-width: 550px) {
    .lp-button { font-size: 24px; padding: 15px 25px; }
}
@media screen and (max-width: 500px) {
    .lp-button { font-size: 23px; }
}
@media screen and (max-width: 450px) {
    .lp-button { font-size: 22px; }
}
@media screen and (max-width: 400px) {
    .lp-button { font-size: 21px; padding: 15px 10px; width: 100%; max-width: 320px; }
}


.landing-01 strong { font-weight: 600; }
.landing-01 .center { text-align: center; }
.landing-01 .lp-02-slider-logo br {display: none; }

.lp-01-header { background: url("images/header-bg.webp") no-repeat top 0 right 50% / cover; }
.lp-01-header .inner-01 { display: flex; justify-content: center; flex-wrap: wrap; align-items: center; padding: 70px 0; }
.lp-01-header .logo-wrap { max-width: 330px; margin-right: 5%; width: 33%; }
.lp-01-header .logo { display: block; width: 100%; }
.lp-01-header .logo img { display: block; height: auto; width: 100%; }
.lp-01-header .lp-awards { display: flex; align-items: center; flex-wrap: wrap; width: calc(62% + 16px); margin: 0 -8px -16px; max-width: 650px; }
.lp-01-header .lp-awards img { margin: 0 8px 16px; width: calc(25% - 16px); max-width: 150px; height: auto; }
.lp-01-header .lp-awards br { display: none; }
.lp-01-header h1 { font: 500 55px/1.1 Geometric; margin-top: calc(1vw + 40px); width: 100%; text-transform: uppercase; text-align: center; color: #000; }

.lp-content { padding: 50px 0; }

@media screen and (max-width: 1300px) {
    .landing-01 { font-size: calc(17px + (22 - 17) * ((100vw - 360px) / (1300 - 360))); }
    .lp-01-header h1 { font-size: calc(27px + (55 - 27) * ((100vw - 360px) / (1300 - 360))); }
}
@media screen and (max-width: 1100px) {
    .lp-01-header .lp-awards { width: calc(62% + 10px); margin: 0 -5px -10px; }
    .lp-01-header .lp-awards img { margin: 0 5px 10px; width: calc(25% - 10px); }
}
@media screen and (max-width: 980px) {
    .lp-01-header { flex-direction: column; }
    .lp-01-header .logo-wrap { margin: 3% 0 calc(3vw + 30px); width: 70%; }
    .lp-01-header .lp-awards { width: calc(100% + 10px); }
}
@media screen and (max-width: 600px) {
    .lp-01-header .lp-awards img { width: calc(50% - 10px); }
}


/* Landing-02 ------------------------------------------------------------------------------------------------------- */
.landing-02 { font: 21px/1.5 "Montserrat", sans-serif; color: #000; }
.landing-02 img { display: block; }
.landing-02 h2 { font-size: 45px; line-height: 1.2; font-weight: 600; letter-spacing: -.04em; margin-bottom: .85em; }
.landing-02 h3 { font-size: 37px; line-height: 1.22; font-weight: 600; letter-spacing: -.03em; margin-bottom: .9em; }
.landing-02 h4 { font-size: 29px; line-height: 1.24; font-weight: 600; letter-spacing: -.02em; margin-bottom: .95em; }
.landing-02 p ~ h2, .landing-02 ul ~ h2, .landing-02 ol ~ h2, .landing-02 img ~ h2 { margin-bottom: .45em; padding-top: .5em; }
.landing-02 p ~ h3, .landing-02 ul ~ h3, .landing-02 ol ~ h3, .landing-02 img ~ h3 { margin-bottom: .55em; padding-top: .65em; }
.landing-02 p ~ h4, .landing-02 ul ~ h4, .landing-02 ol ~ h4, .landing-02 img ~ h4 { margin-bottom: .65em; padding-top: .8em; }
.landing-02 p { padding: 0; margin-bottom: 1em; }
.landing-02 p:last-child { margin-bottom: 0; }
.landing-02 p a, .landing-02 li a { color: #000; border-bottom: 1px dashed #000; }
.landing-02 p a:hover, .landing-02 li a:hover { color: #ffa600; border-bottom: 1px dashed transparent; }
.landing-02 strong { font-weight: 700; }

.landing-02 .center { text-align: center; }
.landing-02 .center img { margin-left: auto; margin-right: auto; }
.landing-02 .bg-gray { background: #f6f7f9; }
.landing-02 .inner-01 + .inner-01 { margin-top: calc(3vw + 40px); }

.landing-02 ul { padding: 0; margin: 0 0 1em 1em; line-height: 1.3; list-style: square outside; }
.landing-02 ul:last-child { margin-bottom: 0; }
.landing-02 ul li { margin-bottom: .5em; padding-left: .2em; }
.landing-02 ul li:last-child { margin-bottom: 0; }
.landing-02 ul li::marker { color: #ffa600; }

.landing-02 ol { padding: 0; margin: 0 0 1em 1.2em; line-height: 1.3; list-style: decimal outside; }
.landing-02 ol:last-child { margin-bottom: 0; }
.landing-02 ol li { margin-bottom: .5em; }
.landing-02 ol li:last-child { margin-bottom: 0; }
.landing-02 ol li::marker { color: #ffa600; font-weight: bold; }

.landing-02 .column-count-2 { column-count: 2; column-gap: 6%; }

.landing-02 h2 ~ .clmn-block { padding-top: 1.2em; }
.landing-02 ul ~ .clmn-block, .landing-02 ol ~ .clmn-block, .landing-02 p ~ .clmn-block { padding-top: 2em; }
.landing-02 .clmn-block:last-child { margin-bottom: -3em; }
.landing-02 .clmn-block .col { margin-bottom: 3em; }

.landing-02 .yellow-01 { color: #ffa600; }

.lp-02-button-01 { transition: .4s; display: inline-flex; font: 600 23px/1 "Montserrat", sans-serif; padding: 24px 85px; border-radius: 40px; text-align: center; justify-content: center; }
.lp-02-button-01a { color: #000 !important; border: 2px solid #fe813b !important; }
.lp-02-button-01:hover { border-color: #1d3956 !important; }

.lp-02-news ul li .srpw-content .srpw-more-link { transition: .4s; display: inline-flex; font: 15px/1 "Montserrat", sans-serif; padding: 10px 45px; border-radius: 21px; text-align: center; justify-content: center; }
.lp-02-news ul li .srpw-content .srpw-more-link { color: #000 !important; border: 2px solid #fe813b !important; }
.lp-02-news ul li .srpw-content .srpw-more-link:hover { border-color: #1d3956 !important; }

.lp-02-button-03 { transition: .4s; display: inline-flex; font: 600 21px/1 "Montserrat", sans-serif; padding: 18px 45px; border-radius: 40px; background: transparent; cursor: pointer; text-align: center; justify-content: center; }
.lp-02-button-03a { color: #fff !important; border: 2px solid #fe813b !important; }
.lp-02-button-03:hover { border-color: #fff !important; }

.lp-02-banner-top { background: linear-gradient(90deg, rgba(255,255,255,1) 55%, rgba(255,255,255,0.9) 58%, rgba(255,255,255,0.6) 61%, rgba(255,255,255,0) 65%, rgba(255,255,255,0) 100%); display: flex; flex-direction: column; justify-content: center; position: relative; }
.lp-02-banner-top .inner-01 .text-wrap { max-width: 830px; width: 65%; }
.lp-02-banner-top img { position: absolute; top: 0; right: 0; width: 100%; height: 100%; object-fit: cover; z-index: -1; }
.lp-02-banner-top p { margin-bottom: 1.5em; }
.lp-02-banner-top .t-01 { color: #eb5e10; font-size: 18px; line-height: 1.3; font-weight: 500; text-transform: uppercase; }
.lp-02-banner-top h1 { font-size: 70px; line-height: 1.1; font-weight: 600; letter-spacing: -.04em; margin-bottom: .6em; }
.lp-02-banner-top .button-wrap { margin-bottom: 1.5em; }
.lp-02-banner-top .button-wrap:last-child { margin-bottom: 0; }

.lp-02-work { display: flex; flex-wrap: wrap; justify-content: center; }
.lp-02-work .img { width: 25%; position: relative; display: flex; align-items: flex-end; justify-content: center; text-align: center; padding: calc(1vw + 5px); color: #fff; font-size: 18px; line-height: 1.4; }
.lp-02-work .img:after { float: left; content: ""; padding-top: 100%; }
.lp-02-work .img img { transition: .4s; position: absolute; top: 0; left: 0; object-fit: cover; width: 100%; height: 100%; z-index: -2; }
.lp-02-work .img:before { transition: .4s; width: 100%; height: 100%; background: rgba(0,0,0,.2); position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: auto; content: ""; z-index: -1; opacity: 0; }
.lp-02-work .img:hover:before { opacity: 1; }

.lp-02-award { background: linear-gradient(180deg, #fff 50%, #fff 50%, #f6f7f9 50%); }
.lp-02-award .custom-html-widget { display: flex; justify-content: center; flex-wrap: wrap; width: calc(100% + 3%); margin: 0 -1.5%; }
.lp-02-award .custom-html-widget .img { max-width: 205px; width: calc(20% - 3%); margin: 0 1.5%; height: auto; }

.lp-02-service .clmn-2 { position: relative; padding: .5em 0; margin: -.5em 0 0; }
.lp-02-service .clmn-2:after { background: #e5e5e5; left: 50%; top: 0; height: 100%; width: 1px; content: ""; position: absolute; }
.lp-02-service .clmn-2 .col { width: 45%; color: #363636; margin-bottom: 0; }
.lp-02-service .button-wrap { margin-top: 2.2em; text-align: center; }

.lp-02-image-full img { height: auto; }

.lp-02-steps .steps { margin-top: 5%; display: flex; flex-wrap: wrap; justify-content: space-between; text-transform: uppercase; color: #757575; font-size: 15px; font-weight: 500; line-height: 1.2; }
.lp-02-steps .step { display: flex; flex-wrap: wrap; align-items: center; flex-direction: column; text-align: center; width: calc(20% - 4%); }
.lp-02-steps .step img { height: auto; margin-bottom: 1.3em;  }
.lp-02-steps .step-arrow { position: relative; width: 5%; max-width: 40px; display: flex; justify-content: center; align-items: center; }
.lp-02-steps .step-arrow:after { transform: rotate(45deg); position: absolute; content: ""; left: 50%; top: 31%; margin: 0 0 0 -1.5em; width: 2em; height: 2em; border: solid #eee; border-width: .55em .55em 0 0; }
.lp-02-steps .step-arrow.arrow-01:after { border-color: #ffcc15; }
.lp-02-steps .step-arrow.arrow-02:after { border-color: #feab2d; }
.lp-02-steps .step-arrow.arrow-03:after { border-color: #fd8c44; }
.lp-02-steps .step-arrow.arrow-04:after { border-color: #fd7456; }

.lp-02-team { overflow: hidden; }
.lp-02-team .inner-01 { position: relative; }
.lp-02-team .inner-01:after { width: 2500px; height: 2500px; left: 290px; background: #ffa600; top: calc(-3.3vw + -40px); position: absolute; content: ""; border-radius: 100%; z-index: -1; }
.lp-02-team .clmn-2 .col-02 .sidebar-shortcode { display: none; }
.lp-02-team .clmn-2 .col-02 .custom-html-widget { display: flex; justify-content: space-between; }
.lp-02-team .clmn-2 .col-02 .photo { width: 38%; max-width: 224px; flex-grow: 0; flex-shrink: 0; }
.lp-02-team .clmn-2 .col-02 .photo img { border-radius: 100%; height: auto; }
.lp-02-team .clmn-2 .col-02 .info { margin-left: 5%; flex-grow: 1; flex-shrink: 1; font-size: 16px; }
.lp-02-team .clmn-2 .col-02 .info strong { font-weight: 600; color: #fff; font-size: 30px; line-height: 1; }
.lp-02-team .clmn-2 .col-02 .info em { color: #fff; line-height: 1.2; }


.lp-02-statistic .inner-02 { width: calc(90% + 10%); max-width: calc(1400px + 10%); }
.lp-02-statistic .clmn-3 { display: flex; justify-content: space-between; flex-wrap: wrap; }
.lp-02-statistic .clmn-3 .col { position: relative; padding: 1.5em 4%; margin: -1.5em 0; text-align: center; font-size: 23px; line-height: 1.3; width: 30%; display: flex; flex-direction: column; align-items: center; }
.lp-02-statistic .clmn-3 .col + .col:after { background: #e5e5e5; left: 0; top: 0; height: 100%; width: 1px; content: ""; position: absolute; }
.lp-02-statistic .clmn-3 .col img { margin: .25em auto 0; height: auto; }
.lp-02-statistic .clmn-3 .col-02 { width: 40%; }
.lp-02-statistic .title { font-size: 70px; line-height: 1; font-weight: 600; letter-spacing: -.04em; padding-bottom: .4em; white-space: nowrap; }

.lp-02-news h2 { text-align: center; margin-bottom: 1.4em; }
.lp-02-news ul { display: flex; flex-wrap: wrap; justify-content: space-between; list-style: none; margin: 0 0 -2.5em !important; }
.lp-02-news ul li { width: 31%; margin: 0 0 2.5em !important; display: flex; padding: 0; }
.lp-02-news ul li:nth-child(4) { display: none; }
.lp-02-news ul li .srpw-img { width: 40%; flex-grow: 0; flex-shrink: 0; border: 0; margin: 0; float: none; }
.lp-02-news ul li .srpw-img img { width: 100%; height: auto; margin: 0; }
.lp-02-news ul li .srpw-content { margin-left: 5%; flex-grow: 1; flex-shrink: 1; padding: 0 0 3.5em 0; color: #585858; position: relative; }
.lp-02-news ul li .srpw-content .srpw-title { font-weight: 700; font-size: 20px; line-height: 1.3; display: block; color: #585858; margin: -.2em 0 .8em; border: 0 !important; }
.lp-02-news ul li .srpw-content .srpw-title:hover { color: #fe813b; }
.lp-02-news ul li .srpw-content .srpw-summary { padding: 0; font-size: 16px; line-height: 1.4; }
.lp-02-news ul li .srpw-content .srpw-more-link { position: absolute; bottom: 0; left: 0; }

.lp-02-video-lightmix { background: url("images/bg-video-lightmix.png") no-repeat center / cover; }
.lp-02-video-lightmix .inner-01 { overflow: hidden; position: relative; width: 90%; max-width: 1050px; margin: 0 auto; }
.lp-02-video-lightmix .inner-01:after { padding-top: 56.25%; display: block; content: ''; }
.lp-02-video-lightmix .inner-01 iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }


.lp-02-our-clients .custom-html-widget { display: flex; flex-wrap: wrap; margin: -3%; }
.lp-02-our-clients img { width: calc(25% - 6%); max-width: 300px; height: auto; margin: 3%; }



@media screen and (max-width: 1900px) {
    .lp-02-news ul li .srpw-content .srpw-title { font-size: calc(16px + (20 - 16) * ((100vw - 360px) / (1900 - 360))); }
    .lp-02-news ul li .srpw-content .srpw-summary { font-size: calc(14px + (16 - 14) * ((100vw - 360px) / (1900 - 360))); }
}
@media screen and (max-width: 1800px) {
    .lp-02-work .img { font-size: calc(12px + (18 - 12) * ((100vw - 360px) / (1900 - 360))); }
}
@media screen and (max-width: 1700px) {}
@media screen and (max-width: 1600px) {
    .lp-02-statistic .title { font-size: calc(30px + (70 - 30) * ((100vw - 360px) / (1600 - 360))); }
    .lp-02-statistic .clmn-3 .col { font-size: calc(14px + (23 - 14) * ((100vw - 360px) / (1600 - 360))); }
}
@media screen and (max-width: 1500px) {
    .lp-02-steps .steps { font-size: calc(13px + (15 - 13) * ((100vw - 360px) / (1500 - 360))); }
}
@media screen and (max-width: 1400px) {
    .lp-02-banner-top .t-01 { font-size: calc(15px + (18 - 15) * ((100vw - 360px) / (1400 - 360))); }
    .lp-02-banner-top h1 { font-size: calc(30px + (70 - 30) * ((100vw - 360px) / (1400 - 360))); }
    .landing-02 { font-size: calc(15px + (21 - 15) * ((100vw - 360px) / (1400 - 360))); }
    .landing-02 h2 { font-size: calc(28px + (45 - 28) * ((100vw - 360px) / (1400 - 360))); }
    .landing-02 h3 { font-size: calc(25px + (37 - 25) * ((100vw - 360px) / (1400 - 360))); }
    .landing-02 h4  { font-size: calc(22px + (29 - 22) * ((100vw - 360px) / (1400 - 360))); }
    .lp-02-button-01 { font-size: calc(17px + (23 - 17) * ((100vw - 360px) / (1400 - 360))); }
    .lp-02-news ul li .srpw-content .srpw-more-link { font-size: calc(14px + (15 - 14) * ((100vw - 360px) / (1400 - 360))); }
    .lp-02-button-03 { font-size: calc(17px + (21 - 17) * ((100vw - 360px) / (1400 - 360))); }
    .lp-02-team .clmn-2 .col-02 .info strong { font-size: calc(21px + (30 - 21) * ((100vw - 360px) / (1400 - 360))); }
    .lp-02-team .clmn-2 .col-02 .info { font-size: calc(13px + (16 - 13) * ((100vw - 360px) / (1400 - 360))); }
    .lp-02-team .inner-01:after { width: 130vw; height: 130vw; left: 35vw; }
    .lp-02-news ul li { width: 47%; }
    .lp-02-news ul li:nth-child(4) { display: flex; }
}
@media screen and (max-width: 1300px) {  }
@media screen and (max-width: 1200px) {}
@media screen and (max-width: 1100px) {  }
@media screen and (max-width: 1000px) {
    .lp-02-button-01 { padding: 22px 70px; }
}
@media screen and (max-width: 980px) {
    .landing-02 .column-count-2 { column-count: 1; column-gap: 0; }
    .lp-02-banner-top { background: linear-gradient(90deg, rgba(255,255,255,1) 20%, rgba(255,255,255,.7) 100%); }
    .lp-02-banner-top img { object-position: top 50% right 0; }
    .lp-02-banner-top .inner-01 .text-wrap { max-width: 100%; width: 100%; }
    .lp-02-service .clmn-2 { padding: 0; }
    .lp-02-service .clmn-2::after { display: none; }
    .lp-02-service .clmn-2 .col { width: 100%; }
    .lp-02-service .clmn-2 .col-01 { margin-bottom: .5em; }
    .lp-02-service .button-wrap { text-align: left; margin-top: 1.5em; }
    .lp-02-steps .steps { flex-direction: column; }
    .lp-02-steps .step { width: 100%; max-width: 310px; margin: 0 auto; align-items: center; flex-direction: row; flex-wrap: initial; }
    .lp-02-steps .step p { flex-shrink: 1; flex-grow: 1; text-align: left; }
    .lp-02-steps .step img { width: 120px; margin: 0 4% 0 0; flex-shrink: 0; flex-grow: 0; }
    .lp-02-steps .step-arrow { width: 100%; height: 20px; max-width: 100%; }
    .lp-02-steps .step-arrow::after { transform: rotate(135deg); margin: -1.1em 0 0 -.7em; top: 50%; width: 1.4em; height: 1.4em; border-width: .33em .33em 0 0; }
    .lp-02-team { padding-top: 0 !important; }
    .lp-02-team .inner-01::after { display: none; }
    .lp-02-team .clmn-2 .col-01 { margin-bottom: 2em; }
    .lp-02-team .clmn-2 .col-02 .photo { width: calc(26vw - 20px); }
    .lp-02-team .clmn-2 .col-02 .info { display: flex; flex-direction: column; justify-content: center; }
    .lp-02-team .clmn-2 .col-02 .info strong, .lp-02-team .clmn-2 .col-02 .info em { color: #000; }
    .lp-02-statistic .clmn-3 .col-01 { order: 2; width: 50%; }
    .lp-02-statistic .clmn-3 .col-02 { order: 1; width: 100%; margin-bottom: 2em; }
    .lp-02-statistic .clmn-3 .col-02::after { display: none; }
    .lp-02-statistic .clmn-3 .col-03 { order: 3; width: 50%; }
    .lp-02-news ul { max-width: 600px; margin-right: auto !important; margin-left: auto !important; }
    .lp-02-news ul li { width: 100%; }
    .lp-02-news ul li .srpw-img { width: calc(26vw - 20px); }
    .lp-02-video-lightmix .inner-01 { width: 100%; }
}
@media screen and (max-width: 900px) {
    .lp-02-button-01 { padding: 20px 55px; }
    .lp-02-work .img { width: 50%; }
    .lp-02-our-clients .custom-html-widget { margin: -4%; }
    .lp-02-our-clients img { width: calc(33.333333% - 8%); margin: 4%; }
}
@media screen and (max-width: 800px) {
    .lp-02-button-01 { padding: 18px 45px; }
    .lp-02-award { background: linear-gradient(0deg, rgba(246,247,249,1) 0%, rgba(255,255,255,1) 100%); }
    .lp-02-award .inner-01 { max-width: 500px; }
    .lp-02-award .custom-html-widget { width: calc(100% + 2%); margin: 0 -1%; }
    .lp-02-award .custom-html-widget .img { width: calc(33.333333% - 2%); margin: 0 1%; }
    .lp-02-award .custom-html-widget .img-04, .lp-02-award .custom-html-widget .img-05 { margin-top: -7%; }
}
@media screen and (max-width: 700px) {
    .lp-02-button-01, .lp-02-button-03 { padding: 16px 40px; }
    .lp-02-news ul li .srpw-content .srpw-more-link { padding: 9px 40px; }
}
@media screen and (max-width: 600px) {
    .lp-02-button-01, .lp-02-button-03 { padding: 14px 40px; }
    .lp-02-news ul li .srpw-content .srpw-more-link { padding: 8px 35px; }
    .lp-02-our-clients .custom-html-widget { margin: -5%; }
    .lp-02-our-clients img { width: calc(50% - 10%); margin: 5%; }
}
@media screen and (max-width: 500px) {}
@media screen and (max-width: 400px) {  }