/* -------------------------- */
/* base
/* -------------------------- */

html{
  font-size: 62.5%;
}

body{
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 1.6rem;
  color: #333;
  background:url("../images/pc_allback.webp");
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
}

@supports (-webkit-overflow-scrolling: touch) {
  body {
    background: none;
  }

body:before {
    background:url("../images/pc_allback.webp");
    background-repeat: no-repeat;
    background-position: right;
    background-size: 100%;
    content: "";
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
  }
}
    
    
img{
  width: 100%;
  vertical-align: bottom;
}
a{
  font-family: 'brandon-grotesque', sans-serif;
  text-decoration: none;
  color: #225967;
  letter-spacing: 5%;
  line-height: 23px;
}
ul{
  list-style: none;
}
input{
  border: 0;
  outline: none;
  appearance: none;
  -webkit-appearance:none;
}
textarea{
  border: 0;
  outline: none;
  resize: none;
}

/* -------------------------- */
/* //base
/* -------------------------- */
/* -------------------------- */
/* header
/* -------------------------- */

header{
  padding: 1% 4% 1% 4%;
  background:url("../images/pc_header.webp");
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  z-index: 99;
}

.noscroll {
  height: 100%;
  overflow: hidden;
}


/*******************ナビゲーションの設定*******************/
/*==ナビゲーション全体の設定*/
nav{

	color: #303030;
	
	/*==ナビゲーション全体高さ中央設定*/
	display: flex;
	align-items: center;
	text-align: center;
}



/*ナビゲーションを横並びに*/
nav ul {
	list-style: none;
	display: flex;
	justify-content: center;
}

/*ナビゲーションを縦中央並びに*/
.center{
    /*==ナビゲーション全体高さ中央設定*/
	display: flex;
	align-items: center;
	text-align: center;
}


/*2階層目以降は横並びにしない*/
nav ul ul{
	display: block;
}

/*下の階層のulや矢印の基店にするためliにrelativeを指定*/
nav ul li{
	position: relative;
}

/*ナビゲーションのリンク設定*/
nav ul li a{
	text-align:justify;
	text-align-last:justify;
	font-size: 85%;
	display: block;
	text-decoration: none;
	color: #ffffff;
	padding: 20px 35px;
	transition: all .3s;
    letter-spacing: 0.1rem;	
}

nav ul li li a{
	padding: 10px 35px;
}

nav ul li a:hover{
	opacity: 20%;
}

/*==矢印の設定*/

/*２階層目をもつliの矢印の設定*/
nav ul li.has-child::before{
	content: '';
	position: absolute;
	left: 15px;
	top: 25px;
	width: 6px;
	height: 6px;
	border-top: 2px solid #999;
	border-right: 2px solid #999;
	transform: rotate(135deg);
    color: #ffffff;
}

/*3階層目をもつliの矢印の設定*/
nav ul ul li.has-child::before{
	content: '';
	position: absolute;
	left: 6px;
	top: 14px;
	width: 6px;
	height: 6px;
	border-top: 2px solid #999;
	border-right: 2px solid #999;
	transform: rotate(45deg);
    color: #ffffff;
}

/*==２・３階層目の共通設定*/

/*下の階層を持っているulの指定*/
nav li.has-child ul{
	/*絶対配置で位置を指定*/
	position: absolute;
	left: 0;
	top: 62px;
	z-index: 4;
	/*形状を指定*/
	background: #225967;
	width: 180px;
	/*はじめは非表示*/
	visibility: hidden;
	opacity: 0;
	/*アニメーション設定*/
	transition: all .3s;
	
	border-radius: 10px;
}

/*hoverをしたら表示*/
nav li.has-child:hover > ul,
nav li.has-child ul li:hover > ul,
nav li.has-child:active > ul,
nav li.has-child ul li:active > ul{
	visibility: visible;
	opacity: 1;
}

