@charset "utf-8";

/* About Page Setting
***********************/
.aboutPage
{}
.bannerArea
{ background:url(../images/about/img-banner.jpg) no-repeat center center; background-size:cover;}
.bannerArea .innerArea
{ position:relative; height:290px; padding-top:110px;}
.bannerArea .innerArea h1
{ position:relative; margin:0px auto; text-align:center;}
.bannerArea .innerArea h1 span
{ font-size:45px; font-size:3.75rem; line-height:1.3; color:#fff; border-bottom:5px solid #3ed1c5;}

.leadin
{ margin-bottom:40px;}
.leadin p
{ font-size:20px; font-size:1.5rem; color:#00c4b4; line-height:1.5; text-align:center;}
.flowRow
{ margin-bottom:40px;}
.flowRow .picCol
{ width:49%; vertical-align:top;}
.flowRow .picCol.mobile
{ display:none;}
.flowRow .picCol img
{ width:100%; height:auto;}
.flowRow .txtCol
{ width:49%;}
.flowRow .txtCol p
{ font-size:18px; font-size:1.5rem; color:#333; line-height:1.5; text-align:left;}
.flowRow .sepCol
{ width:2%;}


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



@media screen and (max-width:768px){
/* About Page Setting
***********************/
.aboutPage
{}
.bannerArea .innerArea
{ height:290px; }
.bannerArea .innerArea h1 span
{ font-size:42px; font-size:3.5rem; }

.pageTit
{ font-size:28px; font-size:2.333rem; }
.leadin p
{ font-size:16px; font-size:1.333rem;}
.flowRow .txtCol p
{ font-size:16px; font-size:1.333rem;}
}

@media screen and (max-width:700px){
.bannerArea .innerArea
{ padding-top:80px;}

.leadin
{ margin-bottom:30px;}
.flowRow
{ margin-bottom:30px;}
}

@media screen and (max-width:425px){
/* Font Size Ratio
font-size:13px; : font-size:4vw;
font-size:14px; : font-size:4vw;
font-size:16px; : font-size:4vw;
font-size:18px; : font-size:4.2vw;
font-size:20px; : font-size:5vw;
font-size:24px; : font-size:5.5vw;
font-size:30px; : font-size:6vw; 
font-size:36px; : font-size:7vw; 
font-size:80px; : font-size:14vw; 
**************************/
/* Become Renobro Page Setting
***********************/
.aboutPage
{}
.bannerArea .innerArea
{ height:160px; }
.bannerArea .innerArea h1 span
{ font-size:36px; font-size:8.5vw; }

.leadin
{ margin-bottom:20px; margin-bottom:5vw;}
.leadin p
{ font-size:15px; font-size:3.75vw;}
.flowRow
{ margin-bottom:20px; margin-bottom:5vw;}
.flowRow .picCol
{ display:block; width:100%; margin-bottom:30px; margin-bottom:7.5vw;}
.flowRow .picCol.desktop
{ display:none;}
.flowRow .picCol.mobile
{ display:block;}
.flowRow .txtCol
{ display:block; width:100%; margin-bottom:30px; margin-bottom:7.5vw;}
.flowRow .txtCol p
{ font-size:15px; font-size:3.75vw; }
.flowRow .sepCol
{ display:none;}
}