@charset "UTF-8";



html, body {
      margin: 0;
      padding: 0;
      height: 100%;
	  background: #FFF8F2;
	/*font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";*/
    }


button {
  position: fixed;
  display: flex;
  align-items: center;
  justify-content: center;
  right: 20px;
  bottom: 20px;
  cursor: pointer;
  opacity: 0;
  visibility: hidden;
  border: 0;
  background: none;
  transition: .2s;
  letter-spacing: 3px;
}

button span:before {
    position: absolute;
    top: -29px;
    left: 16px;
    transform: rotate(-45deg);
    display: block;
    width: 12px;
    height: 12px;
    content: "";
    border: 1px solid #000;
    border-width: 1px 1px 0px 0px;
}

button span:after {
    position: absolute;
    width: 32px;
    height: 32px;
    border: 1px solid #000;
    content: "";
    border-radius: 100%;
    top: -43px;
    left: 5px;
}

.is-active {
  opacity: 1;
  visibility: visible;
}

/*ロゴ*/
.side-logo {
	position: absolute;
	top: 0;
	left: 0;
	width: calc(66% - 520px);
	height: 100vh; 
	display: flex;
	align-items: center;
	justify-content: center;
	
    }
.side-logo-img {
	display: flex;
	align-items: center;
	justify-content: center;
	width:50%;
    }
.side-logo img{
      width:100%;
    }




    /* 左右固定メニュー */
    .side-menu {
      position: fixed;
      top: 10%;
      z-index: 50;
	  width: 20%;
    }

    .menu-right {
		right: 7%;
    }
	.menu-right ul{
		background-color:#fff;
		padding:20px;
		border-radius:10px;
		border:solid 2px #916239;
    }
	.menu-right ul li{
		border-bottom:dashed 2px #916239;
		padding:10px;
		display:block;
    }
	.menu-right ul li:last-child{
		border-bottom:none;
    }
	.menu-right ul li a{
      color:#000;
		font-size:17px;
		font-weight:bold;
    }
	.menu-right ul li a:hover{
      color:#916239;
    }
.sns-link{
	margin:10px auto;
}
.sns-link a{
	width:40px;
	display:block;
}
.sns-link a img{
	width:100%;
}
    @media (max-width: 1200px) {
      .side-logo {
        display: none;
      }
    }
  @media (max-width: 1200px) {
      .side-menu {
        display: none;
      }
    }


    .swiper, .swiper-wrapper, .swiper-slide {
      height: 100%;
    }




/* コンテンツ */
.article {
    max-width: 520px;
	height:100vh;
    margin: 0 auto;
    position: absolute;
	top:0;
	left:50%;
	transform: translateX(-50%);
	box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.2);
}