/*ナビゲーションaタグの形状*/
nav li.has-child ul li a{
	color: #fff;
	border-bottom:solid 1px rgba(255,255,255,0.6);
}

nav li.has-child ul li:last-child a{
	border-bottom: none;
}

nav li.has-child ul li a:hover,
nav li.has-child ul li a:active{
	opacity: 20%;
}

/*==３階層目*/

/*３階層目の位置*/
nav li.has-child ul ul{
	top: 0;
	left: 182px;
	background: #225967;
}

nav li.has-child ul ul li a:hover,
nav li.has-child ul ul li a:active{
	background: #225967;
}


.contact_img{
	width: 30%;
	top: 50%;
    left: 50%;
    transform: translate(40%,-12%);
}

.shop-img{
  max-width: 5%;
  display: flex;
  justify-content: center;
}

.nav-item{
  font-size: 1.6rem;
  padding: 5px 0px;
  margin-right: 20px;
  letter-spacing: 0.08em;
}

.nav-item:last-of-type{
  margin-right: 0;
}

.nav-item:hover{
  transition: .5s;
  opacity: .3;
  text-decoration: underline;
}

/* ハンバーガーメニュー */
.burger-btn{
  display: none;
}

/* -------------------------- */
/* //header
/* -------------------------- */
/*******************ナビゲーションの設定最後尾*******************/


/**************スライドショー枠設定**************/
/* .border {
  position: absolute;
  z-index: 0;
  width: 55%;
  top: 5%;
  left: 50%;
  transform: translate(-50%, -50%);
  /** -webkit-transform: translate(-50%, -50%); **/
  /** -ms-transform: translate(-50%, -50%); **/
  /* border: 0rem outset #225967;
  box-shadow: 0 0 0 20rem #225967;
  border-radius: 40px;
  margin: 24% 0px;
  padding: 15.5%;
} */
/**************スライドショー枠設定完了**************/




/**************スライドショー設定**************/
/*ボタン装飾リセット*/
button{
        background-color: transparent;
        border: none;
        cursor: pointer;
        outline: none;
        padding: 0;
        appearance: none;
}

.slider{
	/*スライドショーの位置の起点とするためposition:relative;をつける*/
	position: relative;
	/*z-indexの値の小さくして背景に回す*/
	z-index: 1;
	/*スライダー全体の縦幅を画面の高さいっぱい 100vh にする*/
	height: 90vh;
	
	top: 50%;
    left: -50%;
    transform: translate(50%,0%);
}

/*背景画像設定*/
.slider-item01{
	background:url("../images/pc_sample1_slide@2x.webp");
}
.slider-item02{
	background:url("../images/pc_sample2_slide@2x.webp");
}
.slider-item03{
	background:url("../images/pc_sample3_slide@2x.webp");
}

.slider-item{
	/*各スライダー全体の横幅を画面の横幅いっぱい 100% にする*/
	width: 100%;
	/*各スライダー全体の縦幅を画面の高さいっぱい 100vh にする*/
	height: 90vh;
	/*背景画像をリピートしない*/
	background-repeat: no-repeat;
    /*背景画像の位置を中央に*/
	background-position: center;
	/*背景画像が.slider-item全体を覆い表示*/
	background-size: cover;
}

/*スライドショー背景リンク範囲設定*/

.slider li a{
    display: block;
    height: 100vh;
    width: 100%
}

/*//スライドショー背景リンク範囲設定*/


/*ドットナビゲーションの設定*/

.slick-dots{
	position: relative;
	z-index: 99;
	text-align: center;
	bottom: 18%;
}

.slick-dots li{
	display: inline-block;
	margin: 0 5px;
}

.slick-dots button{
	color: transparent;
	outline: none;
	width: 12px;/*ドットボタンサイズ*/
	height: 12px;/*ドットボタンサイズ*/
	display: block;
	border-radius: 50%;
	background: #fffdfa;/*ドットボタン色*/
}

