@charset "UTF-8";

@media screen and (min-width: 1033px){
	.page-title{
		margin-bottom: 7.5rem;
	}
}

.wrapper{
    width: 400%;
    height: 100vh;
}


.sec-title02{
	font-size: 2.5rem;
}

.outline-table{
	max-width: 58.2rem;
	margin: 0 auto;
}
tr{
	border-bottom: 1px solid #fff;
	line-height: 2.625;
}
th{
	padding-block: 1.5rem;
}
td{
	padding-block: 1.5rem;
}
#footer .bg-scroll{
	display: none;
}

@media screen and (max-height: 700px){
	tr{
		line-height: 1.7375;
	}
}
th{
	text-align: left;
	vertical-align: top;
	padding-block: min(1.5rem, 1.428vh);
	width: 35%;
}
td{
	padding-block: min(1.5rem, 1.428vh);
	width: 65%;
}
td a{
	text-decoration: underline;
}
td a:hover{
	text-decoration: none;
}
tr:first-child th,
tr:first-child td{
	padding-top: 0;
}

/* #sec02{
	padding-top: 12.5rem;
	padding-bottom: 12.5rem;
} */
#sec02 .sec__inner{
	width: 100%;
}
.scroll-area{
	height: 100%;
}
.simplebar-scrollbar:before{
	background: #eee;
}
.simplebar-offset{
	padding-inline: 15px;
}
.base-list{
	max-width: 120rem;
	width: 100%;
/*
	height: min(100%, 77.2rem);
*/
	background: rgba(255,255,255,.3);
	backdrop-filter: blur(20px);
	box-shadow: 0 2.1rem 3rem #197CB1;
	border: 1px solid rgba(255,255,255,.6);
	border-radius: 2rem;
	padding: 4rem 9.6rem;
	line-height: 2.625;
/*
	max-height: 100%;
*/
	overflow: hidden;
}
.base-list-inner{
}
.base-list li:last-of-type{
/*
	margin-bottom: 4rem;
*/
}
.base-list li{
	border-bottom: 1px solid #fff;
	padding-block: 1.5rem;
}
.base-list .pic,
.base-list .googlemap{
	width: 17.8rem;
	height: 12.8rem;
	border-radius: 1.1rem;
	overflow: hidden;
/*
	margin-left: 6rem;
*/
}
.base-list .googlemap{
	margin-inline: 3rem;
}
.base-list .pic{
	margin: 0 0 0 auto;
}
.base-list .googlemap>iframe{
	display: block;
	width: 100%;
	height: 100%;
}
.base-list h3{
	font-weight: 400;
	text-align: center;
	width: 16rem;
	margin-right: 4rem;
	font-size: 1.6rem;
}
.base-list .address{
	width: 33.2rem;
}




@media screen and (max-width: 1032px){
	#sec01{
		min-height: auto !important;
	}
	.wrapper{
	    width: 100%;
	    height: auto;
	}
	.outline-table{
		max-width: 100%;
		margin-bottom: 0;
	}
	tr{
		line-height: 2;
	}

	th{
		padding-block: 1.5rem;
	}
	td{
		padding-block: 1.5rem;
	}


	#sec02{
		padding-top: 8rem;
		padding-bottom: 8rem;
	}
	.base-list{
		max-width: 100%;
		width: 100%;
		height: auto;
		border-radius: 1.2rem;
		padding: 3rem 2rem;
		line-height: 2;
		overflow: visible;
	}

	.base-list li:last-of-type{
		margin-bottom: 0;
	}
	.base-list li{
		padding-block: 2.4rem;
		justify-content: space-between;
	}
	.base-list .googlemap{
		width: 100%;
/*
		height: calc((100vw - 2px - 8rem) / 3 * 2) ;
*/
		height: auto;
		aspect-ratio: 3 / 2;
		border-radius: .8rem;
		overflow: hidden;
		margin: 0;
	}
	.base-list .pic{
		width: 100%;
		height: auto;
		border-radius: .8rem;
		margin: 1.5rem 0 0;
	}

	.base-list h3{
		margin: 0 0 1.5rem;
		font-size: 1.8rem;
		text-align: left;
		width: 100%;
		font-size: 1.8rem;
	}
	.base-list .address{
		width: 100%;
		margin-bottom: 1.5rem;
	}

	.base-list .googlemap{
		margin-inline: auto;
	}
}

@media screen and (min-width: 769px) and (max-width: 1032px){
	.base-list .googlemap,
	.base-list .pic{
		width: calc(50% - 1.2rem);
		aspect-ratio: 3 / 2;
		margin-inline: 0;
	}
}

/*----- 寺井リサイズ調整 */
/* @media screen and (max-width: 1100px),
screen and (min-width: 1380px){ */
/* @media screen and (min-width: 1380px){ */
@media screen and (min-width: 1033px){

	.outline-table{
		height: calc(100% - (var(--title-bread-height) + 6.9rem));
	}
	.outline-table table{
		height: 100%;
	}
	.outline-table tbody{
		height: 100%;
	}
	.outline-table tr{
		height: calc(100% / 7);
	}
	.outline-table th,
	.outline-table td{
/*
		padding: 0;
*/
		line-height: 1.8;
		vertical-align: middle;
	}

	.base-list{
		max-height: 80rem;
		height: 100%;
	}
	#sec01 .base-list{
		max-height: 63rem;
	}
}