#wrap.intro {}
#wrap.intro .header { display: flex; justify-content: space-between; }
#wrap.intro .header .inner-wrap { height: 21.3514vw; display: flex; justify-content: center; align-items: center; box-sizing: border-box; }

#wrap.intro .container { position: relative; display: flex; flex-direction: column; }

#wrap.intro .container .title { position: absolute; left: 0; top: 8.7838vw; text-align: center; font-size: 5.4054vw; color: #686868; letter-spacing: -0.2703vw; line-height: 1; width: 100%; }
#wrap.intro .container .title > span { font-size: 7.0270vw; color: #151515; font-weight: 700; }

#wrap.intro .container .place { z-index: 10; position: absolute; width: 100%; height: 101.2162vw; }
#wrap.intro .container .place > p { position: absolute; }
#wrap.intro .container .place > p > a { display: flex; flex-direction: column; align-items: center; }
#wrap.intro .container .place > p > a > span:nth-of-type(1) { width: 3.6486vw; height: 5.5405vw; background: url('../img/intro/place-off.png') center/100% no-repeat; }
#wrap.intro .container .place > p > a > span:nth-of-type(2) { font-size: 2.7027vw; letter-spacing: -0.1351vw; font-weight: 700; color: #686868; }

#wrap.intro .container .place > p.on > a > span:nth-of-type(1) { background: url('../img/intro/place-on.png') center/100% no-repeat; }
#wrap.intro .container .place > p.on > a > span:nth-of-type(2) { font-size: 3.2432vw; color: #3e669f; }

#wrap.intro .container .place > p:nth-of-type(1) { left: 37.0270vw; top: 24.8649vw; }
#wrap.intro .container .place > p:nth-of-type(2) { left: 27.2973vw; top: 27.1622vw; }
#wrap.intro .container .place > p:nth-of-type(3) { left: 23.7838vw; top: 36.8919vw; }
#wrap.intro .container .place > p:nth-of-type(4) { left: 21.8919vw; top: 52.2973vw; }
#wrap.intro .container .place > p:nth-of-type(5) { left: 67.5676vw; top: 30.0000vw; }
#wrap.intro .container .place > p:nth-of-type(6) { left: 65.5405vw; top: 47.1622vw; }


#wrap.intro .container .place-box { width: 100%; height: 68.9189vw; display: none; align-items: flex-end; justify-content: space-between; padding: 0 2.7027vw 0 5.4054vw; box-sizing: border-box; }
#wrap.intro .container .place-box.active { display: flex; }
#wrap.intro .container .place-box > div { width: auto; height: 100%; padding: 4.7297vw 0 0; color: #292929; line-height: 1; box-sizing: border-box; }
#wrap.intro .container .place-box > div > p:nth-of-type(1) { font-size: 2.7027vw; letter-spacing: -0.1351vw; }
#wrap.intro .container .place-box > div > p:nth-of-type(2) { font-size: 5.4054vw; letter-spacing: -0.2703vw; font-weight: 700; margin-top: 2.7027vw; }
#wrap.intro .container .place-box > div > ul { margin-top: 6.7568vw; }
#wrap.intro .container .place-box > div > ul > li { display: flex; align-items: center; width: 43.2432vw; word-break: keep-all; }
#wrap.intro .container .place-box.type2 > div > ul > li { width: 51.3514vw; }
#wrap.intro .container .place-box > div > ul > li:nth-of-type(2) { margin-top: 4.7297vw; }
#wrap.intro .container .place-box > div > ul > li:nth-of-type(3) { margin-top: 3.3784vw; }
#wrap.intro .container .place-box > div > ul > li > img { width: 6.0811vw; }
#wrap.intro .container .place-box > div > ul > li > a,
#wrap.intro .container .place-box > div > ul > li > span { font-weight: 500; color: #292929; letter-spacing: -0.1351vw; font-size: 2.7027vw; margin-left: 2.0270vw; line-height: 1.5; }
#wrap.intro .container .place-box > div > ul > li:nth-of-type(1) > span { font-size: 4.3243vw; letter-spacing: -0.2027vw; }
#wrap.intro .container .place-box > div > div { display: flex; margin-top: 6.0811vw; }
#wrap.intro .container .place-box > div > div > a { width: 17.5676vw; line-height: 6.0811vw; border: 0.1351vw solid #686868; box-sizing: border-box; text-align: center; font-size: 2.4324vw; border-radius: 6.0811vw; color: #686868; letter-spacing: -0.1351vw; }
#wrap.intro .container .place-box > div > div > a~a { margin-left: 2.9730vw; }
#wrap.intro .container .place-box > p { width: 47.2973vw; height: 80.8108vw; }
#wrap.intro .container .place-box > p img { width: 100%; height: 100%; object-fit: cover; object-position: center bottom; }

#wrap.intro .container .branch { width: 100%; height: 34.3243vw; background: #f3f3f3; }
#wrap.intro .container .branch > ul { display: flex; height: 100%; flex-direction: column; justify-content: center; box-sizing: border-box; padding-left: 4.0541vw; }
#wrap.intro .container .branch > ul > li { display: flex; align-items: center; }
#wrap.intro .container .branch > ul > li:nth-of-type(2) { display: none; }
#wrap.intro .container .branch > ul > li:nth-of-type(3) { margin-top: 6.7568vw; }
#wrap.intro .container .branch > ul > li > p { display: flex; align-items: center; }
#wrap.intro .container .branch > ul > li > span { font-size: 2.7027vw; letter-spacing: -0.1351vw; color: #686868; margin-left: 4.7297vw; line-height: 1; padding-bottom: 0.6757vw; word-break: keep-all; }



#wrap.intro .footer { font-size: 1.8919vw; color: #505050; }
#wrap.intro .footer .inner-wrap { padding: 5.4054vw 2.7027vw 5.4054vw; box-sizing: border-box; }
#wrap.intro .footer .inner-wrap > ul {}
#wrap.intro .footer .inner-wrap > ul > li { line-height: 3.6486vw; letter-spacing: -0.0946vw; display: flex; word-break: keep-all; }
#wrap.intro .footer .inner-wrap > ul > li > span { margin-right: 0.4054vw; flex: 0 0 auto; }