@charset "utf-8";


/*-----------------sc01 end*/


#scene02{padding: 220px 0; background: #fff; color: #4D4D4D;}
#scene02 .sc02Inner{width: 1400px; margin: 0 auto; display: flex; justify-content: space-between;}
#scene02 .sc02Inner > article{}
#scene02 .sc02Inner .sc02Left{}

#scene02 .sc02Inner .sc02right{}
#scene02 .sc02Inner .sc02right > div:nth-child(1){margin-bottom: 32px;}
#scene02 .sc02Inner .sc02right > div:nth-child(2){font-size: 40px; white-space: pre-line; font-weight: 300; margin-bottom: 180px; line-height: 1.3;}
#scene02 .sc02Inner .sc02right > div:nth-child(2) > strong{font-weight: 800;}
#scene02 .sc02Inner .sc02right > div:nth-child(3){width: 25px; height: 3px; background: #000000; margin-bottom: 20px;}
#scene02 .sc02Inner .sc02right > div:nth-child(4){font-size: 20px; line-height: 2; display: flex; font-weight: 400; white-space: pre-line;}
#scene02 .sc02Inner .sc02right > div:nth-child(4) > p:nth-child(1){margin-right: 30px; font-weight: 800;}
#scene02 .sc02Inner > article img{width: 100%;}


/*-----------------sc02 end*/


#scene03{background: url("../img/about/sc02Bg.jpg") no-repeat left top; background-size: cover; padding: 300px 0;}
#scene03 .sc03Inner{width: 1400px; display: flex; margin:0 auto; justify-content: space-between;}

#scene03 .sc03Inner .sc03Left > div:nth-child(1){margin-bottom: 24px;}
#scene03 .sc03Inner .sc03Left > div:nth-child(2){font-size: 40px; color: #4D4D4D; font-weight: 800; margin-bottom: 240px;}
#scene03 .sc03Inner .sc03Left > div:nth-child(3){font-size: 20px; color: #4D4D4D; font-weight: 800;}

#scene03 .sc03Inner .sc03Right{font-size: 24px; color: #4D4D4D; white-space: pre-line; line-height: 1.4; font-weight: 300;}

/*-----------------sc03 end*/


#scene04{padding: 100px 0;}
#scene04 .sc04Inner{width: 1400px; margin:0 auto; text-align: center;}
#scene04 .sc04Inner .subTitle{margin-bottom: 88px;}

/*-----------------sc04 end*/



#scene05{height: 384px; background: url("../img/about/sc03Bg.jpg") no-repeat center top fixed; background-size: cover;}
#scene05 > div{font-size: 40px; font-weight: 800; letter-spacing: 30px; color: #fff; line-height: 384px; text-align: center;}



/*-----------------sc05 end*/




#scene06{padding: 300px 0; background: #fff;}
#scene06 .sc06Inner{width: 1013px; margin: 0 auto; display: flex; justify-content: space-between;}
#scene06 .sc06Inner > article{}
#scene06 .sc06Inner .sc06Left > p:nth-child(2){font-size: 40px; color: #4D4D4D; font-weight: 400; line-height: 1.2; white-space: pre-line;}
#scene06 .sc06Inner .sc06Left > p:nth-child(2) > strong{font-weight: 800;}



/*-----------------sc05 end*/







/*----------------------responsive section*/


@media screen and (max-width: 1462px){
    #scene02 .sc02Inner, #scene03 .sc03Inner, #scene04 .sc04Inner{width: 90%;}
    #scene02 .sc02Inner > article{width: 47%;}
    #scene03 .sc03Inner .sc03Left{width: 28%;}
    #scene03 .sc03Inner .sc03Right{width: 72%;}
    #scene04 .sc04Inner > div:nth-child(2) > svg{width: 100%;}

    #scene04 .sc04Inner .subTitle{margin-bottom: 0;}


}


@media screen and (max-width: 1369px){
    #scene02 .sc02Inner .sc02right > div:nth-child(2){font-size: 30px;margin-bottom: 30%;}
    #scene02 .sc02Inner .sc02right > div:nth-child(4){font-size: 16px;}
}


@media screen and (max-width: 1130px){
    #scene03 .sc03Inner .sc03Left > div:nth-child(2) {font-size: 30px;margin-bottom: 180px;}
    #scene03 .sc03Inner .sc03Right{font-size: 20px;}
    #scene02 .sc02Inner .sc02right > div:nth-child(4){font-size: 14px;}
}



@media screen and (max-width: 1089px){
    #scene04 {padding: 50px 0 0;}
    #scene04 .sc04Inner > div:nth-child(2) > svg {margin-top: -6%;}
    #scene05 > div{font-size: 20px;}
}


@media screen and (max-width: 1056px){
    #scene03 .sc03Inner .sc03Left > div:nth-child(2) {font-size: 25px;margin-bottom: 110px;}
    #scene03 .sc03Inner .sc03Right{font-size: 16px;}
}



@media screen and (max-width: 1033px){
    #scene06{padding: 100px 0;}
    #scene06 .sc06Inner{width: 90%; display: block;}
    #scene06 .sc06Inner .sc06Left{margin-bottom: 10%;}
}




@media screen and (max-width: 1003px){
    #scene02 .sc02Inner .sc02right > div:nth-child(2){font-size: 20px;margin-bottom: 30%;}
    #scene02 .sc02Inner .sc02right > div:nth-child(4){font-size: 12px;}
}


@media screen and (max-width: 865px){
    #scene02 {padding: 130px 0 60px;}
    #scene02 .sc02Inner{display: block;}
    #scene02 .sc02Inner > article{width: 100%;}
    #scene02 .sc02Inner .sc02Left{margin-bottom: 5%;}
    #scene02 .sc02Inner .sc02right > div:nth-child(2){margin-bottom: 5%;}
}




@media screen and (max-width: 845px){
    #scene03{background-position: right top; padding: 100px 0;}
    #scene03 .sc03Inner{display: block;}
    #scene03 .sc03Inner .sc03Left, #scene03 .sc03Inner .sc03Right{width: 100%;}
    #scene03 .sc03Inner .sc03Left{margin-bottom: 10%;}
    #scene04 .sc04Inner > div:nth-child(2) > svg {margin-top: -16%;}
}



@media screen and (max-width: 598px){
    #scene06 .sc06Inner .sc06Left{margin-bottom: 0;}
    #scene06 .sc06Inner .sc06Right > svg{width: 100%; margin-top: -10%;}
}

@media screen and (max-width: 490px){
    #scene06 {padding: 50px 0;height: 1250px;}
    #scene06 .sc06Inner .sc06Right > svg{margin-top: -35%;}
}



@media screen and (max-width: 408px){
    #scene02 .sc02Inner .sc02right > div:nth-child(4){font-size: 10px;}
    #scene06 .sc06Inner .sc06Right > svg{margin-top: -90%;}
}

@media screen and (max-width: 345px){
    #scene02 .sc02Inner .sc02right > div:nth-child(4){font-size: 8px;}
    #scene02 .sc02Inner .sc02right > div:nth-child(4) > p:nth-child(1){margin-right: 11px;}
}