@charset "utf-8";

header {position:absolute;top:0;width:100%;border-bottom:solid .1rem rgba(255,255,255,.7);background:rgba(255,255,255,.7);box-shadow:10px 0 30px rgba(0,0,0,.05);backdrop-filter:blur(6px);transition:all 0.5s;animation:absolutenav 1.5s;overflow:hidden;z-index:101;}
header.nav-fixed {position:fixed;top:0;border-bottom:solid .1rem rgba(255,255,255,0.7);background:rgba(255,255,255,.5);animation:fixednav 1s;}
header.nav-fixed nav {padding:0rem 5rem;line-height:3.7rem;transition:all 0.5s;}

header.nav-fixed .mek-logo {margin-top:.3rem;}
header .mek-logo a {display:block;}
header.nav-fixed .mek-logo .logo-image {width:18rem;height:5.2rem;background-size:18rem;transition:all 0.5s;}
header.nav-fixed .mekburger {top:.9rem;}
header.nav-fixed .btn-lang.mright {top:1.7rem;}
header.Hover {background:rgba(255,255,255,1);}
header.Hover.nav-fixed {border-bottom:none;}
header.Hover.nav-fixed nav .sub-menu {margin-top:0.7rem;}
header.Hover.nav-fixed nav {padding:1.5rem 5rem;}

header .btn-nav-sns {position:absolute;bottom:-5rem;left:5rem;opacity:0;transition:all .3s;}
header.Hover .btn-nav-sns {bottom:2rem;opacity:1;animation:nav-sns 1s;}
header .btn-nav-sns li {float:left;margin-right:1rem;}

header .btn-nav-intranet {position:absolute;bottom:-5rem;right:1rem;opacity:0;transition:all .3s;}
header.Hover .btn-nav-intranet {bottom:1rem;opacity:1;animation:nav-intranet 1s;}

