.underMv {
	height: 560px;
	background:url(../img/pc/mv.jpg) no-repeat bottom center;
	background-size: cover;
}
	.underMv .tips {
		max-width: 769px;
		height: 289px;
	}
.galleryBnr{
	position: absolute;
	right: 2%;
	bottom: 2%;
	max-width: 410px;
	width: 27.3333%;
}
.roofBg{
	height: 700px;
	width: 100%;
	max-width: 1400px;
	background: url(../img/pc/roofBg.jpg) no-repeat bottom left;
    background-size: cover;
    position: relative;
    margin-left: auto;
    margin-right: auto;
}
	.roofBg p.caption{
		left: 20px;
	    bottom: 10px;
	    color: #fff;
	    font-size: 11px;
	    text-shadow: black 1px 1px 10px, black -1px 1px 10px, black 1px -1px 10px, black -1px -1px 10px;
	}
#designer {
    width: 100%;
    max-width: 1400px;
    height: 1000px;
    background: url(../img/pc/designerBg.jpg) no-repeat top center;
    background-size: cover;
    position: relative;
    margin-left: auto;
    margin-right: auto;
}
	.rightFit{
		float: right;
		width: 54.375%;
		max-width: 522px;
		padding-top: 20%;
	}
	.rightFit h3 {
		margin-left: -33px;
	    padding-bottom: 30px;
	}
	.rightFit p {
		color: #fff;
		max-width: 500px;
	    margin-left: auto;
	    padding-bottom: 20px;
	}
#senseOfBeauty{
	background: #fff;
	padding-top: 85px;
	padding-bottom: 60px;
}
#senseOfBeauty p{
	color: #000;
	font-size: 14px;
	font-weight: normal;
	line-height: 2.5;
	text-align: left;
}
#senseOfBeauty .ttl{
	padding-bottom: 50px;
}
	.beautyBox{
		width: 100%;
		margin-bottom: 80px;
	}
		.beautyPhoto{
			float: left;
			width: 61.36%;
			max-width: 589px;
			position: relative;
		}
		.beautyPhoto .caption {
			left: inherit;
			right: 0;
			right: 7px;
		    font-size: 11px !important;
		}
		p.beautyP{
			float: right;
			width: 36.46%;
			max-width: 350px;
		}
	.objectBox{
		width: 100%;
	}
		.objectTextArea{
			float: left;
			width: 68.75%;
			max-width: 660px;
		}
			.objectTextArea h4{
				text-align: left;
				padding-bottom: 25px;
			}
			p.objectP{
				text-align: left;
			}

		.objectPhoto{
			float: right;
			width: 27.71%;
			max-width: 266px;
			position: relative;
		}
		.objectPhoto .caption {
			left: inherit;
			right: 0;
			font-size: 11px !important;
		}
		#senseOfBeauty p.designCap{
			margin-top: 15px;
		    font-size: 11px;
		    font-weight: normal;
		    color: #000;
		    line-height: 1.27; 
		}

@media screen and (max-width: 768px) {
	.underMv {
		height: 920px;
		background:url(../img/sp/mv.jpg) no-repeat bottom center;
		background-size: cover;
	}
		.underMv .tips {
			max-width: 600px;
			height: 279px;
		}
	.galleryBnr{
		position: absolute;
		max-width: 220px;
		width: 100%;
		
	}
	.roofBg{
		height: 45vh;
		width: 100%;
		max-width: 768px;
		background: url(../img/sp/roofBg.jpg) no-repeat bottom center;
	    background-size: cover;
	    position: relative;
	}
		.roofBg p.caption{
		    font-size: 10px;
		}

	#designer{
		width: 100%;
		height: inherit;
		background:url(../img/sp/designerBg.jpg) no-repeat bottom center;
		background-size: cover;
		position: relative;
		padding-bottom: 40px;
	}
		.rightFit{
			float: none;
			width: 100%;
			max-width: 600px;
			padding-top: 40px;
		}
		.rightFit .ttl{
			padding-bottom: 5px;
		    margin-left: auto;
		}
		.rightFit p {
			padding-bottom: 30px;
		    width: 91%;
		    padding-top: 20px;
		    margin-right: auto;
		}

	#senseOfBeauty{
		padding-top: 40px;
		padding-bottom: 20px;
	}
	#senseOfBeauty .inner{
		width: 100%;
		max-width: 768px;
		margin-left: auto;
		margin-right: auto;
	}
	#senseOfBeauty p{
		font-size: 14px;
		line-height: 2.28;
	}
	#senseOfBeauty .ttl{
		padding-bottom: 30px;
	}
		.beautyBox{
			width: 100%;
			margin-bottom: 25px;
		}
			.beautyPhoto{
				float: none;
				width: 100%;
				max-width: 600px;
				margin-left: auto;
				margin-right: auto;
				margin-bottom: 10px;
			}
			p.beautyP{
				float: none;
				width: 93.75%;
				max-width: 600px;
				margin-left: auto;
				margin-right: auto;
			}
		.objectBox{
			width: 100%;
		}
		.objectBox h4{
			text-align: center;
			padding-bottom: 25px;
			margin-left: auto;
			margin-right: auto;
		}
			.objectTextArea{
				float: none;
				width: 93.75%;
				max-width: 600px;
				margin-left: auto;
				margin-right: auto;
			}
				p.objectP{
					text-align: left;
				}

			.objectPhoto{
				float: none;
				width: 100%;
				max-width: 600px;
				margin-left: auto;
				margin-right: auto;
			}
			#senseOfBeauty p.designCap{
				margin-top: 30px;
			    font-size: 10px;
			    line-height: 1.7; 
			    width: 93.75%;
			    max-width: 600px;
			    margin-left: auto;
			    margin-right: auto;
			}
}

@media screen and (max-width: 420px) {
	.underMv {
		height: 600px;
	}
	.galleryBnr{
		position: absolute;
		right: 0;
		bottom: 10%;
		left: 0;
		max-width: 220px;
		width: 100%;
		margin-left: auto;
		margin-right: auto;
	}
}

/*floatBtn*/
/*#flow_conv_btn {
    position: fixed;
    right: -290px;
    top: 35%;
    margin-top: -105px;
     overflow: hidden; 
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    z-index: 10010;
    display: block;
}
.floatBtnWrap {
    position: relative;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
    right: 20px;
}*/