/*   

*/

@charset "UTF-8";

/* ---------------------------------------------------------------------------------------- */
/*
/*
/*
/* Primary-Color(Blue)             #00a5e3   rgb(0,165,227)    hsl(196,100%,45%)
/*
/* Secondary-Color(Red)            #e73278   rgb(231,50,120)   hsl(337,79%,55%)
/*
/* CORP-Color(NICT-BLUE001)        #0081cc   rgb(0,129,204)    hsl(202,100%,40%);
/* CORP-Color(NICT-BLUE002)        #004ea2   rgb(0,78,162)     hsl(211,100%,32%);
/*
/* Secondary-Color(Dst-BLUE)       #0e1b26   rgb(14,27,38);    hsl(208,46%,10%);
/* Secondary-COlor(Dr-BLUE)        #1c354a   rgb(28,53,74);    hsl(208,46%,20%);
/*
/*
/* ---------------------------------------------------------------------------------------- */
/* INITIAL
/* ---------------------------------------------------------------------------------------- */

*	{-webkit-touch-callout:none; -webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-text-size-adjust:none;}
*	{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;
background-repeat:no-repeat; padding:0;	margin:0;}
html{overflow-y:scroll;
-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; text-size-adjust:100%;}
::before,
::after{box-sizing:inherit; text-decoration:inherit; vertical-align:inherit;}
audio:not([controls]){display:none; height:0;}
hr{overflow:visible;}
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary{display:block;}
small{font-size:80%;}
[hidden],
template{display:none;}
abbr[title]{border-bottom:1px dotted; text-decoration:none;}
a{background-color:transparent; -webkit-text-decoration-skip:objects;}
a:active,
a:hover{outline-width:0;}
h1,h2,h3,h4,h5,h6,p,li,dt,dd{font-size:1em; font-weight:normal;}
code,
kbd,
pre,
samp{font-family:monospace, monospace;}
b,
strong{font-weight:bolder;}
dfn{font-style: italic;}
mark{background-color:#ff0; color:#000;}
sub,
sup{font-size:75%; line-height:0; position:relative; vertical-align:baseline;}
sub{bottom:-0.25em;}
sup{top:-0.5em;}

/* Forms
/* ---------------------------------------------------------------------------------------- */
fieldset{border:none;}
input{border-radius:0;}
[type="number"]{width:auto;}
[type="search"]{-webkit-appearance:textfield;}
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}
textarea{overflow:auto; resize:vertical;}
button,
input,
optgroup,
select,
textarea{font:inherit;}
optgroup{font-weight:bold;}
button{overflow:visible; transition:all .3s ease-in-out; cursor:pointer;}
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner{border-style:0; padding:0;}
button:-moz-focusring,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner{outline:1px dotted ButtonText;}
button,
html [type="button"],
[type="reset"],
[type="submit"]{-webkit-appearance:button;}
button,
select{text-transform:none;}
button,
input,
select,
textarea{background-color: transparent; border-style:none; color:inherit;}
select{-moz-appearance: none; -webkit-appearance: none;}
select::-ms-expand{display:none;}
select::-ms-value{color:currentColor;}
legend{border:0; color:inherit; display:table; max-width:100%; white-space:normal;}
::-webkit-file-upload-button{-webkit-appearance:button; font:inherit;}
::-moz-placeholder{color:inherit; opacity:.5;}
:-ms-input-placeholder{color:inherit; opacity:.5;}
::-webkit-input-placeholder{color:inherit; opacity:.5;}
[type="search"]{-webkit-appearance:textfield; outline-offset:-2px;}


/* Specify media element style
/* ---------------------------------------------------------------------------------------- */
img{border:none; vertical-align:bottom; background:transparent;}
progress{vertical-align:baseline;}
svg:not(:root){overflow: hidden;}
audio,
canvas,
progress,
video{display:inline-block;}
object,embed{vertical-align:top;}

/* Acessibility
/* ---------------------------------------------------------------------------------------- */
@media screen{
[hidden~="screen"]{display:inherit;}
[hidden~="screen"]:not(:active):not(:focus):not(:target){position:absolute !important; clip:rect(0 0 0 0) !important;}
}
[aria-busy="true"]{cursor:progress;}
[aria-controls]{cursor:pointer;}
[aria-disabled]{cursor:default;}

/* Selection
/* ---------------------------------------------------------------------------------------- */

