@charset "UTF-8";
/* CSS Document */
body {
	margin: 0;
	padding: 0;
	font-family: 'Zen Old Mincho', 'sans-serif';
	font-weight: 300;
}
img {
	width: 100%;
	height: auto;
	vertical-align: bottom;
}
figure {
	margin: 0;
}
picture img {
	width: 100%;
	height: auto;
	vertical-align: top;
}
.header-navi {
	width: 100%;
	font-family: 'Zen Old Mincho', 'sans-serif';
	display: flex;
	align-items: center;
}
header{
	width: 100%;
	font-family: 'Zen Old Mincho', 'sans-serif';
    position: relative;/*h1の中央寄せ配置の起点とするためのrelative*/
    height: 100vh;
	letter-spacing: 0.2em;
} 
.header-logo{
	padding-top:1em;
	width: 120px;
}
.header-ul{	
	list-style: none;
	margin: 0 auto;
	display: flex;
}
.header-li{
	color: #FFF;
	margin-right: 2vw;
	font-size:clamp(0.75rem, 0.705rem + 0.23vw, 0.875rem);
}
.video-area{
    position: absolute;
    z-index: -1;/*最背面に設定*/
    top: 0;
    right:0;
    left:0;
    bottom:0;
    overflow: hidden;
}
video {
    position: absolute;
    z-index: -1;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 177.77777778vh; /* 16:9 の幅→16 ÷ 9＝ 177.77% */
    height: 56.25vw; /* 16:9の幅 → 9 ÷ 16 = 56.25% */
    min-height: 100%;
    min-width: 100%;
}
h1{
	display: none;
}
.container-02 {
	background:#fff;
	padding:300px 0;
	text-align: center;
}
p {
	margin:0;
}
a {	
	text-decoration: none;
	cursor: pointer;
	color: #FFF;
}
nav {
	margin: 0 0 0 auto;
}
.flex {
	display: flex;
}
ul {
	list-style: none;
	margin: 0 auto;
	padding: 0;
}
h2 {
   	margin: 0 auto;
}
.hr1 {
	border-top: 1px solid #708090;
}

.whole-container {
	width: 100%;
}
.wrap-video video {
	margin: 0 auto;
	width: 100%;
	display: block;
}
.pc-nav {
	color: #FFF;
   }
