@charset "utf-8";
/* CSS Document */
.mb1em{
margin-bottom:1em;
}

.mb2em{
margin-bottom:2em;
}

.mb3em{
margin-bottom:3em;
}

.mb4em{
margin-bottom:4em;
}

.mb5em{
margin-bottom:5em;
}

.mb10em{
margin-bottom:10em;
}

.mt1em{
margin-top:1em;
}

.mt2em{
margin-top:2em;
}

.mt3em{
margin-top:3em;
}

.mt4em{
margin-top:4em;
}
.mt5em{
margin-top:5em;
}
.mt10em{
margin-top:10em;
}


@media (min-width: 1200px) {
  .container {
  width: 950px;
  }
}


	
#bc.navbar-default .navbar-brand {font-family: 'Lora', serif;
    color: #bd1621;
}
#bc.navbar-default {
	padding:8px 0;
    font-size: 14px;
    background-color: #fff;
    border-bottom-width: 0px;
}
#bc.navbar-default .navbar-nav>li>a {font-family: 'Lora', serif;
    color: #000;
    background-color: rgba(248, 248, 248, 0);
}
#bc.navbar-default .navbar-nav>li>a:hover,
#bc.navbar-default .navbar-nav>li>a:focus {
    color: rgba(204, 204, 204, 1);
    background-color: rgba(248, 248, 248, 0);
}
#bc.navbar-default .navbar-nav>.active>a,
#bc.navbar-default .navbar-nav>.active>a:hover,
#bc.navbar-default .navbar-nav>.active>a:focus {
    color: rgba(255, 255, 255, 1);
    background-color:#3c3c3c;
}
#bc.navbar-default .navbar-toggle {
    border: none;
}
#bc.navbar-default .navbar-toggle:hover,
#bc.navbar-default .navbar-toggle:focus {
  border: none;
}
#bc.navbar-default .navbar-toggle .icon-bar {
    background-color: #bd1621;
}
#bc.navbar-default .navbar-toggle:hover .icon-bar,
#bc.navbar-default .navbar-toggle:focus .icon-bar {
    background-color: #bd1621;
}
	
.navbar-brand{
	background:url(../img/logo.png);
	background-repeat:no-repeat;
	width:147px;
	height:50px;}
	
.container-fluid{
	padding-left:0;
	padding-right:0;}
	
.contents{
	padding-top:40px;}

