/*webfont*/      
h2{font-family: Ryumin Regular KL;}
h3{font-family: Ryumin Regular KL;}
p{font-family: Ryumin Regular KL;}
.menu_text_se{font-family: Ryumin Regular KL;}
.top_location_ado{font-family: TBUDGothic R}
.top_location_ado00{font-family: TBUDGothic R}
.tel-number a {
    color:#333;
    }
 /*スライダー設定*/
		.mb60{
			margin-bottom: 60px;
		}	
		.swiper-container{
			text-align: center;
		}
		.swiper-container .swiper-slide img{
			max-width: 100%;
			height: auto;
		}
		.prettyprint{
			border: none;
			background: #fafafa;
			color: #697d86;
		}
/*divの高さを揃える*/
 .top_greeting_co_wrap{display:flex;}
/*foot hover　animation*/
.foot_menu_link {
  position: relative;
  display: inline-block;
  transition: .3s;
}
.foot_menu_link::before,
.foot_menu_link::after {
  position: absolute;
  content: '';
  width: 0;
  height: 1px;
  background-color: #000;
  transition: .3s;
  margin: -4px 0px;
}
.foot_menu_link::before {
  top: 0;
  left: 0;
}
.foot_menu_link::after {
  bottom: 0;
  right: 0;
}
.foot_menu_link:hover::before,
.foot_menu_link:hover::after {
  width: 100%;
}
.foot_menu_link03 {
  position: relative;
  display: inline-block;
  transition: .3s;
}
.foot_menu_link03::before,
.foot_menu_link03::after {
  position: absolute;
  content: '';
  width: 0;
  height: 1px;
  background-color: #000;
  transition: .3s;
  margin: -6px 0px;
}
.foot_menu_link03::before {
  top: 0;
  left: 0;
}
.foot_menu_link03::after {
  bottom: 0;
  right: 0;
}
.foot_menu_link03:hover::before,
.foot_menu_link03:hover::after {
  width: 100%;
}
.gnav_link {
  position: relative;
  display: inline-block;
  transition: .3s;
}
.gnav_menu_link::before,
.gnav_menu_link::after {
  position: absolute;
  content: '';
  width: 0;
  height: 1px;
  background-color: #000;
  transition: .3s;
  margin: -4px 0px;
}
.gnav_link::before {
  top: 0;
  left: 0;
}
.gnav_link::after {
  bottom: 0;
  right: 0;
}
/*動画設定*/     
.wrapper {
  height: 100%; // 高さを画面いっぱいに指定する。(vhが効かない場合の対策)
  height: 100vh; // 高さを画面いっぱいに指定する。
  position: relative;  //横幅がウィンドウズサイズの縦幅よりもはみ出てしまう場合に、左にずらすために指定。
  width: 100%; // 横幅もいっぱいに。
}
      #video { width:100%;}
/*ボタン*/  
.button {
  overflow: hidden;
  position: relative;
  display: inline-block;
  padding: 10px 56px;
  border: 1px solid #333;
  color: #333;
  text-align: center;
  text-decoration: none;
  transition: .3s;
  margin: 0 2px 10px 10px;
}
.button:hover {
  color: #fff;
}
.button::before {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  content: '';
  width: 120%;
  height: 100%;
  background: #333;
  transform-origin: right top;
  transform: skewX(-30deg) scale(0, 1);
  transition: transform .3s;
}
.button:hover::before {
  transform-origin: left top;
  transform: skewX(-30deg) scale(1, 1);
}
.w-container {
    max-width: 820px;
}
.top_location_wrap {
    padding-top: 20px;}
    
.top_location_ado a:link{color: #000;}
.top_location_ado a:visited{color: #000;}
.top_location_ado a:hover{color: #000;}
.top_location_ado a:active{color: #000;}
	
    
@media screen and (max-width: 991px) {
  .button {padding: 10px 54px;}
   .top_greeting_co_wrap{display:none;}        
      }
@media screen and (max-width: 767px) {      
   .top_greeting_co_wrap{display:none;}  
 .foot_menu_link03 {display: none;}
  .button {padding: 10px 45px;width: 45%;}
  .menu_text_se {
    font-size: 12px;
    line-height: 24px;
    letter-spacing: 1px;
    padding: 0 20px;
}
   }