@charset "utf-8";
/* CSS Document */
html{
    /*font-size:  62.5%;*/
}
body{
	background: #E5E8ED;
	color: #636D7B;
	font-family: "Arial", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
	line-height: 36px;
	font-size: 20px;
}
h1,h2,h3,h4,h5,h6{
    font-family: "Arial", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
    color:#393D43;
    line-height:1.5;margin-bottom:20px
}
h1{
    font-weight: 500; font-size:52px
}
h2{
    font-weight: 500; font-size:42px
}
h3{
    font-size:36px
}
h4{
    font-size:28px
}
h5,h6{
    font-weight: 600;
    font-size: 24px
}

.flexslider,.flexslider .slides>li,.slider-height{
    height: 60vh
}
.flexslider2{
    height: auto
} 
.probootstrap-slider-text2{
    margin-top: 15vh; margin-bottom: 10vh;
}
.navbar {
    min-height: 50px
}
.navbar-right{
    text-align:  right;
}
.navbar-left{
    text-align: left;
    margin-left: 10%;
}
.container0{
    width: auto;
    margin-top: 0
}
.container{
    width: auto;
	margin: 0 5%;
}
.table1{
    width: 80%;
    margin: 10% 15%;
}
.table1 tbody{
    font-size: 22px;
}
.table-80{
    width: 80%;
}
.color-lbl{
/*	color: #85c8dd */
	color: #1A9BBC
}
.txt_underline{
    text-decoration: underline;
}

.top-bgimg{
	background:rgba(0,0,0,.5) left bottom no-repeat;
}
.title-sp{
    margin: 50px 0;
}
.title-h{
    margin: 50px auto;
    padding: 0 0 10px;
}
.border-top{
    border-top: 1px solid rgba(26,155,188,0.80)
}
.border-bottom{
    border-bottom: 1px solid rgba(26,155,188,0.80)
}
.border-bottom4{
    border-bottom: 4mm ridge rgba(26,155,188,0.50)
}
.mgn0{
    margin: 0;
}
.mgn010{
    margin: 0 10px;
}
.mgn0030{
    margin: 0px 0px 30px
}

.img-shd:hover {
	filter: brightness(0.7)
}

/*** contact form 
.form-horizontal{
	
}
.form-group{
	
}***/

/*** map ***/
.ggmap {
	margin-top: 0px;
	position: relative;
    margin-bottom: 30px;
	padding-bottom: 50%;
	width: 100%;
	height: 0;
	overflow: hidden;
}
.ggmap2 {
	margin-top: 0px;
	position: relative;
    margin-bottom: 30px;
	padding-bottom: 30%;
	width: 100%;
	height: 0;
	overflow: hidden;
} 
.ggmap iframe,
.ggmap object,
.ggmap embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.ggmap2 iframe,
.ggmap2 object,
.ggmap2 embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
/** topへ **/
.pagetop{
    position: fixed;
	width: 40px;
	height: 40px;
	text-align: center;
    bottom: 20px;
    right: 20px;
	font-size: 28pt;
	z-index: 99;
	color: rgba(0,0,0,0.45);
}
.pagetop:hover {
	cursor: pointer;
	color: rgba(0,0,0,0.70);
}
/******/
.bg-banner{
	background: right middle image("");
}
.trim {
    overflow: hidden;
/*    max-height: 350px;/* トリミングしたい枠の高さ */
    position: relative;
}
.trim .trim-img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  max-height: 200px;

  min-width: 100%;
  min-height: 100%
}
.trim img{
	max-width: 100%;
	max-height: 100%
}



@media screen and (min-width:769px){
.probootstrap-navbar{
    background-color: rgba(243,243,243,0.80);
    }

.probootstrap-navbar .navbar-nav>li>a {
    color: #393d43;
    font-size: 18px;
    font-weight: 600;
    padding-top: 30px;
    }
.probootstrap-navbar .navbar-nav>li:hover {
    background-color: #1a9bbc;
    }
.probootstrap-navbar .navbar-nav>li>a:hover {
    color: #ffffff;
    }
.probootstrap-navbar .navbar-brand{
    background: url("../img/tnt_logo.svg") left top no-repeat
	}
.probootstrap-navbar .navbar-collapse .scrolled .navbar-nav>li>a:hover {
    color: #ffffff;
    }
}
@media screen and (max-width:768px){
body{
	line-height: 28px;
	font-size: 19px;
}
h1,h2,h3,h4,h5,h6{
    color:#393D43;
    line-height:1.5;margin-bottom:20px
}
h1{
    font-weight: 500; font-size:40px
}
h2{
    font-weight: 500; font-size:32px
}
h3{
    font-size:28px
}
h4{
    font-size:22px;
    font-weight: 500;
}
h5,h6{
    font-weight: 600;
    font-size: 20px;
}
.flexslider,.flexslider .slides>li,.slider-height{
    height: 40vh
}
.navbar-left{
    text-align: left;
    margin-left: 10px;
}
.probootstrap-navbar .navbar-nav>li>a {
    font-size: 16px;
    font-weight: 600;
    }
.probootstrap-navbar .navbar-brand {
	background: url("../img/tnt_logo.svg") left top no-repeat
	}
.probootstrap-navbar .navbar-collapse .navbar-nav>li:hover {
    background-color: #1a9bbc;
    }
.probootstrap-navbar .navbar-nav>li>a:hover {
    color: #ffffff;
    }
.probootstrap-navbar .navbar-collapse .scrolled .navbar-nav>li>a:hover {
    color: #ffffff;
    }

.ggmap {
	padding-bottom: 50%;
	}
.ggmap2 {
	padding-bottom: 50%;
	}
.trim {
    overflow: hidden;
/*    max-height: 200px;/* トリミングしたい枠の高さ */
    position: relative;
	}
.table1{
    width: 100%;
    margin: 10% 0;
}

.table1 tbody{
    font-size: 19px;
}

}