::-moz-selection{background-color:#000; color:#fff; text-shadow:none;}
::selection{background-color:#000; color:#fff; text-shadow:none;}


/* ---------------------------------------------------------------------------------------- */
/* COMMON
/* ---------------------------------------------------------------------------------------- */

html{height:100%; font-size:100%;}
body{font-size:.8125em; line-height:1.7; margin:0; padding:0;
font-family:"游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
color:#000; text-align:center;}
@media all and (-ms-high-contrast:none) {
	body {
		font-family:"メイリオ", Meiryo, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	}
}
@media only screen and (min-width:480px){
  body{font-size:.875em;}
}
@media only screen and (min-width:768px){
  body{font-size:1em;}
}
@media only screen and (min-width:980px){
  body{font-size:1.125em;}
}
@media only screen and (min-width:1200px){
  body{font-size:1.125em;}
}

.no-overflow{position:fixed; left:0; overflow:hidden; width:100%; height:100%; height:100vh; overflow-y:scroll;}
.anime{transition:all .3s ease-in-out;}

.flt-R{float:right;}
.flt-L{float:left;}
.flt-C{text-align:center; margin-left:auto; margin-right:auto;}
.tb-L{margin-left:0; margin-right:auto; text-align:left;}
.tb-R{margin-right:0; margin-left:auto; text-align:right;}
.clr-L{clear:left;}
.clr-R{clear:right;}
.clr-B{clear:both;}
.aln-R{text-align:right;}
.aln-C{text-align:center;}
.aln-L{text-align:left;}

.noshow{display:none;}

.clearfix:after,
.row:after{content:' '; display:block; clear:both;}

.clear{clear:both; visibility:hidden; width:0; height:0;}

.border-box{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;}
.content-box{-webkit-box-sizing:content-box; -moz-box-sizing:content-box; -ms-box-sizing:content-box; box-sizing:content-box;}

.linkbox .readmore,
.lkbx .readmore{display:none;}

img{max-width:100%; height:auto;}
.only480{display:none;}
.onlySMP{display:none;}
.onlyPC,
.noSMP{display:inherit;}

.notice{font-weight:bold;}

h1,h2,h3,h4,h5,h6,p,li,dt,dd{}
h1,h2,h3,h4,h5,h6{font-weight:bold;}
h1{font-size:1.65em;}
h2{font-size:1.5em;}
h3{font-size:1.25em;}
h4{font-size:1.125em;}
h5{font-size:1em;}
h6{font-size:0.875em;}

.fntSS{font-size:0.6875em; line-height:1.5;}
.fntS{font-size:0.875em;}
.fntL{font-size:1.125em;}
.fntLL{font-size:1.375em;}
.fntBold{font-weight:bold;}

.dsp-b{display:block;}
.dsp-ib{display:inline-block;}
.dsp-tbl{display:table;}
.dsp-tbl > .col{display:table-cell;}
.dsp-fx{-js-display:flex; display:flex;}

.list-ib{letter-spacing:-0.4em;}
@-moz-document url-prefix(){.list-ib{word-spacing:0.1em;}}
.list-ib > li,
.list-ib > .col{letter-spacing:normal; display:inline-block; vertical-align:middle;}
.list-tbl{display:table;}
.list-tbl > li{display:table-cell; vertical-align:middle;}

a{color:#000; text-decoration:underline;
transition:all .3s ease-in-out;}
a.no-underline{text-decoration:none;}
a:active,
a:hover{color:#888;}

dt,dd,li,th,td{line-height:1.5;}

nav ol,nav ul{list-style:none;}
.list-norm{margin-left:1.5em; margin-bottom:1em;}
ol.list-norm{list-style:decimal;}
ul.list-norm{list-style:disc;}
.list-norm li{margin-bottom:.5em;}

table{border-collapse:collapse;}
.tb-norm{position:relative; margin-bottom:1em;}
.tb-norm thead{}
.tb-norm tbody{}
.tb-norm th,
.tb-norm td{padding:.5em; border:1px solid #DDD;}
.tb-norm thead th{background-color:#EEE;}
.tb-norm tbody th{background-color:#F5F5F5;}

.inner-wrap{position:relative; max-width:1264px; padding-left:2rem; padding-right:2rem; margin:0 auto; text-align:left;}
.inner-wrap.aln-C{text-align:center;}

.inner-wrap.extra-width{max-width:1504px;}
.inner-wrap.semi-width{max-width:1060px;}
.inner-wrap.narrow-width{max-width:944px;}
.inner-wrap.thin-width{max-width:740px;}
#Mask-cnt{position:fixed; top:0; left:0; width:100%; height:100%; background:#1f2731; z-index:100; cursor:pointer; opacity:0; display:none;}

.gglmap{position:relative; width:100%; height:0; padding-top:40%; overflow:hidden;}
.gglmap iframe,
.gglmap object,
.gglmap embed{position:absolute; top:0; left:0; width:100%; height:100%;}

div#Mask-modal{
  position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:999;
	display:none;
	background:#000;
	background-color:rgba(255,255,255,.9);
}
.modal{
  position:fixed;
	top:50%;
	left:50%;
	box-shadow:0 0 5px rgba(0,0,0,.1);
	z-index:1000;
	opacity:0;
}

#MdInner{
  position:relative;
	width:100%;
	height: 100%;
	background-color:#FFF;
}
#MdInner > div,
#MdInner > article {
  position:relative;
	width:100%;
	height:100%;
	overflow-y: scroll;
	padding: 1em;
	text-align: left;
}
@media only screen and (min-width:480px){
  #MdInner > div,
#MdInner > article {
	  padding: 2em;
	}
}
@media only screen and (min-width:768px){
  #MdInner > div,
#MdInner > article {
	  padding: 3em;
	}
}

.modal .modalBtns{
  z-index:1000;
	position:absolute;
	width:40px;
	height:40px;
	text-align:left;
	top:0px;
	right:0px;
}
.modal.img .modalBtns{
  top: -40px;
  right: 0;
}
.modal .modalBtns a.modalBtn-close{
  float:right;
	width:40px;
	height:40px;
	margin:0;
	padding:0;
	text-indent:-9999px;
	display:block;
}
.modal .modalBtns a.modalBtn-close{
  background:url(../img/close-modal.svg) no-repeat center;
}


/* ---------------------------------------------------------------------------------------- */
/* GLOBAL-HEADER
/* ---------------------------------------------------------------------------------------- */

#Global-header{
  position: relative;
	top: 0;
	left: 0;
	width: 100%;
	padding: .75em 0;
	border-bottom: 1px solid #AAA;
	background-color: #FFF;
	z-index: 10;
}
#Global-header .inner-wrap{
}
#Global-header h1,
#Global-header .h1{
  position: relative;
	display: inline-block;
	font-size: 1px!important;
	line-height: 1!important;
	width: 200px;
	overflow: hidden;
	margin: 0;
	padding: 0;
	vertical-align: bottom;
}
#Global-header h1 img,
#Global-header .h1 img{
  width: 100%;
	height: auto;
}
#Global-header .logo{
  position: absolute;
	top: 50%;
	margin-top: -16px;
	width: 48px;
	height: 32px;
}
#Global-header .logo a{
  display: block;
}
#Global-header .logo.logo-bdal{
  width: 27px;
  right: .5rem;
}
#Global-header .logo.logo-nict{
  right: .5rem;
}
@media only screen and (min-width:480px){
	#Global-header h1,
	#Global-header .h1{
		width: 300px;
	}
}
@media only screen and (min-width:768px){
  #Global-header .logo{
	  margin-top: -20px;
	  width: 60px;
	  height: 40px;
	}
	#Global-header .logo.logo-bdal{
	  width: 34px;
		right: 1rem;
	}
	#Global-header .logo.logo-nict{
	  right: 1rem;
	}
	#Global-header h1,
	#Global-header .h1{
		width: 400px;
	}
}

