html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font:inherit;font-size:100%;vertical-align:baseline}/*strongを削除した*/

video frame{width:100px;height:100px}

span{white-space:nowrap;}/*spanの途中で改行しない*/

html{line-height:1}

ol,ul{list-style:none}

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

caption,th,td{text-align:left;font-weight:normal;vertical-align:middle}

q,blockquote{quotes:none}

q:before,q:after,blockquote:before,blockquote:after{content:"";content:none}

a img{border:none}

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

p{font-size:15px;line-height:27px;padding-bottom:15px;color:#004063}/*本文*/
h1{font-size:45px;font-weight:300;line-height:68px}/*coverのタイトル*/
h2{font-size:36px;font-weight:300;color:#fff}/*未使用*/
h3{font-size:20px;line-height:32px;margin-bottom:20px;color:#8A9097}/*未使用*/
h4{display:inline-block;font-size:15px;font-weight:600;margin:7px 0 65px 60px;text-transform:uppercase}/*項目タイトル*/
h4:after{display:block;width:100%;height:2px;margin-top:15px;content:'';background-color:#0086CC}/*項目後の下線*/
h5{font-size:13px;font-weight:600;display:inline-block;text-transform:uppercase;color:#004063}/*バーのタイトル*/
.bold-italic{font-weight:600;font-style:italic}

.btn{border-radius:2rem}

.btn.primary{display:inline-block;font-size:13px;letter-spacing:1px;text-transform:uppercase;color:#fff;border:1px solid #fff;padding:20px;text-decoration:none;line-height:1}/*coverのボタン*/
.btn.primary:hover, .btn.primary:focus{color:#80CFFF;border:1px solid #80CFFF}/*coverのボタン，オンマウス*/

.btn.secondary{display:inline-block;font-size:13px;letter-spacing:1px;text-transform:uppercase;color:#C0C0C0;border:1px solid #C0C0C0;padding:15px 20px;text-decoration:none;line-height:1}/*その他のボタン*/
.btn.secondary:hover,.btn.secondary:focus{color:#fff;background-color:#80CFFF;border-color:#80CFFF}/*その他のボタンのオンマウス*/
.btn.secondary-white{display:inline-block;font-size:13px;letter-spacing:1px;text-transform:uppercase;color:#fff;font-weight:400;border:2px solid #fff;padding:15px 20px;text-decoration:none;line-height:1}/*その他のボタン白*/
.btn.secondary-white:hover{color:#C0C0C0;background-color:#fff;border-color:#fff}
.btn.secondary-white:focus{color:#C0C0C0;background-color:#fff;border-color:#fff}

.view-more{margin-top:70px}/*ボタン前の余白*/

a.article-link{color:#0086CC;margin-left:30px;display:inline-block;font-size:13px;letter-spacing:1px;text-transform:uppercase}/*リンクテキストの設定*/
a.article-link:focus{color:#0086CC}
a.article-link:before{content:"Check!!";opacity:0;-webkit-transition:all 300ms;-moz-transition:all 300ms;-ms-transition:all 300ms;-o-transition:all 300ms;transition:all 300ms}
a.article-link:hover{color:#0086CC}
a.article-link:hover:before{opacity:1;margin-right:10px}

a.style-link{color:#0086CC;margin-left:-10px}/*リンクテキストの設定*/
a.style-link:focus{color:#0086CC}
a.style-link:before{content:"Go!";opacity:0;-webkit-transition:all 300ms;-moz-transition:all 300ms;-ms-transition:all 300ms;-o-transition:all 300ms;transition:all 300ms}
a.style-link:hover{color:#0086CC}
a.style-link:hover:before{opacity:1;margin-right:10px}


.has-padding{padding:75px 0}/*余白，上下と左右*/
.has-padding-tall{padding:160px 0}
.has-top-margin{margin-top:50px}/*表と表の間*/
.no-padding{padding:0}
.no-margin{margin:0}

.alternate-bg{background-color:#F4F6F9}/*背景色2*/

.footer-bg{background-color:#0086CC}/*フッター背景色*/

.is-centered{text-align:center}/*ボタンのセンタリング*/

body{overflow-x:hidden}

html,body{font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic",Verdana,Arial,sans-serif;font-size:15px;font-weight:400;width:100%;height:100%;margin:0;padding:0;color:#0086CC;-webkit-text-size-adjust:100%}/*フォントの設定*/

.group:after{display:table;clear:both;content:''}


a{-webkit-transition-timing-function:ease;transition-timing-function:ease;-webkit-transition-duration:200ms;transition-duration:200ms;color:#B0F1FF}/*リンク設定*/
a:hover{text-decoration:none;color:#C0C0C0}/*リンクオンマウス*/

ul,ol{margin:0;padding:0}
ul li{list-style:none}
input,textarea{outline:none}
.wide{width:auto;max-height:100%}
.tall{max-width:100%;height:auto}
.bold{font-weight:600}
.italic{font-style:italic}

.wp1a,.wp1b,.wp1c,.wp2aj,.wp2ae,.wp2b,.wp2cj,.wp2ce,.wp2d,.wp2e,.wp2f,.wp2g,.wp2h,.wp2i,.wp2j,.wp2k,.wp3a,.wp3b,.wp3c,.wp3d,.wp4a{visibility:hidden}
.wp1a{-webkit-animation-delay:.5s;animation-delay:.5s}
.wp1b{-webkit-animation-delay:.8s;animation-delay:.8s}
.wp1c{-webkit-animation-delay:1s;animation-delay:1s}

.wp{visibility:hidden}
.wp-2{animation-delay:.1s}
.wp-3,.wp-8{animation-delay:.2s}
.wp-5,.wp-6{animation-timing-function:cubic-bezier(0.2, 1, 0.3, 1);animation-delay:.3s}


.bounceInLeft,.bounceInRight,.fadeInUp,.fadeInUpDelay,.fadeInDown,.fadeInUpD,.fadeInLeft,.fadeInRight,.bounceInDown,.fadeIn{visibility:visible}

.header-wrapper{position:absolute;top:0%;left:0%;right:0%;z-index:999}/*ヘッダの位置*/
.header-wrapper .logo{vertical-align:top;display:inline-block;width:340px;padding:34px 0 30px;text-align:center;border-bottom:solid 5px #0086CC}/*ヘッダのロゴ下線と背景*/
.header-wrapper .contents{float:right;-webkit-transition:all 300ms;transition:all 300ms}/*メニュー表示速度*/
.header-wrapper nav{display:inline-block;margin-right:60px;padding:34px 0 33px}/*ヘッダ余白*/
.header-wrapper nav ul{display:inline-block}
.header-wrapper nav ul li{font-size:13px;display:inline-block;padding:10px 20px;letter-spacing:1px;border-right:solid 1px #C0C0C0}/*ヘッダの表の設定*/
.header-wrapper nav ul li:last-child{border-right:none}
.header-wrapper nav ul li a{font-weight:600;position:relative;padding-bottom:10px;text-decoration:none;color:#fff}/*ヘッダのリンク*/
.header-wrapper nav ul li a:hover{color:#80CFFF}/*ヘッダのリンクのオンマウス*/
.header-wrapper nav ul li a:before{position:absolute;bottom:0;left:0;visibility:hidden;width:100%;height:2px;content:'';-webkit-transition:all .3s ease-in-out 0s;transition:all .3s ease-in-out 0s;-webkit-transform:scaleX(0);transform:scaleX(0);background-color:#80CFFF}/*ヘッダのリンクの下線*/
.header-wrapper nav ul li a:hover:before{visibility:visible;-webkit-transform:scaleX(1);transform:scaleX(1)}
.header-wrapper nav ul li a i.fa{margin-right:10px}/*ヘッダ記号のマージン*/

.header-wrapper .is-visible{visibility:visible;opacity:1}

.swich{display:inline-block;padding:4px 30px 32px}/*スイッチ*/
.swich p{text-align:center;margin:0;padding:0;color:#fff}

.swich_r{float:right;display:inline-block;margin-right:60px}/*スイッチ2*/
.swich_r p{text-align:center;margin:0;padding:0;color:#004063}

.nav-toggle{position:absolute;z-index:999999;top:50%;left:50%;padding:10px 35px 16px 0;cursor:pointer;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}/*スマホ用メニュー*/
.nav-toggle:focus{outline:none}
.nav-toggle span,.nav-toggle span:before,.nav-toggle span:after{position:absolute;display:block;width:35px;height:3px;content:'';cursor:pointer;border-radius:1px;background:#fff}/*スマホ用メニュー記号色*/
.nav-toggle span:before{top:-10px}
.nav-toggle span:after{bottom:-10px}
.nav-toggle span,.nav-toggle span:before,.nav-toggle span:after{-webkit-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out}
.contents.open{visibility:visible;opacity:1}
.nav-toggle.active span{background-color:transparent}
.nav-toggle.active span:before,.nav-toggle.active span:after{top:0}
.nav-toggle.active span:before{-webkit-transform:rotate(45deg);transform:rotate(45deg)}
.nav-toggle.active span:after{top:10px;-webkit-transform:translatey(-10px) rotate(-45deg);transform:translatey(-10px) rotate(-45deg)}

.navicon{position:absolute;top:0;right:0;visibility:hidden;width:25px;height:26px;padding:52px;-webkit-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out;background-color:transparent}/*スマホ用メニュー背景*/

.carousel-cell{display:table;width:100%;height:100vh;margin-right:10px;background-position:center;background-size:cover}

header.cover{position:relative;display:table;width:100%;height:100vh;max-height:640px;padding:0px}
header.cover .cover-bg{display:table-cell;vertical-align:middle;padding-top:120px}
header.cover .cover-bg .cover-intro-text{margin-top:60px;padding-top:25px;text-align:center;border-top:solid 1px rgba(255,255,255,0.25)}/*cover横線色*/
header.cover .cover-bg .cover-intro-text p{font-weight:300;margin:0;padding:0;color:#fff}/*cover文字色*/
header.cover h1{margin-bottom:40px;color:#fff;}/*coverタイトル色*/
header.cover h3{font-weight:300;margin-bottom:45px;padding:0 25%;color:#fff}/*未使用*/

header.cover .banner {display: inline-block;background: whitesmoke;position:relative;overflow: hidden;-webkit-border-radius:10px;border-radius:10px;-webkit-box-shadow:0 0.2em 1.0em 0 rgba(0, 0, 0, 0.225);box-shadow:0 0.2em 1.0em 0 rgba(0, 0, 0, 0.225);margin-bottom:30px;border-bottom:none;bottom:0;-webkit-transition:all 0.3s ease;transition:all 0.3s ease;}
header.cover .banner img {z-index:-1;}
header.cover .banner .img-center {display:block;margin-left:auto;margin-right:auto;}
header.cover .banner:hover {text-decoration: none;border-bottom: none;bottom: 10px;}
header.cover .banner:hover h3 {-webkit-transition:all 0.5s ease;transition:all 0.5s ease;color: #80CFFF;}

@-webkit-keyframes scroll-inner{from{margin-top:15%;opacity:1}to{margin-top:75%;opacity:0}}
@keyframes scroll-inner{from{margin-top:15%;opacity:1}to{margin-top:75%;opacity:0}}

div.mouse-container{position:absolute;bottom:0;left:50%;display:block;height:50px;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}
div.mouse{position:relative;display:block;width:20px;height:30px;margin:0 auto;border:solid 1px #fff;border-radius:8px}
div.mouse span.scroll-down{display:block;width:4px;height:4px;margin:15% auto auto;-webkit-animation:scroll-inner 1.5s;animation:scroll-inner 1.5s;-webkit-animation-timing-function:ease;animation-timing-function:ease;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;border-radius:50%;background:#80CFFF}/*coverのマウスの記号*/

.intro p{padding-bottom:25px}
.intro .lang{font-size:15px;line-height:27px;padding-bottom:15px;color:#004063}
.intro .video-player{display:inline-block;margin:25px 0 50px -100px;padding:10px;background-color:#fff}/*動画の枠線*/

.intro .card {display: block;background: whitesmoke;position:relative;overflow: hidden;-webkit-border-radius:10px;border-radius:10px;-webkit-box-shadow:0 0.2em 1.0em 0 rgba(0, 0, 0, 0.225);box-shadow:0 0.2em 1.0em 0 rgba(0, 0, 0, 0.225);margin-bottom:30px;border-bottom:none;bottom:0;-webkit-transition:all 0.3s ease;transition:all 0.3s ease;}
.intro .card img {z-index:-1;}
.intro .card .img-center {display:block;margin-left:auto;margin-right:auto;}
.intro .card .card-body {padding:30px;}
.intro .card .card-body h3 {font-size: 20px;color:#0086CC;margin-bottom: 10px;}
.intro .card .card-body p {color: #004063;}
.intro .card:hover {text-decoration: none;border-bottom: none;bottom: 10px;}
.intro .card:hover h3 {-webkit-transition:all 0.5s ease;transition:all 0.5s ease;color: #80CFFF;}

.members article.members-member{position:relative;overflow:hidden;width:100%;height:400px;-webkit-transition:all 300ms;transition:all 300ms;background-repeat:no-repeat;background-position:center;background-size:cover}
.members article.members-member figure{display:table;width:calc(100% + 1px);height:100%}
.members article.members-member figure figcaption{display:table-cell;height:100%;text-align:center;vertical-align:middle}
.members article.members-member figure figcaption p{padding:15px 15px 25px;color:#fff}/*メンバー所属文字色*/
.members article.members-member figure figcaption a{color:rgba(255,255,255,0.7)}/*メンバーリンク文字色*/
.members article.members-member figure figcaption a:hover{color:#fff}/*メンバーリンクオンマウス*/
.members article.members-member figure figcaption .members-socials ul li{display:inline-block;margin-right:10px}
.members article.members-member figure figcaption .members-socials ul li:last-child{margin-right:0}
.members article.members-member figure:hover .overlay{opacity:1}
.members article.members-member h2{font-size:15px;font-weight:500;line-height:20px;text-transform:uppercase;color:#fff}/*メンバー氏名文字色*/
.members article.members-member img{position:absolute;top:50%;left:50%;width:auto;min-width:100%;height:auto;min-height:100%;margin:0;padding:0;-webkit-transition:all 300ms;transition:all 300ms;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}
.members article.members-member .overlay{z-index:99;width:100%;height:100%;-webkit-transition:all 300ms;transition:all 300ms;opacity:0;background-color:rgba(0,166,255,0.8)}/*メンバー背景色*/
.members article.members-member figure:hover .touch{opacity:0}



span.touch-tag{font-size:13px;position:absolute;z-index:99;bottom:10px;left:10px;padding:4px 10px;color:#fff;background-color:#80CFFF;-moz-border-radius:40px;-webkit-border-radius:40px;border-radius:40px}

.latest-articles article span.featured-tag{font-size:13px;position:absolute;z-index:99;bottom:10px;left:10px;padding:4px 10px;color:#fff;background-color:#00A6FF;-moz-border-radius:40px;-webkit-border-radius:40px;border-radius:40px}/*研究成果タグ色*/
.latest-articles article:hover h2:after{margin-left:20px}/*研究成果のオンマウス記号移動量*/
.latest-articles article:hover .has-overlay:after{background-color:rgba(65,74,82,0.8)}/*研究成果のオンマウス*/
.latest-articles article ul.article-footer{padding-top:15px;border-top:solid 1px #004063}/*研究成果カテゴリ上の線*/
.latest-articles article ul.article-footer li{font-size:13px;display:inline-block}/*研究成果カテゴリのフォントサイズ*/
.latest-articles article ul.article-footer li.article-comments{float:right}
.latest-articles img{margin:0;padding:0;-webkit-transition:all 300ms;transition:all 300ms}
.latest-articles figcaption h2{font-size:20px;font-weight:500;line-height:30px;padding:15px 10px 10px 0;color:#0086CC}/*研究成果タイトル*/
.latest-articles article.article-post{position:relative;overflow:hidden}
.latest-articles article.article-post .article-image{position:relative;overflow:hidden;height:225px;max-height:250px;background-color:#000;background-repeat:no-repeat;background-position:center;background-size:cover}
.latest-articles .has-overlay:after,.latest-articles .events .has-overlay:after{position:absolute;z-index:1;top:0;right:0;width:100%;height:100%;content:'';-webkit-transition:background-color 300ms;transition:background-color 300ms;background-color:rgba(65,74,82,0.6)}
.latest-articles select#inputArticle-Sort{font-size:13px;width:300px;margin-left:25px;padding-bottom:9px;-webkit-transition:all 300ms;transition:all 300ms;text-indent:.01px;text-overflow:'';color:rgba(65,74,82,0.5);border:none;border-bottom:solid 2px #C0C0C0;background:url("../img/dd-arrow.png") no-repeat;background-color:none;background-position:280px 5px;-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;-webkit-appearance:none;-moz-appearance:none}
.latest-articles select#inputArticle-Sort:focus{outline:none}
.latest-articles article{margin-bottom:50px}

.events .has-overlay:after{position:absolute;z-index:1;top:0;right:0;width:100%;height:100%;content:'';background-color:rgba(65,74,82,0.5)}
.events .content-left{padding-right:80px;border-right:solid 1px #E5E7E9}
.events .content-right{padding-left:80px}
.events article.item{position:relative;background-color:#000}
.events article.item h2{font-size:13px;font-weight:500;line-height:15px;display:inline-block;margin-bottom:30px;padding:15px 30px 30px;letter-spacing:2px;text-transform:uppercase;color:#fff;border-bottom:solid 2px #fff}
.events article.item img{position:absolute;top:50%;left:50%;display:block;min-width:calc(100% + 1px);height:auto;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}
.events .overlay{position:absolute;z-index:2;width:100%;height:100%;-webkit-transition:opacity 300ms;transition:opacity 300ms;opacity:0;background-color:rgba(65,74,82,0.7)}
.events .events-intro{margin-bottom:80px}
.events figure{position:relative;overflow:hidden;height:400px;max-height:400px}
.events figure:hover .overlay{opacity:1}
.events figure figcaption .box-content{position:absolute;top:50%;left:50%;width:85%;max-width:700px;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);text-align:center}
.events figure figcaption .box-content .date{font-size:13px;display:block;color:rgba(255,255,255,0.5)}
.events figure figcaption .box-content p{color:rgba(255,255,255,0.5)}
.events figure figcaption .like-share-wrapper{font-size:13px;position:absolute;top:30px;left:30px;color:#fff}
.events figure figcaption .like-share-wrapper a{color:#fff}
.events figure figcaption ul li{display:inline-block;padding:0 10px 0 0;border-right:solid 1px rgba(255,255,255,0.25)}
.events figure figcaption ul li:last-child{padding:0 0 0 10px;border-right:none}
.events figure figcaption ul li i{margin-right:5px}
.events figure:hover .touch{opacity:0}


section.Contact{position:relative;padding:90px 0;background-image:-webkit-linear-gradient(225deg, #70f6ea 0%, #51ccdc 100%);background-image:linear-gradient(225deg, #80CFFF 0%,#51ccdc 100%)}
section.Contact h2{font-size:28px;display:inline-block;margin-right:30px;vertical-align:middle;color:#fff}
section.Contact a{font-weight:bold;margin-bottom:5px;-webkit-transition:all 300ms;transition:all 300ms;color:#fff;border-bottom:solid 2px rgba(255,255,255,0.5)}
section.Contact a:hover{border-bottom-color:#fff}
section.Contact:before{position:absolute;top:0;left:0;width:100%;height:100%;content:' ';background-image:url("../img/texture-shapes-bg.png")}

footer p{font-size:14px;color:#fff}
footer ul li{font-size:14px;color:#fff}
footer ul li i{margin-right:5px}
footer ul li a{color:#fff}
footer ul li a:hover{color:#C0C0C0}
footer .footer-branding{margin-bottom:40px}
footer .footer-branding .footer-branding-logo{margin-bottom:10px}
footer .footer-nav{padding-top:40px;border-top:solid 1px rgba(255,255,255,0.15)}
footer .footer-nav ul.footer-primary-nav{display:inline-block;margin-bottom:30px}
footer .footer-nav ul.footer-primary-nav li{display:inline-block;margin-right:50px}
footer .footer-nav ul.footer-primary-nav li:last-child{margin-right:0}
footer .footer-nav ul.footer-share{display:inline-block;float:right}
footer .footer-nav ul.footer-share>li{display:inline-block;margin-right:50px}
footer .footer-nav ul.footer-share>li:last-child{margin-right:0}
footer .footer-nav ul.footer-secondary-nav li{color:#fff}

.share-dropdown{position:absolute;top:0;right:0;-webkit-transition:all 300ms;transition:all 300ms;opacity:0;background-color:#fff;box-shadow:0 0 20px 0 rgba(50,57,74,0.31);-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px}
.share-dropdown:after{position:absolute;top:100%;left:75%;width:0;height:0;margin-left:-5px;content:' ';pointer-events:none;border:solid transparent;border-width:5px;border-color:rgba(255,255,255,0);border-top-color:#fff;box-shadow:0 0 20px 0 rgba(50,57,74,0.31)}
.share-dropdown ul li{display:inline-block;margin:10px 0;padding:5px 20px;border-right:solid 1px #E5E7E9}
.share-dropdown ul li:last-child{padding:none;border-right:none}
.share-dropdown ul li a{color:#8A9097}
.share-dropdown ul li a.share-twitter:hover{color:#00aced}
.share-dropdown ul li a.share-facebook:hover{color:#4a6ea9}
.share-dropdown ul li a.share-linkedin:hover{color:#007ab9}
.share-dropdown ul li i{margin:0}

.is-open{top:-20px;opacity:1}
.row-eq-height {display: flex;flex-wrap: wrap;}

img {opacity: 1;transition: opacity 0.3s;}
img[data-src] {opacity: 0;}

/*遅延表示用*/
.loading {color: #00A6FF;font-size: 90px;text-indent: -9999em;overflow: hidden;width: 1em;height: 1em;border-radius: 50%;margin: 72px auto;position: relative;-webkit-transform: translateZ(0);-ms-transform: translateZ(0);transform: translateZ(0);-webkit-animation: load6 1.7s infinite ease, round 1.7s infinite ease;animation: load6 1.7s infinite ease, round 1.7s infinite ease;}
@-webkit-keyframes load6 {0% {box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;} 5%,95% {box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;} 10%,59% {box-shadow: 0 -0.83em 0 -0.4em, -0.087em -0.825em 0 -0.42em, -0.173em -0.812em 0 -0.44em, -0.256em -0.789em 0 -0.46em, -0.297em -0.775em 0 -0.477em;} 20% {box-shadow: 0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em, -0.555em -0.617em 0 -0.44em, -0.671em -0.488em 0 -0.46em, -0.749em -0.34em 0 -0.477em;} 38% {box-shadow: 0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em, -0.645em -0.522em 0 -0.44em, -0.775em -0.297em 0 -0.46em, -0.82em -0.09em 0 -0.477em;} 100% {box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;}}
@keyframes load6 {0% {box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;} 5%,95% {box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;} 10%,59% {box-shadow: 0 -0.83em 0 -0.4em, -0.087em -0.825em 0 -0.42em, -0.173em -0.812em 0 -0.44em, -0.256em -0.789em 0 -0.46em, -0.297em -0.775em 0 -0.477em;} 20% {box-shadow: 0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em, -0.555em -0.617em 0 -0.44em, -0.671em -0.488em 0 -0.46em, -0.749em -0.34em 0 -0.477em;} 38% {box-shadow: 0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em, -0.645em -0.522em 0 -0.44em, -0.775em -0.297em 0 -0.46em, -0.82em -0.09em 0 -0.477em;} 100% {box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;}}
@-webkit-keyframes round {0% {-webkit-transform: rotate(0deg);transform: rotate(0deg);} 100% {-webkit-transform: rotate(360deg);transform: rotate(360deg);}}
@keyframes round {0% {-webkit-transform: rotate(0deg);transform: rotate(0deg);} 100% {-webkit-transform: rotate(360deg);transform: rotate(360deg);}}
.iblock {position: relative;}
.iblock .loading {position: absolute;top: 50%;left: 50%;margin-top: -45px;margin-left: -45px;z-index: -1;}

@media screen and (max-width: 1200px){.header-wrapper nav{margin-right:10px}.header-wrapper .logo{width:280px}}

@media screen and (max-width: 1100px){.contents{position:fixed;z-index:99;top:0;left:0;visibility:hidden;width:100%;height:100%;opacity:0;background-color:#0086CC}.navicon{visibility:visible}.header-wrapper nav{width:100%;padding:100px 0 0;text-align:center}.header-wrapper nav ul{display:block}.header-wrapper nav ul li{font-size:30px;display:block;padding:10px 20px;border-right:none}.header-wrapper nav ul li a{display:block;padding-bottom:40px;color:#fff}.header-wrapper nav ul li a:before{display:none}}

@media screen and (max-width: 991px){.intro .video-player{margin:25px 0 50px}.members article.members-member{margin-bottom:30px}.latest-articles article.standard-article{margin-top:20px}h4{margin-left:0}.swich_r{margin-right:0}.events .content-left{margin-bottom:20px;padding-right:0;border-right:none}.events .content-right{padding-left:15px}footer .footer-nav ul.footer-primary-nav li{margin-right:40px}section.Contact h2{line-height:42px;margin:0 0 20px}}

@media screen and (max-width: 768px){.stats .stats-container{width:220px;margin:0 auto 100px;text-align:left;border-right:none}.stats .stats-container:last-child{margin-bottom:0}.latest-articles .sort{text-align:left}footer .footer-branding{margin-bottom:20px}footer .footer-nav{padding-top:20px;border-top:solid 1px rgba(255,255,255,0.15)}footer .footer-nav ul.footer-primary-nav{display:block;margin-bottom:0}footer .footer-nav ul.footer-primary-nav li{display:block;margin:0 0 20px;padding:15px 0;border-bottom:dashed 1px rgba(255,255,255,0.25)}footer ul li a{display:block}footer .footer-nav ul.footer-share{display:block;float:none}footer ul.footer-secondary-nav{margin-top:40px}footer ul.footer-secondary-nav li a{margin-top:10px}footer .footer-nav ul.footer-share>li{display:block;margin:0 0 20px;padding:15px 0;border-bottom:dashed 1px rgba(255,255,255,0.25)}.share-dropdown{top:auto;right:auto;bottom:120px;left:15px}.share-dropdown:after{left:20%}.flickity-page-dots{line-height:1;position:absolute;top:auto;right:auto;bottom:25px;left:50%;width:auto;margin:0;padding:0;list-style:none;transform:translateX(-50%);text-align:center}.flickity-page-dots .dot{display:inline-block;width:12px;height:12px;margin:0 4px;opacity:1;border:2px solid white;background:transparent}div.mouse-container{display:none}.members article.members-member{width:400px;display:block;margin-left:auto;margin-right:auto}}

@media screen and (max-width: 640px){.swich{padding:4px 0px 32px}.video-js{width:100%}.intro .video-player{width:100%}header.cont{height:640px}.mouse-container{display:none}header.cover h1{font-size:30px;line-height:40px}.has-padding{padding:50px 0}.has-padding-tall{padding:50px 0}section.Contact h2{font-size:24px;line-height:48px;margin-right:0;margin-bottom:30px}.latest-articles article.standard-article{height:180px;max-height:180px} .members article.members-member{height:500px;width:auto}}

@media screen and (max-width: 480px){header.cover h1{font-size:24px;line-height:40px}.header-wrapper .logo{width:200px;padding:37px 0 30px}.header-wrapper .header-logo{width:180px}.navicon{padding:52px 35px;background-color:transparent}.sort h5{display:block}.latest-articles select#inputArticle-Sort{margin:20px 0} .members article.members-member{height:400px}}

@media screen and (max-width: 350px){.header-wrapper .logo{width:160px;padding:40px 0 30px}.header-wrapper .header-logo{width:140px}.latest-articles select#inputArticle-Sort{margin:20px 0} .members article.members-member{height:300px}}