@charset "utf-8";

/* ---------------------------------------------------------------------------------------------

　   COMMON

--------------------------------------------------------------------------------------------- */

#page-container h3{
	font-size:32px;
	line-height:40px;
	margin-bottom:30px;
	padding-bottom:30px;
	position:relative;
}
#page-container h3:before{
	position:absolute;
	left:0;
	width:48px;
	height:2px;
	background:#000;
	content:"";
	bottom:-1px;
}

.fab{
color: #b71515;
}

.pankuzu p{
    font-size: 12px;
    border-top: 1px solid;
    padding: 12px 0px 12px 0px;
    margin: 12px 0px 12px 0px;
    display: block;
}

.pankuzu p a{
    color: #B71516;
}



/* ---------------------------------------------------------------------------------------------

　   page

--------------------------------------------------------------------------------------------- */
@media only screen and ( max-width : 768px ) {


}

@media only screen and ( max-width : 480px ) {
}

@media print, screen and ( min-width : 769px ) {
.span-ex{
color: #b71515;
}

}




/* ---------------------------------------------------------------------------------------------

　   page

--------------------------------------------------------------------------------------------- */
@media only screen and ( max-width : 768px ) {


}

@media only screen and ( max-width : 480px ) {
.page-bac-p{
    text-align: center;
    padding: 7%;
    color: #fff;
    position: relative;
    top: 29%;
    font-size: 31px;
}

.page-bac-p:before{
    content: '';
    position: absolute;
    bottom: -15px;
    display: inline-block;
    width: 10%;
    height: 3px;
    left: 50%;
    transform: translateX(-50%);
    background-color: #ffffff;
    border-radius: 0px;
    margin-top: 0px;
    top: 100%;
}
}

@media print, screen and ( min-width : 769px ) {


.page-bac-p{
    text-align: center;
    padding: 7%;
    position: relative;
    top: 0;
    color: #fff;
    font-size: 20px;
    letter-spacing: 0.1em;
}

.page-bac-p:before{
content: '';
    position: absolute;
    bottom: -15px;
    display: inline-block;
    width: 10%;
    height: 1px;
    left: 50%;
    transform: translateX(-50%);
    background-color: #ffffff;
    border-radius: 0px;
    margin-top: 0px;
    top: 58%;
}


.filter-img{
 background-size: cover;
 position: relative;
 height:100%;
    text-align: center;
}

.filter-img:before{
 content: ' ';
 background-color: rgba(0,0,0,.5);
 position: absolute;
 top: 0;
 right: 0;
 bottom: 0;
 left: 0;
}

}