/*スライド全体*/
.swiper-slide .area{
	/*height: 100vh;
	aspect-ratio: 9 / 16; 
	width:auto;*/
    height:100vh;
	width:100vw;
	box-sizing: border-box;
}
/*スライド1*/
.lp-1 {
	display:flex;
	flex-direction:column;
	align-items:center;
	/*justify-content:center;*/
	box-sizing:border-box;
	padding-bottom:100px;
	height: 100vh!important;
	aspect-ratio: 9 / 16!important; 
	width:auto!important;
}
.lp-1 .top-logo{
	width:90%;
	margin:10px auto!important;
}
.lp-1 .top-logo img{
	width:80%;
	margin:auto auto 0 auto;
	padding:13px;
	box-sizing: border-box;
}
.lp-1 .top-logo p{
	font-weight:bold;
	text-align:center;
	font-size:18px;
	color:#603916;
}
.lp-1 h1{
    /*font-size:40px;*/
	color:#603916;
	margin:20px 1.5vh 1.5vh 1.5vh;
	text-align:center;
	font-weight:bold;
	font-size: clamp(20px, 5vh, 40px)!important;
}
.lp-1 h1 span{
	/*background:linear-gradient(transparent 80%, #DF6A25 70%);*/
	background-color:#DF6A25;
	color:#fff;
	padding:0.5vh 1vh;
	margin-top:10px;
}
.lp-1 h1 .text2{
	text-align:center;
	display:block;
	font-size: clamp(20px, 4vh, 30px)!important;
	background-color:#DF6A25;
	color:#fff;
}
@media(max-width:480px){
.lp-1 h1 span{
	font-size: clamp(20px, 4vh, 35px)!important;
}
.lp-1 h1 .text2{
	font-size: clamp(20px, 2.5vh, 25px)!important;
}	
}
.lp-2 {
    background-image: url("../images/top-bg.webp");	
	background-size:cover;
	background-position:center;
	display:flex;
	flex-direction:column;
	align-items:center;
	/*padding-top:2vh;*/
}
.lp-2 h2{
	text-align:center;
	background-color:#603916;
	color:#fff;
	font-weight:bold;
	padding:40px 10px;
	box-sizing: border-box;
	width:100%;
	font-size: clamp(20px, 3vh, 30px)!important;
	margin-bottom:3.5vh;
}
.lp-2 h2 span{
	display:inline-block;
}
.lp-2 p{
	margin:0 0 30px 0;
	text-align:center;
	font-weight:bold;
	color:#DF6A25;
	padding:0 20px;
	font-size: clamp(22px, 4vh, 30px)!important;
}
.lp-2 p span{
	display:inline-block!important;
}
.lp-2 ul{
	padding:0 20px;
}
.lp-2 ul li{
	/*display:flex;*/
	margin-bottom:20px;
	font-weight:bold;
	font-size: clamp(16px, 3.5vh, 20px)!important;
}
.lp-2 ul li img{
	display:inline;
	width:3vh;
	margin-right:5px;
}
@media(max-width:480px){
.lp-2 h2{
	font-size: clamp(22px, 3vh, 25px)!important;
}
.lp-2 p{
	margin:0 0 30px 0;
	padding:0 20px;
	font-size: clamp(20px, 3vh, 25px)!important;
}	
}
.lp-3 {	
	background-size:100%;
	background-position:center;
	background-color:#DF6A25;
	/*padding-top:1.5vh;*/
	
}
.lp-3 h2{	
	background-color:#603916;
	color:#fff;
	font-weight:bold;
	text-align:center;
	padding:40px 10px;
	font-size: clamp(20px, 4vh, 30px)!important;
	margin-bottom:3vh;
}
.lp-3 ul{	
	display:flex;
	gap:1vh;
	flex-wrap:wrap;
	justify-content:center;
}
.lp-3 ul li{	
	background-color:#fff;
	width:45%;
	height:13vh;
	min-height:10vh;
	text-align:center;
	color:#DF6A25;
	font-weight:bold;
	display:flex;
	justify-content:center;
	align-items:center;
	padding:20px;
	box-sizing: border-box;
	font-size: clamp(13px, 2.5vh, 17px)!important;
}
.lp-4 {
    background-color: #FFF0E2;
    background-image: url("../images/biyoushi2-2.webp");
	background-position:center 90%;/*padding-top:1.5vh;*/
	background-repeat:no-repeat;
	background-size:35%;
	
}
.lp-4 h2{	
	background-color:#603916;
	color:#fff;
	font-weight:bold;
	text-align:center;
	padding:40px 10px;
	font-size: clamp(20px, 4vh, 30px)!important;
	margin-bottom:2.5vh;
}
.lp-4 ul{	
	width:85%;
	margin:0 auto;
}
.lp-4 ul li{	
	background-color:#fff;
	text-align:center;
	color:#DF6A25;
	font-weight:bold;
	display:flex;
	justify-content:center;
	align-items:center;
	padding:2.5vh 1.5vh;
	box-sizing: border-box;
	font-size: clamp(13px, 3vh, 18px)!important;
	margin:10px auto;
	border-radius:10px;
}
.lp-4 ul li span{	
	display:inline-block;
}
.lp-4 p{	
	width:90%;
	margin:4vh auto auto auto;
	text-align:center;
	font-size: clamp(16px, 3vh, 20px)!important;
	font-weight:bold;
	color:#603916;
}
.lp-4 p span{	
	display:inline-block;
}
/*.speechBubble {
  position: relative;
  padding: 1vh;
  border-radius: 100px;
  background-color: #df6a25;
  color: #ffffff!important;
}

.speechBubble::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  border-width: 20px 10px 0 10px;
  border-color: #df6a25 transparent transparent;
  translate: -50% 100%;
}*/
@media(max-width:400px){
.lp-4 ul li{	
	padding:2vh 1.5vh;
	box-sizing: border-box;
	font-size: clamp(13px, 3vh, 17px)!important;
	margin-bottom:20px;
	border-radius:10px;
}	
}
.lp-5 {
	/*display:flex;
	align-items:flex-start;
	flex-direction:column;
	justify-content:center;*/
}
.lp-5 h2, .lp-6 h2{
	text-align:center;
	font-size: clamp(16px, 3.5vh, 25px)!important;
	color:#DF6A25;
	font-weight:bold;
	margin:1vh 0;
}
.lp-5 h3, .lp-6 h3{
	text-align:center;
	font-size: clamp(13px, 2.5vh, 20px)!important;
	color:#fff;
	font-weight:bold;
	background-color:#DF6A25;
	padding:0.5vh 0;
	width:90%;
	margin:auto;
}
.lp-5 table, .lp-6 table{
	margin:2vh auto auto auto;
	width:90%;
}
.lp-5 tr, .lp-6 tr{
	border:solid 1px #603916;
}
.lp-5 th, .lp-6 th{
	background-color:#603916;
	color:#fff;
	border-bottom:solid 1px #fff;
	border-left:solid 1px #603916;
	padding:1.5vh 1vh;
	font-size: clamp(13px, 2vh, 16px)!important;
}
.lp-5 tr:first-child th, .lp-6 tr:first-child th{
	border-top:solid 1px #603916;
}
.lp-5 tr:last-child th, .lp-6 tr:last-child th{
	border-bottom:solid 1px #603916;
}
.lp-5 td, .lp-6 td{
	background-color:#fff;
	color:#603916;
	border:solid 1px #603916;
	padding:1.5vh 2vh;
	font-size: clamp(13px, 2vh, 16px)!important;
}

