@charset "UTF-8";
html, body { height: 100%; width: 100%; }

body { font-family: 'メイリオ', 'Merriweather', 'Helvetica Neue', Arial, sans-serif; }

hr { border-color: #468c46; border-width: 3px; max-width: 50px; }

hr.light { border-color: white; }

a { -webkit-transition: all 0.35s; -moz-transition: all 0.35s; transition: all 0.35s; color: #468c46; }

a:hover, a:focus { color: #356a35; }

h1, h2, h3, h4, h5, h6 { font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif; }

p { font-size: 16px; line-height: 1.5; margin-bottom: 20px; }

.bg-primary { background-color: #468c46; }

.bg-dark { background-color: #222; color: white; }

.text-faded { color: white; text-shadow: 1px 1px 0 black; }

section { padding: 0 0; }

aside { padding: 50px 0; }

.no-padding { padding: 0; }

.navbar-default { background-color: white; border-color: rgba(34, 34, 34, 0.5); font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif; -webkit-transition: all 0.35s; -moz-transition: all 0.35s; transition: all 0.35s; }

.navbar-default .navbar-header .navbar-brand { color: #468c46; font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif; font-weight: 700; text-transform: uppercase; }

.navbar-default .navbar-header .navbar-brand:hover, .navbar-default .navbar-header .navbar-brand:focus { color: #356a35; }

.navbar-default .nav > li > a, .navbar-default .nav > li > a:focus { text-transform: uppercase; font-weight: 700; font-size: 13px; color: #222; }

.navbar-default .nav > li > a:hover, .navbar-default .nav > li > a:focus:hover { color: #468c46; }

.navbar-default .nav > li.active > a, .navbar-default .nav > li.active > a:focus { color: #468c46 !important; background-color: transparent; }

.navbar-default .nav > li.active > a:hover, .navbar-default .nav > li.active > a:focus:hover { background-color: transparent; }

.navbar-default .nav_qunomon { margin: 13px 0px 0px 0px; height: 25px; float: left; }

.navbar-default .nav_aist_logo { margin: 15px 0px 0px 10px; height: 20px; float: left; }

@media (min-width: 768px) { .navbar-default { background-color: rgba(255, 255, 255, 0.2); border-color: rgba(255, 255, 255, 0.3); } .navbar-default .navbar-header .navbar-brand { color: rgba(255, 255, 255, 0.7); } .navbar-default .navbar-header .navbar-brand:hover, .navbar-default .navbar-header .navbar-brand:focus { color: white; } .navbar-default .nav > li > a, .navbar-default .nav > li > a:focus { color: rgba(255, 255, 255, 0.7); } .navbar-default .nav > li > a:hover, .navbar-default .nav > li > a:focus:hover { color: white; } .navbar-default .nav_qunomon { width: 240px; height: 50px; margin: 10px 0px 0px 0px; float: left; } .navbar-default .nav_aist_logo { width: 150px; height: 26px; margin: 10px 10px 0px 0px; float: right; } .navbar-default.affix { background-color: white; border-color: rgba(34, 34, 34, 0.5); } .navbar-default.affix .navbar-header .navbar-brand { color: #468c46; font-size: 14px; } .navbar-default.affix .navbar-header .navbar-brand:hover, .navbar-default.affix .navbar-header .navbar-brand:focus { color: #356a35; } .navbar-default.affix .nav-transition .nav_qunomon { width: 180px; } .navbar-default.affix .nav-transition .nav_aist_logo { width: 120px; } .navbar-default.affix .nav > li > a, .navbar-default.affix .nav > li > a:focus { color: #222; } .navbar-default.affix .nav > li > a:hover, .navbar-default.affix .nav > li > a:focus:hover { color: #468c46; } }

header { position: relative; width: 100%; min-height: auto; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; -o-background-size: cover; background-position: center; text-align: center; color: white; }

header .header-content { text-align: center; padding: 100px 0px 100px; width: 100%; }

header .header-content .header-content-inner { float: left; position: relative; }

header .header-content .header-content-inner h1 { font-weight: 1000; text-transform: uppercase; margin-top: 0; margin-bottom: 0; }

header .header-content .header-content-inner p { font-weight: 300; color: rgba(255, 255, 255, 0.7); font-size: 16px; margin-bottom: 50px; }

header .header-content .header-video { position: relative; width: 100%; height: auto; }

header .header-content hr { margin: 30px auto 30px auto; }

@media (min-width: 768px) { header { min-height: 100%; } header .header-content { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); padding: 0 50px; } header .header-content .header-content-inner { max-width: 1000px; margin-left: auto; margin-right: auto; } header .header-content .header-content-inner p { font-size: 18px; margin-left: auto; margin-right: auto; } }

.section-heading { margin-top: 20px; color: white; }

.service-box { max-width: 400px; margin: 50px auto 0; }

@media (min-width: 992px) { .service-box { margin: 20px auto 0; } }

.service-box p { margin-bottom: 0; }

.portfolio-box { position: relative; display: block; max-width: 650px; margin: 0 auto; }

.portfolio-box .portfolio-box-caption { color: white; opacity: 0; display: block; background: rgba(70, 140, 70, 0.9); position: absolute; bottom: 0; text-align: center; width: 100%; height: 100%; -webkit-transition: all 0.35s; -moz-transition: all 0.35s; transition: all 0.35s; }

.portfolio-box .portfolio-box-caption .portfolio-box-caption-content { width: 100%; text-align: center; position: absolute; top: 50%; transform: translateY(-50%); }

.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category, .portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name { font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif; padding: 0 15px; }

.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category { text-transform: uppercase; font-weight: 600; font-size: 14px; }

.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name { font-size: 18px; }

.portfolio-box:hover .portfolio-box-caption { opacity: 1; }

@media (min-width: 768px) { .portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category { font-size: 16px; } .portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name { font-size: 22px; } }

.call-to-action h2 { margin: 0 auto 20px; }

.text-primary { color: #468c46; }

.no-gutter > [class*='col-'] { padding-right: 0; padding-left: 0; }

.btn-default { color: #222; background-color: white; border-color: white; -webkit-transition: all 0.35s; -moz-transition: all 0.35s; transition: all 0.35s; }

.btn-default:hover, .btn-default:focus, .btn-default.focus, .btn-default:active, .btn-default.active, .open > .dropdown-toggle .btn-default { color: #222; background-color: #f2f2f2; border-color: #ededed; }

.btn-default:active, .btn-default.active, .open > .dropdown-toggle .btn-default { background-image: none; }

.btn-default.disabled, .btn-default.disabled:hover, .btn-default.disabled:focus, .btn-default.disabled.focus, .btn-default.disabled:active, .btn-default.disabled.active, .btn-default[disabled], .btn-default[disabled]:hover, .btn-default[disabled]:focus, .btn-default.focus[disabled], .btn-default[disabled]:active, .btn-default.active[disabled], fieldset[disabled] .btn-default, fieldset[disabled] .btn-default:hover, fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default.focus, fieldset[disabled] .btn-default:active, fieldset[disabled] .btn-default.active { background-color: white; border-color: white; }

.btn-default .badge { color: white; background-color: #222; }

.btn-primary { color: white; background-color: #468c46; border-color: #468c46; -webkit-transition: all 0.35s; -moz-transition: all 0.35s; transition: all 0.35s; background-color: #292929; }

.btn-primary:hover, .btn-primary:focus, .btn-primary.focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle .btn-primary { color: white; background-color: #3e7b3e; border-color: #3a743a; }

.btn-primary:active, .btn-primary.active, .open > .dropdown-toggle .btn-primary { background-image: none; }

.btn-primary.disabled, .btn-primary.disabled:hover, .btn-primary.disabled:focus, .btn-primary.disabled.focus, .btn-primary.disabled:active, .btn-primary.disabled.active, .btn-primary[disabled], .btn-primary[disabled]:hover, .btn-primary[disabled]:focus, .btn-primary.focus[disabled], .btn-primary[disabled]:active, .btn-primary.active[disabled], fieldset[disabled] .btn-primary, fieldset[disabled] .btn-primary:hover, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary.focus, fieldset[disabled] .btn-primary:active, fieldset[disabled] .btn-primary.active { background-color: #468c46; border-color: #468c46; }

.btn-primary .badge { color: #468c46; background-color: white; }

.btn-primary:hover { background-color: #151515; }

.btn { font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif; border: none; border-radius: 300px; font-weight: 700; text-transform: uppercase; }

.btn-xl { padding: 15px 30px; }

#contact .fa { color: #222; font-size: 4em; }

::-moz-selection { color: white; text-shadow: none; background: #222; }

::selection { color: white; text-shadow: none; background: #222; }

img::selection { color: white; background: transparent; }

img::-moz-selection { color: white; background: transparent; }

body { -webkit-tap-highlight-color: #222; }

body { background-image: url("../img/header.jpg"); background-attachment: fixed; background-size: cover; }

section.pickup { clear: both; background: none; color: #022011; }

#contact { background-color: white; }

#footer { background-color: white; text-align: center; }

#nav_usermamual, #nav_aitguide, #nav_aitsdk, #nav_restapi, #nav_contact, #nav_translate { font-size: 18px; color: #022011; }

.pickup .sentence { background-color: rgba(0, 0, 0, 0.45); padding: 20px 40px; border-radius: 60px; }

.pickup .container { padding: 40px 0px; }

.nav-transition img { transition: width 300ms 0s ease; }

.nav_qunomon { filter: drop-shadow(0 0 5px white); }

.navbar-default .navbar-collapse, .navbar-default .navbar-form { border: none; }

.header_qunomon { width: 60%; filter: drop-shadow(0 0 5px rgba(255, 255, 255, 0.6)); padding-top: 50px; }

header .header-content .header-content-inner p.sentence { color: white; font-weight: 600; text-shadow: 1px 1px 0 black; background-color: rgba(0, 0, 0, 0.45); padding: 10px; border-radius: 20px; }

header .header-content .header-content-inner p.sentence.english, .pickup .english { font-family: 'Merriweather', 'Helvetica Neue', Arial, sans-serif; font-weight: 400; }

header .header-content .header-content-inner p.sentence.english b, header .header-content .header-content-inner p.sentence.english strong { font-size: 120%; font-weight: 900; }

header .header-content .header-content-inner p.sentence a { color: white; font-weight: 900; position: relative; display: inline-block; text-decoration: none; border-bottom: 2px solid #285028; }

header .header-content .header-content-inner p.sentence a:hover { color: #64a064; }

.row-center { text-align: center; letter-spacing: -0.4em; }

.row-center > [class*='col-'] { display: inline-block; letter-spacing: 0; vertical-align: top; float: none !important; }

.row-center.va-middle > [class*='col-'] { vertical-align: middle; }

.row-center.va-bottom > [class*='col-'] { vertical-align: bottom; }

.where-bg-white { color: black; }

/*# sourceMappingURL=main.css.map */