/*!
 * Start Bootstrap - Grayscale v4.0.0-beta.2 (https://startbootstrap.com/template-overviews/grayscale)
 * Copyright 2013-2017 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-grayscale/blob/master/LICENSE)
 */
body{
	/*font-family:Lora,'Helvetica Neue',Helvetica,Arial,sans-serif;*/
	/* font-family:Lora, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif"; */
	font-family: 'Roboto','Noto Sans JP','Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', sans-serif;
	position:relative;
	width:100%;
	height:100%;
	color:#CCCEE5;
	background-color:#131850;
}

html{width:100%;height:100%}

h1,h2,h3,h4,h5,h6{
	/*font-family:Cabin,'Helvetica Neue',Helvetica,Arial,sans-serif;*/
	/* font-family:Cabin, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif"; */
	font-family: 'Roboto','Noto Sans JP','Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', sans-serif;
	font-weight:700;
	margin:0 0 1em;
	letter-spacing:1px;
	text-transform:uppercase;
	color: #FFF;
}

h3{ font-size: 1.25rem; }

p{font-size:16px;line-height:1.5;margin:0 0 25px}

img{max-width: 100%;}

.brsp{ display: block;}
@media (min-width:768px){
p{font-size:18px;line-height:1.6;margin:0 0 35px}
.brsp{ display: none; }
}
a{-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;transition:all .2s ease-in-out;color:#42dca3}
a:focus,a:hover{text-decoration:none;color:#1d9b6c}
#mainNav{font-family:Cabin,'Helvetica Neue',Helvetica,Arial,sans-serif;margin-bottom:0;text-transform:uppercase;border-bottom:1px solid rgba(255,255,255,.3);background-color:#FFF}
#mainNav .navbar-toggler{font-size:14px;padding:11px;color:#131850;border:1px solid #131850}
#mainNav .navbar-brand{font-weight:700}
#mainNav .navbar-brand img{
	max-width: 160px;
}
#mainNav a{
	color: #131850;
}
#mainNav .navbar-nav .nav-item{-webkit-transition:background .3s ease-in-out;-moz-transition:background .3s ease-in-out;transition:background .3s ease-in-out}
#mainNav .navbar-nav .nav-item:hover{color:fade(white,80%);outline:0;background-color:transparent}
#mainNav .navbar-nav .nav-item:active,#mainNav .navbar-nav .nav-item:focus{outline:0;background-color:transparent}

@media (min-width:992px){
#mainNav{
	padding-top:20px;padding-bottom:20px;-webkit-transition:background .3s ease-in-out,padding-top .3s ease-in-out,padding-bottom .3s;-moz-transition:background .3s ease-in-out,padding-top .3s ease-in-out,padding-bottom .3s;transition:background .3s ease-in-out,padding-top .3s ease-in-out,padding-bottom .3s;letter-spacing:1px;border-bottom:none;background:0 0}

#mainNav.navbar-shrink{
	padding-top:10px;
	padding-bottom:10px;
	border-bottom:1px solid rgba(255,255,255,.3);
	background-color:rgba(255,255,255,.8);
}
#mainNav .nav-link.active{outline:0;background-color:rgba(255,255,255,.3)}
#mainNav .nav-link.active:hover{color:#fff}
}