.slick-dots .slick-active button{
	/*ドットボタンの現在地の表示色*/
	background: #E16100;
}
/**************スライドショー設定終了**************/

/**************画面下部固定設定*************/
.fotter-before-fixed{
  position: fixed;
  display: block;
  width:100%;
  bottom: 0%;
}
/**************画面下部固定設定終了**************/

/*flex設定*/
.flex-rr{
  display: flex;
  justify-content: space-between;
}
.flex-rc{
  display: flex;
  justify-content: space-between;
}
.flex-sc{
  display: flex;
  justify-content: center;
}
.flex-rsc{
  display: flex;
  flex-direction: row-reverse;
  justify-content: center;
}
.flex-pc{
  display: flex;
  justify-content: center;
}
.flex-pcl{
  display: flex;
  justify-content: flex-start;
}
.flex-scl{
  display: flex;
  justify-content: flex-start;
}
/*flex設定終了*/


/* -------------------------- */
/* key-visual
/* -------------------------- */

.kv-wrapper{
  max-width: 95%;
  margin: 0px auto 0px auto;
}

.kv-copy{
  font-family: 'brandon-grotesque', sans-serif;
  font-size: 15.0rem;
  font-weight:bold;
  color: #fffdfa;
  text-align: center;
  margin-top: -510px;
  margin-bottom: 510px;
  letter-spacing: 0.05em;
  text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}
/* kv-button */

/* phone-button */
.kv-wrapper-button-phone{
  width: 8%;
  z-index: 2000;
  position: fixed;
  display: block;
  top: 95%;
  left: 82%;
  transform: translate(-50%,-50%);
}

.kv-wrapper-button-phone:hover img {
  transition: transform 1s;
  transform: rotate(360deg);
}


/* //phone-button */
/* shop-button */

.kv-wrapper-button-shop{
  width: 8%;
  z-index: 2000;
  position: fixed;
  display: block;
  top: 95%;
  left: 92%;
  transform: translate(-50%,-50%);
}

.kv-wrapper-button-shop:hover img {
  transition: transform 1s;
  transform: rotate(360deg);
}

/* //shop-button */

/* 以下共通button */

.kv-wrapper-button-sw{
  width: 110%;
  display:block;
  position:relative;
  top: 50%;
  left: 10%;
  transform: translate(-50%,-50%);
}
.kv-wrapper-button-dg{
  width: 80%;
  display: block;
  position:absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}
.kv-wrapper-button-ci{
  width: 100%;
  display:block;
  position:absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}
.car-icon{
  width: 35%;
  display: block;
  position:absolute;
  top: 45%;
  left: 50%;
  transform: translate(-50%,-50%);
}
.kv-button{
  margin-top: 50%;
  padding: 13px 0px 12px 22px;
  line-height: auto;
  background-color: #E16100;
  border-radius: 100px;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}
/* .more-button{
  color: #fff;
  white-space: nowrap;
  font-size: 16px;
}
.kv-button:hover{
  transition: .3s;
  box-shadow: inset 0px 4px 4px rgba(0, 0, 0, 0.25);
}
.arrow{
  width: 15px;
  margin-left: 15px;
  margin-right: 23px;
}
.arrow:hover{
  opacity: .5;
  transition: .3s;
}
.more-button:hover{
  opacity: .5;
  transition: .3s;
} */

/* //以下共通button */
/* //kv-button */



/* -------------------------- */
/* //key-visual
/* -------------------------- */
/* -------------------------- */
/* SNS
/* -------------------------- */



.about-wrapper{
  max-width: 80%;
  margin: 0 auto;
}

.section-title{
  font-family: 'brandon-grotesque', sans-serif;
  text-align: left;
  margin: 25% 0px 7%;
  font-size: 5.0rem;
  font-weight: bold;
  color: #FF6F02;
  letter-spacing: 0.2em;
}

/* -------------------------- */
/* //SNS
/* -------------------------- */


/* -------------------------- */
/* WORKS
/* -------------------------- */

