@charset "utf-8";


/*--------------------------------------
mv
---------------------------------------*/
.l-mv {
padding: 2rem 0 6rem 0;
}
.l-mv-wrapper {
display: flex;
justify-content: flex-end;
position: relative;
}
.l-mv-wrapper::before {
position: absolute;
left: 0;
top: 0;
width: calc((100vw - 10rem) / 2 + 5rem);
height: 42rem;
background: url(img/mv_bg_01.jpg) no-repeat right center;
background-size: cover;
border-radius: 0 2rem 2rem 0;
content: "";
}
.l-mv-box {
width: calc((100vw - 10rem) / 2 + 5rem);
min-width: 55rem;
max-width: 100rem;
margin: 0;
}
.l-mv-logo {
width: 15.4rem;
margin: 0 0 1.5rem 14rem;
}
.l-mv-txt {position: relative;min-height: 36rem;padding: 5rem 0 4rem 5rem;background: rgba(18,61,131,1);background: -webkit-linear-gradient(90deg, rgba(20,85,147,1) 0%, rgba(20,85,147,1) 30%, rgba(18,61,131,1) 70%, rgba(18,61,131,1) 100%);background: linear-gradient(90deg, rgba(20,85,147,1) 0%, rgba(20,85,147,1) 30%, rgba(18,61,131,1) 70%, rgba(18,61,131,1) 100%);border-radius: 2rem 0 0 2rem;color: #fff;z-index: 2;}
.l-mv-txt::before {
position: absolute;
right: 100%;
top: 35.5rem;
width: 53.5rem;
height: 4.9rem;
background: url(img/mv_bg_02.png) no-repeat left top;
background-size: contain;
content: "";
}
.l-mv-txt-inner {
max-width: 50rem;
}
.l-mv-title {
margin: 0 0 1.5rem 0;
color: #e8fc5c;
font-size: 4rem;
font-weight: bold;
line-height: 1.4;
}
.l-mv-txt p:not([class]) {
margin: 1em 0 0 0;
}
.l-mv-txt p:not([class]) > span:not([class]) {
background: none;
color: #e8fc5c;
font-weight: bold;
}


/*--------------------------------------
l-parts02
---------------------------------------*/
.l-parts02 {
position: relative;
padding: 8rem 0 12rem 0;
}
.l-parts02::before {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: #cee5f3 url(img/parts02_bg_01.jpg) no-repeat center top;
background-size: 100% auto;
content: "";
z-index: -3;
}
.l-parts02 .block-head {position: relative;margin: 0 30rem 5rem 0;padding: 4.8rem 0;color: #fff;}
.l-parts02 .block-head::before {position: absolute;right: -6rem;top: 0;width: 100vw;height: 100%;background: linear-gradient(135deg, rgba(20, 85, 147, 1) 0%, rgba(20, 85, 147, 1) 50%,  rgba(18, 61, 131, 1) 100%);background-size: 100% auto;border-radius: 0 2rem 2rem 0;content: "";z-index: -2;}
.l-parts02 .block-head .l-common-title {color: #fff;}
.l-parts02 .block-head p:not([class]) {
margin: 1em 0 0 0;
}
.l-parts02 .block-head p:not([class]) > span:not([class]) {
background: none;
color: #e8fc5c;
font-weight: bold;
}
.l-parts02 .block-head .caption {
color: #fff;
}
.l-parts02 .js-scrollable table th[scope="col"] {width: 13rem;line-height: 1.4;padding: 1.6rem 0.8rem;}
.l-parts02 .js-scrollable table th[scope="col"]:nth-child(1) {width: 20rem;line-height: 1.4;}
.l-parts02 .js-scrollable table th[scope="col"]:nth-child(4) {width: 54%;}
.l-parts02 .js-scrollable ul:not([class]) {
margin: 0;
}
.l-parts02 .js-scrollable .btn-web {
min-width: 16rem;
margin: 0 auto 0.5rem auto;
}
.l-parts02 .js-scrollable .btn-web a {
min-height: auto;
padding: 1.5rem 3rem 1.5rem 1.5rem;
background-position: right 1.5rem center;
background-size: 8px auto;
font-size: 1.4rem;
}
.l-parts02 .js-scrollable .product {margin: 0 0 2.4rem 0;color: #123d83;font-size: 1.8rem;line-height: 1.4;}
.l-parts02 .js-scrollable .product span {display: inline-block;margin: 0 0 1.5rem 0;padding: 0.5rem;background: #e6f0f7;color: #111;font-size: 1.6rem;}
.l-parts02 .js-scrollable .data {text-align: center;font-size: 2rem;}
.l-parts02 .js-scrollable .data > span:not([class]) {
background: none;
color: #d6141c;
font-size: 120%;
font-weight: bold;
}
.l-parts02 .js-scrollable .btn-internal {
max-width: 18rem;
margin: 1rem auto 0 auto;
}
.l-parts02 .js-scrollable .btn-internal a {
min-height: auto;
padding: 1.5rem 3rem 1.5rem 1.5rem;
background-position: right 1.2rem center;
background-size: auto 8px;
font-size: 1.4rem;
}
.l-parts02 p.note {
margin: 1rem 0 0 0;
font-size: 1.4rem;
line-height: 1.6;
}
.l-parts02-company {
margin: 6rem 0 8rem 0;
background: #fff;
border-radius: 2rem;
}
.l-parts02-company:last-child {
margin: 0;
}
.l-parts02-company .inner {
padding: 6rem 6rem 4rem 6rem;
}
.l-parts02 .catch-title {padding: 2.4rem 2rem 2.4rem;background: #123d83 url(img/en_material.png) no-repeat 3rem top;border-radius: 2rem 2rem 0 0;text-align: center;}
.l-parts02 .catch-title .catch {display: inline-block;margin: 0 0 1rem 0;padding: 0.5rem;background: #e6f0f7;color: #111;font-size: 2.4rem;font-weight: bold;line-height: 1.4;}
.l-parts02 .catch-title .name {color: #fff;font-size: 3.2rem;font-weight: bold;line-height: 1.4;}
.l-parts02 .title {
position: relative;
margin: 8rem 0 4rem 0;
padding: 0 0 0 2rem;
border-left: 5px solid #123d83;
font-size: 2.8rem;
font-weight: bold;
line-height: 1.4;
}
.l-parts02 .title::before {
position: absolute;
left: -0.5rem;
top: 0;
width: 0.5rem;
height: 1.2rem;
background: #1eb8d4;
content: "";
}
.l-parts02 table th {width: 18rem;}
.block-summary {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.block-summary .box-fig {
width: 37rem;
text-align: center;
}
.block-summary .box-fig img {
box-shadow: 1rem 1rem 0 0 #e6f0f7;
}
.block-summary .box-fig .caption {
margin: 1.8rem 0 0 0;
}
.block-summary .box-txt {
width: calc(100% - 37rem);
padding: 0 0 0 8rem;
}
.block-summary .box-txt ul {
margin: 2rem 0 0 0;
}
.block-summary .data-wrap {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.block-summary .data-wrap .data-box {
width: calc((100% - 2rem) / 2);
line-height: 1.4;
text-align: center;
}
.block-summary .data-wrap .data-box .label {
display: flex;
align-items: center;
justify-content: center;
background: #cde4f3;
padding: 0.2rem 0.5rem 0.3rem 0.5rem;
font-size: 1.8rem;
font-weight: bold;
}
.block-summary .data-wrap .data-box .data {
display: flex;
align-items: center;
justify-content: center;
padding: 1rem 0.5rem;
background: #f4f5f6;
font-size: 2rem;
}
.block-summary .data-wrap .data-box .data span span {
font-size: 4rem;
}
.block-reason {
counter-reset: number 0;
}
.block-reason .box {position: relative;margin: 4rem 0;padding: 4.8rem 4rem 4rem 4rem;background: #f0f6fa;border-radius: 2rem;}
.block-reason .box::before {position: absolute;left: 2rem;top: -1rem;width: 4.8rem;height: 4.8rem;background: #76e3f9;border-radius: 50%;color: #111;font-size: 2rem;font-weight: bold;line-height: 4.8rem;text-align: center;content: counter(number, decimal-leading-zero);counter-increment: number 1;}
.block-reason .box .ttl {margin: 0 0 2.4rem 0;font-size: 2.2rem;font-weight: bold;line-height: 1.4;color: #123d83;}
.block-reason .box p:not([class]) {
margin: 1em 0 0 0;
}


/*--------------------------------------
l-parts03
---------------------------------------*/
.l-parts03 {
position: relative;
padding: 8rem 0;
}
.l-parts03::before {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: url(img/parts03_bg_01.png) no-repeat right 22rem;
content: "";
z-index: -2;
}
.l-parts03 .l-section-inner {
padding: 4rem 0 3rem 0;
}
.l-parts03 .l-section-inner::before {
position: absolute;
right: 24rem;
top: 0;
width: 100vw;
height: calc(100% - 20rem);
background: #d5e8f4;
border-radius: 0 2rem 2rem 0;
content: "";
z-index: -1;
}
.l-parts03 .l-common-title {
margin: 0 30rem 3rem 0;
}
.l-parts03 .l-common-lead {
margin: 0 30rem 4rem 0;
}
.l-parts03 table {
table-layout: fixed;
margin: 0;
}
.l-parts03 table th[scope="col"] {
width: calc((100% - 18rem) / 3);
border: 1px solid #e6f0f7;
border-top: 1px solid #123d83;
}
.l-parts03 table tr:nth-child(1) th:nth-child(1),
.l-parts03 table th[scope="row"] {
width: 18rem;
background: #f4f5f6;
}
.l-parts03 table th,
.l-parts03 table td {
border: 1px solid #123d83;
text-align: center;
}


/*--------------------------------------
l-parts04
---------------------------------------*/
.l-parts04 {
position: relative;
padding: 8rem 0 0 0;
}
.l-parts04::before {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: url(img/en_materialguide.png) no-repeat right top, url(img/parts01_bg_01.png) repeat-y left top;
background-size: auto, 100% auto;
content: "";
z-index: -2;
}
.l-parts04 .l-section-inner {
padding: 4rem 0 3rem 0;
}
.l-parts04 .l-section-inner::before {
position: absolute;
right: 24rem;
top: 0;
width: 100vw;
height: 45rem;
background: #d5e8f4;
border-radius: 0 2rem 2rem 0;
content: "";
z-index: -1;
}
.l-parts04 .l-common-title {margin: 0 30rem 3rem 0;}
.l-parts04 .l-common-lead {
margin: 0 30rem 4rem 0;
}


/*--------------------------------------
l-parts05
---------------------------------------*/
.l-parts05 {
position: relative;
padding: 8rem 0 0 0;
}
.l-parts05::before {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: url(img/parts01_bg_01.png) repeat-y left top;
background-size: 100% auto;
content: "";
z-index: -2;
}
.l-parts05 .l-section-inner {
padding: 4rem 0 3rem 0;
}
.l-parts05 .l-section-inner::before {
position: absolute;
right: 24rem;
top: 0;
width: 100vw;
height: 45rem;
background: #d5e8f4;
border-radius: 0 2rem 2rem 0;
content: "";
z-index: -1;
}
.l-parts05 .l-common-title {
margin: 0 30rem 3rem 0;
}
.l-parts05 .l-common-lead {
margin: 0 30rem 4rem 0;
}
.l-parts05 .accordion-btn::after {
content: "遮熱塗料の製品を\Aもっと見る";
white-space: pre;
}
.l-parts05 .accordion-btn.is-open::after {
content: "閉じる";
}


/*--------------------------------------
l-parts06
---------------------------------------*/
.l-parts06 {
position: relative;
padding: 8rem 0 0 0;
}
.l-parts06::before {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: url(img/parts01_bg_01.png) repeat-y left top;
background-size: 100% auto;
content: "";
z-index: -2;
}
.l-parts06 .l-section-inner {
padding: 4rem 0 3rem 0;
}
.l-parts06 .l-section-inner::before {
position: absolute;
right: 24rem;
top: 0;
width: 100vw;
height: 45rem;
background: #d5e8f4;
border-radius: 0 2rem 2rem 0;
content: "";
z-index: -1;
}
.l-parts06 .l-common-title {
margin: 0 30rem 3rem 0;
}
.l-parts06 .l-common-lead {
margin: 0 30rem 4rem 0;
}
.l-parts06 .accordion-btn::after {
content: "遮熱シート・フィルムの製品を\Aもっと見る";
white-space: pre;
}
.l-parts06 .accordion-btn.is-open::after {
content: "閉じる";
}


/*--------------------------------------
l-parts07
---------------------------------------*/
.l-parts07 {
position: relative;
padding: 8rem 0;
}
.l-parts07::before {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: url(img/parts03_bg_01.png) no-repeat right 22rem;
content: "";
z-index: -2;
}
.l-parts07 .l-section-inner {
padding: 4rem 0 3rem 0;
}
.l-parts07 .l-section-inner::before {
position: absolute;
right: 24rem;
top: 0;
width: 100vw;
height: 47rem;
background: #d5e8f4;
border-radius: 0 2rem 2rem 0;
content: "";
z-index: -1;
}
.l-parts07 .l-common-title {
margin: 0 30rem 3rem 0;
}
.l-parts07 .l-common-lead {
margin: 0 30rem 4rem 0;
}


/*--------------------------------------
l-parts08
---------------------------------------*/
.l-parts08 {
position: relative;
min-height: 60rem;
padding: 0 0 8rem 0;
}
.l-parts08 .l-section-inner::before {position: absolute;left: 23rem;top: 0;width: 100vw;height: calc(100% - 10rem);background: url(img/en_column.png) no-repeat left 10rem top, linear-gradient(135deg, rgba(20, 85, 147, 1) 0%, rgba(20, 85, 147, 1) 20%,  rgba(18, 61, 131, 1) 100%);background-size: auto, 100% auto;border-radius: 2rem 0 0 2rem;content: "";z-index: -2;}
.l-parts08 .fig {
position: absolute;
left: 0;
top: 8rem;
}
.l-parts08 .block-head {
margin: 0 0 5rem 49rem;
padding: 7rem 0 0 0;
color: #fff;
}
.l-parts08 .block-head .l-common-title {color: #fff;}
.l-parts08 .block-head p:not([class]) {
margin: 1em 0 0 0;
}
.l-parts08 .block-head p:not([class]) > span:not([class]) {
background: none;
color: #e8fc5c;
font-weight: bold;
}
.l-parts08 .block {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin: 0 0 0 49rem;
}
.l-parts08 .block .box {
width: 24rem;
}
.l-parts08 .block .box a {
display: flex;
align-items: center;
justify-content: center;
width: 24rem;
height: 24rem;
background: #e6f0f7 url(img/arrow03_navy.svg) no-repeat center bottom 3rem;
background-size: 25px auto;
border: 3px solid #76e3f9;
border-radius: 50%;
box-shadow: 0 3px 6px 0 rgba(0,0,0,0.2);
color: #123d83;
font-size: 2rem;
font-weight: bold;
line-height: 1.4;
text-align: center;
text-decoration: none;
}


/*--------------------------------------
l-parts09
---------------------------------------*/
.l-parts09 {
position: relative;
padding: 10rem 0;
}
.l-parts09::before {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: url(img/en_beforeafter.png) no-repeat 1.6rem 1.6rem, url(img/parts09_bg_01.jpg) no-repeat center top;
background-size: auto, cover;
content: "";
z-index: -3;
}
.l-parts09 .block {
position: relative;
padding: 4rem 0;
color: #fff;
}
.l-parts09 .block::before {
position: absolute;
right: 24rem;
top: 0;
width: 100vw;
height: 100%;
background: url(img/parts02_bg_02.png) repeat-y left top;
background-size: 100% auto;
border-radius: 0 2rem 2rem 0;
content: "";
z-index: -2;
}
.l-parts09 .block .l-common-title {
margin: 0 0 4rem 0;
color: #fff;
font-size: 3.2rem;
}
.l-parts09 .float-wrap {
margin: 0;
}
.l-parts09 .float-wrap .float-img img {
box-shadow: 5px 5px 0 0 #e8fc5c;
}
.l-parts09 .float-wrap .catch {
color: #e8fc5c;
}
.l-parts09 .float-wrap p:not([class]) > span:not([class]) {
background: none;
color: #e8fc5c;
}
.l-parts09 .btn-link a {
color: #fff;
}




































@media screen and (max-width: 599px) {

/*--------------------------------------
mv
---------------------------------------*/
.l-mv {padding: 0.4rem 0 4rem 0;}
.l-mv-wrapper {
display: block;
}
.l-mv-wrapper::before {left: -4rem;top: 4.8rem;width: 100%;height: 20rem;}
.l-mv-box {
min-width: auto;
max-width: 100%;
width: 100%;
margin: 0;
}
.l-mv-logo {width: 17.8rem;margin: 0 auto;}
.l-mv-txt {width: calc(100% - 4rem);min-height: auto;margin: 18rem 0 0 4rem;padding: 1.5rem 1.5rem 2rem 2rem;}
.l-mv-txt::before {right: 100%;top: 0.2rem;width: 2.7rem;height: 30rem;background: url(img/mv_bg_04.png) no-repeat left top;background-size: contain;}
.l-mv-txt-inner {
max-width: 100%;
}
.l-mv-title {
font-size: 2.4rem;
}
.l-mv-txt p:not([class]) {
margin: 1em 0 0 0;
}


/*--------------------------------------
l-parts02
---------------------------------------*/
.l-parts02 {
padding: 4rem 0;
}
.l-parts02 .block-head {
margin: 0 0 4rem 0;
padding: 3.2rem 2rem 3.2rem 0;
}
.l-parts02 .block-head::before {
right: 0.5rem;
}
.l-parts02 .block-head .l-common-title {
font-size: 2.7rem;
}
.l-parts02 .js-scrollable table th,
.l-parts02 .js-scrollable table td {
padding: 1.4rem 0.8rem;
}
.l-parts02 .js-scrollable table th[scope="col"]{
max-width: 4rem;
}
.l-parts02 .js-scrollable table th[scope="col"]:nth-child(1){
max-width: 8rem;
}
.l-parts02 .js-scrollable table th[scope="col"]:nth-child(4){
width: 50%;
}
.l-parts02 .js-scrollable ul:not([class]) li {
font-size: 1.4rem;
line-height: 1.6;
}
.l-parts02 .js-scrollable ul:not([class]) li::before {
top: 0.5rem;
}
.l-parts02 .js-scrollable .btn-tel {
min-width: 16rem;
margin: 1.5rem auto 1rem auto;
}
.l-parts02 .js-scrollable ul{
padding: 0 1.4rem;
}
.l-parts02 .js-scrollable .btn-tel a {
min-height: auto;
padding: 1.5rem 2rem 1.5rem 3.5rem;
background-position: 1.2rem center;
background-size: 16px auto;
font-size: 1.4rem;
}
.l-parts02 .js-scrollable .product {
margin: 0 0 2rem 0;
}
.l-parts02 .js-scrollable .product span {
margin: 0 0 1rem 0;
}
.l-parts02 p.note {
margin: 1rem 0 0 0;
font-size: 1.4rem;
line-height: 1.6;
}
.l-parts02-company {
margin: 4rem 0 6rem 0;
}
.l-parts02-company:last-child {
margin: 0;
}
.l-parts02-company .inner {
padding: 3rem 1.5rem;
}
.l-parts02 .catch-title {
padding: 2rem 1.5rem 1.5rem 1.5rem;
background: #123d83 url(img/en_material.png) no-repeat 1.5rem top;
background-size: auto 40px;
}
.l-parts02 .catch-title .catch {
font-size: 1.8rem;
}
.l-parts02 .catch-title .name {
font-size: 2.8rem;
}
.l-parts02 .title {
position: relative;
margin: 6rem 0 3rem 0;
padding: 0 0 0 1.5rem;
font-size: 2rem;
}
.l-parts02 table th {
width: 100%;
}
.block-summary {
display: block;
}
.block-summary .box-fig {
width: 100%;
margin: 0 0 2rem 0;
text-align: center;
}
.block-summary .box-fig img {
box-shadow: 5px 5px 0 0 #e6f0f7;
}
.block-summary .box-fig .caption {
margin: 1.3rem 0 0 0;
}
.block-summary .box-txt {
width: 100%;
padding: 0;
}
.block-reason .box {padding: 3.2rem 1.5rem 2rem;background: #f0f6fa;border-radius: 2rem;}
.block-reason .box::before {font-size: 1.6rem;left: -0.5rem;top: -1.4rem;width: 4rem;height: 4rem;line-height: 4rem;}
.block-reason .box .ttl {
font-size: 1.8rem;
}


/*--------------------------------------
l-parts03
---------------------------------------*/
.l-parts03 {
padding: 5rem 0;
}
.l-parts03::before {
background: url(img/parts03_bg_01.png) no-repeat right 1rem;
background-size: auto 40px;
}
.l-parts03 .l-section-inner {padding: 3.2rem 1.5rem;}
.l-parts03 .l-section-inner::before {
right: 3rem;
}
.l-parts03 .l-common-title {
margin: 0 3rem 3rem 0;
}
.l-parts03 .l-common-lead {
margin: 0 3rem 3rem 0;
}
.l-parts03 table {
table-layout: fixed;
margin: 0;
}
.l-parts03 table tr:nth-child(1) th {
border-top: 1px solid #123d83;
}

/*--------------------------------------
l-parts04
---------------------------------------*/
.l-parts04 {
padding: 5rem 0 0 0;
}
.l-parts04::before {
background-size: auto 38px, 100% auto;
}
.l-parts04 .l-section-inner {padding: 3.2rem 1.5rem;}
.l-parts04 .l-section-inner::before {
right: 3rem;
}
.l-parts04 .l-common-title {
margin: 0 3rem 3rem 0;
font-size: 2.7rem;
}
.l-parts04 .l-common-lead {
margin: 0 3rem 3rem 0;
}


/*--------------------------------------
l-parts05
---------------------------------------*/
.l-parts05 {
padding: 4rem 0 0 0;
}
.l-parts05 .l-section-inner {padding: 3.2rem 1.5rem;}
.l-parts05 .l-section-inner::before {
right: 3rem;
}
.l-parts05 .l-common-title {
margin: 0 3rem 3rem 0;
}
.l-parts05 .l-common-lead {
margin: 0 3rem 3rem 0;
}


/*--------------------------------------
l-parts06
---------------------------------------*/
.l-parts06 {
padding: 4rem 0 0 0;
}
.l-parts06 .l-section-inner {padding: 3.2rem 1.5rem;}
.l-parts06 .l-section-inner::before {
right: 3rem;
}
.l-parts06 .l-common-title {
margin: 0 3rem 3rem 0;
}
.l-parts06 .l-common-lead {
margin: 0 3rem 3rem 0;
}


/*--------------------------------------
l-parts07
---------------------------------------*/
.l-parts07 {
padding: 5rem 0;
}
.l-parts07::before {
background: url(img/parts03_bg_01.png) no-repeat right 1rem;
background-size: auto 40px;
}
.l-parts07 .l-section-inner {padding: 3.2rem 2.4rem;}
.l-parts07 .l-section-inner::before {
right: 3rem;
}
.l-parts07 .l-common-title {
margin: 0 3rem 3rem 0;
}
.l-parts07 .l-common-lead {
margin: 0 3rem 3rem 0;
}

/*--------------------------------------
l-parts08
---------------------------------------*/
.l-parts08 {
/* position: relative; */
min-height: auto;
padding: 0 0 4rem 0;
}
.l-parts08 .l-section-inner::before {
left: 3rem;
background: url(img/en_column.png) no-repeat right 4rem top, url(img/parts08_bg_01.png) repeat-y left top;
background-size: auto 40px, 100% auto;
}
.l-parts08 .fig {
position: static;
padding: 5rem 0 0 3.5rem;
text-align: center;
}
.l-parts08 .block-head {
margin: 0 0 3rem 0;
padding: 2rem 0 0 3.5rem;
}
.l-parts08 .block-head .l-common-title {
font-size: 2.7rem;
}
.l-parts08 .block {
display: flex;
flex-wrap: wrap;
justify-content: center;
margin: 0;
}
.l-parts08 .block .box {
width: 14rem;
margin: 0 0.8rem 2rem 0.8rem;
}
.l-parts08 .block .box a {
width: 14rem;
height: 14rem;
padding: 0 0 2rem 0;
background: #e6f0f7 url(img/arrow03_navy.svg) no-repeat center bottom 1.5rem;
background-size: 20px auto;
font-size: 1.5rem;
}


/*--------------------------------------
l-parts09
---------------------------------------*/
.l-parts09 {
position: relative;
padding: 5rem 0 2rem 0;
}
.l-parts09::before {
background: url(img/en_beforeafter.png) no-repeat 1rem top, url(img/parts09_bg_01.jpg) no-repeat center top;
background-size: auto 38px, cover;
}
.l-parts09 .block {
padding: 2rem 1.5rem;
}
.l-parts09 .block::before {
right: 3rem;
}
.l-parts09 .block .l-common-title {
margin: 0 0 3rem 0;
font-size: 2.7rem;
}
.l-parts09 .btn-link a {
color: #111;
}

}