.sp-nav {
	display: none;
}
.floating-banner {
	position: fixed; /* バナーを追従させる */
	z-index: 99999; /* 他の要素の下に隠れないように */
	bottom: 1em; /* バナーの上下の位置 */
	right: 2em; /* バナーの左右の位置 */
	width: 200px; /* バナーの横幅 */
	display: none;
}
.floating-banner a {
	display: block;
}
.floating-banner__image {
	max-width: 100%; /* 画像の最大幅 */
}
.title-1 {
	margin: 0 auto;
	font-display: swap;
	font-size: clamp(1.25rem, 1rem + 1.25vw, 1.625rem);
	font-weight: 500;
	text-align: center;
	line-height: 1.7em;
	color: #708090;
	letter-spacing: 0.2em;
	display: block;
}
.title2 {
	margin: 0 auto;
	font-display: swap;
	font-size: clamp(1.25rem, 1rem + 1.25vw, 1.625rem);
	font-weight: 500;
	text-align: center;
	color: #FFF;
	letter-spacing: 0.4em;
	display: block;
}
.subtitle {
	margin: 0 auto;
	font-family: 'Zen Old Mincho','sans-serif';
	font-display: swap;
	font-size: clamp(0.625rem, 0.58rem + 0.23vw, 0.75rem);
	font-weight: 200;
	text-align: center;
	letter-spacing: 0.6em;
	color: #708090;
}
.heading {
	margin: 0 auto;
	font-family: 'Zen Old Mincho', 'sans-serif';
	font-display: swap;
	font-size: clamp(1.25rem, 1.182rem + 0.34vw, 1.438rem);
	font-weight: 200;
	text-align: center;
	line-height: 2em;
	letter-spacing: 0.2em;
	color: #708090;
	display: block;
}
.heading-1 {
	margin: 0 auto;
	font-family: 'Zen Old Mincho', 'sans-serif';
	font-display: swap;
	font-size: clamp(1.063rem, 0.949rem + 0.57vw, 1.375rem);
	font-weight: 200;
	text-align: center;
	line-height: 1.5em;
	letter-spacing: 0.15em;
	color: #708090;
	display: block;
}
.heading-copy {
	margin: 0 auto;
	font-family: 'Zen Old Mincho', 'sans-serif';
	font-display: swap;
	font-size: clamp(1rem, 0.955rem + 0.23vw, 1.125rem);
	font-weight: 200;
	text-align: center;
	line-height: 1.5em;
	letter-spacing: 0.15em;
	color: #708090;
	display: block;
}
.icon{
	margin: 0 auto;
	width: 17%;
	display: block;
	text-align: center;	
}
.lead {
	margin: 0 auto;
	font-family: 'Zen Old Mincho', 'sans-serif';
	font-display: swap;
	font-size: clamp(0.938rem, 0.915rem + 0.11vw, 1rem);
	font-weight: 200;
	text-align: center;
	line-height: 1.5em;
	letter-spacing: 0.2vw;
	color: #FFF;
	display: block;
}
.lead-2 {
	margin: 0 auto;
	font-family: 'Zen Old Mincho', 'sans-serif';
	font-display: swap;
	font-size: clamp(1.125rem, 1.011rem + 0.57vw, 1.438rem);
	font-weight: 200;
	text-align: center;
	line-height: 1.5em;
	letter-spacing: 0.2vw;
	color: #FFF;
	display: block;	
}
.lead-3 {
	margin: 0 auto;
	font-family: 'Zen Old Mincho', 'sans-serif';
	font-display: swap;
	font-size: clamp(1.125rem, 1.011rem + 0.57vw, 1.438rem);
	font-weight: 200;
	text-align: center;
	line-height: 1.5em;
	letter-spacing: 0.2vw;
	color: #708090;
	display: block;	
}
.annotation {
	margin: 0 auto;
	font-display: swap;
	font-size: clamp(0.625rem, 0.58rem + 0.23vw, 0.75rem);
	font-weight: 200;
	text-align: center;
	color: #708090;
	letter-spacing: 0.1em;
	display: block;
	font-family: "Zen Kaku Gothic New";
}
.annotation-2 {
	margin: 0 auto;
	font-display: swap;
	font-size: clamp(0.625rem, 0.58rem + 0.23vw, 0.75rem);
	font-weight: 300;
	text-align: center;
	color: #FFF;
	letter-spacing: 0.1em;
	line-height: 2.2em;
	display: block;
	font-family: "Zen Kaku Gothic New";
}
.annotation-3 {
	font-size: 1vw;
	vertical-align: 15%;
}
.copy {
	margin: 0 auto;
	font-display: swap;
	font-size: clamp(0.938rem, 0.892rem + 0.23vw, 1.063rem);
	font-weight: 300;
	text-align: left;
	color: #708090;
	letter-spacing: 0.1em;
	line-height: 2.2em;
	display: block;
	margin-right: 1em;
}
span.marker {
	color: #cab475;
}
.section {
	margin: 0 auto;
	font-size: 16px;
	line-height: 1;
    -webkit-text-size-adjust: 100%;
       -moz-text-size-adjust: 100%;
        -ms-text-size-adjust: 100%;
            text-size-adjust: 100%;
}
.container {
	margin: 0 auto;
	max-width: 1080px;
}
.background {
	background-color: #708090;
	background-size: cover;
}
.inner {
  max-width: 1080px;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding: 0px 0px 50px;
}
.box {
  display: flex;
  flex-direction: row-reverse;
}
.box + .box {
  margin-top: 0.2vw;
}
.box__body {
  width: 50%;
  padding: 0 5px;
}
.box__image {
  width: 60%;
}
.box__image img {
  height: 100%;
  object-fit: cover;
}
.flex {
	margin: 0 auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
.flex-col2 {
	width: calc((100% - 25px) / 2);
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	flex-direction: column;
}
.flex-col3 {
	width: calc((100% - 50px) / 3);
}
.flex-col3-02 {
	width: calc((100% - 50px) / 3);
}
.flex-left {
	width: 28.75%;
}
.flex-right {
	width: 68.75%;
}
.flex-row-reverse {
	flex-direction: row-reverse;
}
.link {
	display: block;
	width: 100%;
	height: auto;
}
.link-area {
	margin-bottom: 0.5vw;
	display: block;
	overflow: hidden;
}
.link-img  {
	display: block;
	width: 100%;
	height: auto;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}
.link-caption {
	font-size: clamp(0.938rem, 0.892rem + 0.23vw, 1.063rem);
	line-height: 1.6em;
	letter-spacing: 0.1em;
	text-align: center;
	color: #FFF;
	justify-content: center;
}
.link-caption-2 {
	font-size: clamp(0.938rem, 0.915rem + 0.11vw, 1rem);
	line-height: 1.6em;
	letter-spacing: 0.1em;
	color: #FFF;
	text-align: justify;
	text-justify: inter-ideograph;
}
.link-text {
	font-size: clamp(0.938rem, 0.892rem + 0.23vw, 1.063rem);
	line-height: 1.6em;
	text-align: center;
	text-justify: inter-ideograph;
	color: #FFF;
	align-items: center;
}
a.btn {
	display: block;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	width: 300px;
	margin: auto;
	padding: 1rem 3rem;
	font-weight: bold;
	border: 2px solid #cab475;
	color: #cab475;
	border-radius: 2vh;
	transition: 0.5s;
	font-size:clamp(1rem, 0.955rem + 0.23vw, 1.125rem);
	letter-spacing:2px;
	font-display: swap;
}
a.btn:hover {
	color: #FFF;
	border: 2px solid #cab475;
	background: #cab475;
}
a.btn-2 {
	display: block;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	width: 250px;
	margin: auto;
	padding: 1rem 4rem;
	font-weight: bold;
	border: 2px solid #cab475;
	color: #cab475;
	border-radius: 2vh;
	transition: 0.5s;
	font-size:clamp(1rem, 0.955rem + 0.23vw, 1.125rem);
	letter-spacing:2px;
	font-display: swap;
}
a.btn-2:hover {
	color: #cab475;
	border: 2px solid #cab475;
	background: #cab475;
}
/* 横幅を指定するための要素 */
.map-wrap {
  max-width: 100%; /* ここに横幅を指定 */
}
/* Google Mapを囲う要素 */
.map {
  width: 100%;
  position: relative;
  padding-top: 56.25%;
}
.map iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
iframe#parentframe { 
  width: 100%;
}.wrapper{
  width:100%;
  max-width:1080px;
  margin:0 auto;
}
.gallery{
  margin:0 0 5px 0;
}