/* ---------------------------------------------------------------------------------------- */
/* GLOBAL-NAVIGATION
/* ---------------------------------------------------------------------------------------- */

#Global-navigation{
  position: relative;
	width: 100%;
	background-color: hsl(208,46%,30%);
	color: #FFF;
	padding: 12px 0;
	background-repeat: repeat;
	background-position: 0 0;
	 background-image:linear-gradient(-45deg,
    hsl(208,46%,30%) 25%,
    hsl(208,46%,40%) 25%, hsl(208,46%,40%) 50%,
    hsl(208,46%,30%) 50%, hsl(208,46%,30%) 75%,
    hsl(208,46%,40%) 75%, hsl(208,46%,40%)
  );
  -webkit-background-size: 3px 3px; background-size: 3px 3px;
  overflow: hidden;
}
#Global-navigation ul.list-ib{
  margin: 0 -2em;
	padding: 0;
	line-height: 1;
}
#Global-navigation li{
  padding: 0 1em;
}
#Global-navigation li a{
  text-decoration: none;
	color: #FFF;
	font-weight: bold;
}
@media only screen and (min-width:600px){
	#Global-navigation li{
		padding: 0 2em;
	}
}
@media only screen and (min-width:980px){
	#Global-navigation li{
		padding: 0 3em;
	}
}

/* ---------------------------------------------------------------------------------------- */
/* GLOBAL-FOOTER
/* ---------------------------------------------------------------------------------------- */

#Global-footer{
  position: relative;
	width: 100%;
	border-top: .5rem solid hsl(208,46%,10%);
}
#Global-footer .inner-wrap{
  padding-top: 2em;
	padding-bottom: 3em;
}
#Global-footer .inner-wrap::before{
  position: absolute;
	top: -.5rem;
	left: 1rem;
	width: calc(100% - 2rem);
	height: 0;
	content: ' ';
	border-top: .5rem solid hsl(196,100%,45%);
}
#Global-footer .copyright{
  font-size: .65em;
	line-height: 1.5;
	font-family: 'HKNova-Light',sans-serif;
	color: #555;
}

.list-ib.footer-nav{
  font-size: .8125em;
	line-height: 1.5;
	margin-bottom: 1.5em;
}
.list-ib.footer-nav li{
	padding: 0 1em;
}
.list-ib.footer-nav li + li{
  border-left: 1px solid #DDD;
}
.list-ib.footer-nav li a{
  text-decoration: none;
}
/* ---------------------------------------------------------------------------------------- */
/* BUTTON
/* ---------------------------------------------------------------------------------------- */

.btn{
  position: relative;
  display: inline-block;
  line-height: 1;
  padding: .75em 1em;
  background-color: hsl(170,100%,17%); 
  color: #FFF;
  text-align: center;
  text-decoration: none;
  border-radius: 3px;
  box-shadow: 0 0 4px rgba(0,0,0,.2);
  transition: all .3s ease-in-out;
  cursor: pointer;
}

