@charset "UTF-8";

/* --- ヒーローエリア --- */
section.hero_sale {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 570px;
	background: url(../img/hero_sale.jpg) no-repeat center center;
	background-size: cover;
}

section.hero_sale h1 img {
	width: 380px;
	height: auto;
}

/* --- 見出しh3 --- */
div.head {
	margin-bottom: 20px;
}

div.head h3 {
	font-weight: 400;
	font-size: 16px;
	margin-bottom: 6px;
}

/* --- Sale-Auction --- */
section.sale_content div.container1 {
	padding: 70px 30px 45px;
}

section.sale_content div.container1 h2 {
	margin-bottom: 30px;
}

section.sale_content div.container1 h3 {
	font-size: 16px;
	font-weight: 500;
	margin-bottom: 20px;
}

section.sale_content div.container1 p {
	font-size: 14px;
	margin-bottom: 1em;
}

section.sale_content div.container1 div.box div.image img {
	display: block;
	width: 438px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 30px;
}

section.sale_content div.container2 {
	padding: 45px 30px 50px;
}

section.sale_content div.container2 p {
	font-size: 14px;
	margin-bottom: 40px;
}

section.sale_content div.container2 p.pr strong {
	line-height: 2em;
	font-size: 20px;
	font-weight: 500;
	color: #f39800;
}

section.sale_content div.container2 p.pr span {
	font-weight: 500;
}

section.sale_content p.image img {
	display: block;
	width: 100%;
	height: auto;
}


/* デスクトップ用 */
@media(min-width:1200px) {
	/* --- 見出しh3 --- */
	div.head {
	margin-bottom: 10px;
	border-bottom: 1px solid #999999;
	}
	div.head h3 {
	font-size: 16px;
	}
	/* --- Sale-Auction --- */
	section.sale_content div.container1,
	section.sale_content div.container2,
	section.sale_content p.image img {
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
	}
	section.sale_content div.container1 {
	margin-top: 110px;
	margin-bottom: 70px;
	padding: 0px;
	}
	section.sale_content div.container1 h2 {
	margin-bottom: 15px;
	}
	section.sale_content div.container1 h2 span.pc img {
	width: 697px;
	height: auto;
	}
	section.sale_content div.container1 h3 {
	font-size: 18px;
	margin-bottom: 30px;
	}
	section.sale_content div.container1 div.box {
	display: flex;
	flex-direction: row-reverse;
	}
	section.sale_content div.container1 div.box div.image {
	flex: 0 0 438px;
	}
	section.sale_content div.container1 div.box div.image img {
	margin-bottom: 0px;
	}
	section.sale_content div.container1 div.box div.text {
	flex: 1;
	padding-right: 170px;
	}
	section.sale_content div.container2 {
	margin-top: 80px;
	margin-bottom: 75px;
	padding: 0px;
	}
	section.sale_content div.container2 p {
	font-size: 14px;
	}
	section.sale_content div.container2 p.pr strong {
	font-size: 18px;
	}
}

/* スマートフォン用 */
@media(max-width:641px) {
	section.sale_content div.container1 h2 span.sp img,
	section.sale_content div.container1 div.box div.image img {
	width: 100%;
	height: auto;
	}
}
@media(max-width:500px) {
	h1 img {
	width: 310px;
	height: auto;
	}
}