/*矢印の設定*/

/*戻る、次へ矢印の位置*/
.slick-prev, 
.slick-next {
    position: absolute;/*絶対配置にする*/
  z-index: 3;
    top: 42%;
    cursor: pointer;/*マウスカーソルを指マークに*/
    outline: none;/*クリックをしたら出てくる枠線を消す*/
    border-top: 2px solid #ccc;/*矢印の色*/
    border-right: 2px solid #ccc;/*矢印の色*/
    height: 25px;
    width: 25px;
}

.slick-prev {/*戻る矢印の位置と形状*/
    left:2.5%;
    transform: rotate(-135deg);
}

.slick-next {/*次へ矢印の位置と形状*/
    right:2.5%;
    transform: rotate(45deg);
}

/*選択するサムネイル画像の設定*/

.choice-btn li{
  cursor: pointer;
  outline: none;
  background:#333;
  width:25%!important;
}

.choice-btn li img{
  opacity: 0.4;/*選択されていないものは透過40%*/
}

.choice-btn li.slick-current img{
  opacity: 1;/*選択されているものは透過しない*/
}

.choice-btn .slick-track {
  transform: unset !important;/*画面幅サイズ変更に伴うサムネイル固定*/
}
footer{
	margin: 0;
	padding: 0;
}
#footer {
  position: relative;
  color: #FFF;
}
#footer a {
  text-decoration: none;
  color: #FFF;
}
#footer a:hover {
  text-decoration: underline;
}
#footer .primary {
  padding: 30px;
  background: #cab475;
}
#footer .logo {
  text-align: center;
  position: relative;
  padding: 0;
  margin: 0;
  width: 100%;
  font-size: 30px;
  font-weight: bold;
}
.address {
  text-align: center;
  padding: 0;
  margin-top: 10px;
}
.navi-row { 
  margin-top: 20px; 
}
.navi{
  display: flex;
  flex-wrap:wrap;
  margin: 0 2vw 2vw ;
}

