@charset "utf-8";
/**
 *  札幌物産協会について
 *  update.25.2.20
**/
.main-image.is-inview .image > img {
	transform-origin:left;
}
.section-greeting > .box {
	margin:20px 0 0;
}
.section-greeting .box > .box {
	margin:14px 0 0;
}
.section-greeting .message {
	font-family: 'Noto Serif JP', serif;
	font-size:2rem;
	font-weight: 700;
	line-height: 1.4;
	color:#000;
}
.section-greeting .profile {
	margin:10px 0 0;
	font-size:1.6rem;
	font-weight:600;
	line-height: 1.5;
}
.section-greeting .profile span {
	font-size:1.4rem;
	font-weight: 500;
	display: block;
}
.section-greeting .text {
	font-family: 'Noto Serif JP', serif;
	font-size:1.6rem;
	font-weight:500;
	color:#333;
}
@media print, screen and (min-width: 728px) {
	.section-greeting > .box {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		align-items: center;
	}
	.section-greeting .box > .image {
		width:40%;
		max-width:534px;
	}
	.section-greeting .box > .box {
		flex: 1;
		margin:0 0 0 3%;
		padding:3% 0 0;
	}
	.section-greeting .message {
		font-size:3.06vw;
	}
	.section-greeting .profile {
		margin:5% 0 0;
		font-size:2rem;
	}
	.section-greeting .profile span {
		font-size:1.5rem;
	}
	.section-greeting .text {
		font-size:1.6rem;
		line-height: 1.8;
	}
}
@media print, screen and (min-width: 1240px) {
	.section-greeting .message {
		font-size:3.8rem;
	}
}
.section-overview .box {
	margin:0;
	padding:20px 10px;
	background-color: #eee;
}
.section-overview .table tr {
	border-top:1px solid #000;
}
.section-overview .table tr:last-child {
	border-bottom:1px solid #000;
}
.section-overview .table th,
.section-overview .table td {
	display: block;
	padding:0 0 16px;
	width:100%;
	font-size:1.6rem;
	line-height: 1.6;
}
.section-overview .table th {
	font-weight: 700;
	padding:16px 0 10px;
}
.section-overview td .justify {
	display: inline-block;
	width: 4em;
	text-align: justify;
	text-align-last: justify;
}
@media print, screen and (min-width: 728px) {
	.section-overview .box {
		padding:7% 6%;
	}
	.section-overview .table th,
	.section-overview .table td {
		padding:3% 0;
		display: table-cell;
		font-size:1.6rem;
		line-height:1.8 ;
	}
	.section-overview .table th {
		width:4em;
		text-align: right;
		font-weight:500;
	}
	.section-overview .table td {
		padding-left:3%;
		padding-right:3%;
	}
}
@media print, screen and (min-width: 1025px) {
	.section-overview .table th {
		width:25%;
	}
}
.section-overview .download {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	margin:10px 0 0;
	padding:0;
}
.section-overview .download a {
	width:100%;
	margin:10px 0 0;
}
.section-overview .download .name {
	flex:1;
	margin-right:0.5em;
}
.section-overview .download .name > * {
	display: inline-block;
	vertical-align: middle;
}
.section-overview .download .size {
	font-size:0.8em;
	font-weight:500;
}
.section-overview .download .icon {
	width:40px;
}
.section-overview .download a:hover .icon,
.section-overview .download a:active .icon {
	opacity: 0.8;
}
@media print, screen and (min-width: 728px) {
	.section-overview .download {
		margin:3% -1% 0;
	}
	.section-overview .download a {
		margin:24px 1% 0;
		width:48%;
	}
	.section-overview .download .icon {
		width:48px;
	}
}