@media(max-width:480px){
.lp-5 table, .lp-6 table{
	margin:2vh auto auto auto;
	width:95%;
}
.lp-5 h2, .lp-6 h2{
	font-size: clamp(16px, 3vh, 22px)!important;
	margin:1vh 0;
}
.lp-5 h3, .lp-6 h3{
	font-size: clamp(13px, 2vh, 16px)!important;
	padding:0.5vh 0;
	width:95%;
}
.lp-5 th, .lp-6 th{
	padding:0.5vh 0.5vh;
	font-size: clamp(13px, 2vh, 15px)!important;
}
.lp-5 td, .lp-6 td{
	padding:1vh 1vh;
	font-size: clamp(13px, 2vh, 14px)!important;
}	
}
/*よくある質問*/
.lp-7{
	width:90%;
	margin:auto;
}
.lp-7 h2{	
	background-color:#DF6A25;
	color:#fff;
	font-weight:bold;
	text-align:center;
	padding:2vh 1vh;
	font-size: clamp(20px, 4vh, 30px)!important;
	width:100%;
	margin:0 auto 2.5vh auto;
}
/*.map-content_1{
    width: 90%;
    height: 100%;
	margin:auto;
}
.map-box{
    width: 100%;
    height: auto;
    margin-bottom: 50px;
}
.map-box img{
    width: 100%;
    
}
.acd-check{
    display: none;
}
.acd-label{
    background: #603916;
    color: #fff;
    display: flex;
    margin-bottom: 1px;
    padding: 2.5vh 13px;
    font-weight: bold;
	height:100%;
}
.acd-label span{
    height: 27px;
    background-color: #FFF;
    padding: 2px 7px;
    margin-right: 8px;
    color: #603616;
    font-weight: bold;
}
.acd-content{
    border: 1px solid #333;
    height: 0;
    opacity: 0;
    padding: 0 20px;
    transition: .5s;
    visibility: hidden;
}
.acd-content span{
    background-color: #DF6A25;
    padding: 2px 7px;
    margin-right: 8px;
    color: #FFF;
    font-weight: bold;
}
.acd-content p{
    margin-bottom: 0;
}
.acd-content a{
    text-decoration: underline;
}
.acd-content a:hover{
    color: #DF6A25;
}
.acd-check:checked + .acd-label + .acd-content{
    height: auto;
    opacity: 1;
    padding: 20px;
    visibility: visible;
}*/