#footer .navi {
  margin:0 auto;
  padding: 0;
  justify-content: center;
}

#footer .navi li {
  margin:0.5em 2em 0 0 ;
  text-align: center;
  padding: 0;
  justify-content: center;
  font-size: 18px;
  padding-bottom: 10px;
}
#footer .sns-navi {
  margin:0 auto;
  display: flex ;
  gap: 1em ;
  justify-content: center ;
}
#footer .sns-navi li {
  font-size: 50px;
  justify-content: center;
}
#footer .copyright {
	text-align: center;
	justify-content: center;
	position: block;
	font-size: 17px;
}
.tel{
	margin: 0 auto;
	color: #cab475;
	font-size: clamp(1.563rem, 1.085rem + 2.39vw, 2.875rem);
	text-align: center;
	font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
	font-display: swap;
	letter-spacing: 0.1em;
	font-weight: 500;
	display: block;
}
.tel-span {
	font-size: 70%;
}
.tel:hover {
	 opacity: 0.7;
}
.sp-view{
	 display: none;
}
.youtube {
  width: 100%;
  aspect-ratio: 16 / 9;
}
.youtube iframe {
  width: 100%;
  height: 100%;
}
 .pages {
  width: 100%;
}
.pages iframe {
  width: 100%;
  height: 100%;
}
.video_title {
  padding-top: 15px;
  padding-bottom: 40px;
  text-align: center;
  font-weight: bold;
  font-size: 18px;
}
.zoom {
  width: 1080px;
  height: auto;
  overflow: hidden
}
.zoom-1 img {
  width: 100%;
  height: auto;
  animation: animationZoom1 5s ease-in-out forwards;
}
@keyframes animationZoom1 {
  100% { transform: scale(1.1)}
}
/* margin */
.mbottom-5 {
	margin-bottom: 5px;
}
.mbottom-10 {
	margin-bottom: 10px;
}
.mbottom-15 {
	margin-bottom: 15px;
}
.mbottom-30 {
	margin-bottom: 30px;
}
.mbottom-50 {
	margin-bottom: 50px;
}
.mbottom-70 {
	margin-bottom: 70px;
}
.mbottom-100 {
	margin-bottom: 100px;
}
.mtop-100 {
	margin-top: 100px;
}
.mtop-50 {
	margin-top: 50px;
}
.mtop-70 {
	margin-top: 70px;
}
.mtop-30 {
	margin-top: 30px;
}
.mtop-15 {
	margin-top: 15px;
}
.mtop-10 {
	margin-top: 10px;
}
.mtop-5 {
	margin-top: 5px;
}
.pbottom-100{
	padding-bottom: 100px;
	}
.pbottom-70{
	padding-bottom: 70px;
	}
.pbottom-50{
	padding-bottom: 50px;
	}
.pbottom-30{
	padding-bottom: 30px;
	}
.pbottom-15{
	padding-bottom: 15px;
	}
.pbottom-10{
	padding-bottom: 10px;
	}
.pbottom-5{
	padding-bottom: 5px;
	}
.ptop-150{
	padding-top: 150px;
	}
.ptop-100{
	padding-top: 100px;
	}
.ptop-70{
	padding-top: 70px;
	}
.ptop-50{
	padding-top: 50px;
	}
.ptop-30{
	padding-top: 30px;
	}
.ptop-15{
	padding-top: 15px;
	}
.ptop-10{
	padding-top: 10px;
	}
.ptop-5{
	padding-top: 5px;
	}
.sp-br {
	display: none;
	}
    .br-sp {
        display: block;
    }
