/* =============================
メインビジュアル
=============================*/
#mv {
	background: #F8F8F8 url(../img/mv_pc.jpg) no-repeat center 55%;
	margin-top: 130px;
	margin-bottom: 1rem;
	background-size: cover;
}

@media screen and (max-width: 900px) {
#mv {
background: #F8F8F8 url("../img/mv_pc.jpg") no-repeat 70% 0;
background-size: cover;
margin-top: 120px;
}
}

@media screen and (max-width: 699px) {
#mv {
background: url("../img/mv_sp.jpg") no-repeat center bottom;
background-size: auto 350px;
margin-top: 50px;
position: relative;
}
}

@media screen and (max-width: 499px) {
#mv {
background: url("../img/mv_sp.jpg") no-repeat center bottom;
background-size: 110% auto;
margin-top: 70px;
position: relative;
}
}

/* MV上部のグラデーション */
#mv .mv_grad {
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
position: absolute;
z-index: 0;
top:0;
left: 0;
height: 50px;
width: 100%;
}

/* MVのコンテナ */
#mv .container1000 {
margin-bottom: -60px;
z-index: 1;
}

/* キャンペーン */
#mv .mv_left {
padding-top: 60px;
max-width: 420px;
width: 45%;
}

@media screen and (max-width: 699px) {
#mv .mv_left {
padding-top: 0.3rem;
max-width: 270px;
width: 80%;
margin: auto;
height: 460px;
}
}

@media screen and (max-width: 400px) {
#mv .mv_left {
height: 430px;
}
}

@media screen and (max-width: 320px) {
#mv .mv_left {
height: 370px;
}
}

/* メインキャッチ */
#mv .mv_left h2 {
padding-bottom: 30px;
}

@media screen and (max-width: 699px) {
#mv .mv_left h2 {
padding-bottom: 0.15rem!important;
}
}

/* 対応エリア */
#mv .mv_left p {
padding-bottom: 30px;
max-width: 320px;
}

@media screen and (max-width: 699px) {
#mv .mv_left p {
padding-bottom: 0.2rem;
max-width: 90%;
margin: auto;
}
}

/* 右側 : お見積り・ご相談は全て無料です*/
#mv .mv_right {
position: absolute;
bottom:-10px;
right: 20px;
max-width: 470px;
width: 47%;
}

@media screen and (max-width: 699px) {
#mv .mv_right {
position: absolute;
bottom:-0.6rem;
right: inherit;
left: 50%;
transform: translateX(-50%);
max-width:320px;
width: 96%;
}
}

/* MV下の斜め線 */
#mv .slant {
position: relative;
top:2px;
z-index: 0;
}

#mv .slant img {
height: 30px;
width: 100%;
display: block;
}

/* スマホ：MV下のキャンペーンバナー */
.mv_bottom_bnr {
padding-top: 0.4rem;
padding-bottom: 0.2rem;
}