@charset "utf-8";
/* CSS Document */

body.on .pagetitle_e .box::after {
    content: "";
    position: absolute;
    inset: 0;  
    background: linear-gradient(
        135deg,
        rgba(34, 24, 6, 0.7) 0%,  
        rgba(120, 90, 40, 0.4) 45%, 
        rgba(255, 255, 255, 0.0) 100% 
    );
    pointer-events: none; 
}
.pagetitle_e .box .titlebox p {
    font-family: "EB Garamond", sans-serif;
    text-align: left;
    font-size: 68px;
    font-weight: 400;
    letter-spacing: 0.15em;
    color: #fff;
}
.pagetitle_e .box .titlebox h1 {
    color: #fff;
    font-family: "Zen Old Mincho", sans-serif;
    text-align: left;
    font-size: 20px;
    font-weight: 500;
}
.pagetitle_e .box .title_wrap .titlebox{
    width: 100%;
}
/* ---------- IEのみ ---------- */
@media all and (-ms-high-contrast: none) {
}
/* ---------- 1280px ~ ---------- */
@media screen and (max-width: 1280px){
	.pagetitle_e .box .titlebox p {
		font-size: 58px;
	}
}
/* ---------- 1080px ~ ---------- */
@media screen and (max-width: 1080px){
	.pagetitle_e .box .titlebox p {
		font-size: 54px;
	}
	.pagetitle_e .box .titlebox h1 {
		font-size: 18px;
	}
}
/* ---------- 768px ~ ---------- */
@media screen and (max-width: 768px){

}
/* ---------- 576px ~ ---------- */
@media screen and (max-width: 576px){

	.pagetitle_e .box .titlebox p {
		font-size: 34px;
	}
	.pagetitle_e .box .titlebox h1 {
		font-size: 14px;
	}
}
/* ---------- 350px ~ ---------- */
@media screen and (max-width: 350px){
}