@import url(http://fonts.googleapis.com/earlyaccess/notosansjp.css);

body {
	/*font-family: 'Noto Sans JP', sans-serif;*/
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;

	font-size: 100%;
	color: rgb(40,40,40);
}
.font-gothic{
	font-family:  'Noto Sans JP', sans-serif;
}

h1, h2, h3, h4, h5 {
	font-weight: 500;
	line-height: 1.5;
	cursor: pointer;
}
@media (min-width: 768px) {
	.text-xl, h1 { font-size: 26px }
	.text-l, h2 { font-size: 20px }
	.text-m, h3 { font-size: 16px }
	.text-sm, h4,p,tr{ font-size: 14px }
	.text-s, h5 { font-size: 12px }
	.text-xs { font-size: 10px}
}

@media (max-width: 767px) {
	.text-xl, h1 { font-size: 24px }
	.text-l, h2 { font-size: 18px }
	.text-m, h3, p,tr { font-size: 14px }
	.text-sm, h4{ font-size: 12px }
	.text-s, h5 { font-size: 11px }
	.text-xs { font-size: 10px}
}

.no-margin-top{
	margin-top:0
}

.section {
	margin-top: 20px;
	margin-bottom: 60px;
}

.text-bolder { font-weight: 600}

.align-right {text-align: right}
.align-left {text-align: left}
.align-center {text-align: center}

li {
	text-decoration: none;
}

a, .link {
	color: rgb(0,0,0);
	font-size: 12px;
/*	text-decoration: underline;*/
	font-weight: normal;
	cursor: pointer;
	transition:.5s;
}
a:hover, a:focus, .link:hover {
	color:  rgb(21,123,249);
/*	text-decoration: underline;*/
}

/*.cursor-pointer{
	cursor: pointer;
}
*/
.title {
	margin-bottom: 40px;
}
.sub-title {
	margin-top: 10px;
	margin-bottom: 20px;
}

.btn {
	background-color: rgb(21,123,249);
	margin-bottom: 30px;
	margin-top: 30px;
	cursor: pointer;
	color: white;
}
	.btn:hover {
		background-color: rgba(21,123,249, .6);
		color: white;
	}
	.btn a{
		text-decoration: none;
		color:white;
		font-weight: 500;
	}
.btn-circle{
	width : 50px;
	height: 50px;
	border-radius: 25px;
	border: 1px solid rgb(21,123,249) ;
	color : rgb(21,123,249);
	text-align: center;
	cursor: pointer;
	transition: .5s;
}
	.btn-circle:hover{
		background-color: rgb(21,123,249);
		color: white
	}
	.btn-circle i{
		line-height: 50px;
		font-size: 36px;
	}
	.btn-circle.roll-to-top{
		position:absolute;
		right:0;
	}


.navbar-default {
	background-color: rgba(255,255,255,0);
/*	border-bottom: 1px solid rgba(21,123,249,1)*/
}
.navbar .container {
 	padding-right: 15px;
	padding-left: 15px;
}
/*.navbar-header h3 {
 	margin-top: 0;
 	margin-bottom: 0;
 	line-height: 40px;
}*/



.navbar-default .navbar-nav>li>a {
    color:rgb(255,255,255);;
}
.navbar ul li a {
 	line-height: 40px;
 	padding-top: 0;
 	padding-bottom: 0;
}
.navbar-toggle {
	margin: 0;
	padding-left: 0;
}
	.navbar-default .navbar-toggle:before {
		color: rgb(96,76,63);
	}
	.navbar-default .navbar-toggle:hover:before, .navbar-default .navbar-toggle:focus:before {
		color:  rgb(101,172,56);
	}

.navbar-default .navbar-nav>li {
	cursor: pointer;
}

.navbar-default .navbar-nav>li>a {
	font-size: 12px;
	font-weight: normal;
	cursor: pointer;
	transition:.5s;
}
	.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav li.on a{
		color:  rgb(21,123,249);
	}


#main-container{
	margin-top: 0px;
}

.full-wide {
	padding-left:0;
	padding-right: 0;
}

.bx-controls{
	display: none;
}
.bx-viewport ul{padding-left : 10px;}


.text-space-10{
	letter-spacing: 10px
}

	table tr, table th{
/*		padding: 5px 0;*/
		vertical-align: baseline;
		font-weight: 100;
	}
	th {
		width:100px;
	}

.footer {
	width:100%;
	padding: 40px 15px;
	background-color: rgb(40,40,40);
	color:rgb(255,255,255);
}
	.footer .links p {
		margin-bottom: 0
	}

#section-top{
	color: rgb(255,255,255);
}
#section-top .logo{
	position: absolute;
	z-index: 1000;
	opacity: 0;
	transition:6s;
}
	#section-top .logo.show{
		opacity: 1
	}

#section-top .tagline{
	position: absolute;
	z-index: 1000;
	opacity: 0;
	transition:6s;
}
	#section-top .tagline.show{
		opacity: 1
	}


.bxslider li {
	left:0;
}

#main-container{
	opacity: 0;
	transition:5s;
}
#main-container.show{
	opacity: 1;
}

/* #section-top {
      background: url("../img/material/002.jpg");
      background-position: center center;
      background-size: cover;
      color: #fff;
    }
*/