/*　subpage fv*/

.sub_fv{
    height: 50vh;
    max-height: 500px;
	width: 100%;
	display: block;
	background: url("../img/bk/sub-top.jpg") top;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center bottom;
	position: relative;
}

.sub-fv-title{
	position: absolute;
	content: '';
	display: block;
	left: 50%;
	top: calc(50% + 45px);
	transform: translate(-50%,-50%);
	text-align: center;
	color:#fff;
	width: 100%;
	font-weight:400;
}

.sub-fv-title-box{
	position: relative;
}


.sub-fv-title-box::before{
	position: absolute;
	content: '';
	display: block;
	font-family: "Libre Bodoni", serif;
	font-size: 17rem;
	line-height: 1;
	left: 50%;
	top: calc(50% + 10px);
	transform: translate(-50%,-50%);
	color:rgba(255,255,255,0.175);
	z-index: -1;
	letter-spacing: 10px;
}

.sub-fv-title p{
	font-family: "Libre Bodoni", serif;
	font-size: 7.5rem;
	line-height: 1;
	letter-spacing: 10px;
	text-shadow: 3px 3px 20px #000;
}


.sub-fv-title h2{
	font-size: 2rem;
	letter-spacing: 5px;
	line-height: 1;
	font-weight: 500;
	text-shadow: 3px 3px 15px #000;
}


.sub-fv-title h2 span{
	margin: 0 5px;
}




/*　パンくずリスト　*/


.menu_guide_text {
    margin: auto;
    display: flex;
    padding-right: 30px;
    justify-content: flex-end;
    position: relative;
    z-index: 1;
    background: #fff;
    padding: 10px 30px 10px 0;
}

.menu_guide_text a {
    color: #000;
}

.menu_guide_text a:hover {
	text-decoration: underline;
}

.menu_guide_text span {
    margin: 3px 10px;
    color: #000;
    font-size: 15px;
}

.menu_guide_text a, .menu_guide_text p {
    font-size: 14px;
    font-weight: 600;
}

.menu_guide_text p {
    color: #666;
}

/*　パンくずリスト　*/


.main-area {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.main-text{
	padding: 0;
}


.main-text h4{
	font-size: 1.5rem;
}

/* SUB-AREA-TITLE */

.area-title {
	padding: 45px 0 25px;
    border-top: 1px solid #b9b9b9;
    border-bottom: 1px solid #b9b9b9;
    width: 100%;
}


.area-title p{
	font-weight: 400;
    letter-spacing: 3px;
    color: #000;
    font-family: "Libre Bodoni", serif;
    font-size: 6.5rem;
    position: relative;
	text-shadow: 0 0 20px #fff;
}

.area-title h3{
	color: #000;
    font-weight: 600;
    line-height: 1;
	text-shadow: 0 0 20px #fff;
    font-size: 2rem;
}


.area-title p::first-letter,
.area-title h3::first-letter {
	color: #bd131c;
}


/* SUB-AREA-TITLE ///*/


@media(max-width: 1480px){
	
	.sub-fv-title-box::before {
		font-size: max(17vw, 2.5rem);
	}
	
	.sub-fv-title h2 {
		font-size: max(2.5vw, 1.25rem);
		letter-spacing: 0.25vw;
	}
	
	.sub-fv-title p{
		font-size: max(8vw, 2.75rem);
	}
	
	.area-title p {
        line-height: inherit; 
		font-size: max(7vw, 2.5rem);
    }
	
	.area-title h3 {
		font-size: max(2vw, 1rem);
	}
	
	.business-box .main-text{
		margin-top: 0px;
	}
	
	.main-area {
		padding: 100px 5vw;
	}
	
}


@media(max-width: 1000px){

	.sub_fv {
    	max-height: 350px;
	}
	
}


@media(max-width: 800px){

	.sub-fv-title {
		top: calc(50% + 0px);
	}
	
	.sub_fv {
    	max-height: 300px;
	}
	
	.menu_guide_text {
		padding: 10px 10px 10px 0;
	}
	
	.menu_guide_text a, .menu_guide_text p {
		font-size: 0.8rem;
	}
	
	.menu_guide_text span {
		font-size: 0.9rem;
		margin: 3px 5px;
	}


}


@media(max-width: 600px){
	
	
	.area-title {
		padding: 30px 0 25px;
	}
	
	.area-title p {
        font-size: max(7vw, 2.1rem);
        letter-spacing: 0.3vw;
        margin-top: 5px;
    }

    .main-area {
        padding: 50px 20px;
	}
	
	.sub-fv-title-box::before {
        font-size: max(20vw, 2.5rem);
        letter-spacing: 5px;
    }
	
	

}



@media(max-width: 460px){
	

	.sub_fv {
        max-height: 260px;
	}
	
	.sub-fv-title {
		top: calc(50% + 30px);
	}
	
	

}