.faq{
	width:100%;
	margin:auto;
	color:#603916;
	padding-bottom:100px;
	height:100vh!important;
}
.faq-item {
  margin-top: 10px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  /*border: 1px solid #878787;*/
}

.faq-question__wrap {
  position: relative;
  /*background: #0C89B7;*/
	background:#fff;
  /*padding: 5px 40px 5px 55px;*/
	padding:1.7vh 40px 1.7vh 55px;
  cursor: pointer;
  width:100%;
  margin:0;
  box-sizing: border-box;
	border-top: 1px solid #603916;
	border-bottom: 1px solid #603916;
}

.minus-icon {
  position: absolute;
  content: "";
  width: 20px;
  height: 3px;
  background: #603916;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
}
.plus-icon {
  position: absolute;
  content: "";
  width: 20px;
  height: 3px;
  background: #603916;
  right: 20px;
  top: 50%;
  transform: translateY(-50%) rotate(90deg);
  transition: ease all 0.5s; /* 擬似要素のトランジションを追加 */
}

.plus-icon.active {
  transform: translateY(-50%);
}

.faq-question__title {
  font-weight: bold;
  color: #603916;
  font-size: 18px;
  position: relative;
	margin:10px;
}
.faq-question__title::before {
    position: absolute;
    color: #603916;
    content: "Q";
    top: 50%;
    left: -35px;
    transform: translateY(-50%);
  }

.faq-answer__wrap {
  background: #fff;
  padding: 10px 5px 10px 55px;
  transition: ease all 0.5s; /* 擬似要素のトランジションを追加 */
  height: 0;
  overflow: hidden;
  padding-top: 0;
  padding-bottom: 0;
}

.faq-answer__wrap.active {
  height: auto;
  padding: 10px 5px 10px 55px;
}
.faq-answer__wrap {
  background: #FFF8F2;
  opacity: 0;
  padding: 10px 5px 10px 55px;
  padding-top: 0;
  padding-bottom: 0;
  overflow: hidden;
  transition: ease all 0.7s; /* 擬似要素のトランジションを追加 */
}

.faq-answer__wrap.active {
  opacity: 1;
  padding: 10px 5px 10px 55px;
}

.faq-answer__title {
  position: relative;
  font-weight: bold;
  color: #000;
  font-size: 16px;
}

.faq-answer__title::before {
    position: absolute;
    color: #000;
    content: "A";
    top: 50%;
    left: -35px;
    transform: translateY(-50%);
  }

.faq-answer__text {
  margin-top: 5px;
}
/*@media(max-width:768px){
.faq-question__wrap {
  padding: 5px 40px 5px 40px;
}	
}*/
@media(max-width:480px){
.faq-item {
  margin-top: 10px;
}
.faq-question__title {
  font-size: 16px;
  margin:7px;
}
.faq-answer__title {
  font-size: 15px;
}

}
.lp-8{
	padding-top:40px;
}







