@charset 'UTF-8';body{background:#fff;}
img{max-width:100%;height:auto;}
.main{margin-bottom:20px;}
.header{border-top:6px solid #39F;background:#fff;}
.site-logo{margin-top:16px;margin-bottom:14px;padding-right:0;}
.breadcrumb{padding:0;background:none;}
.breadcrumb li+li:before{content:'>>';}
.navbar{min-height:auto;margin-bottom:0;}
@media screen and (min-width:768px) and (max-width:991px){.navbar .container{width:100%;}
}
.nav-toggle{text-align:right;}
.navbar-toggle{margin:20px 0 0 0;background-image:-webkit-linear-gradient(top,#272e62 0,#272e62 100%);background-image:-o-linear-gradient(top,#272e62 0,#272e62 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#272e62),to(#272e62));background-image:linear-gradient(to bottom,#272e62 0,#272e62 100%);}
.navbar-toggle .icon-bar{background-color:#FFF;}
.navbar-inverse{border:none;border-top:2px solid #206cc4;-webkit-border-radius:0;border-radius:0;background-color:#2865ac;background-image:-webkit-linear-gradient(top,#272e62 0,#272e62 100%);background-image:-o-linear-gradient(top,#272e62 0,#272e62 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#272e62),to(#272e62));background-image:linear-gradient(to bottom,#272e62 0,#272e62 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3c3c3c', endColorstr='#ff222222', GradientType=0);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);}
.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form{border:none;}
.navbar-collapse{box-shadow:none;}
@media screen and (min-width:768px){.navbar-collapse{margin-top:0;}
}
.navbar-nav{float:none;margin:0;}
.navbar-nav li{width:100%;}
.navbar-inverse .navbar-nav>li>a,
.navbar-inverse .navbar-nav .open .dropdown-menu>li>a{color:#fff;}
@media screen and (min-width:768px){.navbar-inverse .navbar-nav .open .dropdown-menu>li>a{color:#333;}
}
.navbar-inverse .navbar-nav>li>a:focus,
.navbar-inverse .navbar-nav>li>a:hover{color:#fff;background-color:#2865ac;}
.navbar-inverse .navbar-nav>.open>a,
.navbar-inverse .navbar-nav>.open>a:focus,
.navbar-inverse .navbar-nav>.open>a:hover{color:#fff;background-color:#2865ac;}
@media screen and (min-width:768px){.navbar-nav li{width:100%;}
.navbar-nav>li{width:calc(100%/5);text-align:center;}
.navbar-nav li:hover{background:rgba(255, 255, 255, 0.1);}
.navbar-inverse .navbar-nav>li>a{padding:20px 0;color:#fff;}
}
.sub-nav,
.navbar-form{display:none;}
.sub-nav a{color:#66737f;}
.sub-nav li:before{padding-right:5px;content:'>>';color:#90b7df;}
@media screen and (min-width:768px){.sub-nav{display:block;padding-top:30px;text-align:right;}
.navbar-form{display:block;padding:0;text-align:right;}
}
.input-group{width:280px;}
@media screen and (min-width:768px){.navbar-form .input-group .input-group-btn{width:1%;}
}
.jumbotron{margin:0;padding:0;}
.key-visual{margin:0 0 20px 0;}
.carousel-control i{position:absolute;z-index:5;top:50%;display:inline-block;margin-top:-10px;color:#bababa;}
.carousel-control .fa-angle-left{left:50%;margin-left:-10px;}
.carousel-control .fa-angle-right{right:50%;margin-right:-10px;}
@media screen and (min-width:768px){.carousel-control i{font-size:30px;width:30px;height:30px;margin-top:-15px;}
.carousel-control .fa-angle-left{margin-left:-15px;}
.carousel-control .fa-angle-right{margin-right:-15px;}
}
.carousel-indicators{display:none;}
.carousel-inner>.item>a>img{width:100%;}
.page-visual{background-color:#fff;margin-bottom:20px;}
.pagevisual-title{margin:0;font-size:30px;padding:15px 0 0 10px;height:54px;color:#272e62;background-color:#E6F2FF;background-image:url(../img/bg-title.jpg);background-repeat:no-repeat;background-position:right top;-webkit-background-size:50%;-o-background-size:50%;background-size:50%;}
@media screen and (min-width:768px){.pagevisual-title{font-size:30px;padding:60px 0 0 50px;height:160px;color:#272e62;background-position:right top;-webkit-background-size:auto;-o-background-size:auto;background-size:auto;}
}
.feature-block{margin-bottom:10px;}
@media screen and (min-width:768px){.feature-block{margin-bottom:0;text-align:center;}
}
.feature-block a{display:table;}
@media screen and (min-width:768px){.feature-block a{display:block;}
}
.feature-block a:hover{text-decoration:none;}
.feature-block a p,
.feature-block a h3{display:table-cell;float:none;vertical-align:middle;}
@media screen and (min-width:768px){.feature-block a p,
.feature-block a h3{display:block;float:left;}
}
.feature-block a p{padding-bottom:0;}
@media screen and (min-width:768px){.feature-block a p{margin-bottom:0;padding-bottom:10px;}
}
.feature-block a p img{border:4px solid #ececec;}
.feature-block a:hover p img{opacity:0.5;}
.feature-block a h3{font-family:'Roboto Condensed', sans-serif;font-size:20px;color:#666;}
@media screen and (min-width:480px){.feature-block a h3{font-size:20px;margin-top:0;padding:5x 0px 10px 0px;}
}
.feature-block a:hover h3{color:#bbb;}
.feature-block a h3 span{font-size:14px;display:block;}
.featureblock-title{padding-left:0;}
.home-subtitle{font-size:25px;padding-left:10px;border-left:4px solid #337ec4;}
.home-subtitle span{font-size:14px;font-weight:normal;display:block;}
@media screen and (min-width:768px){.home-subtitle{font-size:40px;}
.home-subtitle span{display:inline;margin-left:20px;}
}
.nav-tabs li{width:100%;padding-right:0;padding-left:0;}
@media screen and (min-width:768px){.nav-tabs li{width:190px;height:52px;margin:0 4px 0 0;}
}
.nav-tabs>li>a{font-size:16px;margin:0;padding:14px 15px;text-align:center;-webkit-border-radius:0;border-radius:0;background:#cfe4f6;}
@media screen and (min-width:768px){.nav-tabs>li>a{-webkit-border-radius:8px 8px 0 0;border-radius:8px 8px 0 0;}
}
.nav-tabs li.active a,
.nav-tabs li.active a:hover,
.nav-tabs li.active a:focus{color:#fff;background:#39f;}
.tab-content{padding:18px;border:2px solid #e8e8e8;background:#fff;}
.tab-pane{margin-bottom:0;list-style-type:none;-webkit-padding-start:0;}
.tab-pane li{overflow:hidden;}
.tab-pane li+li{margin-top:12px;}
.tab-pane div{float:left;}
.tab-pane .article-title{font-size:14px;line-height:1.4;float:left;display:block;margin:0;}
@media screen and (min-width:768px){.tab-pane .article-title{float:none;padding-left:154px;}
}
.tab-pane .date{width:80px;margin-right:10px;}
.tab-pane .label{display:inline-block;width:60px;margin-right:10px;padding:0.3em 0 0.4em;text-align:center;color:#fff;}
.label-new{background:#f0ad4e;}
.label-product{background:#5cb85c;}
.label-news{background:#5fc2df;}
.label-topics{background:#e54728;}
.label-seminer{background:#d34edf;}
.mainblock{padding:25px 0;border:1px solid #eaeaea;-webkit-border-radius:4px;border-radius:4px;background:#fff;}
.inner-block p{padding:0 15px;}
.inner-block li{padding:0 15px 10px;}
@media screen and (min-width:768px){.inner-block li{padding:0 15px;}
}
.article-nav ul{padding:15px;list-style:none;}
.article-nav li{display:inline-block;}
.article-nav .prev{float:left;}
.article-nav .next{float:right;}
.article-nav li a{font-size:14px;line-height:26px;display:inline-block;width:86px;height:26px;text-align:center;border:1px solid #ddd;-webkit-border-radius:13px;border-radius:13px;}
.article-nav li a:hover{text-decoration:none;background:#eee;}
.article-nav+.inner-block{border-top:1px solid #eaeaea;}
.maintitle{font-family:'Roboto Condensed', sans-serif;font-size:18px;line-height:1.2;position:relative;padding:12px 30px;color:#FFF;border-right:1px solid #eaeaea;border-bottom:1px solid #eaeaea;border-left:1px solid #eaeaea;background:#272e62;margin-top:0px;}
.subtitle{font-family:'Roboto Condensed', sans-serif;font-size:20px;line-height:1.2;padding:12px 20px 12px 16px;color:#272e62;border-top:1px solid #eaeaea;border-right:1px solid #eaeaea;border-bottom:1px solid #eaeaea;border-left:4px solid #272e62;}
.blocktitle{font-family:'Roboto Condensed', sans-serif;font-size:20px;font-weight:bold;line-height:1.2;padding:8px 10px;color:#272e62;border-bottom:2px solid #eaeaea;}
.boxtitle{font-family:'Roboto Condensed', sans-serif;font-size:20px;line-height:1.2;padding:8px 0;}
.tablebox{padding:25px 15px;border:1px solid #eaeaea;-webkit-border-radius:4px;border-radius:4px;background:#fff;}
.table>tbody>tr>th{border-top:none;border-bottom:2px solid #ddd;}
.table>tbody>tr>th:first-child,
.table>tbody>tr>td:first-child{padding:8px 8px 8px 15px;}
.thumb-box{padding:0;list-style:none;}
.thumb-box li{padding:0 15px 10px;}
@media screen and (min-width:768px){.thumb-box li{padding:0 15px;}
}
.thumb-box li a{position:relative;display:block;overflow:hidden;padding:4px;color:#333;border:1px solid #eaeaea;-webkit-border-radius:4px;border-radius:4px;background:#fff;}
.thumb-box li a:hover{text-decoration:none;border:1px solid #272e62;}
.thumb-box li a img{width:100%;height:auto;}
.thumb-box h3,
.thumb-box p{padding:0 15px;}
.thumb-box button{float:right;margin:0 15px 15px 0;}
.thumb-block{list-style:none;}
.thumb-block li{margin-bottom:10px;padding:4px 4px 15px;color:#333;border:1px solid #eaeaea;-webkit-border-radius:4px;border-radius:4px;background:#fff;}
@media screen and (min-width:768px){.thumb-block li{padding:4px;}
}
.thumb-block li div{position:relative;overflow:hidden;}
.thumb-block li:last-child{margin-bottom:20px;}
.thumb-block li>div:first-child{padding-right:0;padding-left:0;}
.thumb-block li>div:first-child img{width:100%;height:auto;}
.thumb-block button{float:right;}
.aside{margin:10px auto 0;}
.aside .banner{}
.aside p,
.aside .fb-page{text-align:left;}
.aside p a:hover{opacity:0.6;}
@media screen and (min-width:992px){.aside{margin:0 auto;}
.aside p img{width:100%;height:auto;}
}
.cat-nav{margin-bottom:10px;}
.cat-nav .cat-title{font-size:16px;line-height:20px;height:auto;margin:0;padding:10px;color:#fff;background:#272e62;}
.cat-nav ul{padding:0;list-style:none;border-top:1px solid #eaeaea;}
.cat-nav li{height:auto;border-right:1px solid #eaeaea;border-bottom:1px solid #eaeaea;border-left:1px solid #eaeaea;padding:5px;}
.cat-nav li a{font-size:16px;line-height:20px;display:block;padding:5px;color:#8e8e8e;}
.cat-nav li a::before{position:absolute;right:15px;}
.btn-pagetop{border-bottom:5px solid #39F;background:#fbfbfb;}
.btn-pagetop .container{text-align:right;}
.btn-pagetop .container a{display:inline-block;width:50px;height:25px;text-decoration:none;color:#fff;-webkit-border-radius:4px 4px 0 0;border-radius:4px 4px 0 0;background:#39f;}
.btn-pagetop .container a:hover{text-decoration:none;background:#c1d5e8;}
.btn-pagetop .container a i{padding-top:5px;}
.footer{background:#272e62;}
.footer .container{padding:10px 0 100px 0;}
.footer-nav{font-family:'Roboto Condensed', sans-serif;font-size:34px;margin:0;color:#dedede;}
@media screen and (min-width:768px){.footer-nav>div{float:left;max-width:50%;}
}
@media screen and (min-width:992px){.footer-nav>div{max-width:25%;text-align:left;}
}
.footernav-title{font-size:16px;margin:0;padding:10px 0;border-bottom:1px solid #fff;}
.footernav-title .glyphicon-chevron-down:before{margin-right:10px;}
@media screen and (min-width:768px){.footernav-title .glyphicon-chevron-down:before{display:none;}
}
.list-group{margin-bottom:0;}
.list-group a{font-size:14px;position:relative;display:block;padding:10px 15px;color:#c1e1ff;}
.list-group a:hover{text-decoration:none;color:#6aaae6;}
.footer-logo{margin-top:20px;}
.footer-icon .container{list-style-type:none;}
.footer-icon p,
.footer-icon ul{width:100%;text-align:center;}
.footer-icon li{display:inline-block;float:none;}
.footer-icon li a:hover{opacity:0.6;}
.footer-icon li img{width:40px;height:auto;border:2px solid #bedaff;}
.sns-icon{float:left;}
.copyright{text-align:center;color:#a0cdff;}
body{margin:0;padding:0;}
* html body{overflow:hidden;}
div#footerArea{position:fixed !important;position:absolute;bottom:0;left:0;width:100%;height:auto;background-color:#272e62;padding-bottom:10px;border-top:3px solid #FFF;}
* html div#contentsArea{height:100%;overflow:auto;}
.h1, .h2, .h3, h1, h2, h3{margin-top:0px;margin-bottom:10px;}
.h2, h2{font-size:24px;}
.h3, h3{font-size:16px;}
p{font-size:16px;}

.youtube {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
}

.index-content a:hover {
  color: black;
  text-decoration: none;
}

.index-content {
  margin-bottom: 20px;
  padding: 20px 0px 20px 0px;
}

.index-content .card {
  margin-bottom: 20px;
}

.index-content .row {
  margin-top: 20px;
}

.index-content a {
  color: black;
}

.index-content .card {
  background-color: #FFFFFF;
  padding: 0;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.3);
}

.index-content .card img {
  width: 100%;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

.index-content .card h4 {
  margin: 20px;
}

.index-content .card p {
	font-size: 12px;
  margin: 20px;
  opacity: 0.8;
}

.index-content .blue-button {
  width: 90%;
  -webkit-transition: background-color 1s, color 1s;
  /* For Safari 3.1 to 6.0 */
  transition: background-color 1s, color 1s;
  min-height: 20px;
  background-color: #FF7F00;
  color: #ffffff;
  border-radius: 4px;
  text-align: center;
  margin: 0px 20px 15px 20px;
  padding: 5px;
  display: inline-block;
}
/*}*/