@charset "utf-8";
/*--------------------------------------------------*/
/* Background image for movie */
/*--------------------------------------------------*/
.section-header #movie { background-image: url(../images/movie-background.jpg); }

/*--------------------------------------------------*/
/* webfonts */
/*--------------------------------------------------*/
@import url("//hello.myfonts.net/count/2d2bec");
@font-face {font-family: 'HalisGR-Bold';src: url('../fonts/2D2BEC_4_0.eot');src: url('../fonts/2D2BEC_4_0.eot?#iefix') format('embedded-opentype'),url('../fonts/2D2BEC_4_0.woff2') format('woff2'),url('../fonts/2D2BEC_4_0.woff') format('woff'),url('../fonts/2D2BEC_4_0.ttf') format('truetype');}
@font-face {font-family: 'HalisGR-Thin';src: url('../fonts/2D2BEC_16_0.eot');src: url('../fonts/2D2BEC_16_0.eot?#iefix') format('embedded-opentype'),url('../fonts/2D2BEC_16_0.woff2') format('woff2'),url('../fonts/2D2BEC_16_0.woff') format('woff'),url('../fonts/2D2BEC_16_0.ttf') format('truetype');}
@font-face {font-family: 'HalisGR-Book';src: url('../fonts/2D2BEC_6_0.eot');src: url('../fonts/2D2BEC_6_0.eot?#iefix') format('embedded-opentype'),url('../fonts/2D2BEC_6_0.woff2') format('woff2'),url('../fonts/2D2BEC_6_0.woff') format('woff'),url('../fonts/2D2BEC_6_0.ttf') format('truetype');}
body,
.HalisGR-Book { font-family: HalisGR-Book; }
.HalisGR-Bold { font-family: HalisGR-Bold; }
.HalisGR-Thin { font-family: HalisGR-Thin; }