/*店舗情報*/
.lp-9 {	
	background-size:100%;
	background-position:center;
	background-color:#fff;
	/*padding-top:1.5vh;*/
	
}
.lp-9 h2{	
	background-color:#603916;
	color:#fff;
	font-weight:bold;
	text-align:center;
	margin-bottom:3vh;
	padding:2vh 1vh;
	font-size: clamp(20px, 4vh, 30px)!important;
}
.lp9-img{
	height:35vh;
	margin:auto;
	display:flex;
	align-items:center;
	justify-content:center;
}
.lp9-img img{
	height:100%;
}
.shop-info{
	width:80%;
	margin:2.5vh auto auto auto;
}
.shop-info h3{
	font-size: clamp(18px, 3vh, 22px)!important;
	margin-bottom:10px;
	color:#603916;
	font-weight:bold;
}
.shop-info p{
	font-size: clamp(16px, 2vh, 18px)!important;
}
@media(max-width:480px){
.shop-info{
	width:90%;
	margin:2.5vh auto auto auto;
}
.shop-info h3{
	margin-bottom:10px;
	color:#603916;
	font-weight:bold;
}
.shop-info p{
}	
}




/*コンテンツを中央に*/
.lp-flex {
	display:flex;
	jusitfy-content:center;
	align-items:center;
	height:80vh;
	padding-bottom: calc(100px + 2vh);
    box-sizing: border-box;
}

/*LINEボタン*/
.line-fixed {
	position:fixed;
	z-index:9999;
	left:50%;
	transform: translateX(-50%);
	width: 100%;
	max-width:520px;
	height: 70px;
	display: flex;
	flex-direction:column;
    bottom: 0;
	background-color: rgba(255,250,255,0.7);
	align-items: center;
	margin:auto;
}
.line-fixed .btn1{
	width:90%;
	margin:auto;
	text-align:center;
	background-color: #06C755;
	border-radius:50px;
	padding:8px 0;
	color:#fff;
	font-weight:bold;
	font-size:18px;
}
.line-fixed .btn1:hover{
	opacity:0.7;
}
/*line応募の方法はこちら*/
/*.line-fixed .btn2{
	font-size:16px;
	color:#06C755;
	font-weight:bold;
	margin-top:4px;
}
.line-fixed .btn2:hover{
	text-decoration:underline;
	
}*/
/*リンクまとめ*/
.bottom-link {
	width:80%;
	margin:3vh auto 0 auto;
	border-top:dashed 1px #603916;
	padding-top:10px;
}
.bottom-link .link1{
	display:flex;
	justify-content:flex-start;
	align-items:center;
	gap:10px;
}
.bottom-link .link1 li{
	color:#603916;
	display:flex;
	align-items:center;
}
.bottom-link .link1 li a{
	font-size: clamp(15px, 2vh, 16px)!important;
	font-weight:bold;
}
.bottom-link .link1 li::after{
	content:"";
	width:1px;
	height:12px;
	background-color:#603916;
	display:inline-block;
	margin-left:10px;
	transform: rotate(30deg);
}
.bottom-link .link1 li:last-child::after {
  content:none;
}
.gaibu a{
	display:flex;
}
.gaibu a span{
	width:15px;
	display:block;
	margin-left:5px;
	margin-top:3px;
}
.gaibu a span img{
	width:100%;
	display:block;
}
.bottom-link .link2{
	margin-top:8px;
}
.bottom-link .link2 li{
	
}
.bottom-link .link2 li a{
	width:30px;
	display:block;
}
.bottom-link .link2 li a img{
	width:100%;
	display:block;
}
@media(max-width:480px){
.bottom-link {
	width:90%;
}	
}

/*line応募方法はこちら*/
.line-apply{
	margin:20px 0 0 30px;
}
.line-apply a{
	font-size:17px;
	color:#06C755;
	font-weight:bold;
}
.line-apply a:hover{
	text-decoration: underline;
}