@charset "utf-8";

.c-article > header {}
.c-article > header > .image {margin:0 -295px;}
.c-article > header > .image > img {display:block; width:100%; height:auto;}
.c-article > header > h1 {position:relative; margin:2.5em 0 0; padding:0 0 0.7em; font-size:3.2rem; font-weight:900; text-align:center;}
.c-article > header > h1::after {display:block; content:""; width:60px; position:absolute; left:50%; bottom:0; margin:0 0 0 -30px; border-top:1px solid #000;}
.c-article > header > strong {display:block; margin:1em 0 0; font-size:2.0rem; font-weight:normal; text-align:center;}
.c-article > header > .text {margin:2em 0 0;}
.c-article > header > nav {padding:4em 0 0; font-size:1.4rem; text-align:center; line-height:1.2;}
.c-article > header > nav > ul {display:flex; flex-wrap:wrap; justify-content:center; margin:-20px 0 0;}
.c-article > header > nav > ul > li {flex:0 0 190px; margin:20px 15px 0; padding:12px; border:1px solid #e5e5e5;}
.c-article > header > nav > ul > li > a {display:block; margin:-12px; padding:12px; text-decoration:none;}

.c-section.fac-more {padding-bottom:5em !important;}
.c-section.fac-more::after {display:block; content:""; height:5em; position:absolute; left:0; right:0; bottom:0; z-index:1; background:#fff;}
.c-section.fac-more .fac-more-hidden {display:none;}
.c-section.fac-more .fac-more-button {z-index:2;}

@media screen and (max-height:880px) and (min-width:600px) {
.c-article > header > .image {height:calc(100vh - 180px); min-height:520px;}
.c-article > header > .image > img {width:auto; height:100%; margin:0 auto;}
}

@media screen and (max-width:599px) {
.c-article > header {}
.c-article > header > .image {margin:0 -20px;}
.c-article > header > .image > img {}
.c-article > header > h1 {margin-top:1.5em; font-size:1.6rem; font-size:5vw;}
.c-article > header > h1::after {width:30px; margin:0 0 0 -15px;}
.c-article > header > strong {font-size:1.1rem; font-size:3.4375vw;}
.c-article > header > .text {}
.c-article > header > nav {padding:2em 0 0; font-size:1.1rem; font-size:3.4375vw; }
.c-article > header > nav > ul {display:block; margin:-1em 0 0;}
.c-article > header > nav > ul > li {margin:1em 0 0; padding:1em;}
.c-article > header > nav > ul > li > a {margin:-1em; padding:1em;}
}

.pswp {
	--pswp-bg:#fff;
	--pswp-icon-color:#333;
	--pswp-icon-color-secondary:#fff;
	--pswp-icon-stroke-color:#fff;
}
.pswp__img--placeholder {}
.pswp__custom-caption {
	position:absolute; left:0; right:0; bottom:0; margin:auto; padding:20px; box-sizing:border-box; 
	background:#fff; color:#333; font-size:15px; text-align:center;
}
@media screen and (max-width:599px) {
.pswp__custom-caption {max-width:100%; padding:20px; font-size:12px; text-align:left;}
}