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

html,body{
	height: 100%;
}
/*背景色*/
.bg-none{
	background-color: transparent!important;
}
/*背景*/
.jumbotron-background{
	background-image: url(../images/back.jpg);
	background-repeat: no-repeat;
  background-position: left top;
  background-size: 70% auto;
  padding-bottom: 10vh;
  /*max-height: 70vh;*/
  margin-bottom: 10vh;
}
@media (max-width:1400px){
  .jumbotron-background{

}
}
/*パディング*/
.p-6 {padding: 6rem !important;}
.pt-6 { padding-top: 6rem !important;}
.pr-6 {padding-right: 6rem !important;}
.pb-6 {padding-bottom: 6rem !important;}
.pl-6 {padding-left: 6rem !important;}
.px-6 {padding-right: 6rem !important;padding-left: 6rem !important;}
.py-6 {padding-top: 6rem !important;padding-bottom: 6rem !important;}

.p-7 {padding: 7rem !important;}
.pt-7 {padding-top: 7rem !important;}
.pr-7 {padding-right: 7rem !important;}
.pb-7 {padding-bottom: 7rem !important;}
.pl-7 {padding-left: 7rem !important;}
.px-7 {padding-right: 7rem !important;padding-left: 7rem !important;}
.py-7 {padding-top: 7rem !important;padding-bottom: 7rem !important;}

.pt-10 {padding-top: 10vh !important;}
.pt-20 {padding-top: 20vh !important;}
.pt-30 {padding-top: 30vh !important;}
.pt-40 {padding-top: 40vh;}
.pt-50 {padding-top: 50vh !important;}
.pt-60 {padding-top: 60vh !important;}
.pt-70 {padding-top: 70vh;}
.pt-80 {padding-top: 80vh !important;}
.pt-90 {padding-top: 90vh !important;}

.mt-40 {margin-top: 40vh !important;}

/*オリジナルボタン設定*/
.btn-origin-1 {
  color: #fff;
  background-color: #0d6fb8;
  border-color: #0d6fb8;
}
.btn-origin-1:hover {
  color: #fff;
  background-color: #0a5e9c;
  border-color: #0a5e9c;
}
.btn-origin-1:focus, .btn-origin-1.focus {
  /*box-shadow: 0 0 0 3px rgba(9, 84, 110, 0.5);*/
}
.btn-origin-1.disabled, .btn-origin-1:disabled {
  background-color: #0d6fb8;
  border-color: #0d6fb8;
}
.btn-origin-1:active, .btn-origin-1.active,
.show > .btn-success.dropdown-toggle {
  background-color: #0d6fb8;
  background-image: none;
  border-color: #0d6fb8;
}

.btn-round.btn-xs{border-radius:11px;}
.btn-round.btn-sm{border-radius:22.5px;}
.btn-round {border-radius:17px;}
.btn-round.btn-lg{border-radius:23px;}
.btn-square{border-radius:0;}

/*高さを設定する*/
.h-90{height: 90%;}
.h-80{height: 80%;}
.h-70{height: 70%;}
.h-60{height: 60%;}
.h-50{height: 50%;}
.h-40{height: 40%;}
.h-30{height: 30%;}
.h-20{height: 20%;}
.h-10{height: 10%;}


/*フォントサイズ*/
.f10{font-size: 10px;}
.f11{font-size: 11px;}
.f12{font-size: 12px;}
.f13{font-size: 13px;}
.f14{font-size: 14px;}
.f15{font-size: 15px;}
.f16{font-size: 16px;}
.f17{font-size: 17px;}
.f18{font-size: 18px;}
.f19{font-size: 19px;}
.f20{font-size: 20px;}
.f21{font-size: 21px;}
.f22{font-size: 22px;}
.f23{font-size: 23px;}
.f24{font-size: 24px;}
.f25{font-size: 25px;}
.f26{font-size: 26px;}
.f27{font-size: 27px;}
.f28{font-size: 28px;}
.f29{font-size: 29px;}
.f30{font-size: 30px;}
.f31{font-size: 31px;}
.f32{font-size: 32px;}
.f33{font-size: 33px;}
.f34{font-size: 34px;}
.f35{font-size: 35px;}
.f36{font-size: 36px;}
.f37{font-size: 37px;}
.f38{font-size: 38px;}
.f39{font-size: 39px;}
.f40{font-size: 40px;}

