@charset "UTF-8";

/* common
----------------------------------------------------------- */

.mv-sub {
	height:200px;
	background-image: url("../images_renewal/common/mv-sub.jpg");
}

.mv-title {
    text-align: center;
    font-size: 28px;
    padding-top: 84px;
    letter-spacing: 0.1em;
}
.footer-contact .yellow-under {
    display: inline;
}
.cp_breadcrumb {
	margin-bottom: 80px;
	padding-top: 10px;
}
.cp_breadcrumb li {
    display: inline-block;
    position: relative;
    font-size: 14px;
	padding-right:1em;
}

.cp_breadcrumb li:last-child {
    padding-right: 0;
}
.cp_breadcrumb li::before {
    content: '';
    display: inline-block;
    background-image: url("../images_renewal/common/bread.png");
    width: 6px;
    height: 12px;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    top: 54%;
    right: 2%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.cp_breadcrumb li:last-child::before {
    display: none;
}

/**************************************************************************

 　　768px以下に適用されるCSS（スマートフォン）

**************************************************************************/

@media screen and (max-width: 768px) {
	
/* メインビジュアル
----------------------------------------------------------- */
.mv-sub {
    height: 44vw;
    background-image: url("../images_renewal/common/mv-sub.jpg");
}
.mv-title {
    font-size: 5vw;
    padding-top: 27vw;
}
.cp_breadcrumb {
	padding-top: 2vw;
    margin-bottom: 10vw;
}
.cp_breadcrumb li {
    font-size: 3vw;
    padding-right: 2em;
}
.cp_breadcrumb li::before {
    width: 1.5vw;
    height: 2vw;
    top: 1.9vw;
    right: 1vw;
}

}