/* css-レスポンシブ-tb */
@media screen and (max-width: 1279px) {
.heading-1 {
	font-size: 16px;
	}
.header-logo{
		width: 80px;
	}
  .sp-nav {
      z-index: 30;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100vh;
      display: block;
      background: #FFF;
      opacity: 0.8;
      transform: translateY(-100%);
      transition: all .7s ease-in-out;
   }
   #hamburger {
      position: relative;
      display: block;
      width: 30px;
      height: 25px;
      margin: 1vw 2vw 0 auto;
   }
   #hamburger span {
      position: absolute;
      top: 50%;
      left: 0;
      display: block;
      width: 100%;
      height: 2px;
      background-color: #FFF;
      transform: translateY(-50%);
   }
   #hamburger::before {
      content: '';
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 2px;
      background-color: #FFF;
   }
   #hamburger::after {
      content: '';
      display: block;
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 2px;
      background-color: #FFF;
   }
   /*スマホメニュー*/
   .sp-nav ul {
      padding: 0;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      height: 100%;
   }
   .sp-nav li {
      margin: 0;
      padding: 0;
   }
   .sp-nav li span {
      font-size: 16px;
      color: #708090;
   }
   .sp-nav li a, .sp-nav li span {
      display: block;
      padding: 15px 0;
	  color: #708090;
   }
   /*-閉じるアイコンー*/
   .sp-nav .close {
      position: relative;
      padding-left: 20px;
   }
   .sp-nav .close::before {
      content: '';
      position: absolute;
      top: 50%;
      left: 0;
      display: block;
      width: 16px;
      height: 1px;
      background: #708090;
      transform: rotate( 45deg );
   }
   .sp-nav .close::after {
      content: '';
      position: absolute;
      top: 50%;
      left: 0;
      display: block;
      width: 16px;
      height: 1px;
      background: #708090;
      transform: rotate( -45deg );
   }
   .toggle {
      transform: translateY( 0 );
      opacity: 0.8;
   }
	   .pc-nav {
      display: none;
   }
.container {
		padding: 0 25px;
	}
.mbottom-5 {
	margin-bottom: 3px;
}
.mbottom-10 {
	margin-bottom: 5px;
}
.mbottom-15 {
	margin-bottom: 7px;
}
.mbottom-30 {
	margin-bottom: 15px;
}
.mbottom-50 {
	margin-bottom: 25px;
}
.mbottom-70 {
	margin-bottom: 35px;
}
.mbottom-100 {
	margin-bottom: 50px;
}
.mtop-100 {
	margin-top: 50px;
}
.mtop-70 {
	margin-top: 35px;
}
.mtop-50 {
	margin-top: 25px;
}
.mtop-30 {
	margin-top: 15px;
}
.mtop-15 {
	margin-top: 7px;
}
.mtop-10 {
	margin-top: 5px;
}
.mtop-5 {
	margin-top: 3px;
}
.pbottom-100{
	padding-bottom: 50px;
	}
.pbottom-70{
	padding-bottom: 35px;
	}
.pbottom-50{
	padding-bottom: 25px;
	}
.pbottom-30{
	padding-bottom: 15px;
	}
.pbottom-15{
	padding-bottom: 7px;
	}
.pbottom-10{
	padding-bottom: 5px;
	}
.pbottom-5{
	padding-bottom: 3px;
	}
.ptop-150{
	padding-top: 75px;
	}
.ptop-100{
	padding-top: 50px;
	}
.ptop-70{
	padding-top: 35px;
	}
.ptop-50{
	padding-top: 25px;
	}
.ptop-30{
	padding-top: 15px;
	}
.ptop-15{
	padding-top: 7px;
	}
.ptop-10{
	padding-top: 5px;
	}
