*{margin:0}html{font-size:16px;font-family:serif;font-feature-settings:"pkna" on,"trad" off}body{position:relative;margin:0;display:grid;grid-template-rows:[main] minmax(80vh, auto) [footer] auto}body main{grid-row:main}body footer{grid-row:footer}header{position:fixed;width:100%;z-index:999;display:flex;flex-direction:row;justify-content:space-between;align-items:center;background-color:#00205c;color:#fff}header a{text-decoration:none;color:#fff}header a:visited{color:inherit}header .title{font-size:2rem;margin:1rem}header .navigation{position:absolute;top:calc(100%);right:-10px;height:100vh;width:300px;margin:0;padding:0;transform:translateX(100%);display:flex;background-color:#172745;transition:all .5s}header .navigation .menu-group{width:100%;padding:0;margin:0;display:flex;flex-flow:column;font-size:30px;text-align:left;list-style-type:none}header .navigation .menu-group li a{display:block;padding:10px 30px;text-decoration:none;transition:background-color .3s}header .navigation .menu-group li a:visited{color:inherit}header .navigation .menu-group li a:hover{color:#172745;background-color:#fff}@media screen and (max-width:480px){header .navigation{width:100%;right:0}header .navigation ul li{background-image:linear-gradient(to bottom,#fff,#fff);background-size:90% 1px;background-repeat:no-repeat;background-position:bottom;text-align:center}}header .loading-navigation{display:none}header .activate-navigation{animation-name:slideIn;animation-fill-mode:both;animation-duration:.5s;animation-iteration-count:1;animation-timing-function:ease;animation-direction:normal}@keyframes slideIn{0%{transform:translateX(100%)}100%{transform:translateX(0%)}}header .deactivate-navigation{animation-name:slideOut;animation-fill-mode:both;animation-duration:.5s;animation-iteration-count:1;animation-timing-function:ease;animation-direction:normal}@keyframes slideOut{0%{transform:translateX(0)}100%{transform:translateX(100%)}}header .menu-button{margin:0 10px 0 0;border:0;position:relative;padding:10px;background-color:inherit;color:inherit;width:50px;height:50px;transform:scale(1.5)}header .menu-button span{display:inline-block;transition:all .4s;position:absolute;left:14px;height:3px;background:#fff;width:45%}header .menu-button span:nth-of-type(1){top:15px}header .menu-button span:nth-of-type(2){top:23px}header .menu-button span:nth-of-type(3){top:31px}header .menu-opened span:nth-of-type(1){top:18px;left:18px;transform:translateY(6px) rotate(-45deg)}header .menu-opened span:nth-of-type(2){opacity:0}header .menu-opened span:nth-of-type(3){top:30px;left:18px;transform:translateY(-6px) rotate(45deg)}main{width:calc(100% - 18rem);margin:0 7rem;padding:0 2rem}main:before{content:'';height:5rem;display:block}main h2{font-size:1.8rem;color:#00205c;border-bottom:2px solid #00205c}main h3{font-size:1.5rem;color:#00205c}main h3,main h4,main h5,main h6{color:#00205c}main h3 a,main h4 a,main h5 a,main h6 a{color:#00205c;position:relative;text-decoration:none}main h3 a:visited,main h4 a:visited,main h5 a:visited,main h6 a:visited{color:#5c004e}@media (min-width:781px){main h3 a:hover,main h4 a:hover,main h5 a:hover,main h6 a:hover{filter:hue-rotate(90deg)}main h3 a:hover:after,main h4 a:hover:after,main h5 a:hover:after,main h6 a:hover:after{transform:scale(1,1)}main h3 a:after,main h4 a:after,main h5 a:after,main h6 a:after{content:'';position:absolute;bottom:0;left:0;width:100%;height:1.5px;background-color:#00205c;transition:all .3s;transform:scale(0,1);transform-origin:left top}}main ul{padding:0 2rem}main ul li{list-style-type:none}main hr{margin:1rem 0;color:#00205c}main .post-nav{font-size:1.1rem;padding:2rem 0;display:flex;justify-content:space-between}main .post-nav a{color:#00205c;position:relative;text-decoration:none}main .post-nav a:visited{color:#5c004e}@media (min-width:781px){main .post-nav a:hover{filter:hue-rotate(90deg)}main .post-nav a:hover:after{transform:scale(1,1)}main .post-nav a:after{content:'';position:absolute;bottom:0;left:0;width:100%;height:1.5px;background-color:#00205c;transition:all .3s;transform:scale(0,1);transform-origin:left top}}main .caption{margin:1rem 0;display:block;text-align:right;color:rgba(0,0,0,.5);font-size:13px}main h2{margin:1rem -2rem}main .wp-block-media-text{margin-bottom:1.75rem}main h3,main h4,main h5,main h6{margin:1rem 0}main ul{margin:1rem 0;padding:0 2rem}main ul li{margin:.5rem 0}main p{margin:.5rem 0}main .top-image-frame{margin:0 -9rem;position:relative;overflow:hidden;height:49vw}main .top-image-frame figcaption{display:none}main .top-image-frame *{margin:0}main .top-image-frame img{margin:0;padding:0;position:absolute;width:100%}main .deactivate-top-image{animation-name:slideOutLeft;animation-fill-mode:forwards;animation-duration:2s;animation-iteration-count:1;animation-timing-function:ease;animation-direction:normal}main .activate-top-image{animation-name:slideIn;animation-fill-mode:forwards;animation-duration:2s;animation-iteration-count:1;animation-timing-function:ease;animation-direction:normal}@keyframes slideOutLeft{0%{transform:translateX(0)}100%{transform:translateX(-100%)}}main .top-header-frame{margin:-5px -9rem}main .top-header-frame *{margin:0}main .comment-ul{padding:0}main .comment .avatar{border-radius:50%}main .comment .comment-body{display:flex;align-items:center;flex-wrap:wrap}main .comment .comment-body *{vertical-align:middle}main .comment .comment-body br{display:none}main .comment .comment-author{margin:.5rem}main .comment .comment-author .fn{margin:.5rem;font-style:normal;font-weight:700}main .comment .comment-author .says{display:none}main .comment .comment-awaiting-moderation{align-self:center}main .comment .comment-meta{margin:.5rem}main .comment .comment-meta a{color:rgba(0,0,0,.5);font-size:13px}main .comment p{width:100%;padding-left:2rem}main .comment .reply{margin:.5rem}main .comment-respond label{font-size:1rem}main .comment-respond .comment-form-comment textarea{width:calc(100% - 1rem);resize:none;font-size:1.2rem;font-family:serif;padding:.5rem}main .comment-respond p[class^=comment-form] input{width:calc(100% - 0.6rem);font-size:1.2rem;font-family:serif;padding:.3rem}main .comment-respond .comment-form-cookies-consent{margin:1rem 0}main .comment-respond .comment-form-cookies-consent #wp-comment-cookies-consent{width:auto;transform:scale(1.3);margin:0 .5rem}main .comment-respond .form-submit{text-align:right}main .comment-respond .form-submit .submit{font-size:1.2rem;font-family:serif;height:40px;background-color:#00205c;color:#fff;border:2px solid #00205c;transition:all .25s;border-radius:5%}main .comment-respond .form-submit .submit:hover{background-color:#32415d;border:2px solid #32415d}@media screen and (max-width:1024px) and (min-width:481px){main{width:calc(100% - 8rem);margin:0 3rem;padding:0 1rem 2rem}main h2{font-size:1.8rem;color:#00205c;border-bottom:2px solid #00205c}main h3{font-size:1.5rem;color:#00205c}main h3,main h4,main h5,main h6{color:#00205c}main h3 a,main h4 a,main h5 a,main h6 a{color:#00205c;position:relative;text-decoration:none}main h3 a:visited,main h4 a:visited,main h5 a:visited,main h6 a:visited{color:#5c004e}main ul{padding:0 2rem}main ul li{list-style-type:none}main hr{margin:1rem 0;color:#00205c}main .post-nav{font-size:1.1rem;padding:2rem 0;display:flex;justify-content:space-between}main .post-nav a{color:#00205c;position:relative;text-decoration:none}main .post-nav a:visited{color:#5c004e}main .caption{margin:1rem 0;display:block;text-align:right;color:rgba(0,0,0,.5);font-size:13px}main h2{margin:1rem -1rem}main .wp-block-media-text{margin-bottom:1.75rem}main h3,main h4,main h5,main h6{margin:1rem 0}main ul{margin:1rem 0;padding:0 2rem}main ul li{margin:.5rem 0}main p{margin:.5rem 0}main .top-image-frame{margin:0 -4rem;position:relative;overflow:hidden;height:50vw}main .top-image-frame figcaption{display:none}main .top-image-frame *{margin:0}main .top-image-frame img{margin:0;padding:0;position:absolute;width:100%}main .deactivate-top-image{animation-name:slideOutLeft;animation-fill-mode:forwards;animation-duration:2s;animation-iteration-count:1;animation-timing-function:ease;animation-direction:normal}main .activate-top-image{animation-name:slideIn;animation-fill-mode:forwards;animation-duration:2s;animation-iteration-count:1;animation-timing-function:ease;animation-direction:normal}@keyframes slideOutLeft{0%{transform:translateX(0)}100%{transform:translateX(-100%)}}main .top-header-frame{margin:-5px -4rem}main .top-header-frame *{margin:0}}@media screen and (max-width:1024px) and (min-width:481px) and (min-width:781px){main h3 a:hover,main h4 a:hover,main h5 a:hover,main h6 a:hover{filter:hue-rotate(90deg)}main h3 a:hover:after,main h4 a:hover:after,main h5 a:hover:after,main h6 a:hover:after{transform:scale(1,1)}main h3 a:after,main h4 a:after,main h5 a:after,main h6 a:after{content:'';position:absolute;bottom:0;left:0;width:100%;height:1.5px;background-color:#00205c;transition:all .3s;transform:scale(0,1);transform-origin:left top}}@media screen and (max-width:1024px) and (min-width:481px) and (min-width:781px){main .post-nav a:hover{filter:hue-rotate(90deg)}main .post-nav a:hover:after{transform:scale(1,1)}main .post-nav a:after{content:'';position:absolute;bottom:0;left:0;width:100%;height:1.5px;background-color:#00205c;transition:all .3s;transform:scale(0,1);transform-origin:left top}}@media screen and (max-width:480px){main{width:calc(100% - 4rem);margin:0 1.5rem;padding:0 .5rem 2rem}main h2{font-size:1.8rem;color:#00205c;border-bottom:2px solid #00205c}main h3{font-size:1.5rem;color:#00205c}main h3,main h4,main h5,main h6{color:#00205c}main h3 a,main h4 a,main h5 a,main h6 a{color:#00205c;position:relative;text-decoration:none}main h3 a:visited,main h4 a:visited,main h5 a:visited,main h6 a:visited{color:#5c004e}main ul{padding:0 2rem}main ul li{list-style-type:none}main hr{margin:1rem 0;color:#00205c}main .post-nav{font-size:1.1rem;padding:2rem 0;display:flex;justify-content:space-between}main .post-nav a{color:#00205c;position:relative;text-decoration:none}main .post-nav a:visited{color:#5c004e}main .caption{margin:1rem 0;display:block;text-align:right;color:rgba(0,0,0,.5);font-size:13px}main h2{margin:1rem -.5rem}main .wp-block-media-text{margin-bottom:1.75rem}main h3,main h4,main h5,main h6{margin:1rem 0}main ul{margin:1rem 0;padding:0 2rem}main ul li{margin:.5rem 0}main p{margin:.5rem 0}main .top-image-frame{margin:0 -2rem;position:relative;overflow:hidden;height:50vw}main .top-image-frame figcaption{display:none}main .top-image-frame *{margin:0}main .top-image-frame img{margin:0;padding:0;position:absolute;width:100%}main .deactivate-top-image{animation-name:slideOutLeft;animation-fill-mode:forwards;animation-duration:2s;animation-iteration-count:1;animation-timing-function:ease;animation-direction:normal}main .activate-top-image{animation-name:slideIn;animation-fill-mode:forwards;animation-duration:2s;animation-iteration-count:1;animation-timing-function:ease;animation-direction:normal}@keyframes slideOutLeft{0%{transform:translateX(0)}100%{transform:translateX(-100%)}}main .top-header-frame{margin:-5px -2rem}main .top-header-frame *{margin:0}}@media screen and (max-width:480px) and (min-width:781px){main h3 a:hover,main h4 a:hover,main h5 a:hover,main h6 a:hover{filter:hue-rotate(90deg)}main h3 a:hover:after,main h4 a:hover:after,main h5 a:hover:after,main h6 a:hover:after{transform:scale(1,1)}main h3 a:after,main h4 a:after,main h5 a:after,main h6 a:after{content:'';position:absolute;bottom:0;left:0;width:100%;height:1.5px;background-color:#00205c;transition:all .3s;transform:scale(0,1);transform-origin:left top}}@media screen and (max-width:480px) and (min-width:781px){main .post-nav a:hover{filter:hue-rotate(90deg)}main .post-nav a:hover:after{transform:scale(1,1)}main .post-nav a:after{content:'';position:absolute;bottom:0;left:0;width:100%;height:1.5px;background-color:#00205c;transition:all .3s;transform:scale(0,1);transform-origin:left top}}footer{padding:6rem 1rem;background-color:#32415d;color:#a6a6a6;height:auto}footer .footer-content{text-align:center}footer .footer-content a{color:#a6a6a6;text-decoration:none}footer .footer-content a:visited{color:#a6a6a6}footer .sns a{display:inline-block}footer .sns a img{overflow:visible;height:30px;width:fit-content;margin:20px}