.btn.outline{
  background-color: #FFF;
  border: 1px solid hsl(170,100%,17%);
  color: hsl(170,100%,17%);
}
.btn.outline:hover{
  background-color: #FFF;
  color: hsla(170,100%,30%,1);;
  border-color: hsla(170,100%,30%,1);
}
.btn.outline.blue {
  border-color: hsl(211,100%,32%);
  color: hsl(211,100%,32%);
  border-radius: 0;
  margin-top: 1em;
}
.btn.large{
  font-size: 1.15em;
  font-weight: bold;
  padding: 1em 2em;
  min-width: 12em;
  border-radius: 4px;
}
@media only screen and (max-width:350px){
  .btn.large{
	  padding-left: 1em;
		padding-right: 1em;
	}
}
.btn.full{
  font-size: 1.15em;
  font-weight: bold;
  padding: 1em 2em;
  width: 100%;
  border-radius: 4px;
}
.btn.full.xlarge{
  font-size: 1.35em;
}
.btn.small{
  font-size: .875em;
  padding: .5em 1em;
}
.btn.disabled,
.btn:disabled{background-color: hsla(0,0%,95%,1); color:#AAA; pointer-events:none;}
.wrap-btns{
  margin-left: -.25em;
  margin-right: -.25em;
}
.wrap-btns li{
  padding: .25em;
}

.wrap-btns.half-smp li{
  width: 50%;
}
.wrap-btns.half-smp li .large{
  min-width: 100%;
}
@media only screen and (min-width:800px){
 .wrap-btns.half-smp li{
   width: auto;
 }
 .wrap-btns.half-smp li .large{
   min-width: 12em;
 }
}

/* ---------------------------------------------------------------------------------------- */
/* CONTENT
/*
/*
/* 
/* 
/* ---------------------------------------------------------------------------------------- */

.atl-norm{text-align:left;}
.scn-norm{
  position:relative;
	padding: 3em 0;
}
.scn-norm:last-child{
  padding-bottom: 6em;
}
.scn-norm h2{margin-bottom:1.5em;}
.scn-norm h3{margin-bottom:1.5em;}
.scn-norm h4{margin-bottom:1em;}
.scn-norm h5{margin-bottom:.5em;}
.scn-norm h6{}
.scn-norm p + p{margin-top:1em;}
.scn-norm p + h2,
.scn-norm p + h3{margin-top:2em;}
.scn-norm p + h4,
.scn-norm p + h5{margin-top:1em;}


div.func-message{
  position: relative;
  padding: 2rem;
  background-repeat: repeat;
  background-position: 0 0;
  border-width: 1px;
  border-style: dotted;
}
div.func-message:not(:last-child){
  margin-bottom: 2rem;
}
div.notice{
  border-color: #adb8c8;
  color: #425268;
  background-color: #ecf3fd;
  background-image:linear-gradient(-45deg,
    #d6e3f4 25%,
    #FFFFFF 25%, #FFFFFF 50%,
    #d6e3f4 50%, #d6e3f4 75%,
    #FFFFFF 75%, #FFFFFF
  );
  background-size: 3px 3px;
}

.bg-dark{
  position: relative;
	width: 100%;
	background-color: hsl(208,46%,30%);
	color: #FFF;
	font-size: .65em;
	padding: 0;
	background-repeat: repeat;
	background-position: 0 0;
	 background-image:linear-gradient(-45deg,
    hsl(208,46%,30%) 25%,
    hsl(208,46%,40%) 25%, hsl(208,46%,40%) 50%,
    hsl(208,46%,30%) 50%, hsl(208,46%,30%) 75%,
    hsl(208,46%,40%) 75%, hsl(208,46%,40%)
  );
  background-size: 3px 3px;
}
.bg-dark .inner-wrap{
  position: relative;
	max-width: 1504px;
	padding: .35em 0;
	background-repeat: repeat;
	background-position: 0 0;
	 background-image:linear-gradient(-45deg,
    hsl(208,46%,10%) 25%,
    hsl(208,46%,20%) 25%, hsl(208,46%,20%) 50%,
    hsl(208,46%,10%) 50%, hsl(208,46%,10%) 75%,
    hsl(208,46%,20%) 75%, hsl(208,46%,20%)
  );
  background-size: 3px 3px;
}
.bg-dark h2{
  margin: 0!important;
	padding: 0!important;
  text-shadow: 0 1px 2px rgba(0,0,0,.3);
}
@media only screen and (min-width:768px){
  .bg-dark{
		font-size: .7em;
	}
	.bg-dark .inner-wrap{
	  padding: .5em 0;
	}
}

.bg-first-view{
  position: relative;
	width: 100%;
	background-repeat: no-repeat;
	background-position: center top;
	background-image: url(../img/content/bg-first-view.jpg);
	-webkit-background-size: cover; background-size: cover;
}
.first-view{
  position: relative;
	width: 100%;
	max-width: 1504px;
	padding-top: 42.52%;
	margin: .5rem auto 0;
}
.first-view::before{
  position: absolute;
	top: -.25em;
	left: 0;
	width: 100%;
	height: 0;
	border-top: 1px dotted #CCC;
	content: ' ';
}
.first-view .slider{
  position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	height: 100%;
	transform: translate(-50%, -50%);
}
.first-view .slider ul{
  position: relative;
	width: 100%;
	height: 100%;
}
.first-view .slider li{
  position: absolute;
	display: block;
	background-repeat: no-repeat;
	background-position: center;
	-webkit-background-size: cover; background-size: cover;
	transition: all .8s ease-in-out;
	opacity: 0;
}
.first-view .slider li.wd1{width:12.5%;}
.first-view .slider li.wd2{width:25%;}
.first-view .slider li.wd3{width:37.5%;}
.first-view .slider li.ht1{padding-top:10.63829%;}
.first-view .slider li.ht2{padding-top:21.275694%;}
.first-view .slider li.ht3{padding-top:31.913541%;}

.first-view .slider li.li0{
  top: 0;
	left: 0;
}
.first-view .slider li.li1{
  top: 0;
	left: 25%;
}
.first-view .slider li.li2{
  top: 0;
	left: 50%;
}
.first-view .slider li.li3{
  top: 0;
	left: 62.5%;
}
.first-view .slider li.li4{
  top: 25%;
	left: 0;
}
.first-view .slider li.li5{
  top: 50%;
	left: 0;
}
.first-view .slider li.li6{
  top: 50%;
	left: 37.5%;
}
.first-view .slider li.li7{
  top: 75%;
	left: 62.5%;
}
@media only screen and (min-width:1504px){
  .first-view{
	  padding-top: 640px;
		margin: 2rem auto 0;
	}
	.first-view::before{
	  top: -1rem;
	}
}

.scn-norm h1{
  color: hsl(196,100%,20%);
  margin-bottom: 1.5em;
}
.scn-norm h1 small{
  font-size: .55em;
	line-height: 1.4;
	display: block;
}
.scn-norm h2{
  position: relative;
	line-height: 1.4;
  text-align: center;
	display: block;
	color: hsl(196,100%,30%);
	border-bottom: 4px solid hsl(196,100%,30%);
}
.scn-norm h2 span{
  display: inline-block;
	padding-bottom: .75em;
	margin-bottom: -4px;
	border-bottom: 4px solid #60d0ff;
}
.scn-norm h2 span.fntS {
  font-size: .8125em;
  color: hsl(196,100%,15%);
  margin-top: .25em;
}
.scn-norm h2 small{
  display: inline-block;
	font-size: .65em;
	color: hsl(196,100%,15%);
}
.scn-norm h2 span.fntS small {
  margin-top: .25em;
}
.scn-norm figure{
  margin-top: 2em;
}
.scn-norm figure img{
  margin: 0 auto;
}
.scn-norm figure .pc{
	display: none;
}
.scn-norm figure .smp{
	display: inherit;
}
@media only screen and (min-width:600px){
  .scn-norm figure .pc{
	  display: inherit;
	}
  .scn-norm figure .smp{
	  display: none;
	}
}

.bg-clrA{
  background-color: #FFF;
	color: hsl(196,100%,45%);
}
.bg-clrB{
  border-top: .5rem solid #f8f7ed;
  background-color: #f0eed6;
	background-position: 0 0;
	background-image:linear-gradient(60deg, #f8f7ed 0%, #f0eed6 100%);
}
.bg-clrC{
  border-top: .5rem solid hsl(196,100%,95%);
  background-color: #e9faff;
	background-image: url(../img/content/bg-first-view.jpg);
	 background-repeat: no-repeat;
	background-position: center;
	-webkit-background-size: cover; background-size: cover;
}
.bg-clrE{
  background-color: #F8F8F8;
  border-top: 1px solid #F0F0F0;
  border-bottom: 1px solid #F0F0F0;
}
.mail{
  position: relative;
	text-align: center;
	margin-top: -2em;
	margin-bottom: .5em;
}
.mail + p{
  font-size: .92em;
}
.mail a{
  position: relative;
	display: inline-block;
	padding: 1.25em 1em;
	line-height: 1;
	font-size: 1.125em;
	font-weight: bold;
	color: #FFF;
	text-decoration: none;
	background-color: hsl(211,100%,32%);
	box-shadow: 0 2px 3px rgba(0,0,0,.3);
	background-repeat: no-repeat;
	background-position: right center;
	background-image: url(../img/content/i-mail.svg);
	background-size: auto 100%;
}
.mail a:hover{
  background-color: hsl(211,100%,45%);
	box-shadow: 0 3px 6px rgba(0,0,0,.5);
}
.mail a:active{
  background-color: hsl(211,100%,25%);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
.agenda{
	width: 100%;
  background-color: rgba(255,255,255,.2);
  border: .25em solid rgba(255,255,255,.2);
  border-radius: 5px;
  padding: 1em;
  font-size: .92em;
  line-height: 1.4;
}
.agenda dl {
  position: relative;
  overflow: hidden;
}
.agenda dt {
  font-weight: bold;
  color: #4c4b3a;
  padding-bottom: .5em;
}
.agenda dd {
  text-indent: -1em;
  margin-left: 1em;
}
.agenda dd + dd {
  padding-top: .5em;
}
@media only screen and (min-width:480px){
.agenda dt {
  float: left;
  width: 8em;
}
.agenda dd {
  margin-left: 8em;
}
}

.list-box{
  list-style: none;  
}
.list-box li{
  display: block;
	font-weight: bold;
	color: hsl(337,79%,55%);
	padding: 1em;
	border: 1px dotted #c7c5a5;
	background-color: rgba(255,255,255,.8);
	border-radius: 4px;
}
.list-box li + li{
  margin-top: .5em;
}
@media only screen and (min-width:480px){
.list-box li + li{
  margin-top: .5em;
}
}
#Privacy h3{
  margin-bottom: 1em;
}
#Privacy h4{
  margin-bottom: .5em;
}
#Privacy p:not(:last-child){
  margin-bottom: 1.5em;
}


