/*!
 * Start Bootstrap - Grayscale v5.0.8 (https://startbootstrap.com/template-overviews/grayscale)
 * Copyright 2013-2019 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-grayscale/blob/master/LICENSE)
 */#mainNav
 {min-height:56px;background-color:#fff}
 
 #mainNav .navbar-toggler{font-size:80%;padding:.75rem;color:#0084ff;border:1px solid #0084ff}
 
 #mainNav .navbar-toggler:focus{outline:0}#mainNav .navbar-brand{color:#161616;font-weight:700;padding:.9rem 0}
 
 #mainNav .navbar-nav .nav-item:hover{color:fade(white,80%);outline:0;background-color:transparent}
 
 #mainNav .navbar-nav .nav-item:active,#mainNav .navbar-nav .nav-item:focus{outline:0;background-color:transparent}
 
 .wf-sawarabimincho { font-family: "Sawarabi Mincho"; }
 
 .wf-varela {
	 font-family:'Varela Round';}
	 
	.gmap {
	height: 0;
	overflow: hidden;
	padding-bottom: 56.25%;
	position: relative;
	}
	.gmap iframe {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	}
	
	.table{
  width: 100%;
  border-collapse: collapse;
}

.table01 tr{
  border-bottom: solid 2px white;
}

.table01 tr:last-child{
  border-bottom: none;
}

.table01 th{
  position: relative;
  text-align: left;
  width: 20%;
  background-color: #0084ff;
  color: white;
  text-align: left;
  padding: 20px;
}

.table01 th:after{
  display: block;
  content: "";
  width: 0px;
  height: 0px;
  position: absolute;
  top:calc(50% - 10px);
  right:-10px;
  border-left: 10px solid #0084ff;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
}

.table01 td{
  text-align: left;
  width: 70%;
  text-align: left;
  background-color: #eee;
  padding: 20px;
}

td.td01{
  width: 50%;
	padding-left:20px;
	}

td.td02{
  width: 30%;
  border-left: 2px solid #fff;
	}


.table01 tr:first-child{
  border: none;
}

.table01 tr:first-child th{
	background: none;
	color: #000;
	text-align: center;
}

.table01 tr:first-child th::after{
	border: none;
}


.table01 tr:first-child td{
	background: none;
	border: none;
	text-align: center;
	font-weight: bold;
}

.table02{
  width: 100%;
	color: #fff;
	margin: 50px 0;
}

.table02 th{
  position: relative;
  text-align: left;
  width: 30%;
}

.table02 th:after{
  display: block;
  content: "";
  width: 30px;
  height: 2px;
  background-color: #fff;
  position: absolute;
  top:calc(50% - 1px);
  right:20px;
}

.table02 td{
  text-align: left;
  width: 70%;
}
	
	
	
	
 @media (max-width:568px){
.vertical-table th{
      border-bottom: none;/*【2】上下の枠線が二重になるのを防止*/
      display: block;/*【3】PCの一列目を縦積みにする*/
      width: 100%;
    }
    .vertical-table td {
      border-bottom: none;/*【2】上下の枠線が二重になるのを防止*/
      display: block;/*【3】PCの2列目以降も縦積みにする*/
      width: 100%;
    }
      .last td:last-child {
        border-bottom: solid 1px #8a9992;/*【4】表の一番下になるセルだけ下線を引く*/
     }
    .vertical-table td:before {
      content: attr(aria-label);/*【5】aria-labelで指定した値を表示させる*/
      display: inline-block;
      font-weight: bold;
      float: left;
      text-align: left;
      padding-right: 1em;
      white-space: nowrap;
    }
    .label br {
      display: none;/*【6】PCでセル内改行した箇所を改行させない*/
    }
 }
 







.gmap {
height: 0;
overflow: hidden;
padding-bottom: 56.25%;
position: relative;
}
.gmap iframe {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
}
/* IE11 */
_:-ms-lang(x)::-ms-backdrop, .css-hack {
        color: gray;
}

 img.logo {
	 width: 200px;
	 height: 27px;
	}

			 
 .masthead{position:relative;width:100%;height:auto;min-height:35rem;padding:15rem 0;background:-webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,.0)),color-stop(75%,rgba(255,255,255,.2)),to(#83c6f9)),url(../img/bg-masthead.jpg);background:linear-gradient(to bottom,rgba(255,255,255,.0) 0,rgba(255,255,255,.2) 75%,#83c6f9 100%),url(../img/bg-masthead2.jpg);background-position:center;background-repeat:no-repeat;background-attachment:scroll;background-size:cover}

	 
	 
	 #mainNav .nav-link{color:rgba(0,98,204,.75);}
	 
	 #mainNav .nav-link:hover{color:rgba(0,98,204,.75)}

 @media (min-width:992px)
 {
	 #mainNav{padding-top:0;padding-bottom:0;border-bottom:none;background-color:transparent;-webkit-transition:background-color .3s ease-in-out;transition:background-color .3s ease-in-out}
	 
	 #mainNav .navbar-brand{padding:.5rem 0;color:rgba(255,255,255,.5)}
	 
	 #mainNav .nav-link{-webkit-transition:none;transition:none;padding:2rem 1.5rem;color:#fff;}
	 
	 #mainNav .nav-link:hover{color:rgba(255,255,255,.75)}
	 
	 #mainNav .nav-link:active{color:#fff}
	 
	 #mainNav.navbar-shrink{background-color:#fff}
	 
	 #mainNav.navbar-shrink .navbar-brand{color:#161616}
	 
	 #mainNav.navbar-shrink .nav-link{color:#161616;padding:1.5rem 1.5rem 1.25rem;border-bottom:.25rem solid transparent}
	 
	 #mainNav.navbar-shrink .nav-link:hover{color:#0084ff}
	 
	 #mainNav.navbar-shrink .nav-link:active{color:#467370}
	 
	 #mainNav.navbar-shrink .nav-link.active{color:#0084ff;outline:0;border-bottom:.25rem solid #0084ff}
	 }
	 .masthead{position:relative;width:100%;height:auto;min-height:35rem;padding:15rem 0 5rem; background:-webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,.0)),color-stop(75%,rgba(255,255,255,.2)),to(#83c6f9)),url(../img/bg-masthead.jpg);background:linear-gradient(to bottom,rgba(255,255,255,.0) 0,rgba(255,255,255,.2) 75%,#83c6f9 100%),url(../img/bg-masthead2.jpg);background-position:center;background-repeat:no-repeat;background-attachment:scroll;background-size:cover}
	 
 .masthead h1{font-family:'Sawarabi Mincho','ヒラギノ明朝 Pro W3','Hiragino Mincho Pro','ＭＳ Ｐ明朝','MS PMincho',serif;font-size:2rem;line-height:2.5rem;letter-spacing:.6rem; color:#fff;}

	 
	 .masthead h2{max-width:20rem;font-size:1rem}
	 
	
		@media (min-width:992px){
		.masthead{height:100vh;padding:0}
		
		.masthead h1{font-size:5rem;line-height:6.5rem;letter-spacing:.8rem}
		
		.masthead h2{max-width:30rem;font-size:1.25rem}}
		
		.btn{-webkit-box-shadow:0 .1875rem .1875rem 0 rgba(0,0,0,.1)!important;box-shadow:0 .1875rem .1875rem 0 rgba(0,0,0,.1)!important;padding:1.25rem 2rem;font-family:'Varela Round';font-size:80%;text-transform:uppercase;letter-spacing:.15rem;border:0}
		
		.btn-primary{background-color:#0084ff}
		
		.btn-primary:hover{background-color:#0062be}
		
		.btn-primary:focus{background-color:#0062be;color:#fff}
		
		.btn-primary:active{background-color:#467370!important}
/*		ボタン白*/				
		.btn-white{background-color:#ffffff}
		
		.btn-white:hover{background-color:#0062be}
		
		.btn-white:focus{background-color:#0062be;color:#fff}
		
		.btn-white:active{background-color:#467370!important}
		
		
		

		
		.about-section{padding-top:0;background:-webkit-gradient(linear,left top,left bottom,from(#83c6f9),color-stop(75%,rgba(248,249,250,.9)),to(rgba(248,249,250,.8)));background:linear-gradient(to bottom,#83c6f9 0,rgba(248,249,250,.9) 75%,rgba(248,249,250,.8) 100%)}
		
		.about-section p{margin-bottom:5rem}
		
		
		.projects-section .featured-text{padding:2rem}
		
		@media (min-width:992px){
		.projects-section .featured-text{padding:0 0 0 2rem;border-left:.5rem solid #0084ff}}
		
		.projects-section .project-text{padding:3rem;font-size:90%}
		
		@media (min-width:992px){
			
		.projects-section .project-text{padding:4rem}
		
		.projects-section .project-text hr{border-color:#0084ff;border-width:.25rem;width:30%}}
		
		.signup-section{padding:5rem 0;background:#0084ff;background-size:cover}
		
		.signup-section .form-inline input{-webkit-box-shadow:0 .1875rem .1875rem 0 rgba(0,0,0,.1)!important;box-shadow:0 .1875rem .1875rem 0 rgba(0,0,0,.1)!important;padding:1.25rem 2rem;height:auto;font-family:'Varela Round';font-size:80%;text-transform:uppercase;letter-spacing:.15rem;border:0}
		
		.contact-section{padding:5rem 0 0}
		
		.contact-section .card{border:0;border-bottom:.25rem solid #0084ff}
		
		.contact-section .card h4{font-size:.8rem;font-family:'Varela Round';text-transform:uppercase;letter-spacing:.15rem}
		
		.contact-section .card hr{border-color:#0084ff;border-width:.25rem;width:3rem}
		
		.contact-section .social{margin-top:5rem}
		
		.contact-section .social a{text-align:center;height:3rem;width:3rem;background:rgba(255,255,255,.1);border-radius:100%;line-height:3rem;color:rgba(255,255,255,.3)}
		
		.contact-section .social a:hover{color:rgba(255,255,255,.5)}
		
		.contact-section .social a:active{color:#00e4ff}body{font-family:Nunito;letter-spacing:.0625em}a{color:#00e4ff}a:focus,a:hover{text-decoration:none;color:#d1e9ff}.bg-black{background-color:#0084ff!important}.bg-primary{background-color:#0084ff!important}.text-primary{color:#fff!important}footer{padding:5rem 0}
		
		 @media (min-width:768px){
		.masthead h1{font-size:3rem;line-height:4rem}
		.sp_br{display: none;}
		
				.projects-section{padding:10rem 0}

		
			 .masthead{position:relative;width:100%;height:auto;min-height:35rem;padding:15rem 0;background:-webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,.0)),color-stop(75%,rgba(255,255,255,.2)),to(#83c6f9)),url(../img/bg-masthead.jpg);background:linear-gradient(to bottom,rgba(255,255,255,.0) 0,rgba(255,255,255,.2) 75%,#83c6f9 100%),url(../img/bg-masthead.jpg);background-position:center;background-repeat:no-repeat;background-attachment:scroll;background-size:cover}
			 
			 .about-section{ padding-top:10rem;}
			 
			   img.logo {
	 width: 300px;
	 height: 40px;
	}