@charset "UTF-8";
/* CSS Document */

#mv.viewhot {
	background-image: url("../../../../images/menu/bodyodor/viewhot/images/mv.webp"),url("../../../../images/mv_bg.webp");
	background-size: 1046px 580px,cover;
	background-position: top left calc(50% + 420px),top center;
	background-repeat: no-repeat,no-repeat;
}

.viewhot01 {
	padding-bottom: 110px;
}

.viewhot01 .box {
	padding: 70px 0 100px;
	width: 1200px;
	margin: 0 auto;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	justify-content: space-between;
}

.viewhot01 .box p {
	width: 580px;
}

.viewhot02 {
	padding-bottom: 170px;
}

.viewhot02 div {
	padding: 70px 0 0;
	text-align: center;
}

.viewhot02 ul {
	width: 1200px;
	margin: 0 auto;
	padding-top: 80px;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	justify-content: space-between;
}

.viewhot02 ul li {
	width: 550px;
}

.viewhot02 ul li p {
	padding-top: 30px;
}

.viewhot03 {
	padding-bottom: 170px;
}

.viewhot03 p {
	padding: 70px 0 0;
	width: 1200px;
	margin: 0 auto;
}

.viewhot04 {
	padding-bottom: 170px;
}

.viewhot04 p.t01 {
	padding: 70px 0 0;
	width: 1200px;
	margin: 0 auto;
}

.viewhot04 ul {
	width: 1200px;
	margin: 0 auto;
	padding-top: 80px;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	justify-content: space-between;
}

.viewhot04 ul li {
	width: 550px;
}

.viewhot04 ul li p {
	padding-top: 30px;
	text-align: center;
}

.viewhot04 p.t02 {
	padding: 60px 0 80px;
	width: 1200px;
	margin: 0 auto;
}

.viewhot04 .box {
	width: 1200px;
	margin: 0 auto;
}

.viewhot04 .box p {
	padding: 30px 0 60px;
}

.viewhot04 .box div.i01 {
	text-align: center;
	padding-bottom: 60px;
}

.viewhot04 .box .hikaku {
	padding-top: 30px;
}

.viewhot04 .box table {
	width: 1200px;
	table-layout: fixed;
	margin: 0 auto;
}

.viewhot04 .box table td {
	border: 2px solid #d7b0b0;
	padding-top: 35px;
	padding-bottom: 35px;
	padding-left: 20px;
	padding-right: 20px;
	line-height: 1.5em;
}

.viewhot04 .box table tr:first-child td {
	background-color: #f8f8f8;
	font-size: 18px;
	font-weight: 500;
}

.viewhot04 .box table td:first-child {
	width: 200px;
}

.viewhot04 .box table td:last-child {
	background-color: #f6eeee!important;
}

div.hosyou {
	text-align: center;
}