.fig-ranking{
  position: relative;
	width: 100%;
	padding-top: 56.25%;
	background-color: #888;
	margin-bottom: 2em;
}
.link-team-page{
  position: relative;
}

.link-team-details{
  position: relative;
	min-height: 300px;
}
.link-rootmap{
  position: relative;
	max-width: 640px;
	margin: 2em auto;
}
.link-team-page h3,
.download-files h3{
  color:  hsl(211,100%,25%);
  text-align: center;
	padding-bottom: 8px;
	margin-bottom: 4px;
	border-bottom: 4px solid hsl(211,100%,25%);
}
.link-team-page ul,
.link-team-details ul,
.link-rootmap ul{
  letter-spacing: -.4em;
	margin: 0 -4px;
}
.link-team-page ul {
  margin-top: 1em;
}
.single-link {
  text-align: center;
}
.link-team-page li,
.link-team-details li,
.link-rootmap li{
  letter-spacing: 0;
  display: inline-block;
	width: calc(100% - 8px);
	margin: 4px;
	vertical-align: top;
}
.link-team-page li.fullW,
.link-team-details li.fullW,
.link-rootmap li.fullW {
  width: calc(100% - 8px);
}
.link-team-page li.halfW,
.link-team-details li.halfW,
.link-rootmap li.halfW {
  width: calc(100% - 8px);
}
.link-team-details li{
  margin: 1em 4px;
}