/*--------------------------------------------------*/
/* margin,border,a */
/*--------------------------------------------------*/
body { word-wrap: break-word; }
.mb0 { margin-bottom: 0 }
.border-none { border: 0; }
a:link,a:visited,a:hover,a:active { color: #4b6b93; }

/*--------------------------------------------------*/
/* slideshow */
/*--------------------------------------------------*/
.slideshow { overflow: hidden; }
.slideshow img.alt { display: none; }

/*--------------------------------------------------*/
/* section */
/*--------------------------------------------------*/
section { margin-top: 144px; }
section.section-header { margin-top: 0; }
@media screen and (max-width: 991px) { section { margin-top: 72px; } }

/*--------------------------------------------------*/
/* .section-header (navbar for Smartphone) */
/*--------------------------------------------------*/
.section-header .visible-xs .navbar .navbar-brand img { height: 12px; margin: 4px 0; }
.section-header .visible-xs .navbar .navbar-collapse { border-top: 0; -webkit-box-shadow: none; box-shadow: none; }

/*--------------------------------------------------*/
/* .section-header (layout) */
/*--------------------------------------------------*/
.section-header #movie { position: relative; background-color: #000000; background-repeat: no-repeat; background-position: center center; -o-background-size: 100% 100%, auto; -moz-background-size: 100% 100%, auto; -webkit-background-size: 100% 100%, auto; background-size: 100% 100%, auto; }
.section-header #glayLayer { background: rgba( 0, 0, 0, 0.25 ); }
.section-header header { width: 100%; line-height: 1; color: #ffffff; position: absolute; left: 0; top: 20px; z-index: 100; }
.section-header header a:link,
.section-header header a:visited { color: #ffffff; text-decoration: none; }
.section-header header a:hover,
.section-header header a:active { color: #ffffff; text-decoration: none; opacity: 0.7; }
.section-header header .logo-nttdata{ margin-right: 14px; }
.section-header header h1 { margin: 0; }
.section-header header ul li { border-left: 1px solid; }
.section-header header ul li:first-child { border: 0; }
.section-header header .list-inline>li { padding-right: 1em; padding-left: 1em; }
.section-header .container-copy { width: 100%; display: table; color: #ffffff; }
.section-header .container-copy .row { display: table-cell; vertical-align: middle; }
.section-header .container-paginate { width: 100%; position: absolute; left: 0; bottom: 0; }
.section-header .caption-movie { margin: 7px 0 0 0; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; color: #7f7f7f; }

/*--------------------------------------------------*/
/* .section-header (font-size) */
/*--------------------------------------------------*/
/*All Device*/
.section-header .container-paginate a,
.section-header .container-paginate a:hover { color: #ffffff; text-decoration: none; font-size: 36px; font-size: 3.6rem; }
.section-header .caption-movie { font-size: 8px; font-size: 0.8rem; }
/*PC*/
.section-header .container-copy .copy-large { font-size: 50px; font-size: 5rem; }
/*Smartphone*/
@media screen and (min-width: 320px) and (max-width: 414px) { .section-header .container-copy .copy-large { font-size: 16px; font-size: 1.6rem; } }
/*Tablet portlate*/
@media screen and (min-width: 415px) and (max-width: 768px) { .section-header header .list-inline>li { padding: 0 6px; font-size: 12px; font-size: 1.2rem; } .section-header .container-copy .copy-large { font-size: 24px; font-size: 2.4rem; } }
/*Tablet landscape*/
@media screen and (min-width: 769px) and (max-width: 1024px) { .section-header .container-copy .copy-large { font-size: 32px; font-size: 3.2rem; } }

/*--------------------------------------------------*/
/* .section-introduction (layout) */
/*--------------------------------------------------*/
.section-introduction { margin-top: 72px; }
.section-introduction .section-inner { margin-top: 144px; }
@media screen and (max-width: 991px) { .section-introduction .section-inner { margin-top: 72px; } }
.section-introduction .headline-large { margin-bottom: 36px; }
.section-introduction h2 { margin: 0 0 0 -10px; font-weight: normal; font-family: HalisGR-Thin; }
.section-introduction .box-discovery { padding-left: 30px; }
@media screen and (max-width: 991px) { .section-introduction h2 { margin: 18px 0 0 0; } .section-introduction .box-discovery { padding-left: 15px; } }
.section-introduction h3 { margin: 36px 0 18px 0; font-weight: normal; font-family: HalisGR-Bold; }
@media screen and (max-width: 991px) { .section-introduction h3 { margin: 18px 0; } }

/*--------------------------------------------------*/
/* .section-introduction (font-size) */
/*--------------------------------------------------*/
.section-introduction h2 { font-size: 97px; font-size: 9.7rem; line-height: 0.8; }
@media screen and (max-width: 991px) { .section-introduction h2 { font-size: 60px; font-size: 6rem; } }
.section-introduction h3 { font-size: 26px; font-size: 2.6rem; }

/*--------------------------------------------------*/
/* .section-case_studies (layout) */
/*--------------------------------------------------*/
.section-case_studies { padding-bottom: 72px; background: #ececec; }
@media screen and (max-width: 991px) { .section-case_studies { padding-bottom: 36px; } }
.section-case_studies h2 { margin-top: 72px; font-family: HalisGR-Bold; }
@media screen and (max-width: 991px) { .section-case_studies h2 { margin: 36px 0 0 0; } }
.section-case_studies h3 { margin: 18px 0; font-family: HalisGR-Bold; }
.section-case_studies .section-inner { margin-top: 72px; }
@media screen and (max-width: 991px) { .section-case_studies .section-inner { margin-top: 0; } }
@media screen and (max-width: 991px) { .section-case_studies .col-xs-12 { margin-top: 36px; } }

/*--------------------------------------------------*/
/* .section-case_studies (font-size) */
/*--------------------------------------------------*/
.section-case_studies h2 { font-size: 26px; font-size: 2.6rem; }
.section-case_studies h3 { font-size: 18px; font-size: 1.8rem; }

/*--------------------------------------------------*/
/* .section-features (layout) */
/*--------------------------------------------------*/
.section-features h2 { font-family: HalisGR-Bold; }
.section-features h3 { font-family: HalisGR-Bold; }
.section-features h4 { margin: 18px 0; font-family: HalisGR-Bold; }
.section-features .section-inner { margin-top: 72px; }
@media screen and (max-width: 991px) { .section-features .section-inner { margin-top: 0; } .section-features .section-inner .col-sm-6 { margin-top: 72px; } }

/*--------------------------------------------------*/
/* .section-features (font-size) */
/*--------------------------------------------------*/
.section-features h2 { font-size: 26px; font-size: 2.6rem; }
.section-features h3 { font-size: 30px; font-size: 3rem; }
.section-features h4 { font-size: 14px; font-size: 1.4rem; }

/*--------------------------------------------------*/
/* .section-corporate_profile (layout) */
/*--------------------------------------------------*/
.section-corporate_profile .section-corporate_profile_inner { border: 1px solid; }
.section-corporate_profile h2 { margin-top: 54px; margin-bottom: 0; font-family: HalisGR-Bold; }
.section-corporate_profile .section-corporate_profile_inner .row { margin-top: 18px; margin-bottom: 36px; }
.section-corporate_profile .section-corporate_profile_inner .section-corporate_profile-arrow a,
.section-corporate_profile .section-corporate_profile_inner .section-corporate_profile-arrow a:hover { color: #333333; text-decoration: none; }
/*PC*/
.section-corporate_profile .section-corporate_profile-logo{ margin: 2em 0 0 0; }
.section-corporate_profile .section-corporate_profile-arrow{ margin: 1.5em 0 0 0; }
/*Smartphone*/
@media screen and (min-width: 320px) and (max-width: 414px) { .section-corporate_profile .section-corporate_profile-logo{ margin: 2em 0 0 0; } .section-corporate_profile .section-corporate_profile-arrow{ margin: 1.5em 0 0 0; } }
/*Tablet portlate*/
@media screen and (min-width: 415px) and (max-width: 768px) { .section-corporate_profile .section-corporate_profile-logo{ margin: 4em 0; } .section-corporate_profile .section-corporate_profile-arrow{ margin: 3em 0; } }
/*Tablet landscape*/
@media screen and (min-width: 769px) and (max-width: 1024px) { .section-corporate_profile .section-corporate_profile-logo{ margin: 2em 0 0 0; } .section-corporate_profile .section-corporate_profile-arrow{ margin: 1.5em 0 0 0; } }

/*--------------------------------------------------*/
/* .section-corporate_profile (font-size) */
/*--------------------------------------------------*/
.section-corporate_profile h2 { font-size: 26px; font-size: 2.6rem; }
.section-corporate_profile .section-corporate_profile_inner .section-corporate_profile-arrow a,
.section-corporate_profile .section-corporate_profile_inner .section-corporate_profile-arrow a:hover { font-size: 36px; font-size: 3.6rem; }

/*--------------------------------------------------*/
/* .section-contact_us (layout) */
/*--------------------------------------------------*/
.section-contact_us { padding-bottom: 72px; background: #000000; color: #ffffff; }
.section-contact_us h2 { margin-top: 72px; margin-bottom: 36px; font-family: HalisGR-Bold; }
.section-contact_us .section-contact_us-button { margin-top: 36px; }
.section-contact_us .section-contact_us-button a.btn { padding-top: 17px; padding-bottom: 16px; background: #000000; color: #ffffff; border: 1px solid #ffffff; border-radius: 0; }
.section-contact_us .section-contact_us-button a:hover.btn { background: #ffffff; color: #000000; }

/*--------------------------------------------------*/
/* .section-contact_us (font-size) */
/*--------------------------------------------------*/
.section-contact_us h2 { font-size: 26px; font-size: 2.6rem; }
.section-contact_us .section-contact_us-button a.btn { font-size: 22px; font-size: 2.2rem; }

/*--------------------------------------------------*/
/* .section-footer (layout) */
/*--------------------------------------------------*/
.section-footer { padding-top: 18px; }
.section-footer a:link,
.section-footer a:visited { color: #333333; text-decoration: none; }
.section-footer a:hover,
.section-footer a:active { color: #333333; text-decoration: none; opacity: 0.7; }
.section-footer ul.list-inline { margin-right: -14px; }
.section-footer ul.list-inline li { border-left: 1px solid; }
.section-footer ul.list-inline li:first-child { border: 0; }
.section-footer .footer-headline { margin: 0 0 36px 0; }
.section-footer .list-inline>li { padding-right: 1em; padding-left: 1em; }
.section-footer .dropdown-toggle { margin-bottom: 20px; }

/*--------------------------------------------------*/
/* .section-footer (font-size) */
/*--------------------------------------------------*/
/*Smartphone*/
@media screen and (min-width: 320px) and (max-width: 414px) { .section-footer ul li { font-size: 16px; font-size: 1.6rem; } }
/*Tablet portlate*/
@media screen and (min-width: 415px) and (max-width: 768px) { .section-footer ul li { font-size: 12px; font-size: 1.2rem; } }
.section-footer .footer-arrow { font-size: 20px; font-size: 2rem; }
.section-footer address { font-size: 12px; font-size: 1.2rem; }