@charset "utf-8";

header {background:linear-gradient(180deg, rgba(0,0,0,.8), transparent);}

#sub-visual {display:flex;height:260px;align-items:center;justify-content:center;color:#fff;background:#000 no-repeat center;background-size:cover;}
#sub-visual h2 {font-size:2em;text-align:center;}

@media screen and (min-width:768px) {
    /*#sub-visual {height:520px;}*/
	#sub-visual {height:320px;}
    #sub-visual h2 {font-size:3em;}
}

@media screen and (min-width:1024px) {
    /*#sub-visual {height:640px;}*/
	#sub-visual {height:520px;}
}

@media screen and (min-width:1280px) {
    #sub-visual {height:720px;}
}

section .page-container {padding:2rem 1rem;}
section .page-container.--hidden {overflow:hidden;}

/*
#sub-visual.work-portfolio {background-image:url(/assets/image/visual-sub1.jpg);}
#sub-visual.we-are {background-image:url(/assets/image/visual-sub2.jpg);}
#sub-visual.we-are-0661 {background-image:url(/assets/image/visual-sub2-3.jpg);}
#sub-visual.product {background-image:url(/assets/image/visual-sub2-3.jpg);}
#sub-visual.contact {background-image:url(/assets/image/visual-sub4.jpg);}
*/

#sub-visual.work-portfolio {background-image:url(/assets/image/sub-portfolio.png);}
#sub-visual.we-are {background-image:url(/assets/image/sub-weare.png);}
#sub-visual.we-are-0661 {background-image:url(/assets/image/sub-weare.png);}
#sub-visual.product {background-image:url(/assets/image/sub-showroom.png);}
#sub-visual.contact {background-image:url(/assets/image/sub-contact.png);}
#sub-visual > h2 {display:none;}

.page-title {text-align:center;padding:50px 0;}
.page-title h3 {font-size:2em;}
.page-title h3 > span {display:inline-block;padding-bottom:1ch;border-bottom:solid 1px #888;line-height:1;}
.page-title > strong {display:inline-block;position:relative;padding:2rem 0;font-size:1.4rem;letter-spacing:0;line-height:1.1;color:#666;position:relative;}
.page-title > strong::after {content:'';display:block;position:absolute;left:10px;right:10px;bottom:.75rem;border-top:solid 1px #666;}
.page-title > p {font-size:.7rem;word-break:keep-all;font-weight:bold;padding:1rem 0;}