.link-team-page li a,
.link-team-details li a,
.link-rootmap li a{
  position: relative;
  display: block;
	border: 4px solid hsl(211,100%,32%);
	padding: 1em 1em;
	font-size: 1em;
	font-weight: bold;
	line-height: 1.2;
	color: hsl(211,100%,32%);
	text-align: left;
	text-decoration: none;
	background-color: #FFF;
	box-shadow: 0 1px 3px rgba(0,0,0,.2);
}
.link-team-page .inverted li a,
.link-team-details .inverted li a,
.link-rootmap .inverted li a{
  padding: 1.25em 1.25em;
	border: none;
	color: hsl(0,100%,100%);
	background-color: hsl(211,100%,32%);
}
.link-team-details li a,
.link-rootmap li a{
  padding: 2em;
}
.link-team-page li a::before,
.link-team-details li a::before,
.link-rootmap a::before{
  position: absolute;
	top: 50%;
	right: .5em;
	content: ' ';
	margin-top: -8px;
	width: 0;
  height: 0;
  border-style: solid;
  border-width: 8px 0 8px 8px;
  border-color: transparent transparent transparent hsl(211,100%,32%);
	-webkit-transition: all .1s ease-in-out; transition: all .1s ease-in-out;
}
.link-team-page .inverted li a::before,
.link-team-details .inverted li a::before,
.link-rootmap .inverted a::before {
  border-color: transparent transparent transparent hsl(0,100%,100%);
}
.link-team-page li a:hover,
.link-team-details li a:hover,
.link-rootmap li a:hover{
  color: hsl(211,100%,40%);
  border: 4px solid hsl(211,100%,40%);
	box-shadow: 0 2px 6px rgba(0,0,0,.3);
}
.link-team-page .inverted li a:hover,
.link-team-details .inverted li a:hover,
.link-rootmap .inverted li a:hover{
  color: hsla(0,100%,100%,.6);
  border: none;
}
.link-team-page li a:hover::before,
.link-team-details li a:hover::before,
.link-rootmap li a:hover::before{
  border-left-color: hsl(211,100%,40%);
}
.link-team-page .inverted li a:hover::before,
.link-team-details .inverted li a:hover::before,
.link-rootmap .inverted li a:hover::before{
  border-left-color: hsla(0,100%,100%,.5);
}
.link-team-page li a:active,
.link-team-details li a:active,
.link-rootmap li a:active{
  color: hsl(211,100%,15%);
  border: 4px solid hsl(211,100%,15%);
	box-shadow: 0 0 2px rgba(0,0,0,.1);
}
.link-team-page li a:active::before,
.link-team-details li a:active::before,
.link-rootmap li a:active::before{
  border-left-color: hsl(211,100%,15%);
}
.link-team-page .inverted li a:active,
.link-team-details .inverted li a:active,
.link-rootmap .inverted li a:active{
  color: hsla(0,100%,100%,1);
  border: none;
}
.link-team-page .inverted li a:active::before,
.link-team-details .inverted li a:active::before,
.link-rootmap .inverted li a:active::before{
  border-left-color: hsla(0,100%,100%,1);
}
@media only screen and (min-width:480px){
  .link-team-page li{
	  width: calc(50% - 8px);
	}
  .link-team-page li.fullW,
  .link-team-details li.fullW,
  .link-rootmap li.fullW {
    width: calc(100% - 8px);
  }
  .link-team-page li.halfW,
  .link-team-details li.halfW,
  .link-rootmap li.halfW {
    width: calc(66% - 8px);
  }
}
@media only screen and (min-width:800px){
  .link-team-page li{
	  width: calc(33.33333333% - 8px);
	}
  .link-team-page li.fullW,
  .link-team-details li.fullW,
  .link-rootmap li.fullW {
    width: calc(100% - 8px);
  }
  .link-team-page li.halfW,
  .link-team-details li.halfW,
  .link-rootmap li.halfW {
    width: calc(50% - 8px);
  }
}

.download-files {
  position: relative;
  margin-top: 3em;
}
.download-files ul {
  position: relative;
  padding-top: 1em;
  letter-spacing: -.4em;
  list-style: none;
  margin: -4px;
}
.download-files li {
  letter-spacing: 0;
  display: inline-block;
  width: 100%;
  padding: 4px;
  vertical-align: top;
}
.download-files li a {
  display: block;
  text-align: center;
  padding: 1em;
  font-weight: bold;
  border: 1px solid #DDD;
  text-decoration: none;
}
.download-files li a:hover {
  text-docoration: underline;
}
@media only screen and (min-width:700px){
.download-files li {
  width: 33.33333333%;
}
}

/**/
.wrap-quick-look{
  position: relative;
  margin-bottom: 1.5em;
}
.wrap-quick-look iframe{
  border: none;
  padding: 0;
  overflow: visible;
  width: 100%;
  height: 500px;
}


/* DATATHON REPORT */

.datathon-report201803 {
  max-width: calc(900px + 6em);
	margin: 0 auto;
}


/* ---------------------------------------------------------------------------------------- */
/* REPORT
/* ---------------------------------------------------------------------------------------- */

.atl-report {}
.atl-report .atl-header {
  position: relative;
	padding: 2em;
	background: #00a5e3;
	margin-bottom: 2em;
}
.atl-report .atl-header::before {
  position: absolute;
	top: .5rem;
	left: .5rem;
	content: ' ';
	width: calc(100% - 1rem);
	height: calc(100% - 1rem);
	border: 2px solid #FFF;
}
.atl-report .atl-header h1 {
  font-size: 1.35em;
  line-height: 1.2;
	color:#FFF;
}
@media only screen and (min-width:576px){
.atl-report .atl-header h1 {
  font-size: 1.5em;
}
}
.atl-report .atl-header span {
  font-size: .6em;
	display: block;
	margin: .5rem auto 0;
}
.atl-report .scn-norm .inner {
  position: relative;
	z-index: 1;
}
.atl-report .scn-norm:last-child{
  padding-bottom: 3em;
}
.scn-norm h2 {
  line-height: 1.2;
}
.scn-norm h2 span {
}
.scn-norm h2 span small {
  display: block;
}
.atl-report .scn-norm h3 {
  position: relative;
	padding: .45em .75em;
	background-color: #00a5e3;
	border-bottom: 2px solid rgba(0,0,0,.1);
	color: #FFF;
	font-size: 1.15em;
	line-height: 1.4;
}
.atl-report .scn-norm h3:not(:first-child) {
  margin-top: 2em;
}
.atl-report .scn-norm h4 {
  color:#1c354a;
}
.scn-norm .fig-norm:not(:last-child) {
  margin-bottom: 2em;
}
.scn-norm figure.fig-three {
  letter-spacing: -.4em;
	margin-left: -.25em;
	margin-right: -.25em;
	overflow: hidden;
}
.scn-norm figure.fig-three img {
  letter-spacing: 0;
	display: inline-block;
	padding: .25em;
	width: 100%;
}
@media only screen and (min-width:576px){
.scn-norm figure.fig-three img {
	width: 33.33333333%;
}
}
.wrap-clr {
  position: absolute;
	top: 0;
	left: 0;
	margin: 0 -1.5em;
	width: calc(100% + 3em);
	height: 100%;
	content: ' ';
	background-color: #EEE;
	z-index: 0;
}
.wrap-clr.last {
  height: calc(100% + 3em);
}
.wrap-clr {
  border-top: 1px dotted #BBB;
}
.wrap-clr.clr-a {
  background-color: #FFFEF3;
}
.wrap-clr.clr-b {
  background-color: #EBF7FC;
}
@media only screen and (min-width:480px){
.wrap-clr {
	  margin: 0 -2em;
	  width: calc(100% + 4em);
	}
}
@media only screen and (min-width:768px){
.wrap-clr {
	  margin: 0 -3em;
	  width: calc(100% + 6em);
	}
}

