@charset "utf-8";



.stage--home {
}
.stage-keyvisual {
	width: 100%;
}



.page-headline {
	margin-bottom: 50px;
	letter-spacing: normal;
	font-size: 2.4rem;
	color: #000;
	font-weight: bold;
	text-align: center;
}

.page-headline--small {
	display: block;
	margin-top: 30px;
	font-size: 80%;
	color: #003B6A;
}



.expert-eyecatch {
	height: 42px;
	vertical-align: baseline;
	padding-top: 8px;
}



.intro-description tr {
	border-top: 10px solid #FFF;
	background-color: #EEE;
}
.intro-description th {
	width: 15%;
	font-size: 180%;
	text-align: center;
	vertical-align: middle;
	color: #003B6A;
	white-space: nowrap;
}
.intro-description td {
	font-size: 120%;
	vertical-align: middle;
}



.chapter-headline {
	display: inline-block;
	position: relative;
	margin-top: 30px;
	margin-bottom: 30px;
	padding: 15px 30px;
	border-radius: 5px;
	color: #FFF;
	background-color: #003B6A;
	font-weight: bold;
	font-size: 2.4rem;
}
.chapter-headline::after {
	box-sizing: inherit;
	border-top-color: #003B6A;
	position: absolute;
	top: 100%;
	left: 30px;
	content: '';
	height: 0;
	width: 0;
	border: 10px solid transparent;
	margin-top: -2px;
	border-top: 15px solid #003B6A;
}



.float-end {
	height: 0;
	line-height: 0;
}



.box-bordered {
	border: 1px solid #003B6A;
	padding: 20px 50px 5px;
	margin-top: -15px;
	margin-bottom: 40px;
}



.expert-color {
	color: #FF0606;
	font-size: inherit;
	font-weight: bold;
}

.expert-lead {
	font-size: 1.8rem;
	font-weight: bold;
	color: #003B6A;
}


.expert-catchcopy {
	font-weight: bold;
	font-size: 1.8rem;
	color: #EA0016;
}



.expert-details-link-holder {
	text-align: center;
}
.expert-details-link {
	display: inline-block;
	margin-top: 20px;
	margin-bottom: 30px;
	padding: 10px 30px;
	color: #FFF;
	background-color: #003B6A;
	font-weight: bold;
	font-size: 1.5rem;
}
.expert-details-link:hover {
	text-decoration: underline;
	color: #FFF;
}



.expert-shop-logo-box {
	display: flex;
	align-items: center;
}

.expert-shop-logo {
	display: inline-block;
	margin-right: 50px;
	margin-bottom: 20px;
	margin-left: 50px;
	width: 200px;
}



.expert-feature-list {
	margin-top: 0;
	list-style-type: none;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
}
.expert-feature-item {
	display: flex;
	flex-direction: row;
	align-items: center;

	width: calc(100% / 2);
	padding: 10px 15px;
	margin-left: 5px;
	margin-right: 5px;
	background-color: #EEE;
}
.expert-feature-item:first-child {
	margin-left: 0;
	border-left: none;
}
.expert-feature-item:last-child {
	maring-right: 0;
}
.expert-feature-bullet {
	font-size: 2.0rem !important;
	margin-right: 10px;
}
.expert-feature-text {

	color: #003B6A;
	font-size: 1.6rem;
	font-weight: bold;
}


.expert-feature-headline-wrapper {
	display: flex;
	flex-direction: row;
	align-items: center;
	padding: 15px;
}
.expert-feature-headline {
	margin-top: 0;
	margin-bottom: 0;
	font-weight: bold;
	color: #003B6A;
}


.expert-feature-icon {
	width: 50px;
	margin-right: 10px;

}
.expert-feature-description p:not(:last-child) {
	margin-bottom: 10px;
}
.expert-feature-description p:last-child {
	margin-bottom: 0;
}



.latest-info {
	display: flex;
	flex-direction: row;
	justify-content: space-around;
	list-style-type: none;
}
.latest-info-item {
	margin-bottom: 15px;
}