header .mek-logo {float:left;}
header .mek-logo .logo-image {background: url(../img/logo.png) top left no-repeat;width:21rem;height:6rem;background-size:21rem;}
header nav {position:relative;width:100%;max-width:180rem;margin:0 auto;padding:1.5rem 5rem;line-height:3.5rem;}
header nav .main-menu {position:relative;float:right;padding-right:5rem;overflow:hidden;}
header nav .main-menu .btn-sub-menu {display:none;}
header nav .main-menu > li {position:relative;float:left;width:15rem;text-align:center;transition:all 0.5s;}
header nav .main-menu > li:hover, header nav .main-menu > li.active {background:linear-gradient(-45deg, #008ba5, #00b7ce);background-size:150% 150%;animation:backanimation 3s ease infinite;transition:all 0.5s;}
header nav .main-menu > li:hover a, header nav .main-menu > li.active a {color:#fff;}
header nav .main-menu > li > a {padding:1.9rem 0;font-size:1.8rem;font-weight:600;}

header nav .sub-menu {height:0rem;transition:all 0.5s;}
header.Hover nav .sub-menu {height:21rem;margin-top:.5rem;}
header nav .sub-menu > li {display:none;text-align:center;}
header nav .sub-menu.sub-menu-open {height:auto;margin-bottom:1rem;}
header nav .sub-menu.sub-menu-open > li {display:block !important;text-align:left;}
header nav .sub-menu.sub-menu-open > li > a {font-size:2.1rem;}
header nav .sub-menu > li > a {display:inline;position:relative;padding:0 0;font-size:1.7rem;font-weight:300;color:#636569;}
header nav .sub-menu > li > a:after {content:"";position:absolute;bottom:-.7rem;left:0;width:0;height:.2rem;background:#fff;transition:width .3s;}
header nav .sub-menu > li > a:hover:after, header nav .sub-menu > li.active > a:after {width:100%;}

header.slide1:not(.nav-fixed) {border-bottom:solid .1rem rgba(255,255,255,.3);background:rgba(255,255,255,0);}
header.slide1:not(.nav-fixed) .mek-logo .logo-image {background: url("../img/logo_white.png") top left no-repeat;width:21rem;height:6rem;background-size:21rem;}
header.slide1:not(.nav-fixed) .main-menu a {color:#fff;}
header.slide1:not(.nav-fixed).is-open nav .main-menu > li {border-bottom:solid 1px rgba(255,255,255,.3);}
header.slide1:not(.nav-fixed).is-open nav .main-menu .btn-sub-menu.arrows::after {border-top:solid 3px #fff;border-right:solid 3px #fff;}
header.slide1:not(.nav-fixed) .btn-lang {color:#fff;}
header.slide1:not(.nav-fixed) .btn-lang a {color:#fff;}
header.slide1:not(.nav-fixed) .mekburger .line {background:#fff;}
header.Hover.slide1:not(.nav-fixed) {border-bottom:solid .1rem rgba(255,255,255,.4);background:rgba(255,255,255,.1);}
header.Hover.slide1:not(.nav-fixed) .main-menu a {color:#fff;}
header.Hover.slide1:not(.nav-fixed) nav .sub-menu > li > a {color:#fff;}
header.Hover.slide1:not(.nav-fixed) .main-menu > li:hover a {color:#fff;}

header.slide2:not(.nav-fixed) {border-bottom:solid .1rem rgba(255,255,255,.3);background:rgba(255,255,255,0);}
header.slide2:not(.nav-fixed) .mek-logo .logo-image {background: url("../img/logo_white.png") top left no-repeat;width:21rem;height:6rem;background-size:21rem;}
header.slide2:not(.nav-fixed) .main-menu a {color:#fff;}
header.slide2:not(.nav-fixed).is-open nav .main-menu > li {border-bottom:solid 1px rgba(255,255,255,.3);}
header.slide2:not(.nav-fixed).is-open nav .main-menu .btn-sub-menu.arrows::after {border-top:solid 3px #fff;border-right:solid 3px #fff;}
header.slide2:not(.nav-fixed) .btn-lang {color:#fff;}
header.slide2:not(.nav-fixed) .btn-lang a {color:#fff;}
header.slide2:not(.nav-fixed) .mekburger .line {background:#fff;}
header.Hover.slide2:not(.nav-fixed) {border-bottom:solid .1rem rgba(255,255,255,.4);background:rgba(255,255,255,.1);}
header.Hover.slide2:not(.nav-fixed) .main-menu a {color:#fff;}
header.Hover.slide2:not(.nav-fixed) nav .sub-menu > li > a {color:#e2e2e2;}
header.Hover.slide2:not(.nav-fixed) .main-menu > li:hover a {color:#fff;}














header .btn-lang {display:none;position:absolute;top:1.1rem;right:0;}
header .btn-lang i {font-size:1.4rem;}
header .btn-lang a {display:inline-block;margin-left:0.1rem;font-size:1.7rem;cursor:pointer;}

header .btn-lang.mright {display:none;position:absolute;top:2rem;right:9rem;}
header .btn-lang.mright i {font-size:1.7rem;}
header .btn-lang.mright a {display:inline-block;margin-left:0.1rem;font-size:2.5rem;}

header.is-open {height:100%;overflow:auto;transition:all 0.5s;}
header.is-open nav .main-menu {display:block;float:inherit;margin:9rem 0 5rem 0;padding-left:5%;padding-right:5%;}
header.is-open nav .main-menu .btn-sub-menu {display:block;}
header.is-open nav .main-menu .btn-sub-menu.arrows {position:absolute;top:1.5rem;right:.5rem;width:6rem;height:6rem;}
header.is-open nav .main-menu > li {top:10rem;opacity:0;float:inherit;width:auto;padding-left:5%;text-align:left;border-bottom:solid 1px rgba(0,0,0,.1);}
header.is-open nav .main-menu > li > a {padding:2rem 0;font-size:2.6rem;}

header.is-open nav .main-menu > li:nth-child(1) {animation:main-menu-li 1s normal forwards;animation-delay:.0s;}
header.is-open nav .main-menu > li:nth-child(2) {animation:main-menu-li 1s normal forwards;animation-delay:.1s;}
header.is-open nav .main-menu > li:nth-child(3) {animation:main-menu-li 1s normal forwards;animation-delay:.2s;}
header.is-open nav .main-menu > li:nth-child(4) {animation:main-menu-li 1s normal forwards;animation-delay:.3s;}
header.is-open nav .main-menu > li:nth-child(5) {animation:main-menu-li 1s normal forwards;animation-delay:.4s;}
header.is-open nav .main-menu > li:nth-child(6) {animation:main-menu-li 1s normal forwards;animation-delay:.5s;}
header.is-open nav .main-menu > li:nth-child(7) {animation:main-menu-li 1s normal forwards;animation-delay:.5s;}






header.is-open .btn-nav-sns {position:relative;bottom:auto;left:auto;opacity:1;text-align:center;}
header.is-open .btn-nav-sns li {display:inline-block;float:none;margin-right:1rem;}

/* mek burger */
header .mekburger {display:none;position:absolute;top:2.7rem;right:3rem;}
header .mekburger .line {display:block;width:3.5rem;height:0.35rem;margin:.74rem 0 .75rem auto;background:#292b2c;transition:all 0.3s ease-in-out;}
header .mekburger .line:nth-child(2) {width:2.8rem;}
header .mekburger:hover {cursor:pointer;}
#mekburger-menu.is-active .line:nth-child(2) {opacity:0;width:0;}
#mekburger-menu.is-active .line:nth-child(1) {transform:translateY(1.15rem) rotate(45deg);}
#mekburger-menu.is-active .line:nth-child(3) {transform:translateY(-1.15rem) rotate(-45deg);}

.mek-title {font-size:5rem;font-weight:600;text-align:center;}
.mek-subtitle {margin-top:1.5rem;font-size:2.2rem;text-align:center;color:#6a6a6a;}

.mek-con-title {position:relative;font-size:4rem;font-weight:700;}
.mek-con-subtitle {margin:2rem 0 6rem 0;font-size:2.2rem;line-height:3rem;color:#6a6a6a;}

.mek-consub-title {margin:0 0 4rem 0;font-size:3rem;font-weight:600;}

.bg-covered:after {display:block;content:"";position:absolute;bottom:0;left:0;width:100%;height:100%;background:rgba(12,21,26,.3);z-index:9;}

.bg-covered.darked:after {background:rgba(12,21,26,.5);}
.bg-covered.mainhero:after {background:linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,0), rgba(12,21,26,.2));}

.device.mo-view {display:none !important;}

#index-hero {position:relative;}
#index-hero .owl-item .slide-text {position:absolute;top:60%;right:12%;opacity:0;text-align:right;transform:translateY(-60%);transition:all 2s;z-index:100}
#index-hero .owl-item .slide-text i {float:right;}
#index-hero .owl-item.active .slide-text {right:10%;opacity:1;}
#index-hero .owl-item.first img {animation:index-hero 1.5s;}
#index-hero .owl-item .textline-01 {float:right;clear:both;width:70rem;margin-top:1rem;font-size:5.5rem;font-weight:200;color:#fff;letter-spacing:-.1rem;line-height:6rem;}
#index-hero .owl-item .textline-02 {float:right;clear:both;width:70rem;margin-top:2rem;font-size:2.2rem;font-weight:300;color:#fff;letter-spacing:-.03rem;line-height:3.2rem;}

#index-company {margin-top:-2px;text-align:center;background:#f5f5f5;}
p.content-g2 {margin-top:4rem;font-size:2.2rem;letter-spacing:-.02rem;line-height:3.8rem;color:#636569;}

#title-area .wrap-ctitle {width:50%;word-break:keep-all;}
#title-area .wrap-ctitle .mek-ctitle {margin-top:1rem;font-size:1.8rem;font-weight:600;letter-spacing:-.05rem;}
#title-area .wrap-ctitle .mek-csubtitle {margin-top:1rem;font-size:5.2rem;font-weight:700;letter-spacing:-.3rem;line-height:6rem;}
#title-area .wrap-ctitle .mek-cdesc {margin-top:1.8em;font-size:2rem;letter-spacing:-.05rem;line-height:2.5rem;color:#6a6a6a;}

.wrap-contact-phone {position:fixed;left:2rem;bottom:2.4rem;z-index:101;}
.btn-contact-phone {width:6rem;height:6rem;border-radius:2.6rem;background:linear-gradient(-45deg, #008ba5, #00b7ce);box-shadow:rgba(255, 255, 255, 0.12) 0px 0px 2px 0px inset, rgba(0, 0, 0, 0.05) 0px 0px 2px 1px, rgba(0, 0, 0, 0.22) 0px 4px 20px;transition:all 0.5s;}
.btn-contact-phone i {position:absolute;top:0.4rem;left:0.5rem;}
.wrap-contact-phone:hover .btn-contact-phone {width:20rem;height:26rem;border-radius:15px;border:solid .1rem #fff;background:linear-gradient(-45deg, #008ba5, #00b7ce);backdrop-filter:blur(5px);}
.btn-contact-phone .contact-phone-info {display:none;overflow:hidden;}
.btn-contact-phone .contact-phone-info h5 {position:absolute;top:2rem;right:1.7rem;font-size:2.2rem;font-weight:500;color:#fff;}
.btn-contact-phone .contact-phone-info .btn-contact a {position:absolute;bottom:0;width:calc(100% - 2rem);margin:1rem;padding:1rem 0;font-size:1.8rem;font-weight:500;text-align:center;border-radius:1rem;background:#fff;}
.btn-contact-phone .contact-phone-info .text-help {position:absolute;top:8rem;width:100%;font-size:1.7rem;font-weight:300;text-align:center;color:#fff;}
.btn-contact-phone .contact-phone-info .phone-num a {position:absolute;top:11.5rem;width:100%;font-size:3rem;font-weight:700;text-align:center;color:#fff;}
.btn-contact-phone .contact-phone-info .allday-sp {position:absolute;top:15rem;width:100%;font-size:1.6rem;font-weight:200;text-align:center;color:#fff;}

#index-service .column-4 {margin:-1%;text-align:center;}
#index-service .column-4 li {display:inline-block;position:relative;width:calc(50% - 3%);margin:1%;transition:background 1s;}
#index-service .column-4 li a:after {display:block;content:"";position:absolute;bottom:0;left:0;width:100%;height:100%;background:rgba(6,34,42,.3);}
#index-service .column-4 li a {padding:38% 0 15% 0;}
#index-service .column-4 li a .panel-text {position:absolute;bottom:10%;left:5%;padding-right:20%;text-align:left;z-index:1;}
#index-service .column-4 li:nth-child(1) {background:url("../img/index_service_01.jpg") center center no-repeat;background-size:101%;}
#index-service .column-4 li:nth-child(2) {background:url("../img/index_service_02.jpg") center center no-repeat;background-size:101%;}
#index-service .column-4 li:nth-child(3) {background:url("../img/index_service_03.jpg") center center no-repeat;background-size:101%;}
#index-service .column-4 li:nth-child(4) {background:url("../img/index_service_04.jpg") center center no-repeat;background-size:101%;}
#index-service .column-4 li:nth-child(5) {background:url("../img/index_service_05.jpg") center center no-repeat;background-size:101%;}
#index-service .column-4 li:nth-child(6) {background:url("../img/index_service_06.jpg") center center no-repeat;background-size:101%;}
#index-service .column-4 li:hover {background-size:115%;}
#index-service .column-4 h5 {font-size:3.3rem;font-weight:600;color:#fff;letter-spacing:-.07rem;}
#index-service .column-4 span {margin-top:1.2rem;font-size:1.8rem;font-weight:300;color:#fff;letter-spacing:-.05rem;}

#index-product {background:linear-gradient(-45deg, #008ba5, #00b7ce);}
#index-product .mek-title {color:#fff;}
#index-product .mek-subtitle {color:#fff;}
#index-product hr {color:#fff;}
#index-product .column-3 {margin:-1%;text-align:center;}
#index-product .column-3 li {display:inline-block;position:relative;width:calc(33.33% - 3%);margin:1%;background:#fff;vertical-align:top;}
#index-product .column-3 li a {}
#index-product .column-3 li a .panel-text {padding:10%;text-align:left;}
#index-product .column-3 li .column-3-img {position:relative;width:100%;padding:52% 0;transition:background 1s;}
#index-product .column-3 li .column-3-img:after {display:block;content:"";position:absolute;bottom:0;left:0;width:100%;height:100%;background:rgba(37,158,193,.1);transition:background 1s;}
#index-product .column-3 li:hover .column-3-img {background-size:115% !important;}
#index-product .column-3 li:hover .column-3-img:after {background:rgba(0,0,0,0)}
#index-product .column-3 h5 {font-size:3.3rem;font-weight:700;letter-spacing:-.07rem;}
#index-product .column-3 span {margin-top:1.5rem;font-size:1.8rem;letter-spacing:-.05rem;line-height:2.6rem;color:#636569;}

#sub-hero {position:relative;}

#sub-hero .sub-hero-menu {position:absolute;top:0;left:0;right:0;width:100%;z-index:10;}
#sub-hero .sub-hero-menu li {float:left;text-align:center;background:rgba(255,255,255,.7);backdrop-filter:blur(5px);border-right:solid 1px rgba(255,255,255,.5);border-bottom:solid 1px rgba(255,255,255,.5);}
#sub-hero .sub-hero-menu.col-2 li {width:50%;}
#sub-hero .sub-hero-menu.col-3 li {width:33.33%;}
#sub-hero .sub-hero-menu.col-4 li {width:25%;}
#sub-hero .sub-hero-menu.col-5 li {width:20%;}
#sub-hero .sub-hero-menu li.active {background:rgba(255,255,255,1);}
#sub-hero .sub-hero-menu li a {padding:2.5rem 0;font-size:2rem;font-weight:600;}
#sub-hero .mek-icons {position:absolute;top:-78%;left:-18%;opacity:.2;width:77rem;height:77rem;z-index:10;}
#sub-hero .owl-item .slide-text {position:absolute;top:70%;right:12%;opacity:0;text-align:right;transform:translateY(-70%);transition:all 2s;z-index:100}
#sub-hero .owl-item .slide-text i {float:right;}
#sub-hero .owl-item.active .slide-text {right:10%;opacity:1;}
#sub-hero .owl-item.first img {animation:index-hero 1.5s;}
#sub-hero .owl-item .textline-01 {float:right;clear:both;width:70rem;margin-top:1rem;font-size:5.5rem;font-weight:200;color:#fff;letter-spacing:-.1rem;line-height:6rem;}
#sub-hero .owl-item .textline-02 {float:right;clear:both;width:70rem;margin-top:2rem;font-size:2rem;font-weight:300;color:#fff;letter-spacing:-.03rem;line-height:3rem;}

.owl-content .owl-nav {display:none;}
.owl-content .owl-item {margin-bottom:3rem;}
.owl-content li:nth-child(4n+0) {clear:both;}

.sub-content {background:linear-gradient(-45deg, #008ba5, #00b7ce);}
.sub-content .mek-con-title {color:#fff;}
.sub-content .mek-con-subtitle {color:#fff;}
.sub-content li {display:inline-block;position:relative;width:25%;max-width:50rem;background:#fff;vertical-align:top;}
.sub-content li .panel-text {min-height:25rem;padding:10%;text-align:left;}
.sub-content li .slide-img {position:relative;width:100%;padding:33% 0;background-size:101%;background-position:center center;transition:background 1s;}
.sub-content li .slide-img:after {display:block;content:"";position:absolute;bottom:0;left:0;width:100%;height:100%;background:rgba(37,158,193,.1);transition:background 1s;}
.sub-content li:hover .slide-img {background-size:115%;}
.sub-content li:hover .slide-img:after {background:rgba(0,0,0,0)}

.sub-content .owl-content .owl-stage, .sub-content .owl-content-4 .owl-stage {padding-left:0 !important;}
.sub-content h5 {font-size:3.3rem;font-weight:700;letter-spacing:-.07rem;}
.sub-content .panel-text span {margin-top:1.5rem;font-size:1.8rem;letter-spacing:-.05rem;line-height:2.6rem;color:#636569;}
.sub-content .owl-prev span {left:-5rem;margin-left:auto;background-image: url(../img/btn_indexprev.png);}
.sub-content .owl-next span {right:-5rem;margin-right:auto;background-image: url(../img/btn_indexnext.png);}

.sub-content-book {background:#f5f5f5;}
.sub-content-book .mek-con-title {color:#292b2c;}
.sub-content-book .mek-con-subtitle {color:#292b2c;}
.sub-content-book hr {display:inline-block;width:100px;margin-top:0rem;margin-bottom:6rem;color:#000;border-top: 3px solid;}
.sub-content-book li {display:inline-block;position:relative;width:100%;margin-bottom:2rem;font-size:2.4rem;line-height:3.4rem;}
.sub-content-book li:last-child {margin-bottom:0;}
.sub-content-book li em {color:#28a7a1;font-weight:500;}

.sub-content-broc {padding:15rem 5rem 27rem 5rem;background:#ecf0f1;}

.sub-content-product {background:#f5f5f5;}
.sub-content-product ul {margin:-1rem;}
.sub-content-product li {float:left;position:relative;width:33.33%;padding:1rem;vertical-align:top;}
.sub-content-product li .panel-text {min-height:22rem;padding:10%;text-align:left;background:#fff;}
.sub-content-product li .slide-img {position:relative;width:100%;padding:40% 0;background-size:101%;background-position:center center;background-color:#fff;background-repeat:no-repeat;transition:background 1s;}
.sub-content-product li .slide-img:after {display:block;content:"";position:absolute;bottom:0;left:0;width:100%;height:100%;background:rgba(37,158,193,.05);transition:background 1s;}
.sub-content-product li:hover .slide-img {background-size:115%;}
.sub-content-product li:hover .slide-img:after {background:rgba(0,0,0,0)}
.sub-content-product .owl-content .owl-stage {padding-left:0 !important;}
.sub-content-product h5 {font-size:3.3rem;font-weight:700;letter-spacing:-.07rem;}
.sub-content-product .panel-text span {margin-top:1.5rem;font-size:1.8rem;letter-spacing:-.05rem;line-height:2.6rem;color:#636569;}
.sub-content-product .owl-prev span {left:-5rem;margin-left:auto;background-image: url(../img/btn_indexprev.png);}
.sub-content-product .owl-next span {right:-5rem;margin-right:auto;background-image: url(../img/btn_indexnext.png);}

.sub-content-clean {}
.sub-content-clean ul {margin:-1rem;}
.sub-content-clean li {float:left;position:relative;width:33.33%;padding:1rem;vertical-align:top;}
.sub-content-clean li .panel-text {padding:10% 3rem;text-align:center;border:solid 1px #ededed;border-bottom:none;background:#f5f5f5;}
.sub-content-clean li .slide-img {position:relative;width:100%;padding:33% 0;border-radius:0 0 5rem 5rem;background-size:101%;background-position:center center;transition:background 1s;}
.sub-content-clean li .slide-img:after {display:block;content:"";position:absolute;bottom:0;left:0;width:100%;height:100%;border:solid 1px #e4eff3;border-top:none;background:rgba(37,158,193,.05);transition:background 1s;}
.sub-content-clean li:hover .slide-img {background-size:115%;}
.sub-content-clean li:hover .slide-img:after {background:rgba(0,0,0,0)}
.sub-content-clean .owl-content .owl-stage {padding-left:0 !important;}
.sub-content-clean h5 {font-size:3.3rem;font-weight:700;letter-spacing:-.07rem;}
.sub-content-clean .panel-text span {margin-top:1.5rem;font-size:1.8rem;letter-spacing:-.05rem;line-height:2.6rem;color:#636569;}
.sub-content-clean .owl-prev span {left:-5rem;margin-left:auto;background-image: url(../img/btn_indexprev.png);}
.sub-content-clean .owl-next span {right:-5rem;margin-right:auto;background-image: url(../img/btn_indexnext.png);}
.sub-content-clean .label_product {margin-top:1.2rem;}
.sub-content-clean .label_product .label_mek {margin-right:.5rem;padding:0.6rem 1.5rem;font-size:1.8rem;line-height:3rem;}
.sub-content-clean .label_product .label_mek:last-child {margin-right:0;}
.sub-content-clean .label_product .label_mek a {color:#fff;}
.sub-content-clean .label_product .label_mek a:hover {text-decoration:underline;}

#rent-price table {margin-bottom:10rem;}
#rent-price table.table-shortbottom {margin-bottom:3rem;}
#rent-price table td {text-align:center;}
#rent-price .rent-price-info .mek-consub-title {}
#rent-price .rent-price-info ul {padding:4rem 0;font-size:1.7rem;line-height:3rem;color:#6a6a6a;border-top:solid 0.2rem #292b2c;}
#rent-price .rent-price-info ul li {margin:1rem 0;}

#index-news .news-contents-left {position:relative;float:left;width:40%;}

#index-news .news-contents-left .owl-news:after {transition:background 1s;}
#index-news .news-contents-right {float:left;width:60%;padding:0 0 0 5%;}
#index-news .news-contents-right li {padding:2.5rem 0;border-bottom:solid .1rem #ddd;overflow:hidden;}
#index-news .news-contents-right li:first-child {padding:4.5rem 0 3rem 0;border-top:solid .2rem #292b2c;}
#index-news .news-contents-right li:last-child {padding:3rem 0 4.5rem 0;border-bottom:solid .2rem #292b2c;}
#index-news .news-contents-right li a {font-size:2.5rem;white-space:nowrap;}
#index-news .news-contents-right li.active a {font-weight:600;}

#index-news .wrap-news-contents:hover .news-contents-left .owl-news:after {background:rgba(0,0,0,0)}

#index-parallax {position:relative;height:70rem;}
#index-parallax .index-parallax-text {position:absolute;top:50%;left:50%;width:610px;text-align:center;transform:translate(-50%, -50%);z-index:11;}
#index-parallax .parallax-logo img {width:50%;}
#index-parallax hr {margin-top:4rem;margin-bottom:-1rem;}
#index-parallax span {display:block;margin-top:4rem;padding:0 10%;line-height:4.5rem;font-size:3.5rem;font-weight:200;color:#e7e7e7;}
#index-parallax span em {font-weight:600;}
#index-parallax .parallax-inner {width:100%;height:100%;background:url("../img/index_pallax.jpg") center center no-repeat fixed;background-size:cover;}

#index-information {background:#fafafa;}
#index-information .information-list {column-count:4;max-width:140rem;margin:0 auto;}
#index-information .information-list li {position:relative;display:inline-block;width:100%;margin-bottom:1.5rem;border:solid .1rem #f2f2f2;border-radius:.3rem;background:#fff;flex-direction:column;}
#index-information .information-list li:hover .panel-image img {filter:brightness(125%);}
#index-information .information-list .panel-image {}
#index-information .information-list .panel-image img {width:100%;transition:all 1s;}
#index-information .information-list .panel-text {padding:10%;}
#index-information .information-list h5 {font-size:2rem;font-weight:600;}
#index-information .information-list p {line-height:2.3rem;margin-top:2rem;font-size:1.7rem;font-weight:300;color:#555;}

section.footer-image {position:relative;margin:0 auto;}
section.footer-image .wrap-footer-image-text {position:absolute;top:50%;left:0;width:100%;text-align:center;color:#fff;transform:translateY(-50%);z-index:10;}
section.footer-image .wrap-footer-image-text .footer-image-text-01 {padding:0 10%;font-size:4.5rem;font-weight:200;line-height:6rem;}
section.footer-image .wrap-footer-image-text hr {color:#fff;margin-top:2rem;margin-bottom:2rem;}
section.footer-image .wrap-footer-image-text .footer-image-text-02 {font-size:2.5rem;font-weight:200;line-height:4rem;}
section.footer-image span {display:block;}
section.footer-image span em {font-weight:600;}

footer {position:relative;background:#0c151a;}
footer .footer-inner {width:100%;max-width:180rem;margin:0 auto;padding:15rem 5rem 15rem 5rem;}
footer .foot-copyright {position:absolute;bottom:5rem;left:0;width:100%;margin:0 auto;font-weight:200;color:#7F7F7F;text-align:center;}
footer .footer-left {float:left;width:25%;}
footer .footer-right {float:right;width:75%;}
footer .footer-bottom {float:left;clear:both;width:100%;margin-top:7rem;padding-top:7rem;border-top:solid .1rem rgba(255,255,255,.1);}
footer .footer-bottom p {line-height:2rem;text-align:center;color:#7F7F7F}
footer nav h2 {display:inline-block;margin-bottom:2rem;font-size:1.8rem;font-weight:600;color:#bebebe;}
footer nav .foot-menu > li {float:left;width:12%;}
footer nav .foot-menu .sub-menu li {margin:1.3rem 0;}
footer nav .foot-menu .sub-menu a {display:inline;position:relative;font-size:1.7rem;font-weight:300;color:#7F7F7F;}
footer nav .foot-menu .sub-menu a:after {content:"";position:absolute;bottom:-.3rem;left:0;width:0;height:.1rem;background:#7F7F7F;transition:width .3s;}
footer nav .foot-menu .sub-menu a:hover:after {width:100%;}
footer .mek-logo {float:left;margin-top:-0.7rem;}
footer .mek-logo .logo-image {opacity:.5;width:20rem;height:6.2rem;background: url(../img/logo_white.png) top left no-repeat;background-size:20rem;}
.login_data {margin-right:1.5rem;font-weight:normal;}

.owl-carousel .owl-nav {height:0;}
.owl-prev span, .owl-next span {display:block;position:absolute;top:50%;width:2.4rem;height:4.4rem;margin-top:-2.2rem;opacity:0.4;background-repeat:no-repeat;background-position:left top;z-index:100;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden;transition:opacity 0.5s ease;}
.owl-prev span {left:50%;margin-left:-48%;background-image:url(../img/btn_indexprev.png);background-size:contain;}
.owl-next span {right:50%;margin-right:-48%;background-image:url(../img/btn_indexnext.png);background-size:contain;}
.owl-prev span:hover, .owl-next span:hover {opacity:1;}

/* ------- COMPANY --------- */

#greeting-area {position:relative;background:url(../img/img_greeting.jpg) center center no-repeat fixed;background-size:cover;}
#greeting-area .mek-title {color:#fff;}
#greeting-area .mek-subtitle {color:#fff;}
#greeting-area hr {color:#fff;}
#greeting-area .greeting-text {position:absolute;top:15rem;left:50%;width:100%;max-width:140rem;padding:0 5rem;transform:translateX(-50%);z-index:10;}
#greeting-area .greeting-text li {margin-bottom:3.5rem;font-size:2.2rem;font-weight:200;color:#fff;line-height:3rem;letter-spacing:-0.1rem;}
#greeting-area .greeting-text li:last-child {margin-bottom:0;}
#greeting-area .ceo-sign {text-align:right;}

.company-point {margin-top:11rem;}
.company-point li {float:left;width:calc(25% - 2%);min-height:30rem;margin:1%;padding:3%;font-size:1.8rem;line-height:2.5rem;border-radius:20px;background:#fff;}
.company-point li > div {width:11rem;height:11rem;margin:0 auto 3rem auto;border-radius:30rem;background:linear-gradient(-45deg, #008ba5, #00b7ce);}
.company-point li > div .mek-icons {margin-top:3.2rem;}

.col-square:nth-child(even) > div {float:left;width:50%;background:#fafafa;}
.col-square:nth-child(even) > ul {float:left;width:50%;background:#fafafa;}
.col-square:nth-child(odd) > div {float:right;width:50%;background:#fafafa;}
.col-square:nth-child(odd) > ul {float:left;width:50%;background:#fafafa;}
.col-square > div {height:40rem;background-size:cover;background-position:center center;filter:grayscale(100%);}
.col-square > div:hover, .col-square > div.aos-animate {filter:grayscale(0);}
.col-square > ul {min-height:40rem;max-height:40rem;padding:6% 5%;}
.col-square > ul h5 {margin-bottom:2rem;font-size:3rem;font-weight:600;color:#000;}
.col-square > ul li {list-style:circle;font-size:2rem;letter-spacing:-.02rem;line-height:3.8rem;color:#636569;}

#company-map {position:relative;height:50rem;background:url("../img/company_googlemap.jpg") center center fixed no-repeat;background-size:cover;}
#company-map .map-illust {position:absolute;top:50%;left:15%;opacity:0.95;transform:translateY(-50%);z-index:10;}
#company-map .map-illust img {width:70%;}
#company-map .map-colors {position:absolute;top:7rem;right:7rem;font-size:1.8rem;color:#fff;z-index:10;}
#company-map .map-colors li {padding:1rem 0;}

/* ------- NEWS --------- */
.sub-content-news {background:#f5f5f5;}
.sub-content-news li {display:inline-block;position:relative;width:33.33%;background:#fff;vertical-align:top;}
.sub-content-news li .panel-text {min-height:30rem;padding:10%;text-align:left;background:#fff;}
.sub-content-news li .slide-img {position:relative;width:100%;padding:33% 0;background-size:101%;background-position:center center;transition:background 1s;}
.sub-content-news li .slide-img:after {display:block;content:"";position:absolute;bottom:0;left:0;width:100%;height:100%;background:rgba(37,158,193,.05);transition:background 1s;}
.sub-content-news li:hover .slide-img {background-size:115%;}
.sub-content-news li:hover .slide-img:after {background:rgba(0,0,0,0)}

.sub-content-news .owl-content .owl-stage {padding-left:0 !important;}
.sub-content-news h5 {font-size:3.3rem;font-weight:700;letter-spacing:-.07rem;}
.sub-content-news .panel-text span {margin-top:1.5rem;font-size:1.8rem;letter-spacing:-.05rem;line-height:2.6rem;color:#636569;}
.sub-content-news .owl-prev span {left:-5rem;margin-left:auto;background-image: url(../img/btnb_indexprev.png);}
.sub-content-news .owl-next span {right:-5rem;margin-right:auto;background-image: url(../img/btnb_indexnext.png);}

/* ------- NEWS --------- */

#index-cs .news-contents-left {position:relative;float:left;width:50%;padding-right:3rem;}
#index-cs .news-contents-right {float:left;width:50%;padding-left:3rem;}
#index-cs li {padding:2.5rem 0;border-bottom:solid .1rem #ddd;overflow:hidden;}
#index-cs li:first-child {padding:4.5rem 0 3rem 0;border-top:solid .2rem #292b2c;}
#index-cs li:last-child {padding:3rem 0 4.5rem 0;border-bottom:solid .2rem #292b2c;}
#index-cs li a {font-size:2.5rem;white-space:nowrap;}
#index-cs li.active a {font-weight:600;}

#cs-guide {background:#ecf0f1;}
#cs-guide.darkness {background:linear-gradient(-45deg, #000000, #00b7ce);}
#cs-guide .column-3 {margin:-1%;text-align:center;}
#cs-guide .column-3 li {display:inline-block;position:relative;width:calc(33.33% - 2rem);max-width:50rem;margin:1rem;background:#fff;vertical-align:top;}
#cs-guide .column-3 li a {display:block;}
#cs-guide .column-3 li a .panel-text {padding:10%;min-height:22rem;text-align:left;}
#cs-guide .column-3 li .column-3-img {position:relative;width:100%;padding:52% 0;transition:background 1s;}
#cs-guide .column-3 li .column-3-img:after {display:block;content:"";position:absolute;bottom:0;left:0;width:100%;height:100%;background:rgba(37,158,193,.1);transition:background 1s;}
#cs-guide .column-3 li:hover .column-3-img {background-size:115% !important;}
#cs-guide .column-3 li:hover .column-3-img:after {background:rgba(0,0,0,0)}
#cs-guide .column-3 h5 {font-size:3.3rem;font-weight:700;letter-spacing:-.07rem;}
#cs-guide .column-3 span {margin-top:1.5rem;font-size:1.8rem;letter-spacing:-.05rem;line-height:2.6rem;color:#636569;}

/* ------- RECRUIT --------- */

#target_saram {background:#f5f5f5;}
#recruit-company {background:#f0f4f6;background-image:url('../img/recruit/bg_system.jpg');background-position:top center;background-repeat:no-repeat;}
#recruit-company .img-system {text-align:center;}
#recruit-company .img-system-logo {margin-top:-8.5rem;text-align:center;}
#recruit-company .img-system-logo img {width:43.7rem;}
#recruit-company .content-g2 {width:70rem;margin:0 auto;text-align:center;line-height:3.5rem;}
#recruit-company .content-g2.contents-01 {margin-top:15rem;margin-bottom:9rem;}
#recruit-company .content-g2.contents-02 {margin-top:9rem;margin-bottom:10rem;}

#recruit-info .recruit-info-01 tbody th {width:25%;}
#recruit-info .recruit-info-01 tbody td {width:75%;}
#recruit-info .recruit-info-02 {margin:10rem 0;}
#recruit-info .recruit-info-02 td {position:relative;width:33.33%;text-align:center;}
#recruit-info .recruit-info-03 tbody th {width:25%;}
#recruit-info .recruit-info-03 tbody td {width:75%;}

#recruit-disabled {position:relative;height: 50rem;}
#recruit-disabled .index-parallax-text {position:absolute;top:50%;left:50%;width:100%;padding:5%;text-align:center;transform:translate(-50%, -50%);z-index:11;}
#recruit-disabled .index-parallax-text h3 {font-size:3rem;font-weight:600;color:#fff;}
#recruit-disabled .parallax-logo img {width:30%;}
#recruit-disabled hr {margin-top:4rem;margin-bottom:-1rem;color:#ffffff;}
#recruit-disabled span {display:block;margin-top:4rem;line-height:4.5rem;font-size:3rem;font-weight:200;color:#ffffff;}
#recruit-disabled span em {font-weight:600;}
#recruit-disabled .parallax-inner {width:100%;height:100%;background:url("../img/recruit/index_pallax_recruit.jpg") center center no-repeat fixed;background-size:cover;}

#recruit-info .arrow-next {position:absolute;top:25%;right:10px;}
#recruit-info .arrow-prev::after {position:absolute;left:35px;top:20px;content:'';width:50px;height:50px;border-top:5px solid #000;border-right:5px solid #000;transform:rotate(225deg);}
#recruit-info .recruit-info-02 td .arrow-next::after {position:absolute;top:10px;left:1rem;content:'';width:30px;height:30px;border-top:5px solid #000;border-right:5px solid #000;transform:rotate(45deg);}
#recruit-info .recruit-info-02 td:first-child .arrow-next::after {left:-2rem;}

#recruit-welfare {background:#f0f4f7;}
#recruit-welfare li {float:left;width:calc(25% - 2.8rem);min-height:38rem;margin:1.4rem;padding:17rem 3rem 3rem 3rem;text-align:center;border:solid .3rem #fff;border-radius:2rem;}
#recruit-welfare li:nth-child(1) {background:url(../img/recruit/ico_recruit_07.png) no-repeat center 2rem;background-size:25rem;}
#recruit-welfare li:nth-child(2) {background:url(../img/recruit/ico_recruit_08.png) no-repeat center 2rem;background-size:25rem;}
/*#recruit-welfare li:nth-child(3) {background:url(../img/recruit/ico_recruit_01.png) no-repeat center 2rem;background-size:25rem;}*/
#recruit-welfare li:nth-child(3) {background:url(../img/recruit/ico_recruit_05.png) no-repeat center 2rem;background-size:25rem;}
#recruit-welfare li:nth-child(4) {background:url(../img/recruit/ico_recruit_16.png) no-repeat center 2rem;background-size:25rem;}
#recruit-welfare li:nth-child(5) {background:url(../img/recruit/ico_recruit_09.png) no-repeat center 2rem;background-size:25rem;}
#recruit-welfare li:nth-child(6) {background:url(../img/recruit/ico_recruit_02.png) no-repeat center 2rem;background-size:25rem;}
#recruit-welfare li:nth-child(7) {background:url(../img/recruit/ico_recruit_04.png) no-repeat center 2rem;background-size:25rem;}
#recruit-welfare li:nth-child(8) {background:url(../img/recruit/ico_recruit_10.png) no-repeat center 2rem;background-size:25rem;}
#recruit-welfare li:nth-child(9) {background:url(../img/recruit/ico_recruit_06.png) no-repeat center 2rem;background-size:25rem;}
#recruit-welfare li:nth-child(10) {background:url(../img/recruit/ico_recruit_11.png) no-repeat center 2rem;background-size:25rem;}
#recruit-welfare li:nth-child(11) {background:url(../img/recruit/ico_recruit_15.png) no-repeat center 2rem;background-size:25rem;}
#recruit-welfare li:nth-child(12) {background:url(../img/recruit/ico_recruit_03.png) no-repeat center 2rem;background-size:25rem;}
#recruit-welfare li:nth-child(13) {background:url(../img/recruit/ico_recruit_13.png) no-repeat center 2rem;background-size:25rem;}
#recruit-welfare li:nth-child(14) {background:url(../img/recruit/ico_recruit_12.png) no-repeat center 2rem;background-size:25rem;}
#recruit-welfare li:nth-child(15) {background:url(../img/recruit/ico_recruit_14.png) no-repeat center 2rem;background-size:25rem;}

#recruit-welfare li img {width:80%;}
#recruit-welfare li h4 {margin-top:2rem;font-size:2.2rem;font-weight:700;}
#recruit-welfare li p {margin-top:1rem;font-size:1.7rem;line-height:2rem;}

#recruit-photo .btn-numview, #recruit-photo .panel-text {display:none;}

#recruit-photo li .slide-img {background-size:154%;}
#recruit-photo li:hover .slide-img {background-size:170%;}

.jobs ul {border-top:solid 0.2rem #292b2c;border-bottom:solid 0.2rem #292b2c;}
.jobs li {position:relative;text-align:left;padding:3rem 2rem;font-size:3rem;font-weight:500;border-bottom: solid 0.1rem #ddd;}
.jobs .active_badge {margin-right:2rem;padding:1rem;font-size:2rem;color:#fff;background:linear-gradient(-45deg, #008ba5, #00b7ce);border-radius:1rem;vertical-align:text-top;}
.jobs .active_badge.nonegray {background:#b7b7b7;}
.jobs .job_type {margin:0 3rem 0 2rem;font-weight:400;}
.jobs .job_date {position:absolute;top:4rem;right:3rem;font-size:2rem;font-weight:400;color:#777;}
.job_brand {margin-top:1rem;text-align:right;color:#aaa;}
.job_brand a {display:inline-block;color:#aaa;}

#sub-content-youtube .mek-con-title {margin-bottom:3rem;}
.youtube-video {width:100%;margin-bottom:3rem;padding:1rem;background-color:#fff;}
.video-container {position:relative;width:100%;height:auto;padding-top:56.26%;}
.youtube-video iframe {position:absolute;width:100%;height:100%;top:0;left:0;z-index:1;}

@keyframes index-hero {
	0% {transform: scale(1.15);filter:brightness(130%);}
	100% {transform: scale(1);filter:brightness(100%);}
}
@keyframes absolutenav {
	0% {top:-12rem;}
	20% {top:-12rem;}
	100% {top:0;}
}
@keyframes fixednav {
	0% {top:-7rem;}
	100% {top:0;}
}
@keyframes nav-sns {
	0% {bottom:-5rem;}
	30% {bottom:-5rem;}
	100% {bottom:2rem;}
}
@keyframes nav-intranet {
	0% {bottom:-5rem;}
	30% {bottom:-5rem;}
	100% {bottom:1rem;}
}
@keyframes main-menu-li {
	0% {top:10rem;opacity:0;}
	100% {top:0;opacity:1;}
}
@keyframes backanimation { 
	0%{background-position:0% 100%}
	50%{background-position:100% 0%}
	100%{background-position:0% 100%}
}