.atl-report .scn-norm aside.clm {
  position: relative;
  padding: 1em;
	overflow: hidden;
	background-color: rgba(173,222,248,.5);
}
.atl-report .scn-norm aside.clm .txt {

}
.atl-report .scn-norm aside.clm .fig {
margin: 1em auto 0;
max-width: 350px;
}
@media only screen and (min-width:576px){
.atl-report .scn-norm aside.clm .txt {
  float: left;
	width: 55%;
	padding-right: 1.5em;
}
.atl-report .scn-norm aside.clm .fig {
  float: right;
	width: 45%;
}
}
@media only screen and (min-width:800px){
.atl-report .scn-norm aside.clm {
  padding: 1.25em 2em;
}
.atl-report .scn-norm aside.clm .txt {
	width: 64%;
}
.atl-report .scn-norm aside.clm .fig {
	width: 33%;
}
}
.atl-report .scn-norm aside.clm h3,
.atl-report .scn-norm aside.clm h4,
.atl-report .scn-norm aside.clm h5 {
  margin-bottom: .25em;
}
.atl-report .scn-norm aside.clm p {
  margin-bottom: 0;
	font-size: .92em;
	line-height: 1.5;
}
.atl-report .scn-norm .prsn {
  position: relative;
	overflow: hidden;
	font-size: .92em;
}
.atl-report .scn-norm .prsn .fig {
  float: left;
	width: 90px;
}
.atl-report .scn-norm .prsn .txt {
  margin-left: 90px;
	padding-left: 1em;
}
.atl-report .scn-norm .prsn .txt p {
  line-height: 1.5;
}
@media only screen and (min-width:576px){
.atl-report .scn-norm .prsn .fig {
  width: 120px;
}
.atl-report .scn-norm .prsn .txt {
  padding-left: 1.5em;
  margin-left: 120px;
}
}
@media only screen and (min-width:800px){
.atl-report .scn-norm .prsn {
  font-size: .875em;
}
.atl-report .scn-norm .prsn .fig {
  width: 150px;
}
.atl-report .scn-norm .prsn .txt {
  margin-left: 150px;
}
}
.atl-report .scn-norm .route {
  position: relative;
	padding: 1em 0;
	overflow: hidden;
	border-bottom: 1px dotted #AAA;
}
.atl-report .scn-norm .route.result {
}
.atl-report .scn-norm .route.addSp {
  margin-bottom: 1.5em;
}
.atl-report .scn-norm .route.no-bdr {
  border-bottom: none;
}
.atl-report .scn-norm .route.first {
  padding-top: 0;
}
.atl-report .route .award {
  position: absolute;
	top: 8px;
	right: 0;
	width: 104px;
	height: auto;
	z-index: 0;
}
@media only screen and (min-width:576px){
.atl-report .route .award {
  top: 8px;
	width: 112px;
}
}
@media only screen and (min-width:800px){
.atl-report .route .award {
	width: 138px;
}
}
@media only screen and (min-width:1100px){
.atl-report .route .award {
	width: 152px;
}
}
.atl-report .scn-norm .route h5 {
  margin-bottom: .5em;
}
.atl-report .scn-norm .route figure {
  margin: .5em 0 .75em;
}
.atl-report .scn-norm .route.result figure {
  overflow: hidden;
}
.atl-report .scn-norm .route.result figure img + img {
  margin-top: .5em;
}
.atl-report .route .txt {
  
}
.atl-report .route dl {
  font-size: .875em;
	line-height: 1.5;
	margin-bottom: -.5em;
}

.atl-report .route dt {
  font-weight: bold;
	color: #1161a5;
	font-size: 1.07em;
	margin-bottom: .25em;
}
.atl-report .route dd {
  padding-left: 1em;
  margin-bottom: .5em;
}
@media only screen and (min-width:576px){
.atl-report .scn-norm .route figure {
  float: left;
	width:  200px;
	margin: 0;
}
.atl-report .route .txt {
  margin-left: 200px;
	padding-left: 1.5em;
}
.atl-report .route dd {
  padding-left: 0;
}
}
@media only screen and (min-width:800px){
.atl-report .scn-norm .route {
}
.atl-report .scn-norm .route figure {
	width:  248px;
}
.atl-report .route .txt {
  margin-left: 248px;
}
}

