/* ============================================== JhuangPing v.01 [12.16.2019] */
@import url("fonts/css/fontello.css");
@import url("scss/plugins/animate.css");
@import url("scss/plugins/bootstrap.min.css");
@import url("scss/plugins/mCustomScrollbar.css");
@import url("scss/plugins/plugins.css");
@import url("scss/plugins/jquery.fancybox.min.css");
@import url("scss/plugins/lightgallery.css");
@import url("scss/plugins/aos.css");
@import url("scss/plugins/dropkick.css");
@import url("scss/plugins/swiper.css");
@import url("https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.7/css/select2.min.css");
/* Reset ====================================================================== */
* { -webkit-box-sizing: border-box; box-sizing: border-box; }

html { width: 100%; height: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; }

body, div, dl, menu, ul, ol, li, h1, h2, h3, h4, h5, h6, form, input, button, textarea, p, blockquote, th, td, figure { margin: 0; padding: 0; }

img { max-width: 100%; height: auto; border: 0; }

svg:not(:root) { overflow: hidden; }

h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: inherit; }

input, button, textarea, select, optgroup, option { font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; vertical-align: baseline; *vertical-align: middle; }

table { border-collapse: collapse; border-spacing: 0; }

input, button, textarea, select { *font-size: 100%; }

ol, ul, li, menu { list-style: none; }

a { color: inherit; text-decoration: none; -webkit-transition: all .5s; transition: all .5s; }

a:active, a:hover { outline: 0; }

*:focus, input, input:focus, textarea, textarea:focus, button, select { outline: none; }

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary, main, iframe { display: block; }

audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }

audio:not([controls]) { display: none; height: 0; }

[hidden] { display: none; }

.container { padding-top: constant(safe-area-inset-top); padding-right: constant(safe-area-inset-right); padding-bottom: constant(safe-area-inset-bottom); padding-left: constant(safe-area-inset-left); }

/* Default ==================================================================== */
html { font-size: 10px; }