.masthead{display:table;width:100%;height:auto;padding:200px 0;text-align:center;color:#fff;background:url(../img/intro.jpg) no-repeat center center scroll;background-color:#000;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}
.masthead .intro-body{display:table-cell;vertical-align:middle}
.masthead .intro-body .brand-heading{font-size:50px}
.masthead .intro-body .intro-text{font-size:18px}

@media (min-width:768px){
.masthead{height:100%;padding:0}
.masthead .intro-body .brand-heading{font-size:82px; text-shadow: 0 0 3px rgba(0,0,0,.4); text-align:left; }
.masthead .intro-body .intro-text{font-size:22px}
}

.btn-circle{font-size:26px;width:55px;height:55px;margin-top:15px;line-height:45px;-webkit-transition:background .3s ease-in-out;-moz-transition:background .3s ease-in-out;transition:background .3s ease-in-out;color:#fff;border:2px solid #fff;border-radius:100%!important;background:0 0}
.btn-circle:focus,.btn-circle:hover{color:#fff;outline:0;background:rgba(255,255,255,.1)}
.content-section{padding-top:150px;padding-bottom:150px}

.download-section{
	color:#fff;
	/*background:url(../img/downloads-bg.jpg) no-repeat center center scroll;*/
	background-image: url(../img/next.jpg);
	background-color:#000;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
	background-attachment: fixed;
	background-position: center bottom;
}
#map{width:100%;height:300px}

@media (min-width:992px){
.content-section{padding-top:200px;padding-bottom:200px}
#map{height:400px}
}

.btn{
	font-family:Cabin,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo,'Helvetica Neue',Helvetica,Arial,sans-serif;
	font-weight:400;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;transition:all .3s ease-in-out;
	text-transform:uppercase;
	border-radius:0}

.btn-default{
	color:#B2B8FF;
	border:1px solid #B2B8FF;
	background-color:transparent}
.btn-default:focus,.btn-default:hover{
	color:#000;
	border:1px solid #B2B8FF;
	outline:0;
	background-color:#B2B8FF;
	transition: .3s;
}
ul.banner-social-buttons{margin-top:0}

@media (max-width:1199px){
ul.banner-social-buttons{margin-top:15px}
}

@media (max-width:767px){
ul.banner-social-buttons li{display:block;margin-bottom:20px;padding:0}
ul.banner-social-buttons li:last-child{margin-bottom:0}
}
footer{padding:50px 0}
footer p{font-size:14px;margin:0}::-moz-selection{background:#fcfcfc;background:rgba(255,255,255,.2);text-shadow:none}::selection{background:#fcfcfc;background:rgba(255,255,255,.2);text-shadow:none}
img::selection{background:0 0}
img::-moz-selection{background:0 0}
body{-webkit-tap-highlight-color:rgba(255,255,255,.2)
}

/*------------------------------------------------*/
#about{ background-color:rgba(0,0,0,.1) }
.bg_inner{ padding-top: 3rem; }
.bg_inner:nth-child(1n){ background-color:rgba(255,255,255,.05) }
.bg_inner:nth-child(2n){ background-color:rgba(0,0,0,.1) }
.dl_about{ display: block; text-align: left; }
.dl_about dt{
	display: inline-block;
	width: 15%;
	min-width: 100px;
	vertical-align: top;
	/*color: #7F8199;*/
	color: #FFF;
	font-weight: normal;
}
.dl_about dd{
	display: inline-block;
	width: 85%;
}
.bg_inner img{max-width: 48%; }


@media (max-width:767px){
p{font-size:14px;line-height:1.4;margin:0 0 1em}
.content-section{ padding: 2em 0;}
h2{ font-size: 1.6rem;}
h3{ font-size: 1em; }
.bg_inner{ padding-top: 1rem;}
.bg_inner img{ max-width: 28%;}	
}
/*------------------------------------------------*/
.ityped-cursor {
    font-size: 2.2rem;
    opacity: 1;
    -webkit-animation: blink 0.3s infinite;
    -moz-animation: blink 0.3s infinite;
    animation: blink 0.3s infinite;
    animation-direction: alternate;
}
 
@keyframes blink {
    100% {
        opacity: 0;
    }
}
 
@-webkit-keyframes blink {
    100% {
        opacity: 0;
    }
}
 
@-moz-keyframes blink {
    100% {
        opacity: 0;
    }
}
/*-----------------------------------------------*/
.btn-primary {
    color: #D9FA3B;
    background-color: transparent;
    border-color: #D9FA3B;
}
.btn-primary:hover {
    color: #131850;
    background-color: #D9FA3B;
    border-color: #D9FA3B;
}
.tx_min{ font-size: .8em; margin: 2em 0;}
.modal-dialog { max-width: 600px; text-align: left; }
.modal-content{ background-color: #131850 }
.modal-header { display: block; }

.close { color: #EEE; }
.close:focus, .close:hover { color: #FFF;}
.tb_form { width: 100%; margin-bottom: 2em;}
.tb_form th{font-weight: normal; padding: .25em 0; text-align: left; width: 30%; }
.tb_form td{padding: .25em 1em; text-align: left;}
.tb_form th label{
	background-color: #333DB2;
	border-radius: 2px;
	font-size: .7em;
	color: #EEE;
	padding: 1px .3em;
	margin-left: .5em;
}