body {
	font-family: 'Noto Sans Japanese', sans-serif;
	font-size: 14px;
}

.noto100 {font-weight:100;}
.noto200 {font-weight:200;}
.noto300 {font-weight:300;}
.noto400 {font-weight:400;}
.noto500 {font-weight:500;}
.noto600 {font-weight:600;}
.noto700 {font-weight:700;}
.noto800 {font-weight:800;}
.noto900 {font-weight:900;}


.tlred {color: #e70012;}
.tlwhite {color: #fff;}


.f70 {font-size: 70%;}
.mt20 {margin-top: 20px;}
.mt60mt20 {margin-top: 60px;}


@media (min-width: 751px) {
	a[href*="tel:"] {
		pointer-events: none;
		cursor: default;
		text-decoration: none;
	}
}


/* pagetop */
.pagetop {
    display: none;
    position: fixed;
    bottom: 30px;
    right: 30px;
}
.pagetop a {
    display: block;
    background-color: #ccc;
    text-align: center;
    color: #222;
    font-size: 12px;
    text-decoration: none;
    padding: 20px 10px;
}
 
.pagetop a:hover {
    display: block;
    background-color: #222;
    text-align: center;
    color: #fff;
    font-size: 12px;
    text-decoration: none;
    padding:20px 10px;
}


/* 画像センタリング */
.img-responsive-overwrite {
    margin: 0 auto;
}

/* menu */
#tf-menu.navbar-default {
    background-color: #000;
    border-color: rgba(231, 231, 231, 0);
}

#tf-menu {
/*    padding: 20px;*/
    transition: all 0.8s;
}

#tf-menu a {
	color: #fff;
}

/*  */
.jumbotron--main {
	background: url(../images/main03.jpg) 0 0 no-repeat;
	background-size: cover;
/*	height: 100vh;*/
	min-height: 300px;
	color: #fff;
}

.jumbotron__content {
/*	width: 90%;*/
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	margin-top: 100px;
}

h1.toptl {
	font-size: 28px;
	font-weight: bold;
	margin-top: -20px;
}

#about {
	margin-top: 30px;
}

.tl-blue {
	font-size: 21px;
	font-weight: bold;
	color: #fff;
	text-align:center;
	background: #337ab7;
	padding: 8px;
}

h1.pagetl {
	font-size: 40px;
	font-weight: bold;
	color: #e70012;
	padding: 8px;
	margin-top: 60px;
}

.subtl-1 {
	font-size: 21px;
	color: #fff;
	font-weight: bold;
	background: #000;
	padding: 8px;
	margin-top: 20px;
}

.subtl-2 {
	font-size: 21px;
	color: #fff;
	font-weight: bold;
	background: #666666;
	padding: 8px;
	margin-top: 20px;
}



a.fa.fa-angle-down {
	padding: 10px 15px;
	color: #fff;
	border: 2px solid #fff;
	border-radius: 50%;
	font-size: 24px;
	margin-top: 100px;
	transition: all 0.5s;
}
a.fa.fa-angle-down:hover{
	background: #31708F;
	color: #ffffff;
	border: 2px solid #116690;
}

.section-tl {
	text-align: center;
}

hr.footer-hr {
	border-top: 3px solid #000;
	margin-top:10px;
	margin-bottom: 20px;
}



/* offcanvas */
.list-group-item.active.active {background-color: #d9534f; border-color: #d43f3a;}


.ttl {
	color: #fff;
	background: #e70012;
}


#history dl{
/*	border-bottom: 1px dotted #5c5133;*/
    font-size: 1.1em;
    background: #f8f8f8;
    padding: 15px 15px 5px 15px;
}
#history dl dt {
	float: left;
	clear: both;
	width: 60px;
	position: absolute;
/*	border-top: 1px dotted #5c5133;*/
/*	padding: 10px 0 10px 10px;*/
}
#history dl dd {
/*	border-top: 1px dotted #5c5133;*/
/*	padding: 10px 0;*/
	min-height: 70px;
	margin-left: 70px;
}






@media only screen and (max-width: 768px){
	
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}


.mt60mt20 {margin-top: 20px;}


.btn {
	width: 100%;
	white-space: normal;
	font-size: 12px;
	text-align: left;
	padding: 6px;
}

.navbar-brand {
	font-size: 16px;
}

h1.toptl {
	font-size: 13px;
	font-weight: bold;
	margin-top: 200px;
}

#setsubi h1.setsubitl {
	font-size: 18px;
	font-weight: bold;
	background: #f8f8f8;
	padding: 8px;
	margin-top: -20px;
}

#setsubi h2 {
	font-size: 18px;
	color: #e70012;
}

h2 {font-size: 18px;}

.jumbotron--main {
	background: url(../images/main03.jpg) 0 0 no-repeat;
	background-size: cover;
/*	height: 100vh;*/
	min-height: 0px;
	color: #fff;
}



/* pagetop */
.pagetop {
    display: none;
    position: fixed;
    bottom: 0px;
    right: 10px;
}
.pagetop a {
    display: block;
    background-color: #ccc;
    text-align: center;
    color: #222;
    font-size: 12px;
    text-decoration: none;
    padding: 10px;
}
 
.pagetop a:hover {
    display: block;
    background-color: #222;
    text-align: center;
    color: #fff;
    font-size: 12px;
    text-decoration: none;
    padding: 10px;
}


.btn-sp-ht {
	line-height: 35px;
}


}