@charset "UTF-8";

body{
	/* background: #213244; */
	/* color: #fff; */
}

.shopping-section{
	/* margin-top: clamp(-80px, -5.56vw, -60px); */
	/* background: linear-gradient(
		to bottom,
		#213244 0%,
		#213244 50%,
		#fff 50%,
		#fff 100%
	); */
}
@media screen and (max-width: 767px){
	.shopping-section{
	}
}
.page-ttl-block{
	padding-bottom: 0;
}


.shopping-img-block{
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	justify-content: space-between;
}
.shopping-img-block .img-wrapper{
	width: calc(100% / 2 - 5px);
}
.shopping-img-block .img-wrapper.main-img{
	width: 100%;
}
.education-img-block{
	display: flex;
	gap: 10px;
	justify-content: space-between;
}
.education-img-block .caption{
	position: inherit;
}
@media screen and (max-width: 767px){
	.shopping-img-block{
		gap: 6px;
	}
	.shopping-img-block .img-wrapper{
		width: calc(100% / 2 - 3px);
	}
	.education-img-block{
		flex-direction: column;
		gap: 6px;
	}
}
.general-section.info-section .inner{
	padding: 80px 0 0;
}
@media screen and (max-width: 767px){
	.general-section.info-section .inner{
		padding: 30px 0 0;
	}
}
.info-section .content-block{
	padding-bottom: clamp(60px, 6.94vw, 100px);
}
.info-img-block{
	/* margin-top: clamp(48px, 5.56vw, 80px); */
	margin-top: clamp(20px, 3.6vw, 40px);
}
.info-lists-block{
	background: #fff;
	color: #333;
	width: 100vw;
  margin-left: calc(50% - 50vw);
}
.info-lists-inner{
	margin: 0 auto;
	padding: clamp(30px, 5.56vw, 80px) 0;
	width: calc(100% - 32px);
	max-width: 1000px;
}
.info-lists-wrap + .info-lists-wrap{
	margin-top: clamp(60px, 6.94vw, 100px);
}
.info-lists-image-wrap{
	display: flex;
	justify-content: space-around;
	gap: 10px;
}
.info-list-ttl{
	margin-bottom: clamp(10px, 0.97vw, 14px);
	font-size: clamp(16px, 1.39vw, 20px);
}
.info-lists {
	margin-top: clamp(15px, 1.39vw, 20px);
  display: grid;
  grid-template-columns: 1fr 1fr;
	column-gap: clamp(10px, 2vw, 20px);
}
.info-list {
	margin-bottom: clamp(4px, 0.56vw, 8px);
  display: flex;
  align-items: baseline;
}
.info-list-name {
  display: flex;
  flex: 1;
  align-items: baseline;
  white-space: nowrap;
	font-size: clamp(10px, 0.97vw, 14px);
	line-height: 1.4;
}
.info-list-name::after {
  content: "";
  flex: 1;
  border-bottom: 1px dotted #000;
  margin: 0 10px 4px;
}
.info-list-time {
  flex-shrink: 0;
  white-space: nowrap;
	font-size: clamp(10px, 0.97vw, 14px);
	line-height: 1.4;
}
.info-list-time  .distance{
	min-width: 52px;
	display: inline-block;
	text-align: right;
}
.info-list.is-two-lines{
	align-items: flex-end;
}
.info-list.is-two-lines .info-list-name{
	align-items: flex-end;
}
.info-list.is-two-lines .info-list-name::after {
    margin: 0 10px 8px;
}
@media screen and (max-width: 767px) {
	.info-lists {
		grid-template-columns: 1fr;
	}
	.info-lists-image-wrap{
		gap: 6px;
	}
	.info-list {
		grid-column: auto !important;
		grid-row: auto !important;
	}
	.info-list-name {
		letter-spacing: -0.04em;
	}
	.info-list-time {
		letter-spacing: -0.04em;
	}
	.info-list-time  .distance{
		min-width: 32px;
	}
}
@media screen and (max-width: 767px) {
	.inner.padding-adjustment{
		padding-top: 30px;
	}
}