.works-wrapper{
  max-width: 80%;
  margin: auto;
  text-align: center;
}

.news-title{
  margin-right: 88px;
  letter-spacing: 0.05em;
}

.works-item{
	margin: 0% 4% 3% 0% ;
	width: 20%;
}

.news-text:hover{
  opacity: 50%;
  transition: .3s;
}


/* -------------------------- */
/* //WORKS
/* -------------------------- */

/* -------------------------- */
/* ACCESS
/* -------------------------- */

.access-wrapper{
  max-width: 80%;
  margin: auto;
}

.honten-infomation{
  margin-right: 0%;
}

/* kv-button */

.access-fixed{
  position: relative;
  width: 40%;
  display:block;
  top:  0%;
  left: 50%;
  transform: translate(-50%,-115%);
  z-index: -1;
}

.access-fixed-title{
  width: 100%;
  font-family: 'brandon-grotesque', sans-serif;
  font-size: 2.5rem;
  font-weight: bold;
  letter-spacing: 0.05em;
  text-decoration: none;
  color: #E16100;
  display: block;
  position:absolute;
  top: 30%;
  left: 75%;
  transform: translate(-50%,-90%);
}

/* //kv-button */


/*　title一覧 */

.shisya1-title{
    letter-spacing: 0.2em;
}

.shisya2-title{
    letter-spacing: 0.3em;
}

/* //map-title一覧 */


/* google-map */
.map{
  width: 100%;
  height: 400px;
}
/* //google-map */


.map-all{
    background-color: #ffffff;
    padding: 1% 3%;
    margin-top: 3%;
    border-radius: 10px 10px 0 0;
}

.map-infomation{
    width: 60%;
}


/* shop-Ptext */

.shop-title{
    font-size: 1.5rem;
    color: #E16100;
    letter-spacing: 0.1em;
    margin: 2% 0% 4% 0%;
}

.post-number{
    font-size: 1.5rem;
    letter-spacing: 0.1em;
    margin: 0% 0% 1% 0%;
}

.address{
    font-size: 1.5rem;
    letter-spacing: 0.1em;
    margin: 0% 0% 8% 0%;
}

.open-title{
    font-size: 1.5rem;
    color: #E16100;
    letter-spacing: 0.1em;
    margin: 0% 0% 4% 0%; 
}

.open-info{
    font-size: 1.5rem;
    letter-spacing: 0.1em;
    margin: 0% 0% 4% 0%;
}



/* //shop-Ptext */


.service-infomation{
    margin-left:50px;
    width: 70%;
}


/* service-Ptext */

.service-title{
    font-size: 1.5rem;
    letter-spacing: 0.1em;
    color: #E16100;
    margin: 2% 0% 4% 0%;
}

.service-text1{
    font-size: 1.3rem;
    line-height: 220%;
    letter-spacing: 0.1em;
    margin: 0% 0% 3% 0%;
}


/* //service-Ptext */


/* map-btn */

.access-infomation{
    margin: 18% 0 0 0;
}


.google_carnavibtn a {
  color: #fffdfa;
  font-weight: 200;
  letter-spacing: 0.1em;
  text-decoration: none;
  display: inline-block;
  padding: 5px;
  width: 190px;
  background-color: #2AB4A6;
  border-bottom: 6px solid #225967;
  border-radius: 100vh;
}

.iphone_carnavibtn a {
  color: #fffdfa;
  font-weight: 200;
  letter-spacing: 0.1em;
  text-decoration: none;
  display: inline-block;
  padding: 5px;
  width: 200px;
  background-color: #2AB4A6;
  border-bottom: 6px solid #225967;
  border-radius: 100vh;
}

.google_carnavibtn{
    text-align: center;
    margin-right: 1%;
}

.iphone_carnavibtn{
    text-align: center;
}


/* //map-btn */


/* カーナビゲーションボタンをPCの際に非表示にする */

