/* Webkit-based browsers */
/* Older Firefox browsers (prior to firefox 16) */
/* The standard way */
.main-div { width: 1400px; margin: 0 auto; }

.header-hold-box { width: 100%; min-width: 1400px; height: 84px; }

.banner-box { width: 100%; min-width: 1400px; height: 370px; background-repeat: no-repeat; background-position: center; background-size: cover; background-image: url(/assets/operation/pc/images/about/banner.png); }

cite { font-style: normal; }

ul { margin: 0; padding: 0; list-style: none; }

.two-column .left-nav { -ms-flex-negative: 0; flex-shrink: 0; width: 210px; height: 580px; margin-right: 40px; padding-top: 70px; background: rgba(177, 196, 209, 0.3); }

.two-column .left-nav .nav-list { width: 100%; }

.two-column .left-nav .nav-list .nav-item { width: 100%; height: 54px; display: block; background: rgba(114, 150, 172, 0.5); font-size: 28px; color: white; text-align: center; line-height: 54px; -webkit-transition: -webkit-box-shadow 0.3s ease-in-out; transition: -webkit-box-shadow 0.3s ease-in-out; transition: box-shadow 0.3s ease-in-out; transition: box-shadow 0.3s ease-in-out, -webkit-box-shadow 0.3s ease-in-out; }

.two-column .left-nav .nav-list .nav-item + .nav-item { margin-top: 4px; }

.two-column .left-nav .nav-list .nav-item:hover { -webkit-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.4); box-shadow: 0 4px 10px rgba(0, 0, 0, 0.4); }

.two-column .left-nav .nav-list .nav-item.active { background: #08418a; position: relative; }

.two-column .left-nav .nav-list .nav-item.active::after { content: ""; display: block; width: 0; height: 0; border-top: 22.624px solid transparent; border-right: 0; border-bottom: 22.624px solid transparent; border-left: 32px solid #08418a; position: absolute; top: 4.376px; right: -32px; }

.two-column .right-content { width: 0; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding-top: 60px; }

.two-column .right-content .margin-top-40 { margin-top: 40px; }

.two-column .right-content .content-title { margin-left: 20px; font-size: 32px; color: #333333; line-height: 2; display: inline-block; position: relative; }

.two-column .right-content .content-title::before { content: ""; width: 100%; height: 2px; display: block; background: rgba(98, 148, 224, 0.49); position: absolute; left: 0; bottom: 0; }

.two-column .right-content .content-title::after { content: ""; width: 840px; height: 2px; display: block; background-image: -webkit-gradient(linear, left top, right top, from(#ffffff), color-stop(50%, #dddddd), to(#ffffff)); background-image: linear-gradient(to right, #ffffff 0%, #dddddd 50%, #ffffff 100%); position: absolute; left: calc(100% + 10px); bottom: 0; }

.two-column .right-content .content-address ul { padding-left: 20px; }

.two-column .right-content .content-address ul li a { line-height: 40px; font-size: 18px; color: #333333; }

.two-column .right-content .location-image { width: 985px; height: 638px; }

.two-column .right-content .content-indent { text-indent: 2em; }

.two-column .right-content .content-text { margin-left: 20px; font-size: 18px; color: #333333; line-height: 40px; }

.two-column .right-content .content-tel { margin-left: 20px; font-size: 18px; color: #333333; line-height: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.two-column .right-content .business-idea { padding: 60px 80px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; font-size: 28px; }

.two-column .right-content .business-idea dd, .two-column .right-content .business-idea p { margin: 0; }

.two-column .right-content .business-idea dd { color: #0b448b; }

.two-column .right-content .business-idea dd::after { content: " "; display: inline-block; width: 100%; }

.two-column .right-content .business-idea p { color: #333; margin-bottom: 20px; }

.two-column .right-content .business-idea .text-justify { text-align: justify; }

.two-column .right-content .invite-someone { padding-left: 20px; }

.two-column .right-content .invite-someone .invite-title { display: inline-block; margin-top: 40px; font-size: 23px; font-weight: 500; color: #0c448c; line-height: 49px; position: relative; }

.two-column .right-content .invite-someone .invite-title::after { content: ""; width: 380px; height: 2px; display: block; background-image: -webkit-gradient(linear, left top, right top, from(#ffffff), color-stop(50%, #dddddd), to(#ffffff)); background-image: linear-gradient(to right, #ffffff 0%, #dddddd 50%, #ffffff 100%); position: absolute; bottom: 0; left: -20px; }

.two-column .right-content .invite-someone .invite-text { font-size: 16px; color: #333333; line-height: 2; }
/*# sourceMappingURL=about.css.map */