.fb10{font-size: 10px;font-weight: bold;}
.fb11{font-size: 11px;font-weight: bold;}
.fb12{font-size: 12px;font-weight: bold;}
.fb13{font-size: 13px;font-weight: bold;}
.fb14{font-size: 14px;font-weight: bold;}
.fb15{font-size: 15px;font-weight: bold;}
.fb16{font-size: 16px;font-weight: bold;}
.fb17{font-size: 17px;font-weight: bold;}
.fb18{font-size: 18px;font-weight: bold;}
.fb19{font-size: 19px;font-weight: bold;}
.fb20{font-size: 20px;font-weight: bold;}
.fb21{font-size: 21px;font-weight: bold;}
.fb22{font-size: 22px;font-weight: bold;}
.fb23{font-size: 23px;font-weight: bold;}
.fb24{font-size: 24px;font-weight: bold;}
.fb25{font-size: 25px;font-weight: bold;}
.fb26{font-size: 26px;font-weight: bold;}
.fb27{font-size: 27px;font-weight: bold;}
.fb28{font-size: 28px;font-weight: bold;}
.fb29{font-size: 29px;font-weight: bold;}
.fb30{font-size: 30px;font-weight: bold;}
.fb31{font-size: 31px;font-weight: bold;}
.fb32{font-size: 32px;font-weight: bold;}
.fb33{font-size: 33px;font-weight: bold;}
.fb34{font-size: 34px;font-weight: bold;}
.fb35{font-size: 35px;font-weight: bold;}
.fb36{font-size: 36px;font-weight: bold;}
.fb37{font-size: 37px;font-weight: bold;}
.fb38{font-size: 38px;font-weight: bold;}
.fb39{font-size: 39px;font-weight: bold;}
.fb40{font-size: 40px;font-weight: bold;}

.f1em{font-size: 1em;}
.f11em{font-size: 1.1em;}
.f12em{font-size: 1.2em;}
.f13em{font-size: 1.3em;}
.f14em{font-size: 1.4em;}
.f15em{font-size: 1.5em;}
.f16em{font-size: 1.6em;}
.f17em{font-size: 1.7em;}
.f18em{font-size: 1.8em;}
.f19em{font-size: 1.9em;}
.f20em{font-size: 2em;}

.lh15{line-height: 1.5em;}
.lh20{line-height: 2em;}

.bk_fff{
  background-color: #fff;
  border:1px solid #fcfcfc; 
  box-shadow: 0 0 3px #ccc;
}
.bk_f7f{background-color: #F7F7F0;}
.bk_green{background-color: #03A57B;}

.text_center{text-align: center;}
.text_left{text-align: left;}
.text_right{text-align: right;}

.ls-1{letter-spacing: 0.3em;}
.ls-2{letter-spacing: 0.1em;}

/*edgeだけスペース0に。バグによる改行対策*/
@supports (-ms-ime-align:auto) {
.ls-1{letter-spacing: 0em;}
.ls-2{letter-spacing: 0em;}
}

button a{
  color: #fff;
}
button a:hover{
  color: #03A57B;
  text-decoration:none;
  display: block;
}
.btn-success{
  
}
.btn-success a{
  color: #fff;
  display: block;
}
.btn-success:hover{
  color: #03A57B;
  border:1px solid #03A57B;
  background-color: transparent;
  text-decoration: none;
}
.btn-success:hover a{
  color: #03A57B;
  font-weight: bold;
  text-decoration: none;
}

.news{
  padding-top: 70vh;
}
.news>.inner{
  background-color: rgba(255,255,255,0.4);
  padding: 2em;
}
.disc{
  padding-top: 20vh;
}

@media(min-width: 1600px){
	.news{
  padding-top: 90vh;
	}
	.disc{
  padding-top: 30vh;
	}
}

@media(min-width: 1200px) and  (max-width: 1599px){
	.news{
  padding-top: 70vh;
	}
	.disc{
  padding-top: 30vh;
	}
}
@media(min-width: 1000px) and (max-width: 1199px){
	.news{
  padding-top: 60vh;
	}
	.disc{
  padding-top: 15vh;
	}
}

header a{
  color: #000 !important;
}
header a:hover{
  color: #333 !important;
}

.nav-tabs{
  font-size: 16px;
}
a.nav-link.active{
  color: #00a37c !important;
}

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

@media(max-width: 768px){
  .jumbotron-background{
  background-image: url(../images/back.jpg);
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 100vw;
/*  max-height: 50vh;*/
  max-height: initial;
  max-height: auto;
  height: auto;
  height: initial;
  height: auto;
  padding-bottom: 10vh;
  margin-bottom:0vh;
}
  .disc>.inner{
    padding: 0 !important;
  }
  .disc>.p-5{
    padding: 1em !important;
  }

  .news{
    padding-top: 53vh;
  }
  .disc{
    padding-top: 3vh;
  }

  .nav-tabs{
    font-size: 12px;
  }
}

@media(max-width: 414px){

  .jumbotron-background{
  background-image: url(../images/back.jpg);
  background-repeat: no-repeat;
  background-position: left top;
  max-height: initial;
  max-height: auto;
  height: initial;
  height: auto;
  margin:0;
  padding:0;
  padding-bottom: 30px;

}

.news{
  padding-top: 30vh;
  background-color: rgb(255,255,255,0.2);
  display: block;
  width: 100%;
}
.disc{
  padding-top: 1vh;
}

.footer_nav>.f15 {
    font-size: 0.7em;
}

footer{
  text-align: center;
}

}

#sp_nav_ul{
  padding: 0;
  border-left: 1px solid #f3f3f3;
}

#sp_nav_ul li{
  list-style: none;
  width: 100%;
  padding: 10px 5% 10px;
  display: block;
  border-bottom: 1px solid #f3f3f3;
}