.map-btn{
    display: none;
}

/* //カーナビゲーションボタンをPCの際に非表示にする */


/* text-accessory */

.c-text{
    font-size: 1.2rem;
    letter-spacing: 0.1em;
}

.r-text{
    color: #E16100;
}

/* //text-accessory */


/* -------------------------- */
/* //ACCESS
/* -------------------------- */

/* -------------------------- */
/* CONTACT
/* -------------------------- */

.contact-wrapper{
  max-width: 100%;
  margin: auto;
}

.telephone-wrapper{
    text-align: center;
    margin: 15% auto 20% auto;
    paddding: 10%;
}

.telephone{
	font-family: 'brandon-grotesque', sans-serif;
	font-size: 4.0rem;
    letter-spacing: 0.05em;
	color: #225967; /* #2AB4A6 */
    margin: 5% 0 0 0;
}

.contact-info{
	font-size: 1.3rem;
    letter-spacing: 0.15em;
	color: #303030;
	padding: 0% 0 0 0;
    margin: 0 0 5% 0;
}

.questionbtn a {
  color: #fffdfa;
  font-weight: 200;
  letter-spacing: 0.1em;
  text-decoration: none;
  display: inline-block;
  padding: 5px;
  width: 200px;
  background-color: #2AB4A6;
  border-bottom: 6px solid #225967;
  border-radius: 100vh;
}

/* -------------------------- */
/* //CONTACT
/* -------------------------- */

/* -------------------------- */
/* Footer
/* -------------------------- */
.footer-bg{
  
  /* position: relative;
  z-index: 9999; */
 
  background:url("../images/pc_footer.webp");
  background-repeat: no-repeat;
  max-width: 100%;
  width: 100%;
  background-size: cover;
  
}


.nav-footer{
    color: #EBECD5;
	
	/*==ナビゲーション全体高さ中央設定*/
	display: flex;
	align-items: center;
	text-align: center;
}

.footer-wrapper{
    padding: 6% 10% 0 10%;

}


.footer-list li{
	font-family: 'brandon-grotesque', sans-serif;
	font-size: 1.3rem;
	color: #EBECD5;
	text-align:justify;
	text-align-last:justify;
	letter-spacing: 0.1em;
	margin-bottom: 6%;
}


.footer-list li a{
	font-family: 'brandon-grotesque', sans-serif;
	font-size: 1.3rem;
	color: #fffdfa;
	text-align:justify;
	text-align-last:justify;
	letter-spacing: 0.1em;	
}

.footer-list li a:hover{
  transition: .5s;
  opacity: .3;
}

.footer_contact_img{
	width: 30%;
}

.footer-tag a{
    color: #fffdfa;
    line-height: 3;
    text-align: center;
    font-size: 1.2rem;
	letter-spacing: 0.3em;
    
}

.footer-tag{
    color: #E16100;
    width: 80%;
    text-align: center;
    margin: auto auto 10% auto;
}


.copyright{
	font-family: 'brandon-grotesque', sans-serif;
	font-size: 1.2rem;
	letter-spacing: 0.1em;
	color: #fffdfa;
	padding: 0% 0 1% 0;
	text-align: center;
}


/* -------------------------- */
/* //Footer
/* -------------------------- */

/* -------------------------- */
/* CSS animation
/* -------------------------- */

.fadeUp{
	animation-name: fadeUpAnime;
	animation-duration: 1.5s;
	animation-fill-mode: forwards;
	opacity: 0;
}

@keyframes fadeUpAnime{
	from{
		opacity: 0;	
        transform: translateY(100px);
	}
	
	to {
		opacity: 1;
        transform: translateY(0px);
	}
}

/* -------------------------- */
/* //CSS animation
/* -------------------------- */


