html:has(#company_introduction){font-size:62.5%}html:has(#company_introduction) .site-main{flex-direction:column;width:100%;max-width:100%;display:flex}html:has(#company_introduction) body{min-width:0;overflow-x:clip}#wrapper:has(#company_introduction){box-sizing:border-box;flex-direction:column;flex:auto;width:100%;max-width:100%;display:flex}#wrapper #company_introduction{box-sizing:border-box;width:100%;max-width:100%}#wrapper #company_introduction .container{width:100%;max-width:none;margin-inline:auto;padding-inline:0}
#wrapper #company_introduction,#wrapper #company_introduction .container{width:100%}#wrapper #company_introduction .container .main-img-container{width:100%;height:77rem;padding-top:60px}#wrapper #company_introduction .container .main-img-container .img-inner{background:url(/images/company/main_img.png) 50%/cover no-repeat;flex-direction:column;justify-content:center;align-items:center;gap:4rem;max-width:192rem;height:77rem;margin:0 auto;display:flex}#wrapper #company_introduction .container .main-img-container .img-inner p{color:#fff;font-size:2.5rem;font-weight:500}#wrapper #company_introduction .container .bar-area{background-color:#fff7f0;width:100%;height:8rem}#wrapper #company_introduction .container .bar-area .bar-inner{justify-content:space-between;align-items:center;width:117rem;height:8rem;margin:0 auto;display:flex}#wrapper #company_introduction .container .bar-area .bar-inner p,#wrapper #company_introduction .container .bar-area .bar-inner li{color:#803804;font-size:1.8rem;font-weight:700}#wrapper #company_introduction .container .bar-area .bar-inner p img{width:2.8rem;margin-right:1rem}#wrapper #company_introduction .container .bar-area .bar-inner .right-part{align-items:center;gap:7.8rem;display:flex}#wrapper #company_introduction .container .bar-area .bar-inner .right-part ul{align-items:center;gap:1rem;display:flex}#wrapper #company_introduction .container .bar-area .bar-inner .right-part .bar-middle{gap:1rem;display:none}#wrapper #company_introduction .container .bar-area .bar-inner .right-part .bar-middle li:nth-of-type(2){font-weight:300}#wrapper #company_introduction .container .bar-area .bar-inner .right-part .bar-right{gap:1rem}#wrapper #company_introduction .container .bar-area .bar-inner .right-part .bar-right img{width:2.5rem}#wrapper #company_introduction .container .bar-area .bar-inner .right-part .bar-right a{vertical-align:middle}#wrapper #company_introduction .container .bar-area .bar-inner .right-part .bar-right li:first-of-type{margin-right:.5rem}#wrapper #company_introduction .container .intro-container{max-width:117rem;margin:0 auto;padding:13rem 0 15rem}#wrapper #company_introduction .container .intro-container .title-area{margin-bottom:6.5rem}#wrapper #company_introduction .container .intro-container .title-area .orn{text-align:center;margin-bottom:1rem;font-size:1.8rem;font-weight:500;display:block}#wrapper #company_introduction .container .intro-container .title-area h1{text-align:center;font-size:4.2rem;font-weight:700;line-height:1.38}#wrapper #company_introduction .container .intro-container .flex-row{justify-content:space-between;align-items:center;width:100%;display:flex}#wrapper #company_introduction .container .intro-container .flex-row div{width:64rem;font-size:1.9rem;font-weight:500;line-height:4.4rem}#wrapper #company_introduction .container .banner-container{background:url(/images/company/banner_img.png) 50%/cover no-repeat;justify-content:center;align-items:center;max-width:192rem;height:52.6rem;margin:0 auto;display:flex}#wrapper #company_introduction .container .banner-container .banner-inner{width:117rem;margin:0 auto}#wrapper #company_introduction .container .banner-container .banner-inner p,#wrapper #company_introduction .container .banner-container .banner-inner div{color:#fff;text-align:right}#wrapper #company_introduction .container .banner-container .banner-inner p{margin-bottom:2.6rem;font-size:3.6rem;font-weight:700}#wrapper #company_introduction .container .banner-container .banner-inner div{font-size:2rem;font-weight:300;line-height:1.7}#wrapper #company_introduction .container .two-part{justify-content:space-between;align-items:flex-start;max-width:117rem;margin:0 auto;padding:9.6rem 0;display:flex}#wrapper #company_introduction .container .two-part .part img{width:56rem;margin-bottom:3rem}#wrapper #company_introduction .container .two-part .part p{margin-bottom:2.2rem;font-size:2.6rem;font-weight:700}#wrapper #company_introduction .container .two-part .part div{color:#404040;font-size:1.9rem;font-weight:500;line-height:1.7}#wrapper #company_introduction .container .chart-area{background-color:#f5f5f5;width:100%;height:47rem;padding:6rem 0 0}#wrapper #company_introduction .container .chart-area .chart-inner{max-width:117rem;margin:0 auto}#wrapper #company_introduction .container .chart-area .chart-inner .title-area{margin-bottom:6rem}#wrapper #company_introduction .container .chart-area .chart-inner .title-area p{margin-bottom:1.5rem;font-size:2.6rem;font-weight:700}#wrapper #company_introduction .container .chart-area .chart-inner .title-area div{color:#404040;font-size:1.9rem;font-weight:500}#wrapper #company_introduction .container .chart-area .chart-inner .rate-charts{flex-direction:column;gap:2rem;display:flex}#wrapper #company_introduction .container .chart-area .chart-inner .rate-charts .chart{align-items:center;gap:2rem;height:4rem;display:flex}#wrapper #company_introduction .container .chart-area .chart-inner .rate-charts .chart p{width:16rem;font-size:2rem;font-weight:700}#wrapper #company_introduction .container .chart-area .chart-inner .rate-charts .chart p span{width:4.7rem;margin-right:1rem;display:inline-block}#wrapper #company_introduction .container .chart-area .chart-inner .rate-charts .chart p span img{vertical-align:middle;height:4rem}#wrapper #company_introduction .container .chart-area .chart-inner .rate-charts .chart p:last-of-type{font-weight:500}#wrapper #company_introduction .container .chart-area .chart-inner .rate-charts .chart .graph{background-color:#e2e2e2;border-radius:3rem;width:85rem;height:2rem;overflow:hidden}#wrapper #company_introduction .container .chart-area .chart-inner .rate-charts .chart .graph span{border-radius:3rem;height:2rem;display:inline-block}#wrapper #company_introduction .container .chart-area .chart-inner .rate-charts .chart .graph span.blog{background-color:#86cb72}#wrapper #company_introduction .container .chart-area .chart-inner .rate-charts .chart .graph span.insta{background-color:#e70274}#wrapper #company_introduction .container .chart-area .chart-inner .rate-charts .chart .graph span.campaign{background-color:#ffa84c}#wrapper #company_introduction .container .chart-area .chart-inner .rate-charts .chart .graph span.review{background-color:#eb6d6d}#wrapper #company_introduction .container .chart-area .chart-inner .rate-charts .chart .num{text-align:right;width:12rem}#wrapper #company_introduction .container .contact-us{width:100%;padding:8rem 0}#wrapper #company_introduction .container .contact-us .contact-inner{width:117rem;margin:0 auto}#wrapper #company_introduction .container .contact-us .contact-inner p{margin-bottom:1.5rem;font-size:2.6rem;font-weight:700}#wrapper #company_introduction .container .contact-us .contact-inner div{margin-bottom:2.5rem;font-size:2rem;font-weight:500;line-height:1.7}#wrapper #company_introduction .container .contact-us .contact-inner img{margin:2rem 0 3.5rem}#wrapper #company_introduction .container .contact-us .contact-inner p.orn{color:#e68615;font-size:2rem;font-weight:700}@media screen and (max-width:767px){#wrapper #company_introduction .container .main-img-container{max-height:60vh}#wrapper #company_introduction .container .main-img-container .img-inner{max-width:100vw;height:100%}#wrapper #company_introduction .container .main-img-container .img-inner p{font-size:2rem}#wrapper #company_introduction .container .bar-area .bar-inner,#wrapper #company_introduction .container .intro-container{max-width:95vw}#wrapper #company_introduction .container .intro-container .flex-row{justify-content:space-evenly;gap:1rem}#wrapper #company_introduction .container .intro-container .flex-row div{width:fit-content;font-size:1.4rem;line-height:2.4}#wrapper #company_introduction .container .banner-container{max-width:100vw}#wrapper #company_introduction .container .banner-container .banner-inner{width:95vw}#wrapper #company_introduction .container .two-part{flex-wrap:wrap;justify-content:center;gap:4rem 0;max-width:95vw}#wrapper #company_introduction .container .two-part .part{text-align:center}#wrapper #company_introduction .container .chart-area .chart-inner{width:95vw}#wrapper #company_introduction .container .chart-area .chart-inner .title-area div{font-size:1.6rem;line-height:1.4}#wrapper #company_introduction .container .chart-area .chart-inner .rate-charts{align-items:center}#wrapper #company_introduction .container .chart-area .chart-inner .rate-charts .chart p span{width:3rem}#wrapper #company_introduction .container .chart-area .chart-inner .rate-charts .chart p:first-of-type{align-items:center;min-width:13rem;display:flex}#wrapper #company_introduction .container .chart-area .chart-inner .rate-charts .chart .graph{width:41rem}#wrapper #company_introduction .container .contact-us .contact-inner{max-width:95vw}#wrapper #company_introduction .container .main-img-container .img-inner p{text-align:center;font-size:1.8rem;line-height:1.4}#wrapper #company_introduction .container .main-img-container .img-inner img{width:90vw}#wrapper #company_introduction .container .bar-area .bar-inner{flex-wrap:wrap;place-content:center;gap:1rem}#wrapper #company_introduction .container .bar-area .bar-inner p{font-size:1.5rem}#wrapper #company_introduction .container .bar-area .bar-inner p img{width:2rem;margin-right:.5rem}#wrapper #company_introduction .container .bar-area .bar-inner .bar-right li:first-of-type{display:none}#wrapper #company_introduction .container .intro-container{padding:3rem 0}#wrapper #company_introduction .container .intro-container .title-area{margin-bottom:3rem}#wrapper #company_introduction .container .intro-container .title-area h1{font-size:2rem}#wrapper #company_introduction .container .intro-container .flex-row{flex-flow:column-reverse wrap;gap:3rem 1rem;width:87vw;margin:0 auto}#wrapper #company_introduction .container .intro-container .flex-row div{text-align:center;font-size:1.35rem}#wrapper #company_introduction .container .intro-container .flex-row img{width:unset}#wrapper #company_introduction .container .banner-container{max-width:100vw;max-height:35rem}#wrapper #company_introduction .container .banner-container .banner-inner p{font-size:2rem}#wrapper #company_introduction .container .banner-container .banner-inner div{font-size:1.6rem}#wrapper #company_introduction .container .two-part{padding:5rem 0}#wrapper #company_introduction .container .two-part .part p{font-size:2rem}#wrapper #company_introduction .container .two-part .part div{font-size:12px}#wrapper #company_introduction .container .chart-area{height:unset;padding:4rem 0}#wrapper #company_introduction .container .chart-area .chart-inner .title-area{margin-bottom:2.5rem}#wrapper #company_introduction .container .chart-area .chart-inner .title-area p{font-size:2rem}#wrapper #company_introduction .container .chart-area .chart-inner .title-area div{font-size:1.4rem}#wrapper #company_introduction .container .chart-area .chart-inner .rate-charts .chart{gap:unset;justify-content:space-between;width:100%}#wrapper #company_introduction .container .chart-area .chart-inner .rate-charts .chart p{font-size:12px}#wrapper #company_introduction .container .chart-area .chart-inner .rate-charts .chart p:first-of-type{min-width:8rem;max-width:8rem}#wrapper #company_introduction .container .chart-area .chart-inner .rate-charts .chart p:first-of-type span{width:2rem;margin-right:.3rem}#wrapper #company_introduction .container .chart-area .chart-inner .rate-charts .chart p:first-of-type span img{width:100%;height:auto}#wrapper #company_introduction .container .chart-area .chart-inner .rate-charts .chart p:last-of-type{width:fit-content;max-width:5.5rem}#wrapper #company_introduction .container .chart-area .chart-inner .rate-charts .chart .graph{max-width:12em}#wrapper #company_introduction .container .contact-us{padding:3rem 0}#wrapper #company_introduction .container .contact-us .contact-inner p{font-size:2rem}#wrapper #company_introduction .container .contact-us .contact-inner div{font-size:1.3rem}#wrapper #company_introduction .container .contact-us .contact-inner p.orn{font-size:1.6rem}}
