@charset "utf-8";
/*
■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ 

 ■■■  ■                    ■                   
■     ■                    ■                   
■    ■■■■ ■ ■ ■   ■   ■■■ ■■■■ ■   ■  ■ ■  ■■■ 
 ■■   ■   ■■  ■   ■  ■■ ■  ■   ■   ■  ■■  ■  ■ 
  ■■■ ■   ■   ■   ■  ■     ■   ■   ■  ■   ■   ■
    ■ ■   ■   ■   ■  ■     ■   ■   ■  ■   ■■■■■
■   ■ ■   ■   ■  ■■  ■■    ■   ■  ■■  ■   ■    
■■■■  ■■  ■    ■■ ■   ■■■  ■■   ■■ ■  ■    ■■■ 

■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ 
*/
/* ---- Structure ---- */
html,body{ min-height:100%; position: relative; }
body{ color: #fff; background:#000 url("../images/common/background.webp") repeat-y center top; background-size: 100%; }
body{ font-family: YakuHanMPs, "Noto Serif JP", serif; }
.fnt-bsc{font-family: YakuHanMPs, "Noto Serif JP", serif;}
.fnt-bsc.noyh{font-family: "Noto Serif JP", serif;}
.fnt-dsp1{  }
.fnt-ac0{ color:#FFF; }
.fnt-ac1{ color:#e60000; }
.fnt-ac2{ color:#129f83; }
.fnt-ac3{ color:#ff7e28; }
.fnt-ac4{ color:#ff3728; }

header,article,section,footer{ position: relative; width: 100%; display: block; }
.lo-part,.lo-cont{ position: relative; width: 100%; display: block; }

.part-background{ position: absolute; width: 100%; min-height:100%; overflow: hidden; }
.part-foreground{ position: absolute; width: 100%; min-height:100%; overflow: hidden; z-index: 999; pointer-events: none; }
.part-header{ position: relative; z-index: 500; }
.part-body{ position: relative; }
.part-footer{ position: relative; }

/* lazyestload */
img { transition: filter 0.3s;}
img.lazyestload { width: 100%; filter: blur(8px);}

/* background */
#Background  > div{ width: 100%; min-height: 100%; position: absolute; top:0; pointer-events: none; }
/* foreground */
#Foreground  > div{ width: 100%; min-height: 100%; position: absolute; top:0; pointer-events: none; }

/* header */
.part-header{ display: none; }


/* body */
.part-body{ position: relative; display: block; margin: 0; }
.part-body-side{ display: none; }
.part-body-main{ position: relative; width: 100%; }

.cont-upper{ position: relative; }
.cont-middle{ position: relative; }
.cont-bottom{ position: relative; }

.cont-top-content > .inner{ padding: 0; margin: 0 auto;}
.cont-sub-content > .inner{ padding: 0; margin: 0 auto;}

.top-subtitle{ font-size: 1em; width: calc(600/3000*100em); margin: 0 auto 3em auto; z-index: 2; position: relative; }
.top-subtitle > span{}

.sub-subtitle{ font-size: 1em; width: 100%; padding: .5em 0; margin: 0 auto 1em auto; position: relative; background-color: rgba(218, 201, 129, 0.2); text-align: center; }
.sub-subtitle > span{ font-size: 1.333em; letter-spacing: .1em; }

.sub-blocktitle{ font-size: 1em; width: calc(1062/3000*100em); margin: 0 auto 2em auto; z-index: 2; position: relative; }
.sub-blocktitle > span{ }


.sub-logo{ width: calc(755/3000*100em); margin: 0 auto; padding: 3em 0 3em 0; }
.sub-content-container{  }


/* footer */
.part-footer{ position: relative; }
.cont-global-footer{ width: 100%; margin: 0 auto; padding: 1em 0 12em 0; position: relative; }
.footer-pagetop{ width: calc( 206/3000 * 100em ); height: calc( 206/3000 * 100em ); position: fixed; bottom:2em; left:0; right: 0; z-index: 10; margin: 0 auto; }
.footer-pagetop a{ display: block; position: relative; width: 100%; min-height: 100%; background:url("../images/navi/pagetop.webp") no-repeat center center; background-size: contain; }
.footer-pagetop a:hover{ transform: scale(1.1); }
.footer-pagetop{ opacity: 0;}
.footer-pagetop.start{ animation: anm-pagetop-btn .5s 0s ease-out both running;}
@-webkit-keyframes anm-pagetop-btn { 0% { opacity: 0; -webkit-transform: translateY(-2em); transform: translateY(-2em);} 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0);}}
@keyframes anm-pagetop-btn { 0% { opacity: 0; -webkit-transform: translateY(-2em); transform: translateY(-2em);} 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0);}}
.anm-pagetop-btn { -webkit-animation-name: anm-pagetop-btn; animation-name: anm-pagetop-btn;}

.cont-footer{  padding: 0; margin: 0 auto; text-align: center; }
.footer-copyrihgt p{ color: #4f4f4f; font-size: .9em; font-weight: 900; margin: 0; }

.footer-banner{width: calc(800/3000*100em); margin: 0 auto 2em auto; padding: .5em;}


/* content */
.inview{ animation:inview .5s .5s ease-out both paused; }
.inview-start{ animation:inview-start .5s .5s ease-out both running; }
.inview-act{ transform-origin: left top; transition: all .5s ease .1s;  }

.table-a{ border-collapse: separate; border-spacing: 2px;}
.table-a th{ padding:0.5em; background-color:rgba(0,0,0,.05); font-weight: normal; text-align: inherit; vertical-align: top; text-align: left; }
.table-a td{ padding:0.5em; background-color:rgba(0,0,0,.025); vertical-align: top; }

.frame-a{ border:#4f4f4f solid 1px; background-color: #000; }

.rot-a{ position: relative; transform: rotate(3deg); }
.rot-b{ position: relative; transform: rotate(-3deg); }

.sdw-1{ filter: drop-shadow(.25em .25em 0 #e60000); }
.sdw-2{ filter: drop-shadow(0 0 .5em #d7000f); }
.sdw-3{ text-shadow:-1px 0px 0px #000,1px 0px 0px #000; filter: drop-shadow(0 0 .5em #fb00ff); }

.sdw-t1{ filter: drop-shadow(1px 1px 0 #ffe382); }
.sdw-t2{ filter: drop-shadow(1px 1px 0 #ebaffe); }

.sqr-image-box{ width: 27em; height: 27em; background-color: #FFF; position: relative; }
.sqr-image-box img{display: block; width: 100%; height: 100%; object-fit: scale-down;}


/* 1 */
.cont-entries{ padding: 0; margin: 0 auto; padding-bottom: 3em; }
.content-entry{ padding: 0; margin: 0 0 1em 0; position: relative; background-color: #202020; }
.content-entry:nth-child(even){ background-color: #141414;}
.content-entry .entry-head{ width: calc(2000/3000*100em); height: 100%; min-height: 7.333em; margin: 0 auto; position: relative; padding: 0; }
.content-entry .entry-date{ width: 8.5em; padding: 0; font-size: 1em; margin: 0; padding-left: 1em; text-align: left; pointer-events: none; position: relative;/*position: absolute; top:2.8em; left:9em;*/ }
.content-entry .entry-date:after{ content:"｜"; position: absolute; top:0; right: 0; }
.content-entry .entry-date > span{ color: #fff; line-height: 1; letter-spacing: .1em; margin-bottom: 0;}

.content-entry .entry-title{ width: 50em; padding: 0 0 0 1em; margin: 0; position: relative; text-align: left; position: relative;  }
.content-entry .entry-title > span{ color: #fff;  font-size: 1.333em; line-height: 1.7; }
.content-entry .entry-title [data-ruby]::before { top: -1.5em;  }
.content-entry .entry-body{ padding: 2em 18%; font-size: 1.1em; color: #fff; letter-spacing: .05em; line-height: 1.9; position: relative; border-top:#000 solid 1px; }
.content-entry .entry-body [data-ruby]::before { top: -1.5em;  }

.content-accordion .acd-check{ display: none;}
.content-accordion .acd-head .acd-label{ display: flex; flex-wrap: nowrap; align-items: center; }
.content-accordion .acd-head{ position: relative; }
.content-accordion .acd-head .acd-label::before{ content:""; display: block; padding: 0; width: 7.333em; height: 7.333em; margin-bottom: 0; text-align: center; line-height: 1; background: url("../images/common/news-open.webp") no-repeat left top; background-size: 7.333em; position: relative;  pointer-events: auto;}
.content-accordion .acd-body{ display: none; height: 0; overflow: hidden; transition: 0.5s all ease 0.5s; }
.content-accordion .acd-check:checked ~ .acd-body{ display: inherit; height: inherit; transition: 0.5s all ease 0s;}
.content-accordion .acd-check:checked ~ .acd-head .acd-label::before{ background-image: url("../images/common/news-close.webp")}

.content-link .lnk-head{ position: relative; }
.content-link .lnk-head > a::before{ content:""; display: block; padding: 0; width: 7.333em; height: 7.333em; margin-bottom: 0; text-align: center; line-height: 1; background: url("../images/common/news-link.webp") no-repeat left top; background-size: 7.333em; position: relative; pointer-events: none;}
.content-link .lnk-head > a{ display: flex; flex-wrap: nowrap; align-items: center; text-decoration: none; color: #FFF; }

.content-non .non-head{ position: relative; }
.content-non .non-head a{ display: flex; flex-wrap: nowrap; align-items: center; text-decoration: none; pointer-events: none; }


.cont-singles{ padding: 0; margin: 0 auto; padding-bottom: 3em; }
.content-single{ padding: 0; margin: 0 0 1em 0; position: relative; background: #f9f9f9; border:#ebebeb solid 1px; }
.content-single .entry-head{ margin-bottom: 0; position: relative; padding: 1.5em; }
.content-single .entry-title{ padding:1em ; margin-bottom: 0; position: relative; background: #fff; border:#003f63 solid 2px; border-radius: .5em; }
.content-single .entry-title > span{ color: #003f63;  font-size: 1.5em; font-weight: 800; line-height: 1.5; }
.content-single .entry-body{ padding: 1.5em; font-size: 1.2em; color: #003f63; letter-spacing: .05em; line-height: 1.8; position: relative; }

.cont-tiles{ display: flex; flex-wrap: wrap; justify-content: center;  }

.modal-data{ display: none; }
.cont-modal{ width: 100%; margin: 0 auto; }

.block-data{ display: none; }
.block-data.crt{ display: inherit; }

.comment-frame{ position: relative; }
.comment-frame .comment-body{ width: 50em; margin: 0 auto; position: relative; overflow: hidden; }
.comment-frame .comment-body{ padding: 3em; background: #000 ; border: #e60000 double 3px ;  }
.comment-frame .comment-body .bg{ width: 50em; margin: 0; position: absolute; top:30em; right:-15em; opacity: .25; }
.comment-frame .sep{ height: 3em; position: relative; background:url("../images/common/sep.png") no-repeat center center; background-size: calc(278/3000*100em); }


/* modaal */
.modaal-overlay{ background: rgba(0,0,0,.9) url("../images/top-background-1.webp") no-repeat left top; background-size: 50%; }
.modaal-wrapper{ overflow-x: hidden; }
.modaal-inner-wrapper{ padding: 80px 0; }
.image-typ2 .modaal-inner-wrapper{ padding: 80px 25%; }
.modaal-container{ color: inherit; background-color: transparent; box-shadow:none; max-width: inherit; }
.modaal-content-container{ padding: 0; }
.modaal-video-wrap{ margin: auto auto; }
.modaal-close{ right: 2.5em; top: 1.5em; width: 3em; height: 3em;}
.modaal-close:before,.modaal-close:after{ background-color: #fff; border-radius: 0; top: .4em; left: 2em; width: .4em; height: 4em; }
.modaal-close:focus,.modaal-close:hover {background: transparent;}
.modaal-close:focus:before,.modaal-close:focus:after{background: #e60000;}
.modaal-close:hover:before,.modaal-close:hover:after{background: #e60000;}

/*
■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ 

              ■                 ■                
■             ■  ■       ■      ■               ■
■             ■                 ■               ■
■  ■■■■    ■■■■  ■ ■   ■ ■   ■■■■  ■   ■  ■■■   ■
■  ■■  ■  ■■ ■■  ■  ■  ■ ■  ■■ ■■  ■   ■  ■  ■  ■
■  ■   ■  ■   ■  ■  ■ ■  ■  ■   ■  ■   ■   ■■■  ■
■  ■   ■  ■   ■  ■  ■ ■  ■  ■   ■  ■   ■ ■■  ■  ■
■  ■   ■  ■■ ■■  ■   ■■  ■  ■■ ■■  ■  ■■ ■   ■  ■
■  ■   ■   ■■■■  ■   ■   ■   ■■■■   ■■ ■  ■■■■  ■

■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ 
*/
/* Modal */
#Modal_data{ display: none; }

/* TOP-PAGE */
/* main */
.cont-top-visual{ width: 100%; min-height: 93em; position: relative; margin: 0 auto; padding: 0; overflow: hidden; }
.cont-top-visual img{ width: 100%; height: auto; }
.cont-top-visual .kv-container{ width:100%; position: relative; margin: 0 auto; }
.kv-container > div{ position: absolute; top:0; }
.kv-container .grp{ position: relative; top:inherit; display: none; }
.kv-container .grp.on{ display: block; }
.kv-container .grp > div{ position: absolute; top:0; }
.kv-container .grp .vis-grp{ position: relative; width: 100%; margin: 0 auto; }
.kv-container .grp .vis-grp .bg{ position: relative; }
.kv-container .grp .vis-grp .vis{ position: absolute; top:0; }

.kv-container .logo{ width: calc(1738/3000*100em); top:6em; left:0; right:0; margin: 0 auto; }

.kv-container .grp .vis-grp{ transform: scale(1.55) translateY(-15%); opacity: 0; }
.kv-container .logo{ opacity: 0; transform: translateY(-10%); }

.vis-switch-container{ visibility: hidden; opacity: 0; pointer-events: none;}


.s0 .kv-container .grp .vis-grp{ transform: scale(1.55) translateY(-15%); opacity: 1; transition: all 1.0s ease .0s; }

.s1 .kv-container .grp .vis-grp{ transform: scale(1.55) translateY(17.5%); opacity: 1; transition: all 3.0s ease .0s; }

.s4 .kv-container .grp .vis-grp{ transform: scale(1.0) translate(0,0); opacity: 1; transition: all 1.5s ease .5s; }
.s4 .kv-container .grp .vis-grp .catch{ opacity: 1; transition: all 1.0s ease 1.0s; }
.s4 .kv-container .logo{ opacity: 1; transform: translateY(0%); transition: opacity .75s ease-out 1s, transform .5s ease-out 1s; }

.s5 .vis-switch-container{ visibility: visible; opacity: 1; pointer-events: auto; }
.s5.top-page .part-header{ visibility: visible; }
.s5 .cont-top-twitter{ display: block; }
.s5 #Background .top-main-bg{ display: block; }

.kv-container .grp{ transform: scale(1.1,1.1) ; transform-origin: center center; opacity: 0; }
.kv-container .grp.on{ transform: scale(1,1); opacity: 1; transition: all 1.0s ease .0s; }


/* top-news */
.cont-top-news{ min-height: 27em;  }
.cont-top-news > .inner{ padding:2em 0 ; margin: 0 auto; }

.news-link{ width: 100%; padding: 0 25% 0 25%; margin-bottom:2em;  }
.news-link a{ color: #FFF; text-decoration: none; font-weight: normal; letter-spacing: .1em; font-size: 1.2em; }
.news-link a:before{ content:"> "; }
.news-link a:hover{ color:#e60000; }

.top-news-container{ width:100%; padding:0; min-height: 20em; margin: 0 auto; }
.top-news-container a{ width: 100%; display: block; background-color: #202020;}
.top-news-container a:nth-child(even){ background-color: #141414;}
.top-news-container dl{ width: 50%; padding: 1em 0; margin: 0 auto; display: flex; font-size: 1.0em; }
.top-news-container dl dt{ width: 8em; font-size: .933em; font-weight: normal; margin: 0; padding: 0; letter-spacing: 0.1em; line-height: 1.8; position: relative; }
.top-news-container dl dt::after{ content:"｜"; position: absolute; top:0; right: .5em;  }
.top-news-container dl dd{ max-width: 45em; font-size: .933em; font-weight: normal; margin: 0; padding: 0; line-height: 1.8; letter-spacing: 0.1em;  }
.top-news-container a,
.top-news-container a:visited{ text-decoration: none; color: #fff; }
.top-news-container a:hover{ color:#e60000; }


/* top-staffcast */
.cont-top-staffcast{ min-height: 17em; position: relative;  }
.cont-top-staffcast > .inner{ width: 100%; margin: 0 auto; padding: 3em 0 3em 0; }
.staff-l1{ text-align: center; font-size: .933em; line-height: 2.4; letter-spacing: 0.1em;  }
.staff-l2{ text-align: center; font-size: 1.333em; line-height: 2.4; letter-spacing: 0.1em;  }




/* SUB-PAGE */

.sub-page .cont-upper{ }
.sub-page .cont-middle{ min-height: calc(100vh - 25em);}
.sub-page .cont-sub-content{ min-height: calc(100vh - 25em);}

/* news */
.cont-sub-news{ }
.sub-news-container{ position: relative; }



/*
■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■      

                     ■                                                     
 ■■    ■■            ■  ■             ■■■                     ■            
 ■■    ■■            ■               ■   ■                                 
 ■■■  ■ ■   ■■■   ■■■■  ■  ■■■      ■     ■  ■   ■   ■■■  ■ ■ ■   ■■■  ■■■ 
 ■ ■  ■ ■  ■  ■  ■■ ■■  ■  ■  ■     ■     ■  ■   ■  ■  ■  ■■  ■  ■  ■  ■   
 ■ ■  ■ ■  ■   ■ ■   ■  ■   ■■■     ■     ■  ■   ■  ■   ■ ■   ■  ■   ■ ■■  
 ■  ■■  ■  ■■■■■ ■   ■  ■ ■■  ■     ■     ■  ■   ■  ■■■■■ ■   ■  ■■■■■   ■■
 ■  ■■  ■  ■     ■■ ■■  ■ ■   ■      ■  ■■   ■  ■■  ■     ■   ■  ■        ■
 ■      ■   ■■■   ■■■■  ■  ■■■■       ■■■■■   ■■ ■   ■■■  ■   ■   ■■■  ■■■ 

■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ 
*/
/* Custom 1920 ----------------------------------------------------------------------------- */
@media (max-width: 1919px) {
}
/* Custom 1400 ----------------------------------------------------------------------------- */
@media (max-width: 1399px) {

}
/* LG ----------------------------------------------------------------------------- */
@media (max-width: 1199px) {

}
/* MD ----------------------------------------------------------------------------- */
@media (max-width: 991px) {
}
/* lt768 ----------------------------------------------------------------------------- */
@media (min-width:768px) {
}
/* SM ----------------------------------------------------------------------------- */
@media (max-width: 767px) {
/* ---- Structure ---- */
html,body{ min-height:100%; position: relative; }
body{ }

/* background */
/* foreground */
/* header */


/* body */
.cont-top-content > .inner{ padding: 0; margin: 0 auto;}
.cont-sub-content > .inner{ padding: 0; margin: 0 auto;}

.top-subtitle{  }
.sub-subtitle{  }
.sub-blocktitle{ margin: 0 auto 2em auto; }
.sub-content-container{  }
.sub-logo{ width: calc(755/3000*100em*0.7); margin: 0 auto; padding: 2em 0 2em 0; }


/* footer */
.part-footer{ position: relative; }
.cont-global-footer{ padding: 1em 0 10em 0; }
.footer-pagetop{ width: calc( 206/3000 * 100em * 0.8 ); height: calc( 206/3000 * 100em * 0.8 ); }
.footer-copyrihgt p{  font-size: .8em; }
.footer-banner{width: calc(800/3000*100em*0.8); margin: 0 auto 2em auto; padding: .5em;}


/* content */
.sqr-image-box{ width: 21.25em; height: 21.25em;  }

/* 1 */
.cont-entries{ padding: 0; margin: 0 auto; padding-bottom: 3em; }

.content-entry .entry-head{ width: 100%; height: 100%; min-height: 4em; margin: 0 auto; position: relative; padding: 0 0 0 4em; }
.content-entry .entry-date{ width: inherit; padding: 0; font-size: 1em; margin: 0; padding: .25em 0 0 1em; text-align: left; pointer-events: none; position: relative;/*position: absolute; top:2.8em; left:9em;*/ }
.content-entry .entry-date:after{ display: none; }

.content-entry .entry-title{ width: inherit; padding: 0 0 0 1em; }

.content-entry .entry-title [data-ruby]::before { top: -1.5em;  }
.content-entry .entry-body{ padding: 1em 5% 1em 5% ;}
.content-entry .entry-body [data-ruby]::before { top: -1.5em;  }


.content-accordion .acd-check{ display: none;}
.content-accordion .acd-head .acd-label{ display: flex; flex-wrap: nowrap; align-items: stretch; flex-direction: column; }
.content-accordion .acd-head{ position: relative; }
.content-accordion .acd-head .acd-label::before{ width: 4em; height: 4em; background-size: 4em; position: absolute; top:0; left:0; }

.content-link .lnk-head{ position: relative; }
.content-link .lnk-head > a::before{ width: 4em; height: 4em; background-size: 4em; position: absolute; top:0; left:0; }
.content-link .lnk-head > a{ display: flex; flex-wrap: nowrap; align-items: stretch; flex-direction: column; }

.content-non .non-head{ position: relative; }
.content-non .non-head a{ display: flex; flex-wrap: nowrap; align-items: center; text-decoration: none; pointer-events: none; }


.cont-singles{ }
.content-single{ }
.content-single .entry-head{  padding: 1.0em; }
.content-single .entry-title{ padding:1em ; border-width: 2px; border-radius: .5em; }
.content-single .entry-title > span{ font-size: 1.2em; }
.content-single .entry-body{ padding: 0 1.25em 1.25em 1.25em; font-size: 1.1em; }


.comment-frame{ position: relative; }
.comment-frame .comment-body{ width: 95%;}
.comment-frame .comment-body{ padding: 1.5em; }
.comment-frame .comment-body .bg{ width: 50em; top:25em; right:-15.5em;}
.comment-frame .sep{ height: 3em; position: relative; background:url("../images/common/sep.png") no-repeat center center; background-size: calc(278/3000*100em); }


/* modaal */
.modaal-overlay{ background: rgba(0,0,0,.9) url("../images/top-background-1.webp") no-repeat left top; background-size: 80%; }
.modaal-inner-wrapper{ padding: 60px 0; }
.image-typ2 .modaal-inner-wrapper{ padding: 60px 0; }
.modaal-close{ right: 2.5em; top: 1.5em; width: 2em; height: 2em;}
.modaal-close:before,.modaal-close:after{ top: .4em; left: 2em; width: .3em; height: 3em; }



/* TOP-PAGE */
/* main */
.cont-top-visual{ padding: 0; min-height: 43em; }
.cont-top-visual .kv-container{ width: 100%; position: relative; padding-bottom: 0; margin: 0 auto; }
.kv-container .logo{ width: calc(1738/3000*100vw); top:6vw; left:0; right:0; margin: 0 auto; }

.kv-container .grp .vis-grp{ transform: scale(2.0) translateY(-14%); opacity: 0; }
.top-page .part-header{ visibility: visible; }
.cont-top-twitter{ display: block; }

.s0 .kv-container .grp .vis-grp{ transform: scale(2.0) translateY(-14%); opacity: 1; transition: all 1.0s ease .0s; }

.s1 .kv-container .grp .vis-grp{ transform: scale(2.0) translateY(15%); opacity: 1; transition: all 3.0s ease .0s; }

.s4 .kv-container .grp .vis-grp{ transform: scale(1.0) translateY(0); opacity: 1; transition: all 1.5s ease .5s; }



/* top-news */
.cont-top-news{ min-height: 27em; }
.cont-top-news > .inner{ padding:2em 0 ; margin: 0 auto; }
.news-link{ text-align: center; }
.top-news-container{ min-height: 20em;  }
.top-news-container dl{ width: 95%; padding: 1em 0; }
.top-news-container dl dt{ width: 8em; font-size: .933em; font-weight: normal; margin: 0; padding: 0; letter-spacing: 0.1em; line-height: 1.8; position: relative; }
.top-news-container dl dt::after{ content:"｜"; position: absolute; top:0; right: .5em;  }
.top-news-container dl dd{ max-width: 22em; font-size: .933em; font-weight: normal; margin: 0; padding: 0; line-height: 1.8; letter-spacing: 0.1em;  }



/* top-staffcast */
.cont-top-staffcast{ min-height: 17em; position: relative;  }
.cont-top-staffcast > .inner{ width: 100%; margin: 0 auto; padding: 2em 0 2em 0; }




/* SUB-PAGE */

.sub-page .cont-upper{ }
.sub-page .cont-middle{ min-height: calc(100vh - 20em);}
.sub-page .cont-sub-content{ min-height: calc(100vh - 20em);}

/* news */
.cont-sub-news{ }
.cont-sub-news > .inner{  }





/* SM ----------------------------------------------------------------------------- */
@media (orientation: portrait) and (max-width: 767px) {

}
/* XS ----------------------------------------------------------------------------- */
@media (max-width: 543px) {

}
/* pc - large ----------------------------------------------------------------------------- */
@media (min-width: 768px) {

}
/* pc - xlarge ----------------------------------------------------------------------------- */
@media (min-width: 1200px) {

}