@charset "UTF-8";
/* CSS Document */

:root{
    --font-family-sans-serif: "Helvetica Neue", Helvetica, Arial, "游ゴシック体", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
    --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

body {
    font-family: "Helvetica Neue", Helvetica, Arial, "游ゴシック体", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, 'Open Sans', sans-serif;
}

h1, h2, h3, h4, h5, h6 {
    font-family: "Helvetica Neue", Helvetica, Arial, "游ゴシック体", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, 'Open Sans', sans-serif;
}

.mincho {
	font-family: "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
}


.navbar-custom {
    background-color: #fafafa;
    color:#fff;
    border-radius:0;
    /*border-color: #337ab7;*/
}
 
.navbar-custom .navbar-nav > li > a {
    color:#006835;
}
.navbar-custom .navbar-nav > .active > a, .navbar-nav > .active > a:hover, .navbar-nav > .active > a:focus {
    color: #006835;
    background-color:#fff;
    color:#000;
}
.navbar-custom .navbar-brand {
    color:#006835;
}

.navbar-custom .navbar-toggler {
    border: 1px solid #006835;
    background-color: #fff;
}

.navbar.navbar-expand-md.navbar-custom .navbar-toggler .navbar-toggler-icon {

background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 104, 104, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E")
}

/*mainイメージ*/


.jumbotron.jumbotron-fluid.jumbotron-extend {
	position: relative;
    background:url(../images/main2.jpg) center no-repeat; 
	background-size: cover;
	min-height: 600px;
}
.jumbotron.jumbotron-fluid.jumbotron-extend .container-fluid.jumbotron-container h1 {
	font-size: 8vw;
	margin-bottom: 40px;
	/*font-family: "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";*/
	color: aliceblue
}

@media(min-width:700px) {
  .jumbotron.jumbotron-fluid.jumbotron-extend .container-fluid.jumbotron-container h1 {
    font-size:  60px;
  }
}

/*title*/

.title3 {
  padding: 0.25em 0.5em;/*上下 左右の余白*/
  color: #494949;/*文字色*/
  background: transparent;/*背景透明に*/
  border-left: solid 5px #006835;/*左線*/
}

.title2 {
  position: relative;
  padding: 0.6em;
  background: #2eaf70;
}

.title2:after {
  position: absolute;
  content: '';
  top: 100%;
  left: 30px;
  border: 15px solid transparent;
  border-top: 15px solid #2eaf70;
  width: 0;
  height: 0;
}

.title1 {
    
}

.title1 h3 {
	color: #006835;
    
}

.arrow1{
  width: 30px;
  height: 30px;
  border: 5px solid;
  border-color:  transparent transparent #006835 #006835;
  transform: rotate(-45deg);
}

.line {
	border-bottom: 1px solid #006835;	
	
}


.title-text {
    
    font-weight: bold;
    animation-name: fadein;
    animation-duration: 2s;
    /*animation-iteration-count: infinite;*/
}
@keyframes fadein {
from {
    opacity: 0;
    transform: translateY(20px);
}
to {
    opacity: 1;
    transform: translateY(0);
}
}


.btn2 {
  display: inline-block;
  font-weight: 400;
  text-align: center;
  
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border: 1px solid transparent;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: 0.25rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

/*contents*/


.corp-color {
	
color: #006835;
}
 .bg-corp {
background-color: #006835;
}

.bg-gray {
	
	background-color: #f2f2f2;
}

.row-height {
    display: flex;
    flex-wrap: wrap;
}

.top-boader {
	border-top: solid 20px #006835;
}

.w-80 {
	width: 80%;
}
/*footer*/
footer{
     
     padding:30px 0px;
}	       

.logo{
    color:#FFF;
    font-weight:700;
    font-size:30px;
}

.img-box{
    width: 64px;
}
.address span , .menu span{
   color: #FFF; 
   font-weight: bold; 
   border-bottom: 1px solid #c7c7c7; 
   padding:10px 0px;
   display: block;
   text-transform: uppercase;
   font-size: 16px;
   letter-spacing: 3px;
}
 
.address li a , .menu li a{
    color:#FFF;
    letter-spacing: 3px;
    text-decoration:none;
    font-size:14px;
}

.address li, .menu li{
    margin:20px 0px;
    list-style: none;
}

.address li a:hover , .menu li a:hover{
    color: #da3e44;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
}

.address .fa{
    color: #da3e44;
    margin-right: 10px;
    font-size:18px;
}
.address li p {
    font-size: 14px;
	color:#FFF;
}