/*==768px以下の形状*//* ----------------------------------------------------------------ipad版 レスポンシブ 768px */
@media screen and (max-width:768px){
	nav{
		padding: 0;

	    /*==ナビゲーション全体高さ中央設定*/
	    display: flex;
	    align-items: center;
	    text-align: center;
	}
    
    
    /*ナビゲーションを縦中央並びを削除*/
.center{
    /*==ナビゲーション全体高さ中央設定*/
	display: block;
}
	
	nav ul{
		display: block;
	}
    
    
	
	nav li.has-child ul,
    nav li.has-child ul ul{
	    position: relative;
		left: 0;
		top: 0;
		width: 100%;
		/*javascriptで制御するため一旦表示*/
		visibility: visible;
		/*javascriptで制御するため一旦表示*/
		opacity: 1;
		/*javascriptのslidetoggleで表示させるために非表示*/
		display: none;
		/*javascriptで制御するためCSSアニメーションをきる*/
	    transition: none;
}
	
	nav ul li a{
		border-bottom:1px solid #ccc;
	}
    
    
    nav ul a{
    position: static;
}
	
	/*矢印の位置と向き*/
	nav ul li.has-child::before{
		left: 20px;
	}
	
	nav ul ul li.has-child::before{
		transform: rotate(135deg);
		left: 20px;
	}
	
	nav ul li.has-child.active::before{
		transform: rotate(-45deg);
	}
    
}


/* ----------------------------------------------------------------スマホ版 レスポンシブ 428px */