body { font-family: "Roboto", Arial, "Noto Sans TC", "Microsoft JhengHei", sans-serif; font-size: 1.6rem; line-height: 1.5; letter-spacing: 1px; color: #404040; overflow-x: hidden; opacity: 0; -webkit-animation: opacity_in 1.5s both; animation: opacity_in 1.5s both; }

.body { min-width: 320px; overflow: hidden; }

@media all and (max-width: 992px) { .display-pc { display: none !important; } }

@media all and (min-width: 993px) { .display-mobile { display: none !important; } }

/* Bootstrap */
.font-weight-500 { font-weight: 500; }

/* Common ===================================================================== */
/* Module */
.md-noneStyle { margin: 0; padding: 0; list-style: none; }

.md-txtLeft { text-align: left; }

.md-txtCenter { text-align: center; }

.md-txtRight { text-align: right; }

/* Typography */
a { cursor: pointer; text-decoration: none !important; }

@media all and (min-width: 1201px) { a.tel { pointer-events: none; }
  a:hover { color: #ED6B0B; } }

h1, h2, h3, h4, h5, h6 { display: inline-block; }

[class$="__link"] { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

#editor { color: #404040; }

#editor ul, #editor ol { margin: 1.12em 0; }

#editor ol ul, #editor ul ol, #editor ul ul, #editor ol ol { margin-top: 0; margin-bottom: 0; }

#editor li { display: list-item; list-style-type: inherit; }

#editor ul { list-style-type: disc; }

#editor ol { list-style-type: decimal; }

#editor ol.n, #editor ul.n { list-style: none; }

#editor ol.c, #editor ul.c { list-style: circle; }

#editor ol.s, #editor ul.s { list-style: square; }

#editor ol.dlz, #editor ul.dlz { list-style: decimal-leading-zero; }

#editor ol.lr, #editor ul.lr { list-style: lower-roman; }

#editor ol.ur, #editor ul.ur { list-style: upper-roman; }

#editor ol.la, #editor ul.la { list-style: lower-alpha; }

#editor ol.ua, #editor ul.ua { list-style: upper-alpha; }

#editor ol.lg, #editor ul.lg { list-style: lower-greek; }

#editor ol.amn, #editor ul.amn { list-style: armenian; }

#editor ol.grg, #editor ul.grg { list-style: georgian; }

#editor ul, #editor ol { display: block; page-break-before: avoid; padding-left: 40px; }

#editor h1 { font-size: 2em; margin: .67em 0; }

#editor h2 { font-size: 1.5em; margin: .75em 0; }

#editor h3 { font-size: 1.17em; margin: .83em 0; }

#editor h4, #editor p, #editor blockquote, #editor fieldset, #editor form, #editor dl, #editor dir, #editor menu { margin: 1.12em 0; }

#editor h5 { font-size: .83em; margin: 1.5em 0; }

#editor h6 { font-size: .75em; margin: 1.67em 0; }

#editor h1, #editor h2, #editor h3, #editor h4, #editor h5, #editor h6, #editor b, #editor strong { font-weight: bolder; }

#editor .sup { vertical-align: super; }

#editor .red { color: #E06666; }

/* Word */
.word-item { color: #C58100; font-size: 2rem; font-weight: 400; padding-left: 40px; position: relative; margin-bottom: 2.7rem; }

@media all and (max-width: 768px) { .word-item { font-size: 18px; margin-bottom: 1.7rem; } }

.word-item::before { content: ''; position: absolute; top: -18px; left: -40px; width: 64px; height: 54px; background: url("images/common/icon-item.svg") no-repeat center; background-size: contain; }

@media all and (max-width: 585px) { .word-item::before { left: -20px; width: 50px; } }

.word-slogan { font-size: 4rem; color: #262525; font-weight: 400; line-height: 1.5; margin-bottom: 23px; }

@media all and (max-width: 768px) { .word-slogan { font-size: 3rem; } }

@media all and (max-width: 480px) { .word-slogan { font-size: 2.5rem; margin-bottom: 15px; } }

.word-inner { font-size: 1.8rem; line-height: 30px; margin-bottom: 37px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; }

@media all and (max-width: 768px) { .word-inner { font-size: 1.6rem; } }

.article .txt-inner { font-size: 1.8rem; text-align: center; padding-top: 97px; padding-bottom: 100px; line-height: 34px; }

@media all and (max-width: 992px) { .article .txt-inner { padding-top: 40px; padding-bottom: 50px; font-size: 1.6rem; }
  .article .txt-inner br { display: none; } }

/* Button */
[class^="btn-"] { cursor: pointer; }

.btn-more { width: 200px; height: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative; }

@media all and (min-width: 1201px) { .btn-more:hover::before, .btn-more:hover::after { border-color: #ED6B0B; width: 100%; height: 100%; } }

.btn-more:active { opacity: .3; -webkit-box-shadow: 0 0 5px #333333 inset; box-shadow: 0 0 5px #333333 inset; }

@media all and (max-width: 480px) { .btn-more { width: 100%; height: 56px; } }

.btn-more::before, .btn-more::after { content: ''; position: absolute; width: 25px; height: 20px; -webkit-transition: all 0.5s; transition: all 0.5s; }

@media all and (max-width: 480px) { .btn-more::before, .btn-more::after { width: 30%; height: 28px; } }

.btn-more::before { top: 0px; left: 0px; border-top: 2px solid #3E3E3E; border-left: 2px solid #3E3E3E; }

.btn-more::after { bottom: 0px; right: 0px; border-bottom: 2px solid #3d3737; border-right: 2px solid #3E3E3E; }

.btn-link { width: 200px; height: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: #C58100; position: relative; }

@media all and (min-width: 1201px) { .btn-link:hover { color: #cccccc; }
  .btn-link:hover::before, .btn-link:hover::after { border-color: #cccccc; } }

.btn-link::before, .btn-link::after { content: ''; position: absolute; width: 25px; height: 20px; -webkit-transition: all 0.5s; transition: all 0.5s; }

.btn-link::before { top: 0px; left: 0px; border-top: 2px solid #C58100; border-left: 2px solid #C58100; }

.btn-link::after { bottom: 0px; right: 0px; border-bottom: 2px solid #C58100; border-right: 2px solid #C58100; }

.btn-link i { margin-right: 8px; }

.btn-perv::after { display: inline-block; font-family: "icomoon"; content: '\e902'; margin-left: 1.04167vw; }

.btn-back { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 160px; height: 45px; border-radius: 5px; background: #ED6B0B; color: #fff !important; }

@media all and (min-width: 1201px) { .btn-back:hover { background: transparent; color: #ed6b0b !important; border: 1px solid #ed6b0b; } }

.btn-back::before { display: inline-block; font-family: "icomoon"; content: '\e907'; margin-right: 8px; }

.btn-next::before { display: inline-block; font-family: "icomoon"; content: '\e903'; margin-right: 1.04167vw; }

/* Banner */
.banner { line-height: 0px; overflow: hidden; background: #CCC; position: relative; }

.banner::before, .banner::after { content: ''; position: absolute; top: 0px; left: 0px; height: 100%; pointer-events: none; }

.banner::before { width: 50%; background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.3)), to(transparent)); background: linear-gradient(left, rgba(0, 0, 0, 0.3), transparent); z-index: 2; }

.banner::after { width: 100%; background: rgba(0, 0, 0, 0.24); z-index: 1; }

.banner .wrap { position: relative; height: 100%; min-height: 15.625%; padding: 0px; }

.banner img { width: 100%; }

.banner-inner { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; line-height: 1.5; z-index: 3; pointer-events: none; }

.banner-inner__text { font-style: oblique; position: relative; }

.banner-inner__text [class^="txt-"] { display: block; color: #fff; position: relative; z-index: 2; }

.banner-inner__text::before { content: ''; position: absolute; left: 0px; background-size: contain; }

.banner--index .banner-pic { padding-bottom: 100vh; }

.banner--index .banner-inner { max-width: 89.0625%; /* mw 1710 */ left: 5.46875%; /* l 105 */ }

.banner--index .banner-inner__text { font-size: 8rem; font-weight: 600; padding-left: 50px; }

@media all and (max-width: 768px) { .banner--index .banner-inner__text { font-size: 5rem; } }

@media all and (max-width: 480px) { .banner--index .banner-inner__text { font-size: 4rem; } }

.banner--index .banner-inner__text::before { top: -50px; background: url(images/common/icon-idxbn.svg) no-repeat center; width: 592px; height: 289px; }

@media all and (max-width: 768px) { .banner--index .banner-inner__text::before { top: -80px; width: 400px; } }

@media all and (max-width: 480px) { .banner--index .banner-inner__text::before { top: -100px; width: 300px; } }

.banner--index .banner-bg { width: 100%; height: 65px; position: absolute; left: 0px; bottom: 0px; }

.banner--index .banner-bg [class^="banner-bg__"] { position: absolute; }

.banner--index .banner-bg__prompt { -webkit-transition: all 0.5s; transition: all 0.5s; z-index: 6; }

@media all and (max-width: 480px) { .banner--index .banner-bg__prompt { display: none; } }

.banner--index .banner-bg__prompt::before, .banner--index .banner-bg__prompt::after { content: ''; position: absolute; }

.banner--index .banner-bg__prompt::before { cursor: pointer; top: 0px; left: 3.80208vw; /* l 73 */ width: 20px; height: 34px; background: url(images/common/icon-scroll.svg) no-repeat center; background-size: contain; -webkit-transition: all 0.5s; transition: all 0.5s; }

@media all and (max-width: 1024px) { .banner--index .banner-bg__prompt::before { left: 39px; } }

.banner--index .banner-bg__prompt::after { top: 45px; left: 4.27083vw; /* l 82 */ width: 2px; height: 20px; background: #fff; -webkit-transition: all 0.5s; transition: all 0.5s; }

@media all and (max-width: 1024px) { .banner--index .banner-bg__prompt::after { left: 47px; } }

.banner--index .banner-bg__prompt span { position: absolute; top: 16px; left: 5.72917vw; /* l 110 */ font-size: 1.2rem; color: #fff; white-space: nowrap; -webkit-transition: all 0.5s; transition: all 0.5s; }

@media all and (max-width: 1024px) { .banner--index .banner-bg__prompt span { left: 75px; } }

.banner--index .banner-bg__prompt:hover { -webkit-transform: translateY(10px); transform: translateY(10px); opacity: .8; }

.banner--index .banner-bg__btn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; position: absolute; z-index: 5; bottom: 5%; left: 0px; padding-right: 4.94792%; width: 100%; height: 65px; font-size: 1.2rem; color: #fff; }

@media all and (max-width: 480px) { .banner--index .banner-bg__btn { width: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; right: 0px; left: 0px; padding: 0px; } }

.banner--index .banner-bg__btn [class^="btn-"] { position: relative; padding: 0 20px; -webkit-transition: all 0.5s; transition: all 0.5s; }

@media all and (min-width: 1201px) { .banner--index .banner-bg__btn [class^="btn-"]:hover { opacity: .5; } }

.banner--index .banner-bg__btn [class^="btn-"]::before { position: absolute; font-family: "icomoon"; top: 10px; }

.banner--index .banner-bg__btn .btn-bnPrev::before { content: '\e901'; left: -30px; }

.banner--index .banner-bg__btn .btn-bnNext::before { content: '\e900'; right: -30px; }

.banner--inside .banner-pic { padding-bottom: 31.25%; }

@media all and (max-width: 480px) { .banner--inside .banner-pic { padding-bottom: 56.25%; } }

.banner--inside .banner-inner { max-width: 78.125%; /* mw1500 */ left: 10.9375%; /* l 210*/ }

@media all and (max-width: 1024px) { .banner--inside .banner-inner { max-width: 1500px; left: 0px; padding: 0 15px; } }

.banner--inside .banner-inner__text { padding-left: 70px; }

.banner--inside .banner-inner__text::before { top: -30px; background: url(images/common/icon-item.svg) no-repeat center; background-size: contain; width: 153px; height: 137px; }

@media all and (max-width: 1024px) { .banner--inside .banner-inner__text::before { top: -50px; width: 140px; } }

@media all and (max-width: 480px) { .banner--inside .banner-inner__text::before { top: -58px; width: 120px; } }

.banner--inside .banner-inner__text .txt-cht { font-size: 6rem; font-weight: 500; }

@media all and (max-width: 1024px) { .banner--inside .banner-inner__text .txt-cht { font-size: 4rem; } }

@media all and (max-width: 480px) { .banner--inside .banner-inner__text .txt-cht { font-size: 3rem; } }

.banner--inside .banner-inner__text .txt-eng { font-size: 5.4rem; text-indent: 1em; opacity: .15; font-weight: 600; }

@media all and (max-width: 1024px) { .banner--inside .banner-inner__text .txt-eng { font-size: 3.4rem; } }

@media all and (max-width: 480px) { .banner--inside .banner-inner__text .txt-eng { font-size: 2.4rem; } }

/* page */
.page { max-width: 875px; margin: 0 auto; padding-bottom: 80px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

@media all and (max-width: 992px) { .page { padding-bottom: 40px; } }

.page a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 1.6pxrem; padding: 5px 10px; color: #3E3E3E; cursor: pointer; position: relative; }

@media all and (max-width: 480px) { .page a { padding-left: 5px; padding-right: 5px; } }

@media all and (min-width: 1201px) { .page a:hover { color: #ED6B0B; } }

.page a.active { color: #ED6B0B; }

.page a.active::before { content: ''; position: absolute; bottom: 0px; left: calc(50% - 4px); width: 8px; height: 2px; background: #ED6B0B; }

.page [class^="page-"] { font-size: 1.2rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: relative; }

.page [class^="page-"]::after { position: absolute; top: 15px; font-family: "icomoon"; }

.page-prev { margin-right: 10px; }

@media all and (max-width: 480px) { .page-prev { margin-right: 15px; } }

.page-prev::after { content: '\e901'; right: 10px; }

.page-next { margin-left: 10px; }

@media all and (max-width: 480px) { .page-next { margin-left: 15px; } }

.page-next::after { content: '\e900'; left: 10px; }

/* Select */
.dk-select { width: 120px; margin-right: 20px; }

.dk-select-options { border-radius: 0px; display: block !important; pointer-events: none; top: -10px; opacity: 0; -webkit-transition: all 0.5s; transition: all 0.5s; }

.dk-select-options .dk-option-highlight { background: #ED6B00; }

.dk-select.dk-select-open-down .dk-selected::before { border-width: 6px; -webkit-transform: translateY(-115%) rotate(180deg); transform: translateY(-115%) rotate(180deg); border-bottom-color: transparent; }

.dk-select.dk-select-open-down .dk-select-options { border-radius: 0px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; opacity: 1; pointer-events: auto; }

.dk-selected { font-size: 1.7rem; width: 100%; border: none; border-bottom: 1px solid #5F5F5F; position: relative; border-radius: 0px; padding-bottom: 8px; }

.dk-selected::before { border-width: 6px; border-top-color: #606060; position: absolute; margin: 0px; right: 7px; -webkit-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all 0.5s; transition: all 0.5s; }

.dk-selected::after { border: none; }

.dk-selected:hover { border-color: #ED6B00; }

.dk-selected:hover::before { border-top-color: #ED6B00; }

/* Javascript ================================================================= */
[data-src] { background-size: cover; background-repeat: no-repeat; background-position: center; }

@media all and (max-width: 1200px) { #navigation-menu { display: none; } }

#navigation-menu.js-hide { opacity: 0; pointer-events: none; }

/* Layout ===================================================================== */
.main { margin-top: 114px; }

@media all and (max-width: 480px) { .main { margin-top: 78px; } }

.wrap { max-width: 1280px; margin: 0 auto; }

@media all and (max-width: 1310px) { .wrap { padding-left: 15px; padding-right: 15px; } }

@media all and (max-width: 1200px) { .wrap { max-width: 100%; padding-left: 5%; padding-right: 5%; } }

@media all and (max-width: 1200px) { [class^="wrap--"] { max-width: 100%; padding-left: 5%; padding-right: 5%; } }

.wrap--full { max-width: 100%; padding-left: 0px; padding-right: 0px; }

.container { margin: 0 auto; }

/* Keyframese */
@-webkit-keyframes opacity_in { 0% { }
  100% { opacity: 1; } }
@keyframes opacity_in { 0% { }
  100% { opacity: 1; } }

@-webkit-keyframes bgscroll { 0% { background-position: 0 0;
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out; }
  20% { background-position: -600px -600px;
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out; }
  40% { background-position: -400px -650px;
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out; }
  50% { background-position: -550px -400px;
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out; }
  70% { background-position: -200px -950px;
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out; }
  80% { background-position: -1250px -1500px;
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out; }
  100% { background-position: -400px -400px;
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out; } }

@keyframes bgscroll { 0% { background-position: 0 0;
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out; }
  20% { background-position: -600px -600px;
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out; }
  40% { background-position: -400px -650px;
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out; }
  50% { background-position: -550px -400px;
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out; }
  70% { background-position: -200px -950px;
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out; }
  80% { background-position: -1250px -1500px;
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out; }
  100% { background-position: -400px -400px;
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out; } }

@-webkit-keyframes grow { to { -webkit-transform: scale(0.3); transform: scale(0.3); } }

@keyframes grow { to { -webkit-transform: scale(0.3); transform: scale(0.3); } }

@-webkit-keyframes start-top { from { top: -200px; }
  to { top: 0; } }

@keyframes start-top { from { top: -200px; }
  to { top: 0; } }

@-webkit-keyframes start-bottom { from { bottom: 200px; }
  to { bottom: 0; } }

@keyframes start-bottom { from { bottom: 200px; }
  to { bottom: 0; } }

@-webkit-keyframes scenes1_line { 0% { stroke-width: 20;
    -webkit-filter: blur(10px);
            filter: blur(10px);
    -webkit-transform: translate(0px, 0px) rotateZ(0deg) rotateY(0deg);
            transform: translate(0px, 0px) rotateZ(0deg) rotateY(0deg);
    opacity: .3; }
  30%, 70% { -webkit-filter: blur(0px); filter: blur(0px);
    opacity: 1; }
  90% { -webkit-transform: translate(-80%, -20px) rotateZ(-10deg) rotateY(15deg); transform: translate(-80%, -20px) rotateZ(-10deg) rotateY(15deg);
    opacity: 1; }
  100% { stroke-width: 5;
    -webkit-filter: blur(10px);
            filter: blur(10px);
    -webkit-transform: translate(-50%, -20px) rotateZ(-10deg) rotateY(15deg);
            transform: translate(-50%, -20px) rotateZ(-10deg) rotateY(15deg);
    opacity: 0; } }

@keyframes scenes1_line { 0% { stroke-width: 20;
    -webkit-filter: blur(10px);
            filter: blur(10px);
    -webkit-transform: translate(0px, 0px) rotateZ(0deg) rotateY(0deg);
            transform: translate(0px, 0px) rotateZ(0deg) rotateY(0deg);
    opacity: .3; }
  30%, 70% { -webkit-filter: blur(0px); filter: blur(0px);
    opacity: 1; }
  90% { -webkit-transform: translate(-80%, -20px) rotateZ(-10deg) rotateY(15deg); transform: translate(-80%, -20px) rotateZ(-10deg) rotateY(15deg);
    opacity: 1; }
  100% { stroke-width: 5;
    -webkit-filter: blur(10px);
            filter: blur(10px);
    -webkit-transform: translate(-50%, -20px) rotateZ(-10deg) rotateY(15deg);
            transform: translate(-50%, -20px) rotateZ(-10deg) rotateY(15deg);
    opacity: 0; } }

@-webkit-keyframes scenes2-1 { 30% { opacity: 0;
    -webkit-filter: blur(20px);
            filter: blur(20px);
    -webkit-transform: translate(10%, 0px) rotateZ(-5deg);
            transform: translate(10%, 0px) rotateZ(-5deg); }
  60% { opacity: 1;
    -webkit-filter: blur(3px);
            filter: blur(3px);
    -webkit-transform: translate(0px, 0px) rotateZ(5deg);
            transform: translate(0px, 0px) rotateZ(5deg); }
  98% { opacity: .3;
    -webkit-filter: blur(20px);
            filter: blur(20px);
    -webkit-transform: translate(-1.5%, 20px) rotateZ(5deg);
            transform: translate(-1.5%, 20px) rotateZ(5deg); } }

@keyframes scenes2-1 { 30% { opacity: 0;
    -webkit-filter: blur(20px);
            filter: blur(20px);
    -webkit-transform: translate(10%, 0px) rotateZ(-5deg);
            transform: translate(10%, 0px) rotateZ(-5deg); }
  60% { opacity: 1;
    -webkit-filter: blur(3px);
            filter: blur(3px);
    -webkit-transform: translate(0px, 0px) rotateZ(5deg);
            transform: translate(0px, 0px) rotateZ(5deg); }
  98% { opacity: .3;
    -webkit-filter: blur(20px);
            filter: blur(20px);
    -webkit-transform: translate(-1.5%, 20px) rotateZ(5deg);
            transform: translate(-1.5%, 20px) rotateZ(5deg); } }

@-webkit-keyframes scenes2-2 { 30% { opacity: 0;
    -webkit-filter: blur(20px);
            filter: blur(20px);
    -webkit-transform: translate(12%, 0px) rotateZ(-5deg);
            transform: translate(12%, 0px) rotateZ(-5deg); }
  60% { opacity: 1;
    -webkit-filter: blur(3px);
            filter: blur(3px);
    -webkit-transform: translate(0px, 0px) rotateZ(5deg);
            transform: translate(0px, 0px) rotateZ(5deg); }
  98% { opacity: .3;
    -webkit-filter: blur(20px);
            filter: blur(20px);
    -webkit-transform: translate(-2%, 20px) rotateZ(5deg);
            transform: translate(-2%, 20px) rotateZ(5deg); } }

@keyframes scenes2-2 { 30% { opacity: 0;
    -webkit-filter: blur(20px);
            filter: blur(20px);
    -webkit-transform: translate(12%, 0px) rotateZ(-5deg);
            transform: translate(12%, 0px) rotateZ(-5deg); }
  60% { opacity: 1;
    -webkit-filter: blur(3px);
            filter: blur(3px);
    -webkit-transform: translate(0px, 0px) rotateZ(5deg);
            transform: translate(0px, 0px) rotateZ(5deg); }
  98% { opacity: .3;
    -webkit-filter: blur(20px);
            filter: blur(20px);
    -webkit-transform: translate(-2%, 20px) rotateZ(5deg);
            transform: translate(-2%, 20px) rotateZ(5deg); } }

@-webkit-keyframes scenes3_move { 0% { opacity: .3; }
  30%, 50% { -webkit-transform: translate(0, 0); transform: translate(0, 0);
    opacity: 1; }
  100% { opacity: .3;
    -webkit-transform: translate(-20%, -20%);
            transform: translate(-20%, -20%); } }

@keyframes scenes3_move { 0% { opacity: .3; }
  30%, 50% { -webkit-transform: translate(0, 0); transform: translate(0, 0);
    opacity: 1; }
  100% { opacity: .3;
    -webkit-transform: translate(-20%, -20%);
            transform: translate(-20%, -20%); } }

@-webkit-keyframes scenes3_line { 0% { stroke-width: 10;
    -webkit-filter: blur(10px);
            filter: blur(10px);
    opacity: .3;
    -webkit-transform: rotate(-25deg) translate(-30%, 0px);
            transform: rotate(-25deg) translate(-30%, 0px); }
  30%, 70% { -webkit-filter: blur(0px); filter: blur(0px);
    opacity: 1; }
  80% { opacity: 1;
    -webkit-transform: rotate(-45deg) translate(-30%, 0px);
            transform: rotate(-45deg) translate(-30%, 0px); }
  100% { stroke-width: 5;
    -webkit-filter: blur(30px);
            filter: blur(30px);
    opacity: .3;
    -webkit-transform: rotate(-40deg) translate(-35%, 0px);
            transform: rotate(-40deg) translate(-35%, 0px); } }

@keyframes scenes3_line { 0% { stroke-width: 10;
    -webkit-filter: blur(10px);
            filter: blur(10px);
    opacity: .3;
    -webkit-transform: rotate(-25deg) translate(-30%, 0px);
            transform: rotate(-25deg) translate(-30%, 0px); }
  30%, 70% { -webkit-filter: blur(0px); filter: blur(0px);
    opacity: 1; }
  80% { opacity: 1;
    -webkit-transform: rotate(-45deg) translate(-30%, 0px);
            transform: rotate(-45deg) translate(-30%, 0px); }
  100% { stroke-width: 5;
    -webkit-filter: blur(30px);
            filter: blur(30px);
    opacity: .3;
    -webkit-transform: rotate(-40deg) translate(-35%, 0px);
            transform: rotate(-40deg) translate(-35%, 0px); } }

@-webkit-keyframes scenes3_line2 { 0% { stroke-width: 10;
    -webkit-filter: blur(10px);
            filter: blur(10px);
    opacity: .3;
    -webkit-transform: rotate(-25deg) translate(-30%, 0px);
            transform: rotate(-25deg) translate(-30%, 0px); }
  30%, 70% { -webkit-filter: blur(0px); filter: blur(0px);
    opacity: 1; }
  80% { opacity: 1;
    -webkit-transform: rotate(-45deg) translate(-30%, 0px);
            transform: rotate(-45deg) translate(-30%, 0px); }
  100% { -webkit-filter: blur(30px); filter: blur(30px);
    stroke-width: 8;
    opacity: .3;
    -webkit-transform: rotate(-45deg) translate(-30%, 0px);
            transform: rotate(-45deg) translate(-30%, 0px); } }

@keyframes scenes3_line2 { 0% { stroke-width: 10;
    -webkit-filter: blur(10px);
            filter: blur(10px);
    opacity: .3;
    -webkit-transform: rotate(-25deg) translate(-30%, 0px);
            transform: rotate(-25deg) translate(-30%, 0px); }
  30%, 70% { -webkit-filter: blur(0px); filter: blur(0px);
    opacity: 1; }
  80% { opacity: 1;
    -webkit-transform: rotate(-45deg) translate(-30%, 0px);
            transform: rotate(-45deg) translate(-30%, 0px); }
  100% { -webkit-filter: blur(30px); filter: blur(30px);
    stroke-width: 8;
    opacity: .3;
    -webkit-transform: rotate(-45deg) translate(-30%, 0px);
            transform: rotate(-45deg) translate(-30%, 0px); } }

@-webkit-keyframes scenes4-1 { 0% { -webkit-transform: translate(-10px, -40px) rotate(-5deg); transform: translate(-10px, -40px) rotate(-5deg);
    -webkit-filter: blur(30px);
            filter: blur(30px);
    opacity: 0; }
  50%, 60% { -webkit-transform: translate(0px, -20px) rotate(0deg); transform: translate(0px, -20px) rotate(0deg);
    -webkit-filter: blur(0px);
            filter: blur(0px);
    opacity: 1; }
  65% { -webkit-filter: blur(10px); filter: blur(10px);
    opacity: .8; }
  100% { -webkit-filter: blur(30px); filter: blur(30px);
    opacity: 0; } }

@keyframes scenes4-1 { 0% { -webkit-transform: translate(-10px, -40px) rotate(-5deg); transform: translate(-10px, -40px) rotate(-5deg);
    -webkit-filter: blur(30px);
            filter: blur(30px);
    opacity: 0; }
  50%, 60% { -webkit-transform: translate(0px, -20px) rotate(0deg); transform: translate(0px, -20px) rotate(0deg);
    -webkit-filter: blur(0px);
            filter: blur(0px);
    opacity: 1; }
  65% { -webkit-filter: blur(10px); filter: blur(10px);
    opacity: .8; }
  100% { -webkit-filter: blur(30px); filter: blur(30px);
    opacity: 0; } }

@-webkit-keyframes scenes4-2 { 0% { -webkit-transform: translate(-20%, 0px) rotate(25deg) rotateX(30deg); transform: translate(-20%, 0px) rotate(25deg) rotateX(30deg);
    -webkit-filter: blur(30px);
            filter: blur(30px);
    opacity: 0; }
  50%, 60% { -webkit-transform: translate(-10%, 0px) rotate(30deg) rotateX(-10deg); transform: translate(-10%, 0px) rotate(30deg) rotateX(-10deg);
    -webkit-filter: blur(0px);
            filter: blur(0px);
    opacity: 1; }
  65% { -webkit-filter: blur(10px); filter: blur(10px);
    opacity: .8; }
  100% { -webkit-filter: blur(30px); filter: blur(30px);
    opacity: 0; } }

@keyframes scenes4-2 { 0% { -webkit-transform: translate(-20%, 0px) rotate(25deg) rotateX(30deg); transform: translate(-20%, 0px) rotate(25deg) rotateX(30deg);
    -webkit-filter: blur(30px);
            filter: blur(30px);
    opacity: 0; }
  50%, 60% { -webkit-transform: translate(-10%, 0px) rotate(30deg) rotateX(-10deg); transform: translate(-10%, 0px) rotate(30deg) rotateX(-10deg);
    -webkit-filter: blur(0px);
            filter: blur(0px);
    opacity: 1; }
  65% { -webkit-filter: blur(10px); filter: blur(10px);
    opacity: .8; }
  100% { -webkit-filter: blur(30px); filter: blur(30px);
    opacity: 0; } }

@-webkit-keyframes scenes5-1 { 0%, 50% { -webkit-filter: blur(30px); filter: blur(30px);
    -webkit-transform: translate(-1.5%, 20px) rotateZ(5deg);
            transform: translate(-1.5%, 20px) rotateZ(5deg);
    opacity: 0; }
  55%, 60% { -webkit-transform: translate(-1.5%, 20px) rotateZ(5deg); transform: translate(-1.5%, 20px) rotateZ(5deg);
    opacity: .5;
    -webkit-filter: blur(10px);
            filter: blur(10px); }
  70% { -webkit-transform: translate(-1%, 10px) rotateZ(10deg); transform: translate(-1%, 10px) rotateZ(10deg);
    opacity: .3; }
  100% { -webkit-filter: blur(0px); filter: blur(0px);
    opacity: .3;
    -webkit-transform: translate(60.5%, -10%) rotateZ(65deg);
            transform: translate(60.5%, -10%) rotateZ(65deg); } }

@keyframes scenes5-1 { 0%, 50% { -webkit-filter: blur(30px); filter: blur(30px);
    -webkit-transform: translate(-1.5%, 20px) rotateZ(5deg);
            transform: translate(-1.5%, 20px) rotateZ(5deg);
    opacity: 0; }
  55%, 60% { -webkit-transform: translate(-1.5%, 20px) rotateZ(5deg); transform: translate(-1.5%, 20px) rotateZ(5deg);
    opacity: .5;
    -webkit-filter: blur(10px);
            filter: blur(10px); }
  70% { -webkit-transform: translate(-1%, 10px) rotateZ(10deg); transform: translate(-1%, 10px) rotateZ(10deg);
    opacity: .3; }
  100% { -webkit-filter: blur(0px); filter: blur(0px);
    opacity: .3;
    -webkit-transform: translate(60.5%, -10%) rotateZ(65deg);
            transform: translate(60.5%, -10%) rotateZ(65deg); } }

@-webkit-keyframes scenes5-1_line { 0% { }
  100% { stroke-width: 5; } }

@keyframes scenes5-1_line { 0% { }
  100% { stroke-width: 5; } }

@-webkit-keyframes scenes5-2 { 0%, 50% { -webkit-filter: blur(30px); filter: blur(30px);
    -webkit-transform: translate(-2%, 20px) rotateZ(5deg);
            transform: translate(-2%, 20px) rotateZ(5deg);
    opacity: 0; }
  55%, 60% { -webkit-filter: blur(10px); filter: blur(10px);
    -webkit-transform: translate(-2%, 20px) rotateZ(5deg);
            transform: translate(-2%, 20px) rotateZ(5deg);
    opacity: .5; }
  70% { -webkit-transform: translate(0%, 0px) rotateZ(10deg); transform: translate(0%, 0px) rotateZ(10deg);
    opacity: .3; }
  100% { -webkit-filter: blur(0px); filter: blur(0px);
    opacity: .3;
    -webkit-transform: translate(55%, -40%) rotateZ(55deg);
            transform: translate(55%, -40%) rotateZ(55deg); } }

@keyframes scenes5-2 { 0%, 50% { -webkit-filter: blur(30px); filter: blur(30px);
    -webkit-transform: translate(-2%, 20px) rotateZ(5deg);
            transform: translate(-2%, 20px) rotateZ(5deg);
    opacity: 0; }
  55%, 60% { -webkit-filter: blur(10px); filter: blur(10px);
    -webkit-transform: translate(-2%, 20px) rotateZ(5deg);
            transform: translate(-2%, 20px) rotateZ(5deg);
    opacity: .5; }
  70% { -webkit-transform: translate(0%, 0px) rotateZ(10deg); transform: translate(0%, 0px) rotateZ(10deg);
    opacity: .3; }
  100% { -webkit-filter: blur(0px); filter: blur(0px);
    opacity: .3;
    -webkit-transform: translate(55%, -40%) rotateZ(55deg);
            transform: translate(55%, -40%) rotateZ(55deg); } }

/* Header ===================================================================== */
header { width: 100vw; position: fixed; top: 0px; left: 0px; padding-top: 38px; padding-bottom: 20px; background: url("images/common/menu-bg.jpg") repeat-x center; background-size: cover; z-index: 999999; }

@media all and (max-width: 480px) { header { padding-top: 25px; padding-bottom: 15px; } }

header.js-idxHeader { background: transparent; }

@media all and (min-width: 1201px) { header.js-bgWhite svg path { fill: #fff !important; }
  header.js-bgWhite .menu-main__lang .opt-lang { color: #fff; }
  header.js-bgWhite .menu-main__lang .opt-lang.active { color: #ED6B0B; background: #fff; pointer-events: none; } }

@media all and (min-width: 1201px) and (min-width: 1201px) { header.js-bgWhite .menu-main__lang .opt-lang:hover { color: #ED6B0B; background: #fff; opacity: 1; } }

@media all and (min-width: 1201px) { header.js-bgWhite .menu-toggle--open { color: #fff; }
  header.js-bgWhite .menu-toggle--open .btn-bar span { background: #fff; } }

@media all and (max-width: 1200px) { header.js-bgColor::after { content: ''; position: absolute; z-index: -1; top: 0px; left: 0; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.8); -webkit-transition: all 0.5s; transition: all 0.5s; } }

header .wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding-left: 3.125vw; padding-right: 3.125vw; }

.menu-logo { -webkit-box-flex: 0; -ms-flex: 0 0 165px; flex: 0 0 165px; z-index: 9999999; }

@media all and (max-width: 480px) { .menu-logo { -ms-flex-preferred-size: 105px; flex-basis: 105px; } }

@media all and (min-width: 1201px) { .menu-logo:hover { opacity: 1; -webkit-transform: scale(1.03); transform: scale(1.03); } }

.menu-logo svg { max-height: 50px; }

@media all and (max-width: 768px) { .menu-logo.js-changeColor { opacity: 0; pointer-events: none; } }

.menu-logo.js-changeColor svg path { -webkit-transition: all 0.5s; transition: all 0.5s; fill: #fff !important; }

.menu-main { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; }

@media all and (max-width: 480px) { .menu-main { -ms-flex-preferred-size: 185px; flex-basis: 185px; } }

@media all and (max-width: 320px) { .menu-main { -ms-flex-preferred-size: 120px; flex-basis: 120px; } }

.menu-main__lang { -webkit-box-flex: 0; -ms-flex: 0 0 92px; flex: 0 0 92px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin: 0 -6px; margin-right: 2.60417vw; }

@media all and (max-width: 320px) { .menu-main__lang { -ms-flex-preferred-size: 75px; flex-basis: 75px; } }

.menu-main__lang .opt-lang { -webkit-box-flex: 0; -ms-flex: 0 0 40px; flex: 0 0 40px; display: block; border-radius: 5px; font-size: 1.4rem; font-weight: bold; text-align: center; }

@media all and (max-width: 480px) { .menu-main__lang .opt-lang { font-size: 1.3rem; } }

@media all and (max-width: 320px) { .menu-main__lang .opt-lang { -ms-flex-preferred-size: 30px; flex-basis: 30px; } }

.menu-main__lang .opt-lang.active { color: #fff; background: #ED6B0B; pointer-events: none; }

@media all and (min-width: 1201px) { .menu-main__lang .opt-lang:hover { color: #fff; background: #ED6B0B; opacity: 1; } }

.menu-list { position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; pointer-events: none; }

.menu-list.js-show { pointer-events: auto; }

.menu-list.js-show .menu-list__inner { right: 0px; }

.menu-list.js-show .menu-list__bg { opacity: 1; }

.menu-list__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: fixed; top: 0px; right: -100%; max-width: 960px; width: 100%; height: 100%; background: #fff; z-index: 1; -webkit-transition: all 0.8s; transition: all 0.8s; }

.menu-list__inner .ir-button { position: absolute; top: 40px; right: 3.38542vw; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; /* pr 65px */ -webkit-transition: all 0.5s; transition: all 0.5s; }

.menu-list__inner .ir-menu { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 670px; width: 100%; height: calc(100vh - 60px); margin: 0 auto; }

@media all and (min-width: 769px) { .menu-list__inner .ir-menu { margin-bottom: 182px; } }

@media all and (max-width: 768px) { .menu-list__inner .ir-menu { padding-left: 17.33333vw; padding-right: 17.33333vw; } }

.menu-list__inner .ir-menu__item { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.menu-list__inner .ir-menu__item li { width: 50%; margin-bottom: 58px; }

@media all and (max-width: 768px) { .menu-list__inner .ir-menu__item li { width: 100%; margin-bottom: 30px; }
  .menu-list__inner .ir-menu__item li:last-child { margin-bottom: 0px; } }

.menu-list__inner .ir-menu__item li:first-child { width: 100%; }

.menu-list__inner .ir-menu__item a { display: inline-block; }

.menu-list__inner .ir-menu__item a.active { color: #ED6B0B; }

.menu-list__inner .ir-menu__item span { display: block; }

.menu-list__inner .ir-menu__item span:first-child { font-size: 3.6rem; font-weight: 500; line-height: 1.2; }

@media all and (max-width: 768px) { .menu-list__inner .ir-menu__item span:first-child { font-size: 2.5rem; font-weight: normal; } }

.menu-list__inner .ir-menu__item span:nth-child(2) { font-size: 2rem; font-style: oblique; color: #BABBBC; }

@media all and (max-width: 768px) { .menu-list__inner .ir-menu__item span:nth-child(2) { font-size: 1.6rem; } }

.menu-list__bg { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); opacity: 0; -webkit-transition: all 0.5s; transition: all 0.5s; }

.menu-toggle { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 1.2rem; font-weight: bold; cursor: pointer; }

@media all and (min-width: 1201px) { .menu-toggle:hover { color: #ED6B0B; } }

.menu-toggle .txt-name { padding-right: 13px; -webkit-transition: all 0.5s; transition: all 0.5s; }

@media all and (max-width: 992px) { .menu-toggle .txt-name { display: none; } }

.menu-toggle .btn-bar { -ms-flex-negative: 0; flex-shrink: 0; width: 25px; height: 20px; position: relative; }

.menu-toggle .btn-bar span { position: absolute; top: calc(50% - 1px); left: 0px; display: block; width: 100%; height: 2px; background: #404040; -webkit-transition: all 0.5s; transition: all 0.5s; }

.menu-toggle--open .btn-bar span:first-child { -webkit-transform: translateY(-6px); transform: translateY(-6px); }

.menu-toggle--open .btn-bar span:last-child { -webkit-transform: translateY(6px); transform: translateY(6px); }

@media all and (min-width: 1201px) { .menu-toggle--open:hover .btn-bar span:first-child { -webkit-transform: translateY(0px); transform: translateY(0px); }
  .menu-toggle--open:hover .btn-bar span:nth-child(2) { -webkit-transform: rotate(90deg); transform: rotate(90deg); }
  .menu-toggle--open:hover .btn-bar span:last-child { -webkit-transform: translateY(0px); transform: translateY(0px); opacity: 0; } }

.menu-toggle--close .btn-bar span:first-child { -webkit-transform: rotate(45deg); transform: rotate(45deg); }

.menu-toggle--close .btn-bar span:last-child { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }

@media all and (min-width: 1201px) { .menu-toggle--close:hover .btn-bar span { -webkit-transform: rotate(0deg); transform: rotate(0deg); } }

.menu-anchor { width: calc(100% - 165px); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 0 -5.20833vw; }

@media all and (max-width: 1200px) { .menu-anchor { display: none; } }

.menu-anchor__btn { font-size: 1.7rem; text-align: center; padding: 0 5.20833vw; position: relative; }

@media all and (max-width: 1366px) { .menu-anchor__btn { font-size: 1.6rem; padding: 0 5.05208vw; } }

@media all and (max-width: 1280px) { .menu-anchor__btn { padding: 0 4.58333vw; } }

.menu-anchor__btn:first-child { padding-left: 0px; }

.menu-anchor__btn:last-child { padding-right: 0px; }

.menu-anchor__btn:not(:last-child)::after { content: ''; position: absolute; top: 15%; right: 0px; width: 1px; height: 70%; background: #B0B0B0; }

/* Footer ===================================================================== */
footer { padding-top: 50px; padding-bottom: 65px; font-size: 1.5rem; line-height: 2; color: #404040; }

@media all and (max-width: 759px) { footer { font-size: 1.2rem; padding-top: 25px; padding-bottom: 35px; } }

footer .wrap { max-width: 1600px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 0px; }

@media all and (max-width: 1600px) { footer .wrap { padding-left: 15px; padding-right: 15px; } }

@media all and (max-width: 759px) { footer .wrap { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } }

.ft-logo { -webkit-box-flex: 0; -ms-flex: 0 0 290px; flex: 0 0 290px; }

@media all and (max-width: 759px) { .ft-logo { -ms-flex-preferred-size: auto; flex-basis: auto; }
  .ft-logo__text { margin-bottom: 10px; } }

.ft-logo__img { width: 160px; margin-bottom: 4px; }

.ft-menu { -ms-flex-preferred-size: 435px; flex-basis: 435px; }

@media all and (max-width: 1100px) { .ft-menu { display: none; } }

.ft-menu__list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.ft-menu__list a { display: block; }

@media all and (min-width: 760px) { .ft-copyright { -webkit-box-flex: 0; -ms-flex: 0 0 260px; flex: 0 0 260px; text-align: right; } }

@media all and (max-width: 759px) { .ft-copyright { line-height: 1.33333; }
  .ft-copyright br { display: none; } }

/* Index ====================================================================== */
#index { position: relative; }

@media all and (min-width: 1201px) { #index .js-section { height: 100vh; } }

#navigation-menu { position: fixed; top: 50%; right: 3.125vw; z-index: 2; }

#navigation-menu li { padding: 8px 0; }

#navigation-menu a { width: 10px; height: 10px; display: block; border-radius: 100%; background: #606060; }

#navigation-menu a.mPS2id-highlight { background: #ED6B00; }

#navigation-menu.js-styleWhite a { background: #fff; }

#navigation-menu.js-styleWhite a.mPS2id-highlight { background: #ED6B00; }

.idx-culture { position: relative; overflow: hidden; }

@media all and (min-width: 993px) { .idx-culture { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } }

.idx-culture .wrap { max-width: 1540px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

@media all and (max-width: 1540px) { .idx-culture .wrap { padding-left: 15px; padding-right: 15px; } }

@media all and (max-width: 1200px) { .idx-culture .wrap { padding: 5%; } }

@media all and (max-width: 1100px) { .idx-culture .wrap { -ms-flex-wrap: wrap; flex-wrap: wrap; padding-top: 50px; padding-bottom: 80px; } }

.idx-culture__text { max-width: 620px; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-left: 2.1875vw; /* pr 42 */ padding-right: 7.29167vw; /* pl 140 */ }

@media all and (max-width: 1300px) { .idx-culture__text { max-width: 820px; } }

@media all and (max-width: 1200px) { .idx-culture__text { max-width: 700px; width: 100%; padding-left: 7.29167vw; margin-bottom: 40px; } }

@media all and (max-width: 1100px) { .idx-culture__text { max-width: 100%; } }

.idx-culture__pic { max-width: 920px; width: 100%; position: relative; }

@media all and (max-width: 1430px) { .idx-culture__pic { max-width: 800px; } }

@media all and (max-width: 1300px) { .idx-culture__pic { max-width: 720px; } }

@media all and (max-width: 1200px) { .idx-culture__pic { max-width: 500px; width: 100%; } }

@media all and (max-width: 1100px) { .idx-culture__pic { max-width: 800px; margin: auto; margin-bottom: 80px; } }

@media all and (max-width: 580px) { .idx-culture__pic { margin-bottom: 0px; } }

.idx-culture__pic .swp-culture-dot { width: 90%; position: absolute; bottom: -12%; left: 0px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; color: #4E4E4E; }

.idx-culture__pic .swp-culture-dot [class^="swiper-pagination-"]::before { content: '0'; display: inline-block; }

@media screen and (min-width: 1101px) and (max-width: 1200px) { .idx-culture__pic .swp-culture-dot { bottom: 10%; } }

@media all and (max-width: 480px) { .idx-culture__pic .swp-culture-dot { bottom: -14%; } }

.idx-culture__pic .swp-culture-dot .symbol { width: 1.25vw; height: 1px; background: #9D9D9D; margin-left: 0.625vw; margin-right: 0.625vw; }

.idx-culture__pic .swp-culture-dot .swiper-pagination-current { color: #C97F00; }

.idx-culture__pic .swp-culture-btn { position: absolute; bottom: -10%; left: 7.29167vw; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; font-size: 1.2rem; }

@media screen and (min-width: 1101px) and (max-width: 1200px) { .idx-culture__pic .swp-culture-btn { bottom: 12%; } }

@media all and (max-width: 1100px) { .idx-culture__pic .swp-culture-btn { bottom: -20%; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } }

.idx-culture__pic .swp-culture-btn [class^="btn-"] { position: relative; padding: 0 20px; -webkit-transition: all 0.5s; transition: all 0.5s; }

@media all and (min-width: 1201px) { .idx-culture__pic .swp-culture-btn [class^="btn-"]:hover { color: #ED6B0B; } }

.idx-culture__pic .swp-culture-btn [class^="btn-"]::before { position: absolute; font-family: "icomoon"; top: 10px; }

.idx-culture__pic .swp-culture-btn [class^="btn-"].swiper-button-disabled { pointer-events: none; opacity: .3; }

.idx-culture__pic .swp-culture-btn .btn-culPrev::before { content: '\e901'; left: -30px; }

.idx-culture__pic .swp-culture-btn .btn-culNext::before { content: '\e900'; right: -30px; }

.idx-culture__bg { position: absolute; z-index: -1; top: 0px; left: 0px; width: 100%; height: 100%; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#c0c7ca+0,d3dadd+50,c0c7ca+100 */ background: #c0c7ca; /* Old browsers */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(135deg, #c0c7ca 0%, #d3dadd 50%, #c0c7ca 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c0c7ca', endColorstr='#c0c7ca',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ opacity: .5; }

.idx-culture__bg::before { content: ''; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: url("images/movie.png") no-repeat center; background-size: cover; }

.idx-culture__bg .bg-svg { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; }

.idx-culture__bg .bg-svg #scenes1 line, .idx-culture__bg .bg-svg #scenes1 path { opacity: 0; stroke: #fff; }

.idx-culture__bg .bg-svg #scenes2-1, .idx-culture__bg .bg-svg #scenes2-2 { opacity: 0; -webkit-transform-origin: 100 100; transform-origin: 100 100; }

.idx-culture__bg .bg-svg #scenes2-1 line, .idx-culture__bg .bg-svg #scenes2-1 path, .idx-culture__bg .bg-svg #scenes2-2 line, .idx-culture__bg .bg-svg #scenes2-2 path { stroke: #fff; }

.idx-culture__bg .bg-svg #scenes3-1 line, .idx-culture__bg .bg-svg #scenes3-1 path { -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: rotate(-25deg) translate(-30%, 0px); transform: rotate(-25deg) translate(-30%, 0px); }

.idx-culture__bg .bg-svg #scenes4-1 { -webkit-transform: translate(-10px, -40px) rotate(-5deg); transform: translate(-10px, -40px) rotate(-5deg); opacity: 0; }

.idx-culture__bg .bg-svg #scenes4-2 { -webkit-transform: translate(-20%, 0px) rotate(25deg) rotateX(30deg); transform: translate(-20%, 0px) rotate(25deg) rotateX(30deg); opacity: 0; }

.idx-culture__bg .bg-svg #scenes5-1 { -webkit-transform: translate(-1.5%, 20px) rotateZ(5deg); transform: translate(-1.5%, 20px) rotateZ(5deg); opacity: 0; -webkit-transform-origin: 100 100; transform-origin: 100 100; }

.idx-culture__bg .bg-svg #scenes5-2 { -webkit-transform: translate(-2%, 20px) rotateZ(5deg); transform: translate(-2%, 20px) rotateZ(5deg); opacity: 0; -webkit-transform-origin: 100 100; transform-origin: 100 100; }

.idx-culture__bg.show .bg-svg #scenes1 line:nth-child(0), .idx-culture__bg.show .bg-svg #scenes1 path:nth-child(0) { -webkit-animation: scenes1_line 5s cubic-bezier(0.39, 0.58, 0.57, 1) 0s; animation: scenes1_line 5s cubic-bezier(0.39, 0.58, 0.57, 1) 0s; }

.idx-culture__bg.show .bg-svg #scenes1 line:nth-child(1), .idx-culture__bg.show .bg-svg #scenes1 path:nth-child(1) { -webkit-animation: scenes1_line 5s cubic-bezier(0.39, 0.58, 0.57, 1) 0.5s; animation: scenes1_line 5s cubic-bezier(0.39, 0.58, 0.57, 1) 0.5s; }

.idx-culture__bg.show .bg-svg #scenes1 line:nth-child(2), .idx-culture__bg.show .bg-svg #scenes1 path:nth-child(2) { -webkit-animation: scenes1_line 5s cubic-bezier(0.39, 0.58, 0.57, 1) 1s; animation: scenes1_line 5s cubic-bezier(0.39, 0.58, 0.57, 1) 1s; }

.idx-culture__bg.show .bg-svg #scenes1 line:nth-child(3), .idx-culture__bg.show .bg-svg #scenes1 path:nth-child(3) { -webkit-animation: scenes1_line 5s cubic-bezier(0.39, 0.58, 0.57, 1) 1.5s; animation: scenes1_line 5s cubic-bezier(0.39, 0.58, 0.57, 1) 1.5s; }

.idx-culture__bg.show .bg-svg #scenes1 line:nth-child(4), .idx-culture__bg.show .bg-svg #scenes1 path:nth-child(4) { -webkit-animation: scenes1_line 5s cubic-bezier(0.39, 0.58, 0.57, 1) 2s; animation: scenes1_line 5s cubic-bezier(0.39, 0.58, 0.57, 1) 2s; }

.idx-culture__bg.show .bg-svg #scenes1 line:nth-child(5), .idx-culture__bg.show .bg-svg #scenes1 path:nth-child(5) { -webkit-animation: scenes1_line 5s cubic-bezier(0.39, 0.58, 0.57, 1) 2.5s; animation: scenes1_line 5s cubic-bezier(0.39, 0.58, 0.57, 1) 2.5s; }

.idx-culture__bg.show .bg-svg #scenes1 line:nth-child(6), .idx-culture__bg.show .bg-svg #scenes1 path:nth-child(6) { -webkit-animation: scenes1_line 5s cubic-bezier(0.39, 0.58, 0.57, 1) 3s; animation: scenes1_line 5s cubic-bezier(0.39, 0.58, 0.57, 1) 3s; }

.idx-culture__bg.show .bg-svg #scenes1 line:nth-child(7), .idx-culture__bg.show .bg-svg #scenes1 path:nth-child(7) { -webkit-animation: scenes1_line 5s cubic-bezier(0.39, 0.58, 0.57, 1) 3.5s; animation: scenes1_line 5s cubic-bezier(0.39, 0.58, 0.57, 1) 3.5s; }

.idx-culture__bg.show .bg-svg #scenes1 line:nth-child(8), .idx-culture__bg.show .bg-svg #scenes1 path:nth-child(8) { -webkit-animation: scenes1_line 5s cubic-bezier(0.39, 0.58, 0.57, 1) 4s; animation: scenes1_line 5s cubic-bezier(0.39, 0.58, 0.57, 1) 4s; }

.idx-culture__bg.show .bg-svg #scenes1 line:nth-child(9), .idx-culture__bg.show .bg-svg #scenes1 path:nth-child(9) { -webkit-animation: scenes1_line 5s cubic-bezier(0.39, 0.58, 0.57, 1) 4.5s; animation: scenes1_line 5s cubic-bezier(0.39, 0.58, 0.57, 1) 4.5s; }

.idx-culture__bg.show .bg-svg #scenes1 line:nth-child(10), .idx-culture__bg.show .bg-svg #scenes1 path:nth-child(10) { -webkit-animation: scenes1_line 5s cubic-bezier(0.39, 0.58, 0.57, 1) 5s; animation: scenes1_line 5s cubic-bezier(0.39, 0.58, 0.57, 1) 5s; }

.idx-culture__bg.show .bg-svg #scenes2-1 { -webkit-animation: scenes2-1 8s ease-out; animation: scenes2-1 8s ease-out; opacity: 0; -webkit-transform: translate(-1.5%, 20px) rotateZ(5deg); transform: translate(-1.5%, 20px) rotateZ(5deg); }

.idx-culture__bg.show .bg-svg #scenes2-2 { -webkit-animation: scenes2-2 8s ease-out .5s; animation: scenes2-2 8s ease-out .5s; opacity: 0; -webkit-transform: translate(-2%, 20px) rotateZ(5deg); transform: translate(-2%, 20px) rotateZ(5deg); }

.idx-culture__bg.show .bg-svg #scenes3-1 { -webkit-animation: scenes3_move 8s cubic-bezier(0.39, 0.58, 0.57, 1) 5s; animation: scenes3_move 8s cubic-bezier(0.39, 0.58, 0.57, 1) 5s; opacity: .3; -webkit-transform: translate(-20%, -20%); transform: translate(-20%, -20%); }

.idx-culture__bg.show .bg-svg #scenes3-1 line, .idx-culture__bg.show .bg-svg #scenes3-1 path { opacity: 0; }

.idx-culture__bg.show .bg-svg #scenes3-1 line:nth-child(0), .idx-culture__bg.show .bg-svg #scenes3-1 path:nth-child(0) { -webkit-animation: scenes3_line 5s cubic-bezier(0.39, 0.58, 0.57, 1) 3s; animation: scenes3_line 5s cubic-bezier(0.39, 0.58, 0.57, 1) 3s; -webkit-transform: rotate(-25deg) translate(-35%, 0px); transform: rotate(-25deg) translate(-35%, 0px); }

.idx-culture__bg.show .bg-svg #scenes3-1 line:nth-child(1), .idx-culture__bg.show .bg-svg #scenes3-1 path:nth-child(1) { -webkit-animation: scenes3_line 5s cubic-bezier(0.39, 0.58, 0.57, 1) 3.5s; animation: scenes3_line 5s cubic-bezier(0.39, 0.58, 0.57, 1) 3.5s; -webkit-transform: rotate(-25deg) translate(-35%, 0px); transform: rotate(-25deg) translate(-35%, 0px); }

.idx-culture__bg.show .bg-svg #scenes3-1 line:nth-child(2), .idx-culture__bg.show .bg-svg #scenes3-1 path:nth-child(2) { -webkit-animation: scenes3_line 5s cubic-bezier(0.39, 0.58, 0.57, 1) 4s; animation: scenes3_line 5s cubic-bezier(0.39, 0.58, 0.57, 1) 4s; -webkit-transform: rotate(-25deg) translate(-35%, 0px); transform: rotate(-25deg) translate(-35%, 0px); }

.idx-culture__bg.show .bg-svg #scenes3-1 line:nth-child(3), .idx-culture__bg.show .bg-svg #scenes3-1 path:nth-child(3) { -webkit-animation: scenes3_line 5s cubic-bezier(0.39, 0.58, 0.57, 1) 4.5s; animation: scenes3_line 5s cubic-bezier(0.39, 0.58, 0.57, 1) 4.5s; -webkit-transform: rotate(-25deg) translate(-35%, 0px); transform: rotate(-25deg) translate(-35%, 0px); }

.idx-culture__bg.show .bg-svg #scenes3-1 line:nth-child(4), .idx-culture__bg.show .bg-svg #scenes3-1 path:nth-child(4) { -webkit-animation: scenes3_line 5s cubic-bezier(0.39, 0.58, 0.57, 1) 5s; animation: scenes3_line 5s cubic-bezier(0.39, 0.58, 0.57, 1) 5s; -webkit-transform: rotate(-25deg) translate(-35%, 0px); transform: rotate(-25deg) translate(-35%, 0px); }

.idx-culture__bg.show .bg-svg #scenes3-1 line:nth-child(5), .idx-culture__bg.show .bg-svg #scenes3-1 path:nth-child(5) { -webkit-animation: scenes3_line 5s cubic-bezier(0.39, 0.58, 0.57, 1) 5.5s; animation: scenes3_line 5s cubic-bezier(0.39, 0.58, 0.57, 1) 5.5s; -webkit-transform: rotate(-25deg) translate(-35%, 0px); transform: rotate(-25deg) translate(-35%, 0px); }

.idx-culture__bg.show .bg-svg #scenes3-1 line:nth-child(6), .idx-culture__bg.show .bg-svg #scenes3-1 path:nth-child(6) { -webkit-animation: scenes3_line2 5s cubic-bezier(0.39, 0.58, 0.57, 1) 6s; animation: scenes3_line2 5s cubic-bezier(0.39, 0.58, 0.57, 1) 6s; -webkit-transform: rotate(-25deg) translate(-35%, 0px); transform: rotate(-25deg) translate(-35%, 0px); }

.idx-culture__bg.show .bg-svg #scenes3-1 line:nth-child(7), .idx-culture__bg.show .bg-svg #scenes3-1 path:nth-child(7) { -webkit-animation: scenes3_line2 5s cubic-bezier(0.39, 0.58, 0.57, 1) 6.5s; animation: scenes3_line2 5s cubic-bezier(0.39, 0.58, 0.57, 1) 6.5s; -webkit-transform: rotate(-25deg) translate(-35%, 0px); transform: rotate(-25deg) translate(-35%, 0px); }

.idx-culture__bg.show .bg-svg #scenes3-1 line:nth-child(8), .idx-culture__bg.show .bg-svg #scenes3-1 path:nth-child(8) { -webkit-animation: scenes3_line2 5s cubic-bezier(0.39, 0.58, 0.57, 1) 7s; animation: scenes3_line2 5s cubic-bezier(0.39, 0.58, 0.57, 1) 7s; -webkit-transform: rotate(-25deg) translate(-35%, 0px); transform: rotate(-25deg) translate(-35%, 0px); }

.idx-culture__bg.show .bg-svg #scenes3-1 line:nth-child(9), .idx-culture__bg.show .bg-svg #scenes3-1 path:nth-child(9) { -webkit-animation: scenes3_line2 5s cubic-bezier(0.39, 0.58, 0.57, 1) 7.5s; animation: scenes3_line2 5s cubic-bezier(0.39, 0.58, 0.57, 1) 7.5s; -webkit-transform: rotate(-25deg) translate(-35%, 0px); transform: rotate(-25deg) translate(-35%, 0px); }

.idx-culture__bg.show .bg-svg #scenes3-1 line:nth-child(10), .idx-culture__bg.show .bg-svg #scenes3-1 path:nth-child(10) { -webkit-animation: scenes3_line2 5s cubic-bezier(0.39, 0.58, 0.57, 1) 8s; animation: scenes3_line2 5s cubic-bezier(0.39, 0.58, 0.57, 1) 8s; -webkit-transform: rotate(-25deg) translate(-35%, 0px); transform: rotate(-25deg) translate(-35%, 0px); }

.idx-culture__bg.show .bg-svg #scenes4-1 { -webkit-animation: scenes4-1 12s ease-out 4s; animation: scenes4-1 12s ease-out 4s; -webkit-transform: translate(0px, 10px) rotate(5deg); transform: translate(0px, 10px) rotate(5deg); }

.idx-culture__bg.show .bg-svg #scenes4-2 { -webkit-animation: scenes4-2 12s ease-out 4s; animation: scenes4-2 12s ease-out 4s; -webkit-transform: translate(-10%, 0px) rotate(25deg) rotateX(-20deg); transform: translate(-10%, 0px) rotate(25deg) rotateX(-20deg); }

.idx-culture__bg.show .bg-svg #scenes5-1 { -webkit-animation: scenes5-1 15s ease-in-out; animation: scenes5-1 15s ease-in-out; -webkit-filter: blur(30px); filter: blur(30px); opacity: .3; -webkit-transform: translate(60.5%, -10%) rotateZ(65deg); transform: translate(60.5%, -10%) rotateZ(65deg); }

.idx-culture__bg.show .bg-svg #scenes5-1 line { -webkit-animation: scenes5-1_line 5s ease-out 20s; animation: scenes5-1_line 5s ease-out 20s; stroke-width: 5; }

.idx-culture__bg.show .bg-svg #scenes5-2 { -webkit-animation: scenes5-2 15s ease-in-out; animation: scenes5-2 15s ease-in-out; -webkit-filter: blur(30px); filter: blur(30px); opacity: .3; -webkit-transform: translate(55%, -40%) rotateZ(55deg); transform: translate(55%, -40%) rotateZ(55deg); }

.idx-culture__bg.show .bg-svg #scenes5-2 line { -webkit-animation: scenes5-1_line 10s ease-out 30s; animation: scenes5-1_line 10s ease-out 30s; stroke-width: 5; }

.idx-related { position: relative; }

@media all and (min-width: 481px) { .idx-related { max-height: 100vh; overflow: hidden; } }

.idx-related .swiper-slide { height: auto; }

@media all and (min-width: 1201px) { .idx-related .swiper-slide:hover .company-card { -webkit-transform: scale(1.1); transform: scale(1.1); -webkit-box-shadow: 0 0 20px #000, 0 0 10px #333; box-shadow: 0 0 20px #000, 0 0 10px #333; z-index: 1; } }

.idx-related__dot { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: absolute; width: 100%; left: 0px; bottom: 5%; z-index: 1; color: #fff; }

@media all and (max-width: 480px) { .idx-related__dot { bottom: 10%; } }

.idx-related__dot .symbol { width: 1.25vw; height: 1px; background: #fff; margin-left: 0.52083vw; margin-right: 0.52083vw; }

.idx-related__dot [class^="swiper-pagination-"]::before { content: '0'; display: inline-block; }

.idx-related__dot .swiper-pagination-current { color: #F4B901; }

.idx-related__btn { position: absolute; width: 90%; left: 5%; bottom: 5%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; font-size: 1.2rem; color: #fff; z-index: 1; }

@media all and (max-width: 480px) { .idx-related__btn { width: auto; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } }

.idx-related__btn [class^="btn-"] { position: relative; padding: 0 20px; -webkit-transition: all 0.5s; transition: all 0.5s; }

@media all and (min-width: 1201px) { .idx-related__btn [class^="btn-"]:hover { color: #ED6B0B; } }

.idx-related__btn [class^="btn-"]::before { position: absolute; font-family: "icomoon"; top: 10px; }

.idx-related__btn [class^="btn-"].swiper-button-disabled { pointer-events: none; opacity: .3; }

.idx-related__btn .btn-relPrev::before { content: '\e901'; left: -30px; }

.idx-related__btn .btn-relNext::before { content: '\e900'; right: -30px; }

.idx-news { overflow: hidden; }

.idx-news .wrap { max-width: 1800px; background: -webkit-gradient(linear, left top, right top, from(#F1F1F2), to(#fff)); background: linear-gradient(left, #F1F1F2, #fff); padding-top: 83px; padding-bottom: 95px; }

@media all and (min-width: 993px) { .idx-news .wrap { margin-top: 6%; } }

@media all and (max-width: 992px) { .idx-news .wrap { padding-top: 40px; padding-bottom: 45px; } }

.idx-news .container { max-width: 1600px; }

.idx-news__text { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 3.6rem; font-weight: 400; margin-bottom: 54px; }

@media all and (max-width: 992px) { .idx-news__text { margin-bottom: 30px; } }

@media all and (max-width: 768px) { .idx-news__text { font-size: 2.4rem; } }

.idx-news__text::before { display: inline-block; content: url(images/common/icon-item.svg); width: 63px; margin-right: 25px; }

.idx-news__card { margin: 0 -2.08333vw; /* m 0 -40 */ margin-bottom: 65px; }

@media all and (max-width: 992px) { .idx-news__card { margin-bottom: 35px; } }

.idx-news__card .col-4 { padding: 0 2.08333vw; /* p 0 40*/ }

@media all and (max-width: 992px) { .idx-news__card .col-4 { max-width: 100%; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; margin-bottom: 30px; } }

.idx-news__btn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; }

@media all and (max-width: 992px) { .idx-news__btn { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } }

/* idx-related */
.company-card { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; color: #fff; height: 100vh; position: relative; padding: 0 5%; -webkit-transition: all 0.5s; transition: all 0.5s; }

@media all and (min-width: 1201px) { .company-card:hover .company-card__inner { height: 200px; opacity: 1; } }

@media all and (max-width: 480px) { .company-card { height: 100%; padding-top: 30px; padding-bottom: 155px; } }

.company-card::before { content: ''; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.45); }

.company-card__logo { width: 150px; margin-bottom: 45px; z-index: 1; }

.company-card__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; z-index: 1; line-height: 2.1875; -webkit-transition: all 0.5s; transition: all 0.5s; }

@media all and (min-width: 1201px) { .company-card__inner { height: 0px; opacity: 0; } }

.company-card__inner .txt-inner { max-width: 350px; text-align: center; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; margin-bottom: 66px; }

@media all and (max-width: 992px) { .company-card__inner .txt-inner { margin-bottom: 35px; } }

@media all and (min-width: 1201px) { .company-card__inner .btn-more:hover::before, .company-card__inner .btn-more:hover::after { border-color: #ED6B0B; } }

.company-card__inner .btn-more::before, .company-card__inner .btn-more::after { border-color: #fff; }

.company-card__bg { position: absolute; width: 100%; height: 100%; }

/* Card */
.news-card { border-bottom: 1px solid #BCBCBC; padding-bottom: 60px; height: 100%; position: relative; cursor: pointer; overflow: hidden; -webkit-transition: all 0.5s; transition: all 0.5s; }

@media all and (min-width: 1201px) { .news-card:hover { border-color: #ED6B0B; }
  .news-card:hover .news-card__pic img { -webkit-transform: scale(1.05); transform: scale(1.05); }
  .news-card:hover .news-card__name, .news-card:hover .news-card__time { color: #ED6B0B; } }

.news-card__pic { margin-bottom: 17px; }

.news-card__pic img { width: 100%; -webkit-transition: all 0.5s; transition: all 0.5s; }

.news-card__name { font-size: 2.4rem; color: #262525; line-height: 1.66667; -webkit-transition: all 0.5s; transition: all 0.5s; }

@media all and (max-width: 1024px) { .news-card__name { font-size: 1.8rem; } }

.news-card__time { position: absolute; left: 0px; bottom: 7px; color: #808080; font-style: oblique; -webkit-transition: all 0.5s; transition: all 0.5s; }

@media all and (max-width: 1024px) { .news-card__time { font-size: 1.4rem; } }

/* About ====================================================================== */
.abt-regarding { background: #F3F3F3 url("images/about/abt-pic01.png") no-repeat bottom right; background-size: contain; padding: 8.07292% 0; margin-bottom: 90px; overflow: hidden; position: relative; }

@media all and (max-width: 1200px) { .abt-regarding { padding: 50px 0; }
  .abt-regarding::before { content: ''; position: absolute; pointer-events: none; top: 0px; left: 0px; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.8); } }

@media all and (max-width: 580px) { .abt-regarding { padding: 30px 5%; } }

.abt-regarding .wrap { display: -webkit-box; display: -ms-flexbox; display: flex; }

@media all and (max-width: 1440px) { .abt-regarding .wrap { padding-left: 5%; padding-right: 5%; } }

@media all and (max-width: 1280px) { .abt-regarding .wrap { padding-left: 10%; } }

@media all and (max-width: 768px) { .abt-regarding .wrap { padding-left: 12%; } }

.abt-regarding__text { -ms-flex-preferred-size: 510px; flex-basis: 510px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

@media all and (max-width: 1200px) { .abt-regarding__text { -ms-flex-preferred-size: auto; flex-basis: auto; width: 100%; } }

.abt-regarding__text .word-item { color: #C58100; }

.abt-regarding .word-item { padding-left: 0px; }

.abt-regarding .word-item::before { left: -80px; }

@media all and (max-width: 585px) { .abt-regarding .word-item::before { left: -55px; } }

.abt-regarding .word-slogan { margin-bottom: xp(40); }

.abt-regarding .txt-list { position: relative; color: #4F4F4F; font-size: 1.8rem; line-height: 1.66667; }

@media all and (max-width: 768px) { .abt-regarding .txt-list { font-size: 1.6rem; } }

.abt-regarding .txt-list::before { content: ''; position: absolute; left: -45px; top: 20px; width: 1px; height: calc(100% + 30.39216%); background: #BBBCBF; }

@media all and (max-width: 480px) { .abt-regarding .txt-list::before { left: -25px; } }

.abt-regarding .txt-list li { position: relative; }

.abt-regarding .txt-list li::before { content: ''; position: absolute; top: 9px; left: -50px; width: 11px; height: 11px; border-radius: 100%; background: #ED6B00; }

@media all and (max-width: 480px) { .abt-regarding .txt-list li::before { left: -30px; } }

.abt-regarding .txt-list li:not(:last-child) { margin-bottom: 13.72549%; }

@media all and (max-width: 1200px) { .abt-regarding .txt-list li:not(:last-child) { margin-bottom: 50px; } }

@media all and (max-width: 480px) { .abt-regarding .txt-list li:not(:last-child) { margin-bottom: 30px; } }

.abt-regarding .txt-list__head { color: #ED6B00; }

.abt-future { margin-bottom: 70px; }

@media all and (max-width: 375px) { .abt-future { margin-bottom: 30px; } }

.abt-future__headline { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-bottom: 24px; }

@media all and (max-width: 480px) { .abt-future__headline { margin-bottom: 10px; } }

.abt-future__group { text-align: center; }

.abt-future__group.row { margin: 0 -10px; }

.abt-future__group [class^="col-"] { padding: 0 10px; margin-bottom: 20px; }

@media all and (max-width: 480px) { .abt-future__group [class^="col-"] { -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } }

.abt-future__group .ir-img { margin-bottom: 33px; }

.abt-future__group .ir-img img { width: 100%; }

.abt-future__group .ir-name { font-size: 2.4rem; color: #ED6B00; margin-bottom: 13px; }

@media all and (max-width: 768px) { .abt-future__group .ir-name { font-size: 2rem; } }

.abt-future__group .ir-inner { font-size: 1.8rem; line-height: 1.66667; padding: 0 1.04167vw; }

@media all and (max-width: 768px) { .abt-future__group .ir-inner { font-size: 1.6rem; } }

.abt-talk { background: url("images/about/abt-pic04.jpg") no-repeat center right; background-size: cover; padding-top: 11.71875%; padding-bottom: 15.10417%; position: relative; }

@media all and (max-width: 992px) { .abt-talk { padding-top: 50px; padding-bottom: 50px; }
  .abt-talk::before { content: ''; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.8); } }

@media all and (max-width: 580px) { .abt-talk { padding: 30px 5%; } }

.abt-talk .wrap { display: -webkit-box; display: -ms-flexbox; display: flex; }

@media all and (max-width: 1440px) { .abt-talk .wrap { padding-left: 5%; padding-right: 5%; } }

@media screen and (min-width: 769px) and (max-width: 1280px) { .abt-talk .wrap { padding-left: 10%; padding-right: 10%; } }

@media screen and (min-width: 481px) and (max-width: 768px) { .abt-talk .wrap { padding-left: 12%; padding-right: 12%; } }

@media all and (max-width: 480px) { .abt-talk .wrap { padding-left: 13%; padding-right: 13%; } }

.abt-talk__text { -ms-flex-preferred-size: 510px; flex-basis: 510px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: relative; }

@media all and (min-width: 997px) { .abt-talk__text::before { content: ''; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; -webkit-filter: blur(50px); filter: blur(50px); background: rgba(255, 255, 255, 0.9); } }

@media all and (max-width: 992px) { .abt-talk__text { -ms-flex-preferred-size: auto; flex-basis: auto; width: 100%; } }

.abt-talk__text-item { padding-left: 0px; }

.abt-talk__text-item::before { left: -80px; }

.abt-talk__text-slogan { margin-bottom: 40px; }

.abt-talk .word-item { padding-left: 0px; }

.abt-talk .word-item::before { left: -80px; }

@media all and (max-width: 585px) { .abt-talk .word-item::before { left: -55px; } }

.abt-talk .txt-list { color: #4F4F4F; font-size: 1.8rem; line-height: 1.66667; }

@media all and (max-width: 768px) { .abt-talk .txt-list { font-size: 1.6rem; } }

.abt-talk .txt-list li:not(:last-child) { margin-bottom: 5.88235%; }

.abt-talk .txt-list__head { color: #ED6B00; }

.abt-history { padding-top: 13.21839vh; padding-bottom: 16.66667vh; position: relative; overflow: hidden; }

@media all and (max-width: 992px) { .abt-history { padding-top: 80px; padding-bottom: 50px; } }

@media all and (max-width: 375px) { .abt-history { padding-top: 40px; padding-bottom: 80px; } }

.abt-history .wrap { max-width: 1440px; }

@media all and (max-width: 1470px) { .abt-history .wrap { padding-left: 15px; padding-right: 15px; } }

@media screen and (min-width: 481px) and (max-width: 1280px) { .abt-history .wrap { padding-left: 1%; padding-right: 1%; } }

.abt-history__headline { padding: 0 15px; padding-bottom: 60px; }

@media all and (max-width: 992px) { .abt-history__headline { padding: 0 5px; padding-bottom: 30px; } }

@media all and (max-width: 375px) { .abt-history__headline { padding-bottom: 0px; } }

.abt-history__headline .word-item { padding-left: 115px; }

@media all and (max-width: 992px) { .abt-history__headline .word-item { padding-left: 80px; } }

.abt-history__headline .word-item::before { left: 0px; }

.abt-history__inner { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; }

.abt-history__inner .swp-btn { position: absolute; z-index: 5; top: 100%; left: 0px; width: 100%; height: 65px; font-size: 1.2rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.abt-history__inner .swp-btn [class^="btn-"] { position: relative; padding: 0 20px; }

.abt-history__inner .swp-btn [class^="btn-"]::before { position: absolute; font-family: "icomoon"; top: 10px; }

.abt-history__inner .swp-btn .btn-abthPrev::before { content: '\e901'; left: -30px; }

.abt-history__inner .swp-btn .btn-abthNext::before { content: '\e900'; right: -30px; }

.abt-history__bg { position: absolute; z-index: -1; top: 0px; left: 0px; width: 100%; height: 100%; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#c0c7ca+0,d3dadd+50,c0c7ca+100 */ background: #c0c7ca; /* Old browsers */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(135deg, #c0c7ca 0%, #d3dadd 50%, #c0c7ca 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c0c7ca', endColorstr='#c0c7ca',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ opacity: .5; }

.abt-history__bg::before { content: ''; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: url("images/movie-l.png") no-repeat center; background-size: cover; }

.abt-history__bg .bg-svg { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; }

.abt-history__bg .bg-svg #scenes1 line, .abt-history__bg .bg-svg #scenes1 path { opacity: 0; stroke: #fff; }

.abt-history__bg .bg-svg #scenes2-1, .abt-history__bg .bg-svg #scenes2-2 { opacity: 0; -webkit-transform-origin: 100 100; transform-origin: 100 100; }

.abt-history__bg .bg-svg #scenes2-1 line, .abt-history__bg .bg-svg #scenes2-1 path, .abt-history__bg .bg-svg #scenes2-2 line, .abt-history__bg .bg-svg #scenes2-2 path { stroke: #fff; }

.abt-history__bg .bg-svg #scenes3-1 line, .abt-history__bg .bg-svg #scenes3-1 path { -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: rotate(-25deg) translate(-30%, 0px); transform: rotate(-25deg) translate(-30%, 0px); }

.abt-history__bg .bg-svg #scenes4-1 { -webkit-transform: translate(-10px, -40px) rotate(-5deg); transform: translate(-10px, -40px) rotate(-5deg); opacity: 0; }

.abt-history__bg .bg-svg #scenes4-2 { -webkit-transform: translate(-20%, 0px) rotate(25deg) rotateX(30deg); transform: translate(-20%, 0px) rotate(25deg) rotateX(30deg); opacity: 0; }

.abt-history__bg .bg-svg #scenes5-1 { -webkit-transform: translate(-1.5%, 20px) rotateZ(5deg); transform: translate(-1.5%, 20px) rotateZ(5deg); opacity: 0; -webkit-transform-origin: 100 100; transform-origin: 100 100; }

.abt-history__bg .bg-svg #scenes5-2 { -webkit-transform: translate(-2%, 20px) rotateZ(5deg); transform: translate(-2%, 20px) rotateZ(5deg); opacity: 0; -webkit-transform-origin: 100 100; transform-origin: 100 100; }

.abt-history__bg.show .bg-svg #scenes { -webkit-animation: scenes4-1 12s ease-out 4s; animation: scenes4-1 12s ease-out 4s; -webkit-transform: translate(0px, 10px) rotate(5deg); transform: translate(0px, 10px) rotate(5deg); }

.abt-history__bg.show .bg-svg #scenes1 line, .abt-history__bg.show .bg-svg #scenes1 path { opacity: 0; }

.abt-history__bg.show .bg-svg #scenes1 line:nth-child(0), .abt-history__bg.show .bg-svg #scenes1 path:nth-child(0) { -webkit-animation: scenes1_line 5s cubic-bezier(0.39, 0.58, 0.57, 1) 0s; animation: scenes1_line 5s cubic-bezier(0.39, 0.58, 0.57, 1) 0s; }

.abt-history__bg.show .bg-svg #scenes1 line:nth-child(1), .abt-history__bg.show .bg-svg #scenes1 path:nth-child(1) { -webkit-animation: scenes1_line 5s cubic-bezier(0.39, 0.58, 0.57, 1) 0.5s; animation: scenes1_line 5s cubic-bezier(0.39, 0.58, 0.57, 1) 0.5s; }

.abt-history__bg.show .bg-svg #scenes1 line:nth-child(2), .abt-history__bg.show .bg-svg #scenes1 path:nth-child(2) { -webkit-animation: scenes1_line 5s cubic-bezier(0.39, 0.58, 0.57, 1) 1s; animation: scenes1_line 5s cubic-bezier(0.39, 0.58, 0.57, 1) 1s; }

.abt-history__bg.show .bg-svg #scenes1 line:nth-child(3), .abt-history__bg.show .bg-svg #scenes1 path:nth-child(3) { -webkit-animation: scenes1_line 5s cubic-bezier(0.39, 0.58, 0.57, 1) 1.5s; animation: scenes1_line 5s cubic-bezier(0.39, 0.58, 0.57, 1) 1.5s; }

.abt-history__bg.show .bg-svg #scenes1 line:nth-child(4), .abt-history__bg.show .bg-svg #scenes1 path:nth-child(4) { -webkit-animation: scenes1_line 5s cubic-bezier(0.39, 0.58, 0.57, 1) 2s; animation: scenes1_line 5s cubic-bezier(0.39, 0.58, 0.57, 1) 2s; }

.abt-history__bg.show .bg-svg #scenes1 line:nth-child(5), .abt-history__bg.show .bg-svg #scenes1 path:nth-child(5) { -webkit-animation: scenes1_line 5s cubic-bezier(0.39, 0.58, 0.57, 1) 2.5s; animation: scenes1_line 5s cubic-bezier(0.39, 0.58, 0.57, 1) 2.5s; }

.abt-history__bg.show .bg-svg #scenes1 line:nth-child(6), .abt-history__bg.show .bg-svg #scenes1 path:nth-child(6) { -webkit-animation: scenes1_line 5s cubic-bezier(0.39, 0.58, 0.57, 1) 3s; animation: scenes1_line 5s cubic-bezier(0.39, 0.58, 0.57, 1) 3s; }

.abt-history__bg.show .bg-svg #scenes1 line:nth-child(7), .abt-history__bg.show .bg-svg #scenes1 path:nth-child(7) { -webkit-animation: scenes1_line 5s cubic-bezier(0.39, 0.58, 0.57, 1) 3.5s; animation: scenes1_line 5s cubic-bezier(0.39, 0.58, 0.57, 1) 3.5s; }

.abt-history__bg.show .bg-svg #scenes1 line:nth-child(8), .abt-history__bg.show .bg-svg #scenes1 path:nth-child(8) { -webkit-animation: scenes1_line 5s cubic-bezier(0.39, 0.58, 0.57, 1) 4s; animation: scenes1_line 5s cubic-bezier(0.39, 0.58, 0.57, 1) 4s; }

.abt-history__bg.show .bg-svg #scenes1 line:nth-child(9), .abt-history__bg.show .bg-svg #scenes1 path:nth-child(9) { -webkit-animation: scenes1_line 5s cubic-bezier(0.39, 0.58, 0.57, 1) 4.5s; animation: scenes1_line 5s cubic-bezier(0.39, 0.58, 0.57, 1) 4.5s; }

.abt-history__bg.show .bg-svg #scenes1 line:nth-child(10), .abt-history__bg.show .bg-svg #scenes1 path:nth-child(10) { -webkit-animation: scenes1_line 5s cubic-bezier(0.39, 0.58, 0.57, 1) 5s; animation: scenes1_line 5s cubic-bezier(0.39, 0.58, 0.57, 1) 5s; }

.abt-history__bg.show .bg-svg #scenes2-1 { -webkit-animation: scenes2-1 8s ease-out; animation: scenes2-1 8s ease-out; opacity: 0; -webkit-transform: translate(-1.5%, 20px) rotateZ(5deg); transform: translate(-1.5%, 20px) rotateZ(5deg); }

.abt-history__bg.show .bg-svg #scenes2-2 { -webkit-animation: scenes2-2 8s ease-out .5s; animation: scenes2-2 8s ease-out .5s; opacity: 0; -webkit-transform: translate(-2%, 20px) rotateZ(5deg); transform: translate(-2%, 20px) rotateZ(5deg); }

.abt-history__bg.show .bg-svg #scenes3-1 { -webkit-animation: scenes3_move 8s cubic-bezier(0.39, 0.58, 0.57, 1) 5s; animation: scenes3_move 8s cubic-bezier(0.39, 0.58, 0.57, 1) 5s; opacity: .3; -webkit-transform: translate(-20%, -20%); transform: translate(-20%, -20%); }

.abt-history__bg.show .bg-svg #scenes3-1 line, .abt-history__bg.show .bg-svg #scenes3-1 path { opacity: 0; }

.abt-history__bg.show .bg-svg #scenes3-1 line:nth-child(0), .abt-history__bg.show .bg-svg #scenes3-1 path:nth-child(0) { -webkit-animation: scenes3_line 5s cubic-bezier(0.39, 0.58, 0.57, 1) 3s; animation: scenes3_line 5s cubic-bezier(0.39, 0.58, 0.57, 1) 3s; -webkit-transform: rotate(-25deg) translate(-35%, 0px); transform: rotate(-25deg) translate(-35%, 0px); }

.abt-history__bg.show .bg-svg #scenes3-1 line:nth-child(1), .abt-history__bg.show .bg-svg #scenes3-1 path:nth-child(1) { -webkit-animation: scenes3_line 5s cubic-bezier(0.39, 0.58, 0.57, 1) 3.5s; animation: scenes3_line 5s cubic-bezier(0.39, 0.58, 0.57, 1) 3.5s; -webkit-transform: rotate(-25deg) translate(-35%, 0px); transform: rotate(-25deg) translate(-35%, 0px); }

.abt-history__bg.show .bg-svg #scenes3-1 line:nth-child(2), .abt-history__bg.show .bg-svg #scenes3-1 path:nth-child(2) { -webkit-animation: scenes3_line 5s cubic-bezier(0.39, 0.58, 0.57, 1) 4s; animation: scenes3_line 5s cubic-bezier(0.39, 0.58, 0.57, 1) 4s; -webkit-transform: rotate(-25deg) translate(-35%, 0px); transform: rotate(-25deg) translate(-35%, 0px); }

.abt-history__bg.show .bg-svg #scenes3-1 line:nth-child(3), .abt-history__bg.show .bg-svg #scenes3-1 path:nth-child(3) { -webkit-animation: scenes3_line 5s cubic-bezier(0.39, 0.58, 0.57, 1) 4.5s; animation: scenes3_line 5s cubic-bezier(0.39, 0.58, 0.57, 1) 4.5s; -webkit-transform: rotate(-25deg) translate(-35%, 0px); transform: rotate(-25deg) translate(-35%, 0px); }

.abt-history__bg.show .bg-svg #scenes3-1 line:nth-child(4), .abt-history__bg.show .bg-svg #scenes3-1 path:nth-child(4) { -webkit-animation: scenes3_line 5s cubic-bezier(0.39, 0.58, 0.57, 1) 5s; animation: scenes3_line 5s cubic-bezier(0.39, 0.58, 0.57, 1) 5s; -webkit-transform: rotate(-25deg) translate(-35%, 0px); transform: rotate(-25deg) translate(-35%, 0px); }

.abt-history__bg.show .bg-svg #scenes3-1 line:nth-child(5), .abt-history__bg.show .bg-svg #scenes3-1 path:nth-child(5) { -webkit-animation: scenes3_line 5s cubic-bezier(0.39, 0.58, 0.57, 1) 5.5s; animation: scenes3_line 5s cubic-bezier(0.39, 0.58, 0.57, 1) 5.5s; -webkit-transform: rotate(-25deg) translate(-35%, 0px); transform: rotate(-25deg) translate(-35%, 0px); }

.abt-history__bg.show .bg-svg #scenes3-1 line:nth-child(6), .abt-history__bg.show .bg-svg #scenes3-1 path:nth-child(6) { -webkit-animation: scenes3_line2 5s cubic-bezier(0.39, 0.58, 0.57, 1) 6s; animation: scenes3_line2 5s cubic-bezier(0.39, 0.58, 0.57, 1) 6s; -webkit-transform: rotate(-25deg) translate(-35%, 0px); transform: rotate(-25deg) translate(-35%, 0px); }

.abt-history__bg.show .bg-svg #scenes3-1 line:nth-child(7), .abt-history__bg.show .bg-svg #scenes3-1 path:nth-child(7) { -webkit-animation: scenes3_line2 5s cubic-bezier(0.39, 0.58, 0.57, 1) 6.5s; animation: scenes3_line2 5s cubic-bezier(0.39, 0.58, 0.57, 1) 6.5s; -webkit-transform: rotate(-25deg) translate(-35%, 0px); transform: rotate(-25deg) translate(-35%, 0px); }

.abt-history__bg.show .bg-svg #scenes3-1 line:nth-child(8), .abt-history__bg.show .bg-svg #scenes3-1 path:nth-child(8) { -webkit-animation: scenes3_line2 5s cubic-bezier(0.39, 0.58, 0.57, 1) 7s; animation: scenes3_line2 5s cubic-bezier(0.39, 0.58, 0.57, 1) 7s; -webkit-transform: rotate(-25deg) translate(-35%, 0px); transform: rotate(-25deg) translate(-35%, 0px); }

.abt-history__bg.show .bg-svg #scenes3-1 line:nth-child(9), .abt-history__bg.show .bg-svg #scenes3-1 path:nth-child(9) { -webkit-animation: scenes3_line2 5s cubic-bezier(0.39, 0.58, 0.57, 1) 7.5s; animation: scenes3_line2 5s cubic-bezier(0.39, 0.58, 0.57, 1) 7.5s; -webkit-transform: rotate(-25deg) translate(-35%, 0px); transform: rotate(-25deg) translate(-35%, 0px); }

.abt-history__bg.show .bg-svg #scenes3-1 line:nth-child(10), .abt-history__bg.show .bg-svg #scenes3-1 path:nth-child(10) { -webkit-animation: scenes3_line2 5s cubic-bezier(0.39, 0.58, 0.57, 1) 8s; animation: scenes3_line2 5s cubic-bezier(0.39, 0.58, 0.57, 1) 8s; -webkit-transform: rotate(-25deg) translate(-35%, 0px); transform: rotate(-25deg) translate(-35%, 0px); }

.abt-history__bg.show .bg-svg #scenes4-2 { -webkit-animation: scenes4-2 12s ease-out 4s; animation: scenes4-2 12s ease-out 4s; -webkit-transform: translate(-10%, 0px) rotate(25deg) rotateX(-20deg); transform: translate(-10%, 0px) rotate(25deg) rotateX(-20deg); }

.abt-history__bg.show .bg-svg #scenes5-1 { -webkit-animation: scenes5-1 15s ease-in-out; animation: scenes5-1 15s ease-in-out; -webkit-filter: blur(30px); filter: blur(30px); opacity: .3; -webkit-transform: translate(60.5%, -10%) rotateZ(65deg); transform: translate(60.5%, -10%) rotateZ(65deg); }

.abt-history__bg.show .bg-svg #scenes5-1 line { -webkit-animation: scenes5-1_line 5s ease-out 20s; animation: scenes5-1_line 5s ease-out 20s; stroke-width: 5; }

.abt-history__bg.show .bg-svg #scenes5-2 { -webkit-animation: scenes5-2 15s ease-in-out; animation: scenes5-2 15s ease-in-out; -webkit-filter: blur(30px); filter: blur(30px); opacity: .3; -webkit-transform: translate(55%, -40%) rotateZ(55deg); transform: translate(55%, -40%) rotateZ(55deg); }

.abt-history__bg.show .bg-svg #scenes5-2 line { -webkit-animation: scenes5-1_line 10s ease-out 30s; animation: scenes5-1_line 10s ease-out 30s; stroke-width: 5; }

.abt-history .history-pic { width: 100%; max-width: 750px; position: relative; }

@media all and (max-width: 992px) { .abt-history .history-pic { max-width: 100%; margin-bottom: 30px; } }

.abt-history .history-pic .swp-historyPic { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; opacity: 1; pointer-events: auto; -webkit-transition: all 0.5s; transition: all 0.5s; }

.abt-history .history-pic .swp-historyPic.js-close { opacity: 0; pointer-events: none; }

.abt-history .history-data { -ms-flex-preferred-size: 850px; flex-basis: 850px; position: relative; }

@media all and (max-width: 992px) { .abt-history .history-data { -ms-flex-preferred-size: auto; flex-basis: auto; width: 100%; } }

.abt-history .history-data::after { display: none; content: ''; position: absolute; right: 0px; width: calc(100% - 50px); z-index: 1; pointer-events: none; }

@media all and (max-width: 480px) { .abt-history .history-data::after { width: 100%; } }

.abt-history .history-data::after { bottom: 0px; height: 13%; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+50,ffffff+50&0+0,1+95 */ background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(35%, rgba(255, 255, 255, 0.53)), color-stop(65%, white)); background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.53) 35%, white 65%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); }

.abt-history .history-row { overflow-x: hidden; width: 100%; padding-top: 13px; padding-left: 11.71875vw; padding-right: 3.64583vw; height: 100%; max-height: 500px; position: relative; }

.abt-history .history-row::-webkit-scrollbar { width: 5px; background: #E3E7E6; }

.abt-history .history-row::-webkit-scrollbar-track { background: #E3E7E6; }

.abt-history .history-row::-webkit-scrollbar-thumb { background: #BABABA; }

@media all and (max-width: 992px) { .abt-history .history-row { padding-left: 11.97917vw; } }

.abt-history .history-row__list { position: relative; margin-bottom: 30px; }

.abt-history .history-row__list::before, .abt-history .history-row__list::after { content: ''; position: absolute; }

.abt-history .history-row__list::before { top: 15px; left: -35px; width: 1px; height: calc(100% + 35px); background: #BBBCBF; }

.abt-history .history-row__list::after { top: 12px; left: -39px; width: 9px; height: 9px; border-radius: 100%; background: #818181; -webkit-transition: all 0.5s; transition: all 0.5s; }

.abt-history .history-row__list:last-child { margin-bottom: 65px; }

.abt-history .history-row__list:last-child::before { display: none; }

.abt-history .history-row__list.active::after { background: #EE6C00; }

.abt-history .history-row__list.active .bx-inner__year { top: -3px; color: #C58100; font-size: 2.8rem; }

.abt-history .history-row__list.active .bx-inner__text li:first-child, .abt-history .history-row__list.active .bx-inner__text.txt-time { color: #EE6C00; }

.abt-history .bx-inner__pic { margin-bottom: 10px; }

.abt-history .bx-inner__pic img { width: 100%; }

.abt-history .bx-inner__year { font-size: 2.4rem; font-weight: bold; color: #808080; position: absolute; top: 0px; right: calc(100% + 60px); -webkit-transition: all 0.5s; transition: all 0.5s; }

@media all and (max-width: 992px) { .abt-history .bx-inner__year { display: none; } }

.abt-history .bx-inner__text ul { font-size: 1.6rem; color: #505050;  }

.abt-history .bx-inner__text ul:not(:last-child) { margin-bottom: 27px; }

.abt-history .bx-inner__text li:not(:last-child) { margin-bottom: 10px; }

.abt-history .bx-inner__text li:first-child, .abt-history .bx-inner__text li.txt-time { font-size: 2rem; color: #A5A5A5; margin-bottom: 8px; -webkit-transition: all 0.5s; transition: all 0.5s; }

/* News ======================================================================= */
.news-block { background: -webkit-gradient(linear, left top, right top, from(#F1F1F1), to(#ffffff)); background: linear-gradient(left, #F1F1F1, #ffffff); }

.news-block .wrap { padding-top: 100px; max-width: 1600px; }

@media all and (max-width: 1630px) { .news-block .wrap { padding-left: 15px; padding-right: 15px; } }

@media all and (max-width: 992px) { .news-block .wrap { padding-top: 50px; } }

@media all and (max-width: 480px) { .news-block .wrap { padding-top: 20px; } }

.news-block .bookmark { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 80px; position: relative; z-index: 5; }

@media all and (max-width: 992px) { .news-block .bookmark { margin-bottom: 40px; } }

@media all and (max-width: 768px) { .news-block .bookmark { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } }

@media all and (max-width: 480px) { .news-block .bookmark { margin-bottom: 20px; } }

@media all and (max-width: 768px) { .news-block .bookmark-list { width: 100%; margin-bottom: 20px; } }

.news-block .bookmark-list__btn { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #ED6B00; border: 1px solid #ed6b00; border-radius: 5px; padding: 5px 8px; }

.news-block .bookmark-list__btn::before { font-family: "icomoon"; content: '\e907'; margin-right: 8px; }

@media all and (min-width: 769px) { .news-block .bookmark-list__btn { display: none; } }

.news-block .bookmark-list__content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 0 -5px; }

@media all and (max-width: 768px) { .news-block .bookmark-list__content { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; z-index: 5; position: fixed; top: 50%; left: 15%; width: 70%; background: white; margin: 0px; opacity: 0; pointer-events: none; -webkit-transition: all 1.5s; transition: all 1.5s; } }

.news-block .bookmark-list__content li { padding: 0 5px; }

@media all and (max-width: 768px) { .news-block .bookmark-list__content li { width: 100%; padding: 0px; }
  .news-block .bookmark-list__content li:not(:last-child) { border-bottom: 1px dotted #ccc; } }

.news-block .bookmark-list__content a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 120px; min-height: 45px; max-height: 45px; border-radius: 5px; font-size: 1.7rem; color: #626262; }

@media all and (max-width: 768px) { .news-block .bookmark-list__content a { width: 100%; border-radius: 0px; min-height: 50px; } }

@media all and (min-width: 1201px) { .news-block .bookmark-list__content a:hover { color: #fff; background: #ED6B00; } }

.news-block .bookmark-list__content a.active { color: #fff; background: #ED6B00; }

.news-block .bookmark-list__mask { position: fixed; z-index: 1; top: 50%; left: 0px; width: 100%; height: 0px; background: rgba(0, 0, 0, 0.8); opacity: .3; -webkit-transition: all 0.5s; transition: all 0.5s; }

@media all and (min-width: 769px) { .news-block .bookmark-list__mask { display: none; } }

.news-block .bookmark-list.js-open .bookmark-list__content { pointer-events: auto; opacity: 1; }

.news-block .bookmark-list.js-open .bookmark-list__mask { top: 0px; height: 100%; opacity: 1; }

.news-block .bookmark-search { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

@media all and (max-width: 768px) { .news-block .bookmark-search { width: 100%; } }

.news-block .bookmark-search__input { position: relative; }

@media all and (max-width: 768px) { .news-block .bookmark-search__input { width: calc(100% - 140px); } }

.news-block .bookmark-search__input input { width: 150px; padding-right: 30px; padding-bottom: 8px; background: transparent; border: none; border-bottom: 1px solid #5F5F5F; }

@media all and (max-width: 768px) { .news-block .bookmark-search__input input { width: 100%; } }

.news-block .bookmark-search__input .btn-search { position: absolute; top: -2px; right: 5px; color: #ED6B00; font-size: 1.8rem; }

@media all and (min-width: 1201px) { .news-block .bookmark-search__input .btn-search:hover { opacity: .5; } }

.news-block .bookmark-search__input .btn-search::before { content: '\e986'; font-family: "icomoon"; }

.news-inner__card { margin-right: -2.08333vw; margin-left: -2.08333vw; }

.news-inner__card .col-4 { margin-bottom: 100px; padding-left: 2.08333vw; padding-right: 2.08333vw; }

@media all and (max-width: 992px) { .news-inner__card .col-4 { max-width: 50%; -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; margin-bottom: 30px; } }

@media all and (max-width: 480px) { .news-inner__card .col-4 { max-width: 100%; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; } }

/* News Detail ================================================================ */
.newsDetail-block .wrap { max-width: 1440px; }

@media all and (max-width: 1470px) { .newsDetail-block .wrap { padding-left: 5%; padding-right: 5%; } }

.newsDetail-headline { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding-top: 80px; margin-bottom: 70px; }

@media all and (max-width: 480px) { .newsDetail-headline { margin-bottom: 30px; } }

.newsDetail-headline::before { display: block; content: ''; width: 65px; height: 55px; margin: 0 auto; margin-bottom: 30px; background: url("images/common/icon-item.png") no-repeat center; background-size: contain; }

.newsDetail-headline__title { font-size: 3.6rem; text-align: center; margin-bottom: 35px; }

@media all and (max-width: 480px) { .newsDetail-headline__title { font-size: 2.5rem; margin-bottom: 2px; } }

.newsDetail-headline__other { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 1.8rem; color: #808080; }

@media all and (max-width: 480px) { .newsDetail-headline__other { font-size: 1.6rem; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } }

.newsDetail-headline__other [class^="bx-"] { padding: 0 1.5625vw; position: relative; }

@media all and (min-width: 481px) { .newsDetail-headline__other [class^="bx-"]:not(:last-child)::before { content: ''; position: absolute; top: 10%; right: 0px; width: 2px; height: 80%; background: #AFAFAF; } }

@media all and (max-width: 480px) { .newsDetail-headline__other [class^="bx-"] { text-align: center; }
  .newsDetail-headline__other [class^="bx-"]:not(:last-child) { margin-bottom: 10px; } }

.newsDetail-headline__other .bx-time { font-style: oblique; }

.newsDetail-headline__other .bx-community { color: #BBBCBF; margin: 0 -11px; }

.newsDetail-headline__other .bx-community [class^="icm-"] { padding: 0 11px; }

.newsDetail-inner { background: -webkit-gradient(linear, left top, right top, from(#F1F1F1), to(#ffffff)); background: linear-gradient(left, #F1F1F1, #ffffff); padding-top: 65px; }

@media all and (max-width: 480px) { .newsDetail-inner { padding-top: 30px; } }

.newsDetail-inner #editor { padding-bottom: 110px; font-size: 1.8rem; line-height: 1.66667; border-bottom: 1px solid #CED0D2; }

@media all and (max-width: 480px) { .newsDetail-inner #editor { padding-bottom: 40px; font-size: 1.6rem; } }

.newsDetail-inner #editor p { margin: 0px; }

.newsDetail-inner #editor p:not(:last-child) { margin-bottom: 50px; }

@media all and (max-width: 480px) { .newsDetail-inner #editor p:not(:last-child) { margin-bottom: 25px; } }

.newsDetail-inner__btn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 70px 0; margin: 0 -15px; }

@media all and (max-width: 480px) { .newsDetail-inner__btn { padding: 30px 0; font-size: 1.4rem; } }

.newsDetail-inner__btn li { padding: 0 15px; }

@media all and (max-width: 330px) { .newsDetail-inner__btn li { padding: 0 10px; } }

@media all and (max-width: 480px) { .newsDetail-inner__btn li .btn-back { width: 120px; } }

/* subsidiary ================================================================= */
.subsidiary-block { background: -webkit-gradient(linear, left bottom, left top, from(#F1F1F1), to(#ffffff)); background: linear-gradient(bottom, #F1F1F1, #ffffff); padding-bottom: 80px; }

@media all and (max-width: 992px) { .subsidiary-block { padding-bottom: 40px; } }

@media all and (max-width: 480px) { .subsidiary-block { padding-bottom: 20px; } }

.subsidiary-list { display: -webkit-box; display: -ms-flexbox; display: flex; }

@media all and (max-width: 1200px) { .subsidiary-list { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } }

.subsidiary-list:not(:last-child) { margin-bottom: 60px; }

@media all and (max-width: 992px) { .subsidiary-list:not(:last-child) { margin-bottom: 30px; } }

@media all and (max-width: 480px) { .subsidiary-list:not(:last-child) { margin-bottom: 10px; } }

@media all and (min-width: 1201px) { .subsidiary-list:nth-child(odd) .subsidiary-list__img { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; }
  .subsidiary-list:nth-child(odd) .subsidiary-list__text { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; }
  .subsidiary-list:nth-child(odd) .ir-text__logo .pic-bg { text-align: left; } }

.subsidiary-list__img { -ms-flex-preferred-size: 1280px; flex-basis: 1280px; padding-bottom: 31.25%; }

@media all and (max-width: 1200px) { .subsidiary-list__img { -ms-flex-preferred-size: auto; flex-basis: auto; width: 100%; -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; padding-bottom: 56.25%; margin-bottom: 20px; } }

.subsidiary-list__text { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-preferred-size: 640px; flex-basis: 640px; padding-left: 6.25vw; padding-right: 5.72917vw; }

@media all and (min-width: 993px) { .subsidiary-list__text { padding-bottom: 5.5rem; } }

@media all and (max-width: 1200px) { .subsidiary-list__text { -ms-flex-preferred-size: auto; flex-basis: auto; width: 100%; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } }

@media all and (max-width: 1200px) { .subsidiary-list .ir-text { margin-bottom: 30px; } }

.subsidiary-list .ir-text__logo { margin-bottom: 44px; position: relative; }

.subsidiary-list .ir-text__logo [class^="pic-"] { display: block; }

.subsidiary-list .ir-text__logo .pic-logo { position: absolute; left: 0px; bottom: 0px; }

@media all and (max-width: 1200px) { .subsidiary-list .ir-text__logo .pic-logo { left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } }

.subsidiary-list .ir-text__logo .pic-bg { text-align: right; }

@media all and (max-width: 1200px) { .subsidiary-list .ir-text__logo .pic-bg { text-align: center; padding-left: 18vw; } }

.subsidiary-list .ir-text__logo .pic-bg img { max-width: 350px; width: 100%; margin: 0 -65px; }

@media all and (max-width: 1200px) { .subsidiary-list .ir-text__logo .pic-bg img { max-width: 200px; } }

@media all and (max-width: 480px) { .subsidiary-list .ir-text__logo .pic-bg img { max-width: 100px; } }

.subsidiary-list .ir-text__inner { font-size: 1.8rem; line-height: 1.66667; color: #505050; margin-bottom: 50px; }

@media all and (max-width: 480px) { .subsidiary-list .ir-text__inner { font-size: 1.6rem; margin-bottom: 20px; text-align: center; } }

@media all and (max-width: 1200px) { .subsidiary-list .ir-text .btn-link { margin: 0 auto; } }

/* Csr ======================================================================== */
.csr-text#editor { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; padding-top: 25vh; padding-bottom: 30.81395vh; position: relative; }

@media all and (max-width: 992px) { .csr-text#editor { padding-top: 50px; padding-bottom: 50px; }
  .csr-text#editor::before { content: ''; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); } }

.csr-text#editor .ir-text { max-width: 570px; color: #fff; margin-right: 14.84375vw; }

@media all and (max-width: 885px) { .csr-text#editor .ir-text { max-width: 100%; margin-right: 0; padding: 0 5%; } }

.csr-text#editor .ir-text__title { font-size: 4rem; line-height: 1.625; margin: 0px; margin-bottom: 50px; }

@media all and (max-width: 570px) { .csr-text#editor .ir-text__title { font-size: 2.5rem; margin-bottom: 30px; }
  .csr-text#editor .ir-text__title br { display: none; } }

.csr-text#editor .ir-text__inner { font-size: 1.8rem; line-height: 1.66667; }

@media all and (max-width: 570px) { .csr-text#editor .ir-text__inner { font-size: 1.6rem; } }

.csr-text#editor .ir-text__inner p { margin: 0px; margin-bottom: 35px; }

@media all and (max-width: 570px) { .csr-text#editor .ir-text__inner p { margin-bottom: 15px; } }

.csr-text#editor .ir-text__inner span { color: #F4B901; }
/*# sourceMappingURL=style.css.map */