@charset "utf-8";


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


#scene02{background: #fff; height: 900px; overflow: hidden;}
#scene02 > article{width: 100%; position: absolute; opacity: 0; background: #fff; padding: 50px 0 100px; transition: all .5s;}
#scene02 > article.on{opacity: 1; z-index: 2000;}
#scene02 .sc02Page01{padding: 320px 0 100px;}
#scene02 .sc02Page01 .sc02Page01Inner{width: 1400px; height: 300px; margin: 0 auto 84px; position: relative;}
#scene02 .sc02Page01 .sc02Page01Inner > div{width: 100%; position: absolute; left: 0; top: 0; text-align: center;}
#scene02 .sc02Page01 .sc02Page01Inner > div:nth-child(2){display: none;}
#scene02 .sc02Page01 > div:nth-child(2){text-align: center; position: relative; cursor: pointer;}
#scene02 .sc02Page01 > div:nth-child(2) a{width: 100%; height: 100%; position: absolute; left: 0; top: 0;}



#scene02 .sc02Page02{padding: 200px 0 100px;}
#scene02 .sc02Page02 .sc02Map{height: 500px; width: 2600px; margin: 0 auto; overflow: hidden;}
#scene02 .sc02Page02 .sc02MapContents{width: 700px; background: #fff; box-shadow: 0 10px 10px rgba(0,0,0,.2); padding: 30px 0; position: absolute; left: 50%; margin-left: -350px; bottom: 0; z-index: 1000; border-radius: 20px;}
#scene02 .sc02Page02 .sc02MapContents .sc02Inner{width: 90%; margin: 0 auto; display: flex; justify-content: space-between;}
#scene02 .sc02Page02 .sc02MapContents .sc02Inner > div{white-space: pre-line; font-size: 18px; color:#000000; font-weight: 700; line-height: 2.5;}
#scene02 .sc02Page02 .sc02MapContents .sc02Inner > div:nth-child(1){color:#C9000C; margin-right: 30px;}






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


@media screen and (max-width: 1462px){
    #scene02 .sc02Page01 .sc02Page01Inner{width: 90%;}
    #scene02 .sc02Page01 .sc02Page01Inner > div:nth-child(1) > svg{width: 100%;}
}



@media screen and (max-width: 891px){
    #scene02{height: 1500px;}
    #scene02 .sc02Page01{padding-top: 150px;}
    #scene02 .sc02Page01 .sc02Page01Inner{height: 900px;}
    #scene02 .sc02Page01 .sc02Page01Inner > div:nth-child(1){display: none;}
    #scene02 .sc02Page01 .sc02Page01Inner > div:nth-child(2){display: block;}

}



@media screen and (max-width: 751px){
    #scene02 .sc02Page02 .sc02MapContents{width: 500px; margin-left: -250px;}
    #scene02 .sc02Page02 .sc02MapContents .sc02Inner > div{font-size: 14px;}
    #scene02 .sc02Page02 .sc02MapContents .sc02Inner > div:nth-child(1){margin-right: 0;}
}


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

    #scene02 .sc02Page02 .sc02MapContents{width: 90%; margin-left: -45%;}
    #scene02 .sc02Page02 .sc02MapContents .sc02Inner{text-align: center;}
    #scene02 .sc02Page02 .sc02MapContents .sc02Inner > div{line-height: 1.5;}
    #scene02 .sc02Page02 .sc02MapContents .sc02Inner > div:nth-child(1){display: none;}

    #scene02 .sc02Page01 > div:nth-child(2) > svg{width: 90%;}
}