.area-list {
	list-style-type: none;
}
.area-list-item {
	margin-bottom: 10px;
	padding: 5px 15px;
	border-radius: 7px;
	font-size: 1.2rem;
	color: #FFF;
	background-color: #003B6A;
	border-color: #003B6A;
}
.area-list-item--selected {
	background-color: #0069D9;
	border-color: #0062CC;
}



.shop-list-wrapper {
	margin-top: 80px;
}

.shop-list {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	list-style-type: none;
}
.shop-list-item {
	width: calc(100% / 2 - 10px);
	margin-bottom: 20px;
	border-top-right-radius: 5px;
	background-color: #BFC0C2;
	background-color: #CCC;
}
.shop-list-item-name {
	margin: 0 1px;
	padding: 15px 15px 10px;
	background-color: #FFF;
}
.shop-list-item-image {
	width: 100%;
	height: 200px;
	object-fit: contain;
}
.shop-list-item-info {
	margin-bottom: 0;
	border-bottom-width: 0;
	border-collapse: separate;
	border-spacing: 1px;
}
.shop-list-item-info th,
.shop-list-item-info td {
	padding: 5px;
	border-width: 0;
	background-color: #FFF;
}

.shop-list-item-info th {
	text-align: center;
	background-color: #F9F9F9;
	white-space: nowrap;
	font-weight: normal;
}

.shop-list-item-contacts th {
	width: 15%;
}
.shop-list-item-tel {
	width: 45%;
}
.shop-list-item-web {
	width: 25%;
}



.shop-list-item-web-link {
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	display: block;
}

.shop-list-breadcrumb {
	width: 60%;
	display: flex;
	gap: 0 20px;
	list-style: none;
	padding: 6px 0 6px 18px;
	border-top-right-radius: 5px;
	overflow: hidden;
	background-color: #003B6A;
	font-size: .9em;
}
.shop-list-breadcrumb li {
	display: flex;
	align-items: center;
	position: relative;
	text-align: center;
	min-width: 30%;
	color: #FFF;
}
.shop-list-breadcrumb-area {
	width: 55%;
}
.shop-list-breadcrumb-prefecture {
	width: 45%;
}
.shop-list-breadcrumb li:not(:last-child)::before,
.shop-list-breadcrumb li:not(:last-child)::after{
	position: absolute;
	width: 0;
	height: 0;
	border-top: 20px solid transparent;
	border-bottom: 20px solid transparent;
	content:'';
}
.shop-list-breadcrumb li:not(:last-child)::before{
	right: 0;
	border-left: 10px solid #FFF;
}
.shop-list-breadcrumb li:not(:last-child)::after{
	right: 2px;
	border-left: 10px solid #003B6A;
}
.shop-list-breadcrumb a {
	display: block;
	width: 75%;
	font-size: 1rem;
}
.shop-list-breadcrumb a:hover {
	text-decoration: underline;
	cursor: pointer;
}




@media only screen and (max-width: 919px) {

	.intro-description th {
		width: 30%;
	}

	.shop-list-breadcrumb {
		width: 80%;
	}

}




@media screen and (max-width: 768px) {

	.page-headline {
		margin-bottom: 30px;
		font-size: 3rem !important;
	}
	.box-bordered {
		padding: 15px 15px 5px;

	}
	.intro-description tr {
		display: flex;
		flex-direction: column;
	}
	.intro-description th {
		width: 100%;
	}
	.intro-description td {
		font-size: 115%;
	}

	.expert-catchcopy {
		font-size: 2rem;
	}

	.expert-feature-list {
		display: flex;
		flex-direction: column;
	}

	.expert-feature-item {
		display: flex;
		flex-direction: row;
		align-items: center;
		width: 100%;
		margin: 0 0 10px 0;
	}

	.expert-feature-text {
		display: inline-block;
		vertical-align: middle;
	}

	.expert-shop-logo-box {
		display: block;
	}

	.expert-shop-logo {
		margin: 0 calc((100% - 200px) / 2);
		margin-bottom: 20px;
	}



	.shop-list-item {
		width: 100%;
	}
	.shop-list-breadcrumb {
		width: 80%;
	}

	.shop-list-item-web-text {
		display: none;
	}

}