@charset "utf-8";
/* CSS Document */
/*☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝



☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝*/
.naka_mv{
	background: #222 url("../img/store.png") no-repeat bottom right;
    background-size: 100%;
}
.naka_mv{
	background: #222 url("../img/store.png") no-repeat bottom right;
    background-size: 100%;
}
@media screen and (max-width: 1300px){ 
	.naka_mv{background-size: 1300px;}
}
@media screen and (max-width: 768px) {
    .naka_mv {
        background-size: 900px;
    }
}
.content .sec {padding: 120px 5% 0;}
.box{padding: 120px 5%;}
@media screen and (max-width: 1300px){
	.content .sec {padding: 100px 5% 0;}
	.box{padding: 100px 5%;}
}
@media screen and (max-width: 768px){
	.content .sec {padding: 50px 5% 0;}
	.box{padding: 80px 5%;}
}
/*☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝

content

☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝*/
.table .btn{margin: 0 auto;}
table{
	width: 70%;
	margin: 0 auto 100px;
}
th,td{
	padding: 20px;
	text-align: center;
}
th{
	background: #222;
	color: #fff;
}
tr{background: #eee;}
td div{font-size: 0.8em;}
.sec1 .btn{margin: 0 auto;}
@media screen and (max-width: 1300px) {
	table{
		width: 90%;
	}
}
@media screen and (max-width: 960px) {
	table{
		width: 100%;
		margin: 0 auto 40px;
	}
	th,td{
	padding: 20px 5%;
	text-align: center;
}
}
@media screen and (max-width: 370px) {
	th,td{
		font-size: 0.8em;
		padding: 15px 5%;
	}
}
/*☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝



☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝*/
iframe{
	width: 100%;
}
.map .ttl_2{margin-bottom: 60px;}
.map em{
	font-size: 1.2em;
	display: block;
	margin-bottom: 5px;
}
.map p{margin-bottom: 20px;}
.map div{
	display: flex;
	gap:40px;
	margin-bottom: 60px;
}
.map a{}
.tell:before{
	content: "";
	display: inline-block;
	background: url("../img/tell.svg") no-repeat;
	background-size: 100%;
	width: 36px;
	height: 36px;
	vertical-align: middle;
	margin-right: 10px;
}
.mail:before{
	content: "";
	display: inline-block;
	background: url("../img/mail.svg") no-repeat;
	background-size: 100%;
	width: 46px;
	height: 29px;
	vertical-align: middle;
	margin-right: 10px;
}
@media screen and (max-width: 960px) {
	.map div{
	    flex-direction: column;
		gap: 20px;
}
}
@media screen and (max-width: 768px) {
	.tell:before{
		content: "";
		display: inline-block;
		background: url("../img/tell.svg") no-repeat;
		background-size: 100%;
		width: 36px;
		height: 36px;
	}
	.mail:before{
		content: "";
		display: inline-block;
		background: url("../img/mail.svg") no-repeat;
		background-size: 100%;
		width: 36px;
	}
}
@media screen and (max-width: 400px) {
	.tell:before{
		content: "";
		display: inline-block;
		background: url("../img/tell.svg") no-repeat;
		background-size: 100%;
		width: 30px;
		height: 30px;
	}
	.mail:before{
		content: "";
		display: inline-block;
		background: url("../img/mail.svg") no-repeat;
		background-size: 100%;
		width: 30px;
		vertical-align: text-top;
	}
}
.splide__slide img {
  height: auto;
  width: 100%;
}



/* .c-slider --------------------------------------------- */
.slide{
	background: #222;
}
.slide .ttl_2::before{
    background: #fded52;
}
.splide.is-initialized{
	width: 80%;
	margin: 0 auto;
}
.c-slider__wrapper {
	   margin: 0 auto 40px;
}
.slide .ttl_2{
	color: #fff;
}
/* Prev & Nextボタン */
.splide__arrow {
    position: absolute;
    top: 50%;
    z-index: 1;
    transform: translate(0, -50%);
    display: grid;
    place-items: center;
    width: 70px;
    height: 70px;
    border: 1px solid #222 ;
    background-color: #fded52;
    box-sizing: border-box;
    touch-action: manipulation;
    cursor: pointer;
    overflow: hidden;
	border-radius: 50%;
}

.splide__arrow:focus-visible {
    outline: 3px solid #fded52;
    outline-offset: 3px;
}

/* 前へボタン */
.splide__arrow--prev {
    left: -90px;
    transform: rotate(180deg) translate(0, 50%);
}

/* 次へボタン */
.splide__arrow--next {
    right: -90px;
}



/* 矢印 */
.splide__arrow::before {
    content: "";
    width: 20px;
    height: 20px;
    margin-left: -9px;
    border-top: 3px solid #222;
    border-right: 3px solid #222;
    box-sizing: border-box;
    transform: rotate(45deg);
}

/* ページネーション */
.splide__pagination {
    margin-top: 40px;
    gap: 20px; /* ドットの間隔 */
	margin-bottom: 100px;
}

.splide__pagination li {
    font-size: 0; /* inline-blockで生じる隙間を削除 */
}

/* ページネーションのドット */
.splide__pagination__page {
    background-color: #fff;
    border-radius: 50%;
    touch-action: manipulation;
    cursor: pointer;
	border:none;
	aspect-ratio: 1 / 1;
}

.splide__pagination__page.is-active {
    background-color: #fded52;
}

.splide__pagination__page:focus-visible {
    outline: 3px solid #fded52;
    outline-offset: 3px;
}

@media (hover: hover) and (pointer: fine) {
    .splide__pagination__page {
        transition: opacity 0.3s;
    }

    .splide__pagination__page:hover {
        opacity: 0.8;
    }
}


@media screen and (max-width: 768px) {
	.splide.is-initialized{
		width: 100%;
		margin: 0 auto;
	}
	.splide {
		margin: 0 auto 60px;
	}
    
    .is-ready .c-slider__img {
        transition: transform 0.5s;
    }
	.splide__track .splide__list {
		margin-bottom: 0px !important;
	}
	.splide__arrow {
		width: 55px;
		height: 55px;
	}
	.splide__arrow::before {
		content: "";
		width: 15px;
		height: 15px;
		margin-left: -5px;
		border-top: 2px solid #222;
		border-right: 2px solid #222;
	}
	/* 前へボタン */
	.splide__arrow--prev {
		left: -10px;
		transform: rotate(180deg) translate(0, 50%);
	}

	/* 次へボタン */
	.splide__arrow--next {
		right: -10px;
	}
}
@media screen and (max-width: 400px) {
	.splide__arrow {
        width: 40px;
        height: 40px;
    }
	.splide__arrow::before {
        content: "";
        width: 10px;
        height: 10px;
        margin-left: -5px;
        border-top: 2px solid #222;
        border-right: 2px solid #222;
    }
	.splide__pagination__page {
		transform: scale(0.8);
	}
}