.ptop-5{
	padding-top: 3px;
	}
}
@media screen and (max-width: 990px) {
	li {
	display: inline;
	margin: 0 auto;
	font-size:15px;
}
	.box {
    display: block;
  }
  .box + .box{
    margin-top: 60px;
  }
  .box__body{
    width: 100%;
    padding: 0;
  }
  .box__image{
    margin-top: 20px;
    width: 100%;
  }
}
@media screen and (max-width: 800px) {
  .floating-banner {
    display: none; /* タブレットサイズ以下でPC用のバナーを非表示に */
  }

}
/* css-レスポンシブ-sp */
@media screen and (max-width: 767px) {
.heading-1 {
	font-size: 17px;
	}
	.lead-2 {
		font-size: 17px;
		}
		.lead-3 {
		font-size: 17px;
		}
		.icon{
		width: 65%;
		}
	.link-text {
		font-size: 15px;
	}
	.heading{
		text-align: left;
		font-size: 18px;
	}
	.annotation {
			text-align: left;
}
	.br-sp {
    display: none;
}
	.sp-view{
      display: block;
    }
	.floating-banner {
		display: block;/* 消していたバナーを表示させる */
		width: 100vw; /* スマホの画面幅いっぱいにバナーを表示 */
		bottom: 0; /* バナーの上下の位置 */
		right: 0; /* バナーの左右の位置 */
	}
	.header-logo{
		width: 80px;
	}
   .main-visual {
		padding: 0 5%;
   }
   .md-flex {
        display:flex;
        align-items: center;
        justify-content: center;
   }
   .md-justify-between {
        justify-content: space-between;
   }
	.swiper-wrapper{
		position: relative;
		z-index: 2;
   }
	a.btn {
		padding: 1rem 2rem;
		width: 250px;
	}
  .address {
    font-size: 15px;
  }
  .navi-row {
    margin: 15px auto;	  
  }
  .navi {
	  display: flex;
	  flex-flow: column;
	}
  #footer .navi {
    display: flex;
    flex-wrap: wrap ;
    font-size: 15px;
  }
  #footer .navi li {
    margin: 0 auto;
    font-size: 15px;
  }
  #footer .sns-navi li {
    font-size: 50px;
  }
  #footer .sitenavi {
    width: 100%;
    text-align: center;
    font-size: 15px;
  }
  #footer .copyright {
    font-size: 15px;
  }
.mbottom-15 {
	margin-bottom: 1.5vw;
}
.mbottom-30 {
	margin-bottom: 2vw;
}
.mbottom-50 {
	margin-bottom: 5vw;
}
.mbottom-70 {
	margin-bottom: 7vw;
}
.mbottom-100 {
	margin-bottom: 10vw;
}
.mtop-100 {
	margin-top: 10vw;
}
.mtop-70 {
	margin-top: 7vw;
}
.mtop-50 {
	margin-top: 5vw;
}
.mtop-30 {
	margin-top: 2vw;
}
.mtop-15 {
	margin-top: 1.5vw;
}
.pbottom-100{
	padding-bottom: 10vw;
	}
.pbottom-70{
	padding-bottom: 7vw;
	}
.pbottom-50{
	padding-bottom: 5vw;
	}
.pbottom-30{
	padding-bottom: 3vw;
	}
.pbottom-15{
	padding-bottom: 1.5vw;
	}
.ptop-100{
	padding-top: 10vw;
	}
.ptop-70{
	padding-top: 7vw;
	}
.ptop-50{
	padding-top: 5vw;
	}
.ptop-30{
	padding-top: 3vw;
	}
.ptop-15{
	padding-top: 1.5vw;
	}
.ptop-150{
	padding-top: 15vw;
	}
	.container {
		padding: 0 5vw;
	}
	.flex:last-child {
		margin-bottom: 0;
	}
	.flex-col2 {
		width: 100%;
	}
	.flex-col2:first-child {
		margin-bottom: 2vw;
	}
	.flex-col3 {
		width: 100%;
	}
	.flex-col3:nth-child(-n+2) {
		margin-bottom: 5vw;
	}
	.flex-left {
		margin-bottom: 5vw;
		width: 100%;
	}
	.flex-right {
		width: 100%;
	}
	.flex-row-reverse {
		flex-direction: row;
	}
	.sp-br {
	display: block;
	}
	}
@media(min-width: 768px){
  a[href^="tel:"]{
    pointer-events: none;
  }
}
@media(max-width: 525px){
	.header-logo{
		width: 60px;
	}
	.br-sp{
        display: block;
	}
	.heading{
		text-align: left;
		font-size: 17px;
	}
}