@media screen and (max-width:428px){
    
    
body:before {
    background:url("../images/sp_allback.webp");
    background-repeat: no-repeat;
    background-position: left;
    background-size: cover;
    transform: translate3d(0, 0, -1px);/* 追加 */
    content: "";
    height: 1000px;
    width: 500px;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
  }
    
/* -------------------------- */
/* sp_header
/* -------------------------- */

    
header{
  padding: 20px 30px 20px 30px;
  position: relative;      /*z-index:0が設定されるため面に表示される？*/
  /*background-color: #ffffff;*/
  background:url("../images/sp_header_footer.webp");
  background-repeat: no-repeat;
  max-width: 100%;
  background-size: cover;

}
    
.header-nav {
  z-index: 999;
}
    
nav ul li a{
    font-size: 80%;
}
    

/*==矢印の設定*/

/*２階層目をもつliの矢印の設定*/
nav ul li.has-child::before{
	
}

/*3階層目をもつliの矢印の設定*/
nav ul ul li.has-child::before{
	
}
    
    
    /*矢印の位置と向き*/
	nav ul li.has-child::before{
        top: 25px;
		left: 159px;
	}
	
	nav ul ul li.has-child::before{
		transform: rotate(135deg);
		left: 20px;
	}
	
	nav ul li.has-child.active::before{
		transform: rotate(-45deg);
	}

/*==２・３階層目の共通設定*/

	
.kv-wrapper-button-shop{
  display: none;
}

/*flex設定*/
.flex-sc{
  display: flex;
  flex-direction: column;
}
.flex-rsc{
  display: flex;
  flex-direction: column;
}
.flex-scl{
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
.flex-pc{
  display: flex;
  flex-direction: column;
}
	
/*//flex設定*/
    
.section-title{
  font-size: 5.0rem;
  text-align: center;
  margin: 80% auto 50% auto;
}

.shop-img img{
  max-width: 100%;
}
    
.shop-img{
    max-width: 15%;
}

.nav-item{
  font-size: 1.6rem;
  padding: 20px 0px;
  margin-right: 0px;
  letter-spacing: 0.05em;
}

/* ハンバーガーボタン */
.burger-btn{
  display: block;
  width: 30px;
  height: 45px;
  position: relative;
}
.bar{
  display: block;
  width: 100%;
  height: 10px;
  border-radius: 40px;
  background-color: #fffdfa;
  position: absolute;
  z-index: 20; /*メニューの下に隠れないようにz-indexを指定する*/
}
.bar_top{
  top: 8px;
}
.bar_middle{
  top: 18px;
}
.bar_bottom{
  top: 28px;
}
    
.burger-btn.cross .bar_top{
  transform: rotate(45deg);
  top: 45px;
  transition: .3s;
}
    
.burger-btn.cross .bar_middle{
  opacity: 0;
  transition: .3s;
}
    
.burger-btn.cross .bar_bottom{
  transform: rotate(-45deg);
  bottom: 30px;
  transition: .3s;
}
  

    
/* ハンバーガーメニューが開いたときのスタイル */
.header-nav{
  display: none;  /* コメントアウトしてナビゲーションを表示させます */
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background-color: #225967;
  opacity: 0.8;
  z-index: 8;
  justify-content: center;
　overflow: hidden;
}

/**************スライドショー枠設定**************/

.border{
	display: none;
}

/**************スライドショー枠設定完了**************/

/**************スライドショー設定**************/

/*背景画像設定*/
.slider-item01{
	background:url("../images/sp_sample1_slide のコピー 2@2x.webp");
}
.slider-item02{
	background:url("../images/sp_sample1_slide のコピー@2x.webp");
}
.slider-item03{
	background:url("../images/sp_sample1_slide@2x.webp");
}
	
.slider{
	/*スライドショーの位置の起点とするためposition:relative;をつける*/
	position: relative;
	/*z-indexの値の小さくして背景に回す*/
	z-index: -1;
	/*スライダー全体の縦幅を画面の高さいっぱい 100vh にする*/
	height: 80vh;
	top: 50%;
    left: -50%;
    transform: translate(50%,0%);
}

.slider-item{
	/*各スライダー全体の横幅を画面の横幅いっぱい 100% にする*/
	width: 100%;
	/*各スライダー全体の縦幅を画面の高さいっぱい 100vh にする*/
	height: 80vh;
	/*背景画像をリピートしない*/
	background-repeat: no-repeat;
    /*背景画像の位置を中央に*/
	background-position: center;
	/*背景画像が.slider-item全体を覆い表示*/
	background-size: cover;
}

/*ドットナビゲーションの設定*/

.slick-dots{
	position: relative;
	z-index: 99;
	text-align: center;
	top: 5%;
}

/**************スライドショー設定終了**************/	
	
/* -------------------------- */
/* //sp_header
/* -------------------------- */

	


.kv-wrapper-button-sw{
  width: 300%;
}
    
.kv-wrapper-button-dg{
  width: 80%;
}
    
.kv-wrapper-button-ci{
  width: 100%;
}
    
.car-icon{
  width: 35%;
  display: block;
  position:absolute;
  top: 45%;
  left: 50%;
  transform: translate(-50%,-50%);
}
.kv-button{
  margin-top: 50%;
  padding: 13px 0px 12px 22px;
  line-height: auto;
  background-color: #E16100;
  border-radius: 100px;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}
    
/* -------------------------- */
/* sp_SNS
/* -------------------------- */
     
.about-wrapper{
  max-width: 90%;
}
    
    .instagram-feed iframe {
  width: 100%;
  max-width: 400px; /* 任意のサイズに調整 */
  border: none;
}
    
/* -------------------------- */
/* //sp_SNS
/* -------------------------- */

/* -------------------------- */
/* sp_Works
/* -------------------------- */

.works-wrapper{
  max-width: 90%;
}

/* -------------------------- */
/* //sp_Works
/* -------------------------- */

/* -------------------------- */
/* sp_Access
/* -------------------------- */

.access-wrapper{
  max-width: 90%;
}

.access-infomation{
    margin: 20% 0 0 0;
}
    
/* kv-button */

.access-fixed img{
  display: none;
}
    
.access-fixed{
  position: relative;
  width: 100%;
  display:block;
  top: 0%;
  left: 50%;
  transform: translate(-50%,-155%);
  z-index: 9;
}
    
    
.access-fixed-title{
  width: 100%;
  font-family: 'brandon-grotesque', sans-serif;
  font-size: 1.5rem;
  text-align: center;
  color: #E16100;
  display: block;
  position:relative;
  top: 0%;
  left: 50%;
  transform: translate(-60%,30%);
  writing-mode: vertical-rl;
  text-orientation: upright;
}
    
.service-infomation{
    display: none;
}

.map-all{
    padding: 3% ;
}

/* map-title一覧 */
    
.honten-title{
    letter-spacing: 0.25em;
    font-weight: 700;
    opacity: 0.8;
    text-align: center;
    font-family: 'brandon-grotesque', sans-serif;
    font-size: 1.5rem;
    color: #E16100;
}

.shisya1-title{
    letter-spacing: 0.5em;
    font-weight: 700;
    text-align: center;
}

.shisya2-title{
    letter-spacing: 0.5em;
    font-weight: 700;
    text-align: center;
}

/* //map-title一覧 */


/* google-map */
.map{
  width: 100%;
  height : 200px;
  margin-bottom: 8%;
}	
/* //google-map */


.map-infomation{
    width: 100%;
}

.shop-title{
    font-size: 1.3rem;
    letter-spacing: 0.1em;
    margin: 2% 0% 4% 0%;
}

.post-number{
    font-size: 1.3rem;
    letter-spacing: 0.1em;
    line-height: 1;
}

.address{
    font-size: 1.3rem;
    letter-spacing: 0.1em;
    line-height: 1;
}
    
.open-title{
    font-size: 1.3rem;
    margin: 0% 0% 4% 0%;
}

.open-info{
    font-size: 1.3rem;
    letter-spacing: 0.1em;
    margin: 0% 0% 4% 0%;
    line-height: 1;
}

/* カーナビゲーションボタンをスマホの際に表示にする */

.map-btn{
    display: block;
}
    
.iphone_carnavibtn{
    display: block;
    padding: 8%;
}

/* //カーナビゲーションボタンをスマホの際に表示にする */

    
/* -------------------------- */
/* //sp_Access
/* -------------------------- */
    
/* -------------------------- */
/* sp_CONTACT
/* -------------------------- */

.contact-wrapper{
  max-width: 80%;
  margin-bottom: 80%;
}

.telephone-wrapper{
    text-align: center;
    margin: 15% auto 20% auto;
    paddding: 10%;
}

.telephone{
	font-size: 2.7rem;
    margin: 5% 0 0 0;
}

.contact-info{
	font-size: 0.9rem;
    letter-spacing: 0.15em;
    margin: 0 0 10% 0;
}

.questionbtn a {
  color: #fffdfa;
  font-weight: 200;
  letter-spacing: 0.1em;
  text-decoration: none;
  display: inline-block;
  padding: 5px;
  width: 200px;
  background-color: #2AB4A6;
  border-bottom: 6px solid #225967;
  border-radius: 100vh;
}

/* -------------------------- */
/* //sp_CONTACT
/* -------------------------- */

/* -------------------------- */
/* sp_Footer
/* -------------------------- */
    
.footer-bg{
  
  /* position: relative;
  z-index: 9999; */
 
  background:url("../images/sp_header_footer.webp");
  background-repeat: no-repeat;
  max-width: 100%;
  width: 100%;
  background-size: cover;
  
}
    
.footer-wrapper{
    padding-top: 20%;
}
    
    
.footer-list li{
	display: none;
}
    
.footer-tag a{
    color: #fffdfa;
    line-height: 2;
    text-align: center;
    font-size: 1.0rem;
	letter-spacing: 0.3em;
    padding: 50% 0 0 0;
}

.copyright{
    padding-top: 17%;
    padding-bottom: 5%;
}
    
    
/* -------------------------- */
/* //sp_Footer
/* -------------------------- */
}

@media screen and (min-width: 650px){	
  .br-pc { display:block; }
  .br-sp { display:none; }
}
@media screen and (max-width: 650px){	
  .br-pc { display:none; }
  .br-sp { display:block; }
}