/*!
 * Start Bootstrap - Modern Business (https://startbootstrap.com/template-overviews/modern-business)
 * Copyright 2013-2017 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-logomodern-business-nav/blob/master/LICENSE)
 */

body {
  padding-top: 50px;
}

@media (min-width: 992px) {
  body {
    padding-top: 50px;
  }
}

.carousel-item {
  height: 65vh;
  min-height: 300px;
  background: no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.portfolio-item {
  margin-bottom: 30px;
}

h6 strong{
	div class="sample7"
	padding: .25em 0 .25em .75em;
	border-left: 6px solid #ccc;
}


div {
  border-radius: 10px 20px 30px 40px;
}

h5 strong{
padding: 0.4em 0.5em;/*文字の上下 左右の余白*/
color: #494949;/*文字色*/
background: #fff;/*背景色*/
border-left: solid 5px #6c757d;/*左線*/
border-bottom: solid 3px #d7d7d7;/*下線*/
}


.pagetop {
	display: none;
	position: fixed;
	bottom: 30px;
	right: 15px;
}
.pagetop a {
	display: block;
	background-color: #ccc;
	text-align: center;
	color: #222;
	font-size: 12px;
	text-decoration: none;
	padding: 5px 10px;
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}
.pagetop a:hover {
	display: block;
	background-color: #b2d1fb;
	text-align: center;
	color: #fff;
	font-size: 12px;
	text-decoration: none;
	padding:5px 10px;
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}