body.debug{
	/* visibility:visible; */
}
.box-section-layout-a{
	text-align:center;
}

.box-section-layout-a-boxes{
	text-align:left;
	width:1260px;
	max-width:100%;
	text-align:left;
	margin:0 auto;
}

.box-layout-a{
	text-align:left;
}

.box-layout-a-inner{
	background-color:var(--color-light-2);
	padding:0 0 3rem 0;
}

.box-layout-a{
	position:relative;
	display:inline-block;
	width:315px;
	max-width:100%;
	margin:0;
	padding:15px;
}

.box-layout-a-inner{
	min-height:100%;
}

.box-section-layout-a-nav{
	text-align:center;
	padding:1.5rem;
}

.box-layout-a-transport-list{
	display:block;
	list-style:none;
	padding:0 0 0 .5rem;
	margin:0 auto;
	text-align:center;
	line-height:0;
}

.box-layout-a-transport-item{
	position:relative;
	display:inline-block;
	margin:0;
	padding:0;
	font-size:2em;
	width:1em;
	height:4rem;
	overflow:hidden;
}

.box-layout-a-transport-icon{
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	right:0;
	margin:auto;
	font-size:0.8em;
	width:1.2em;
	height:1.1em;
	color:var(--color-text-body);
	opacity:0.7;
}

.box-layout-a-transport{
	position:absolute;
	bottom:4.5rem;
	left:1.5rem;
	width:7.6rem;
	white-space:nowrap;
	overflow:hidden;
	text-align:center;
}

.box-layout-a-logo{
	position:absolute;
	bottom:0;
	right:0;
	font-size:8.6rem;
	width:1em;
	overflow:hidden;
	border-radius:50%;
	background:var(--color-white);
	box-shadow:0.3rem 0.3rem 0.8rem rgba(0,0,0,0.12);
}

.box-layout-a-logo:before{
	content:'';
	display:block;
	padding-top:100%;
}

.box-layout-a-image{
	position:relative;
	width:100%;
}

.box-layout-a-image:before{
	/* padding-top:80%; */
	padding-top:100%; 
}

.box-layout-a-image img{
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	margin:auto;
	width:auto;
	height:100%;
	max-width:none;
}

.box-image+.box-layout-a-title,
.box-layout-a-title{
	padding:1.3rem 1.5rem 0 1.5rem;
	width:100%;
}

.box-layout-a-desc{
	overflow:hidden;
	padding:0 1.5rem;
	width:100%;
	max-height:14ch;
}

.box-layout-a-durprice{
	padding:0 1.5rem;
	width:100%;
}

.box-layout-a-durprice-item{
	display:inline-block;
	padding-left:0.375em;
}

.box-layout-a-durprice-item:first-child{
	padding-left:0;
}

.box-layout-a-logo img{
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	margin:auto;
	width:70%;
	height:auto;
}

.box-layout-a-nav{
	font-size:1.4rem;
	text-align:center;
	padding:1.3rem 7.1rem 0 7.6rem;
}

.box-layout-a-nav .button{
	font-size:1em;
}

.box-section-layout-a-nav{
	padding-top:var(--leading-2);
}

.box-section-layout-a-button{
	font-size:var(--font-size-large-3);
	max-width:100%;
	white-space:normal;
}

@supports(display:flex){
	.box-section-layout-a-boxes{
		display:flex;
		flex-flow:row wrap;
		justify-content:center;
		align-items:stretch;
		align-content:center;
	}
	.box-layout-a-inner{
		display:flex;
		flex-flow:column nowrap;
	}
	.box-layout-a-title{
		flex:0 1 100%;
	}
	.box-layout-a-nav{
		flex:1 1 100%;
		display:flex;
		align-items:flex-end;
	}
}

@supports(object-fit:cover){
	.box-layout-a-image img{
		width:100%;
		height:100%;
		object-fit:cover;
		object-position:50% 50%;
	}
	.box-layout-a-logo img{
		width:70%;
		height:70%;
		max-width:none;
		object-fit:contain;
		object-position:50% 50%;
	}
}

@media screen and (max-width:599px){
	.box-section-layout-a{
		justify-content:center;
	}
	.box-layout-a{
		width:50%;
		min-width: 150px;
		max-width:285px;
		font-size:var(--font-size-small-2);
		line-height:var(--line-height-small-2);
		padding:5px;
	}
	.box-layout-a-inner{
		padding:0 0 1.5rem 0;
	}
	.box-layout-a-title{
		font-size:var(--font-size-small-1);
		line-height:1.4;
		overflow-wrap:break-word;
		word-break:break-word;
		-webkit-hyphens:manual;
		-ms-hyphens:manual;
		hyphens:manual;
	}
	.box-layout-a-desc{
		display:none;
	}
	.box-layout-a-nav{
		padding:0.75em 0 0 0;
	}
	.box-layout-a-nav .button{
		font-size:0.875em;
		padding:0.75em;
		line-height:1.1;
	}
	.box-layout-a-transport-list{
		padding:0;
	}
	.box-layout-a-transport{
		position:static;
		width:100%;
	}
	.box-layout-a-logo{
		font-size:4.8rem;
		top:1.5rem;
		right:0;
		bottom:auto;
		left:0;
		transform:translateY(-50%);
	}
}
@media screen and (max-width:319px){
	.box-layout-a{
		width:315px;
		max-width:100%;
	}
}