.sp_nav_li2{
  text-indent: 1em;
  font-size: 0.8em;
  width: 100%;
  padding: 10px 5% 10px;
  display: block;
  border-bottom: 1px solid #f3f3f3;
}



.nav-item a{
  color: #333;
}
.nav-item a:hover{
  color: #333;
}
.dropdown-item{
  padding-top: 15px;
  padding-bottom: 15px;
  border-bottom:1px solid #ccc;
}
.dropdown-item:first-child{
  padding-top: 10px;
}
.dropdown-item:last-child{
  padding-bottom:10px;
  border-bottom:none;
}



#bukken_top{
  background-image: url(../images/back2.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position:center top;
  height: 300px;
  margin-bottom: 30px;
}
#bukken_top2{
  background-image: url(../images/back4.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position:center top;
  height: 300px;
  margin-bottom: 30px;
}
#bukken_top3{
  background-image: url(../images/back5.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position:center top;
  height: 300px;
  margin-bottom: 30px;
}
#bukken_top4{
  background-image: url(../images/back6.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position:center top;
  height: 300px;
  margin-bottom: 30px;
}
.type{
  background-color: #00a37c;
  color: #fff;
  padding: 10px 20px;
  border-radius: 3px;
  margin-bottom: 20px;
}
.block{
  font-size: 10px;
  border: 1px solid #00a37c;
  border-radius: 3px;
  color: #00a37c;
  margin:  3px;
  padding: 2px 5px;
  display: inline-block;

}

#footer_image{
  padding: 200px 0;
  background-image:url(../images/back3.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  margin-top:100px;
}

/*---------メールフォーム
-----------------------*/
.form_table{
  width: 100%;
}
.form_table tr:nth-child(odd){
   background-color: #fcfcfc;
}
.form_table tr td{
  border: 1px solid #ccc;
  padding: 10px;
}
.form_table tr td:first-child{
  width: 20%;
}
.form_table textarea{
  width: 100%;
  min-height: 200px;
  border:1px solid #ccc;
}
.form_mail{
  width: 100%;
}

/*---------------clearfix
-----------------------*/
.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}
.clearfix:after {
    clear: both;
}
.clearfix {
    *zoom: 1;
}
.clear{
  clear: both;
}

/*アニメーション用CSS*/
.fade_in_left{
  animation:fadeInLeft 3s linear;
}
@keyframes fadeInLeft {
 0% { 
  opacity: 0; 
  transform: translateX(120px);
 }
 100% {
  opacity: 1;
  transform: translateX(0);
 }
}

.fade_in_up{
  animation:fadeInUP 3s linear;
}
@keyframes fadeInUP {
 0% { 
  opacity: 0; 
  transform: translateY(60px);
 }
 100% {
  opacity: 1;
  transform: translateY(0);
 }
}

.fade_in_right{
  animation:fadeInRight 2s linear;
}
@keyframes fadeInRight {
 0% { 
  opacity: 0; 
  transform: translate(-60px);
 }
 100% {
  opacity: 1;
  transform: translateY(0);
 }
}