/* add 2019.03.20 */
.scn-details {
  
}
.scn-details h3 {
  position: relative;
  letter-spacing: -.4em;
  font-size: 1em;
  color: #0A6EB7;
  margin-bottom: .75em;
}
.scn-details h3 span {
  position: relative;
  letter-spacing: 0;
  display: inline-block;
  text-align: center;
  width: 1.25em;
  height: 1.25em;
  line-height: 1.1em;
  border-right: .15em solid #0A6EB7;
  border-bottom: .15em solid #0A6EB7;
  margin-right: .15em;
  margin-bottom: .15em;
}
.scn-details p {
  margin-bottom: 1.5em;
}
.scn-details p + h3 {
  margin-top: 1.5em;
}
.scn-details .list-norm {
  margin-bottom: 1.5em;
}
.scn-details .with-img-cam {
  position: relative;
  overflow: hidden;
  margin-bottom: 3em;
}
.scn-details .with-img-cam ul {
}
.scn-details .with-img-cam .img {
  position: relative;
  margin: 0 auto;
  max-width: 180px;
  overflow: hidden;
  border-radius: 1rem;
}
@media only screen and (min-width:800px){
.scn-details h3 span {
  width: 1.5em;
  height: 1.5em;
  line-height: 1.25em;
  border-right: .25em solid #0A6EB7;
  border-bottom: .25em solid #0A6EB7;
  margin-right: .25em;
  margin-bottom: .25em;
}
.scn-details .with-img-cam ul {
  float: left;
  width: calc(100% - 248px);
}
.scn-details .with-img-cam .img {
  float: right;
  max-width: none;
  width: 200px;
  overflow: hidden;
  border-radius: 1rem;
  margin: 0;
}
}
.popup-img {
  padding: 1rem;
}
.hover-alp:hover {

}


/* 2019.05.28 */
.linklist-report {
  position: relative;
  letter-spacing: -.4em;
  margin: -.5em 0;
}
.linklist-report li {
  position: relative;
  letter-spacing: 0;
  display: inline-block;
  width: 100%;
  padding: .5em 0;
}
.linklist-report li a {
  display: block;
  border: 3px solid #0e1b26;
  width: 100%;
  padding: 1em;
  background-color: #FFF;
  text-align: center;
  text-decoration: none;
  font-weight: bold;
}
.linklist-report li a:hover {
  background-color: #0e1b26;
  color: #FFF;
}
.linklist-report li small {
  display: block;
  margin: .25em auto 0;
  font-feature-settings: 'palt';
}
@media only screen and (min-width:576px){
.linklist-report {
  margin: -.5em;
}
.linklist-report li {
  width: 50%;
  padding: .5em;
}
}
@media only screen and (min-width:960px){
.linklist-report {
  margin: 0 -1em;
}
.linklist-report li {
  padding: .5em 1em;
}
}
.wrap-items .item {
  position: relative;
	padding: .75em;
	overflow: hidden;
	border: 1px solid rgba(0,0,0,.2);
  background-color: rgba(255,255,255,.9);
}
.wrap-items.bg-a .item {
  border-color: #ebe9d5;
}
.wrap-items.bg-b .item {
  border-color: #d2e4eb;
}
/*
.wrap-clr.clr-a {
  background-color: #FFFEF3;
}
.wrap-clr.clr-b {
  background-color: #EBF7FC;
}
*/
.wrap-items .item:not(:last-child) {
  margin-bottom: .5em;
}
.wrap-items .item .award {
  position: absolute;
	top: 8px;
	right: 0;
	width: 104px;
	height: auto;
	z-index: 0;
}
@media only screen and (min-width:576px){
.wrap-items .item .award {
  top: 8px;
	width: 112px;
}
}
@media only screen and (min-width:800px){
.wrap-items .item .award {
	width: 138px;
}
}
@media only screen and (min-width:1100px){
.wrap-items .item .award {
	width: 152px;
}
}
.wrap-items .item h4,
.wrap-items .item h5 {
  margin-bottom: .75em;
  border-bottom: 1px dotted rgba(0,165,227,.4);
  padding-bottom: .5em;
  color: rgb(0,165,227);
}
.wrap-items .item figure {
  margin: .5em 0 .75em;
}
.wrap-items .item.result figure {
  overflow: hidden;
}
.wrap-items .item.result figure img + img {
  margin-top: .5em;
}
.wrap-items .item .txt {
  
}
.wrap-items .item dl {
  font-size: .875em;
	line-height: 1.5;
	margin-bottom: -.5em;
}

.wrap-items .item dt {
  font-weight: bold;
	color: #1161a5;
	font-size: 1.07em;
	margin-bottom: .25em;
}
.wrap-items .item dd {
  padding-left: 1em;
  margin-bottom: .5em;
}
@media only screen and (min-width:576px){
.wrap-items .item {
  padding: 1em;
}
.wrap-items .item:not(:last-child) {
  margin-bottom: .75em;
}
.wrap-items .item figure {
  float: left;
	width:  200px;
	margin: 0;
}
.wrap-items .item .txt {
  margin-left: 200px;
	padding-left: 1.5em;
}
.wrap-items .item dd {
  padding-left: 0;
}
}
@media only screen and (min-width:800px){
.wrap-items .item {
  padding: 1.5em;
}
.wrap-items .item:not(:last-child) {
  margin-bottom: 1em;
}
.wrap-items .item figure {
	width:  248px;
}
.wrap-items .item .txt {
  margin-left: 248px;
}
}
.scn-norm figure.fig-two {
  letter-spacing: -.4em;
	margin-left: -.25em;
	margin-right: -.25em;
	overflow: hidden;
}
.scn-norm figure.fig-two img {
  letter-spacing: 0;
	display: inline-block;
	padding: .25em;
	width: 50%;
}
.scn-norm figure.fig-one-s img {
	width: 100%;
}
@media only screen and (min-width:576px){
.scn-norm figure.fig-two img {
	/*width: 50%;*/
}
.scn-norm figure.fig-two.fig-one-s img {
	width: 50%;
}
}
.scn-norm figure.fig-four {
  letter-spacing: -.4em;
	margin-left: -.25em;
	margin-right: -.25em;
	overflow: hidden;
}
.scn-norm figure.fig-four img {
  letter-spacing: 0;
	display: inline-block;
	padding: .25em;
	width: 50%;
}
@media only screen and (min-width:576px){
.scn-norm figure.fig-four img {
	width: 25%;
}
}