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

#mainVisual {
	margin: -80px auto 0 auto;
	width: 1000px;
	height: 729px;
	background: #875152;
	text-align: center;
	background: url(../../img/pc/index/index_main.jpg) center top no-repeat;
	position: relative;
}
#mainCatchCopy {
	position: absolute;
	top: 65px;
	left: 15px;
}
#mainCatchCopy img {
	width: 600px;
}
#subCatchCopy {
	position: absolute;
	top: 235px;
}
#subCatchCopy img {
	width: 340px;
}
.subCatchCopy1, .subCatchCopy2, .subCatchCopy3, .subCatchCopy4 {
	margin-bottom: 20px;
	padding-left: 20px;
	text-align: left;
}
#linkBtnArea {
	width: 1000px;
	margin: 30px auto 0 auto;
	clear: both;
}
#linkBtnArea h2 {
	font-weight: normal;
}
.linkBtn {
	width: 248px;
	text-align: center;
	font-size: 1.5em;
	padding: 15px 0;
	color: #FFFFFF;
	background: #921E56;
	display: inline-block;
	float: left;
	border-right: #FFFFFF solid 2px;
	transition: 0.7s;
}
.linkBtn:hover {
	background: #01946A;
	transform: translateY(-10px);
}
#umouReformArea {
	width: 1000px;
	margin: 200px auto 0 auto;
	text-align: left;
}
.umouReformAreaTitle {
	margin: 0 auto;
	width: 959px;
	height: 77px;
	background: url(../../img/pc/common/titleLine_1.png) center top no-repeat;
	position: relative;
}
.umouReformAreaTitle .indexTitle {
	position: absolute;
	top: 0px;
	left: 155px;
	font-size: 3.5em;
	font-family: "dnp-shuei-mincho-pr6n", sans-serif;
	color: #5A3A25;
}
span.kenten {
	font-family: "dnp-shuei-mincho-pr6n", sans-serif;
	padding:  0;
	background-repeat: repeat-x;
	background-size: 1em 0.2em;
	background-position: top left;
	background-image: -webkit-gradient(radial, center center, 0, center center, 1.5, from(#01946A), color-stop(0.5, #01946A), color-stop(0.9, transparent), to(transparent));
	background-image: -webkit-radial-gradient(center center, 0.1em 0.1em, #01946A, #01946A 95%, transparent 95%, transparent);
	background-image: radial-gradient(0.1em 0.1em at center center, #01946A, #01946A 95%, transparent);
}
span.green {
	font-family: "dnp-shuei-mincho-pr6n", sans-serif;
	font-size: 1em;
	color: #01946A;
}
span.purple {
	font-family: "dnp-shuei-mincho-pr6n", sans-serif;
	font-size: 1em;
	color: #921E56;
}
.umouReformAreaQuestion, .umouReformAreaAnswer {
	font-family: "dnp-shuei-mincho-pr6n", sans-serif;
	font-size: 3em;
	letter-spacing: 0.1em;
	padding-left: 150px;
	clear: both;
}
.umouReformAreaQuestion {
	padding-top: 80px;
}
.umouReformAreaQuestion:last-child {
	padding-top: 300px;
}
.umouReformAreaAnswer {
	margin-top: 10px;
}
.umouReformAreaAnswer:last-child {
	padding-left: 195px;
	padding-top: 50px;
}
.beforeAfterArea {
	margin: 80px auto;
	text-align: center;
}
.umouReformAreaContents {
	margin: 50px auto 80px auto;
	text-align: center;
	background: #7A3132;
	padding-left: 180px;
}
.umouReformAreaContents li {
	width: 300px;
	background: #01946A;
	margin: 0 15px 15px 15px;
	float: left;
	text-align: center;
}
.umouReformAreaContents li p {
	font-size: 2.5em;
	color: #FFFFFF;
	padding: 20px 0px;
}
.fade-in {
	transition: opacity 0.8s;
	-moz-transition: opacity 0.8s;
	-webkit-transition: opacity 0.8s;
	-o-transition: opacity 0.8s;
}
#umouWashingArea {
	width: 1000px;
	margin: 150px auto 0 auto;
}

.umouComparisonArea{
	margin: 100px auto;
	text-align: center;
}

.umouComparisonArea li{
	vertical-align: top;
	display: inline-block;
	margin: 0 50px;
	width: 300px;
}

.beforeNotes,.afterNotes{
	text-align: left;
	line-height: 1.4em;
	margin-top: 15px;
	font-size: 1.4em;
}

.slick-box {
	width: 900px;
	margin: 0 auto;
}
.umouWashingAreaTitle {
	margin: 0 auto 40px auto;
	width: 959px;
	height: 77px;
	background: url(../../img/pc/common/titleLine_2.png) center top no-repeat;
	position: relative;
}
.umouWashingAreaTitle .indexTitle {
	position: absolute;
	top: 0px;
	left: 155px;
	font-size: 3.5em;
	letter-spacing: 0.15em;
	font-family: "dnp-shuei-mincho-pr6n", sans-serif;
	color: #5A3A25;
}
.notes {
	margin: 30px auto 0 auto;
	font-size: 1.8em;
	text-align: center;
}
.premiumCourse {
	margin-top: 50px;
}
.premiumCourseTitle {
	margin: 0 auto;
	background: #921E56;
	color: #FFFFFF;
	width: 900px;
	font-size:3em;
	font-weight: bold;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	padding: 5px 0 5px 35px;
}

.premiumCourseTitleNotes{
	font-size:2em;
	text-align: left;
	padding: 20px 0px 10px 70px;
	color: #696969;
}

.premiumSpan{
	color: #921E56;
	font-weight: bold;
}

.steamCourse {
	margin-top: 150px;
}
.steamCourseTitle {
	margin: 0 auto;
	background:#01946A;
	color: #FFFFFF;
	width: 900px;
	font-size:3em;
	font-weight: bold;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	padding: 5px 0 5px 35px;
}

.steamCourseTitleNotes{
	font-size:2em;
	text-align: left;
	padding: 20px 0px 10px 70px;
	color: #696969;
}

.steamSpan{
	color:#01946A;
	font-weight: bold;
}

#umouClothArea {
	width: 1000px;
	margin: 150px auto 0 auto;
}

.umouClothAreaTitle {
	margin: 0 auto 40px auto;
	width: 959px;
	height: 77px;
	background: url(../../img/pc/common/titleLine_1.png) center top no-repeat;
	position: relative;
}
.umouClothAreaTitle .indexTitle {
	position: absolute;
	top: 0px;
	left: 155px;
	font-size: 3.5em;
	letter-spacing: 0.15em;
	font-family: "dnp-shuei-mincho-pr6n", sans-serif;
	color: #5A3A25;
}

.umouClothContentsArea{
	margin-top: 50px;
}

.umouClothContentsArea li{
	display: inline-block;
	margin: 0 15px 30px 0;
}

.clothBox{
	width: 300px;
	position: relative;
}

.clothBox .name{
	position: absolute;
	top:0;
	left: 0;
	background: #921E56;
	color: #FFFFFF;
	padding: 0 10px;
	font-weight: bold;
}

.clothBox .detail{
	margin-top: 10px;
	font-size: 1.5em;
	line-height: 1.5em;
}

#umouTypeArea {
	width: 1000px;
	margin: 150px auto 0 auto;
}

.umouTypeAreaTitle {
	margin: 0 auto 40px auto;
	width: 959px;
	height: 77px;
	background: url(../../img/pc/common/titleLine_2.png) center top no-repeat;
	position: relative;
}
.umouTypeAreaTitle .indexTitle {
	position: absolute;
	top: 0px;
	left: 155px;
	font-size: 3.5em;
	letter-spacing: 0.15em;
	font-family: "dnp-shuei-mincho-pr6n", sans-serif;
	color: #5A3A25;
}

.umouNotes{
	text-align: center;
	margin: 0 auto;
}

.replenishmentArea{
	margin: 50px auto;
	padding-right: 100px;
	text-align: center;
	position: relative;
}

.replenishmentArea img{
	position: absolute;
	right: 30px;
	top:20px;
}

.replenishmentArea li{
	width: 380px;
	margin: 0 30px;
	display: inline-block;
	text-align: left;
	vertical-align: top;
}

.replenishmentArea li p{
	margin: 10px 0;
	font-size: 1.5em;
}

.replenishmentArea li .title{
	padding: 3px 10px;
	font-size:2em;
	background: #921E56;
	color: #FFFFFF;
	display: inline;
	margin-bottom: 10px;
}

#umouSizeArea {
	width: 1000px;
	margin: 150px auto 0 auto;
	text-align: center;
}


#umouSizeArea img{
	margin: 30px auto;
}

.umouSizeAreaTitle {
	margin: 0 auto 40px auto;
	width: 959px;
	height: 77px;
	background: url(../../img/pc/common/titleLine_1.png) center top no-repeat;
	position: relative;
}
.umouSizeAreaTitle .indexTitle {
	position: absolute;
	top: 0px;
	left: 155px;
	font-size: 3.5em;
	letter-spacing: 0.15em;
	font-family: "dnp-shuei-mincho-pr6n", sans-serif;
	color: #5A3A25;
}