.footer{
padding:15px 0;
margin-top:0;
	background:#0d0d0d;
	text-align:center;
	color:#fff;}
	
	.ttl{font-family: 'Lora', serif;
margin-bottom:1em;
margin-top:0;}

	.bikemenu{
	color:#fff;
	background:url(../img/bikebg.jpg);
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;}

	
.btn-link{display: inline-block;
    width:30%;
    padding: 1.5em 0;
    
   
    color: #fff!important;
   background-color: rgba(189,22,33,.8)!important;
    line-height: 1;
    letter-spacing: .4em;
    transition: border .6s, background .6s;
	font-size: 15px;
text-align:center;
 
    font-weight: 400;
	font-family: 'Lora', serif;}


.btn-link:hover,.btn-link:visited,.btn-link:active,.btn-link:focus{color: #cd818b;
    border-color: transparent!important;
    background: rgba(165,157,147,.2)!important;
	text-decoration:none;
}


a:hover{text-decoration:none!important;}

.p80{
	padding:80px 0;}
	
.ggmap {
position: relative;
padding-bottom: 26.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
 
.ggmap iframe,
.ggmap object,
.ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}  

p,td{font-family: 'Noto Sans JP', sans-serif;
font-weight:300;}


.req{
	
	color:#fff;

	font-size:.8em;
	border-radius:3px;
	padding:2px 3px;
	
	}
	
	.nonreq{
	
	color:#fff;

	font-size:.8em;
	border-radius:3px;
	padding:2px 3px;
	
	}

input{
    border: 1px solid #cccccc;
    border-radius: 3px;
    background: rgba(255,255,255,.3);}

.name1,.tel,.mail{
	width: 100%;
    height:34px;}



.postcode{width: 30%;
    max-width: 90%;}
	

.address{
	width: 80%;
    max-width: 90%;}


label{
	list-style:none;
	font-weight:normal;}

.con_form .col-sm-4{
	margin-bottom:2em;
text-align:left;
	
	}

.con_form .col-sm-8{
	margin-bottom:2em;
	
	}

.formwrap{font-family: 'Noto Sans JP', sans-serif;
font-weight:300;
}

.subbtn{
	color: #f8f8f8;
    background-color: #02A8F3;
    border-color: #0396d8;}
	

.subbtn:hover{
	 color: #fff;
    background-color: #0396d8;
    border-color: #0396d8;}
	
.resbtn{ color: #02A8F3;
    background-color: transparent;
    border-color: #02A8F3;}

.resbtn:hover{ color: #fff;
    background-color: #02A8F3;
    border-color: #02A8F3;}

textarea{
	width: 100%;
 
    height: 150px;
	border-radius: 3px; 
  background: rgba(255,255,255,.3);
    -webkit-appearance: none;}
	
.formwrap h3{
	margin-bottom:1em;
	margin-top:10px;}

.exp{
	margin-bottom:2em;}
	
	
	.subfooter{
	padding:15px 0;
	color:#000;
	background-color:#fff}

.subfooter li{font-size:27px;
	display:inline-block;
	margin-right:.4em;}

.subfooter a{	color:#333;}

.leftbox{
	width:98%;
height:100%;
	background-repeat:no-repeat;
	background-size:cover;
	background-image:url(../img/leftbox.jpg);
	background-position:center;
	}

	.sertext{
		width:60%;
		margin:0 auto;
		padding:80px 0;
		}
	
	.sertext h3{
		margin-top:0;}
	
	.servicebox{
		position:relative;}	
	

		
.alsub{font-family: 'Lora', serif;
	padding:10px 20px;
	line-height:1.5em;
	color:#fff;
	width:40%;
	background-color:rgba(189,22,33,.8);
	position:absolute;
	bottom:10%;
	font-size:17px;
	}
	
	p{
		line-height:1.9em;}
		
/*		iframe{
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
}*/

.table>tbody>tr>td{
	border-top:#fff 1px solid;}
	
#concept{
	background-color:#f5f5f5}
	
.mv{
	height:100vh;
	background-repeat:no-repeat;
	background-size:cover;
	background-image:url(../img/mv.jpg);
	background-position:center;
	}

.mv h1{padding-top:18%;
	text-align:center;
	color:#fff;
	font-size:150px;
	font-family: 'Lora', serif;
	}

.mvimg{padding-top:17%;}
	
	.wrap{overflow:hidden;}
	
@media (max-width: 767px) {
.con_form .col-sm-4{
margin-bottom:.5em;
text-align:left;
	
	}
.con_form .col-sm-8{
	
	padding-bottom:1em;
	border-bottom:1px #ccc solid;
	}	
	
.name1{
	width: 100%;
    max-width: 100%;}

.name2{
	width: 100%;
    max-width: 100%;}

.postcode{width: 100%;
    max-width: 100%;}
	

.address{
	width: 100%;
    max-width: 100%;}

.tel{width: 100%;
    max-width: 100%;}


.mail{width: 100%;
    max-width: 100%;}

textarea{
	width: 100%;}
	
	
	mv{
	height:50vh;}
	
	.mv h1{
		padding-top:49%;
		font-size:80px;}
		
		.mvimg{padding-top:56%;
		padding-left:20px;
		padding-right:20px;}
		
		
	.container{
		padding-left:15px;
		padding-right:15px;}
		
	.leftbox{
		height:40vh;}
		
		.sertext{width:84%;}
		
		.btn-link{
			font-size:13px;
			width:42%;}
			
		.servicebox{
			padding-left:15px;
			padding-right:15px;}
			
		.ggmap {

padding-bottom: 56.25%;
padding-top: 50px;

}
		
	}
	
.servicebox img:hover{
	opacity:.5;}