@charset "utf-8";


@import url(http://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
/* 
font-family: 'Noto Sans Japanese', sans-serif; font-weight:400; --- normal
font-family: 'Noto Sans Japanese', sans-serif; font-weight:700; --- bold
*/

@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,800,600,700);
/*
font-family: 'Open Sans', sans-serif; font-weight:400; --- normal
font-family: 'Open Sans', sans-serif; font-weight:600; --- Semibold
font-family: 'Open Sans', sans-serif; font-weight:700; --- Bold
font-family: 'Open Sans', sans-serif; font-weight:800; --- Extrabold
 */


@media screen and (max-width: 670px) {

/* reset css */
html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,abbr, address, cite, code,del, dfn, em, img, ins, kbd, q, samp,small, strong, sub, sup, var,b, i,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,/*table, caption, tbody, tfoot, thead, tr, th, td,*/article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary,time, mark, audio, video {margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}body {line-height:1;}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { display:block;}nav ul {list-style:none;}blockquote, q {quotes:none;}blockquote:before, blockquote:after,q:before, q:after {content:'';content:none;}a {margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;}/* change colours to suit your needs */ins {background-color:#ff9;color:#000;text-decoration:none;}/* change colours to suit your needs */mark {background-color:#ff9;color:#000; font-style:italic;font-weight:bold;}del {text-decoration: line-through;}abbr[title], dfn[title] {border-bottom:1px dotted;cursor:help;}/*table {border-collapse:collapse;border-spacing:0;}*//* change border colour to suit your needs */hr {display:block;height:1px;border:0; border-top:1px solid #cccccc;margin:1em 0;padding:0;}input, select {vertical-align:middle;}

/*
 * defaut style
 */
html { height:100%; overflow-y:scroll; overflow-x:clip; background:#fff; font-size:10px; min-height:600px; }
body { font-family: 'Open Sans','Noto Sans Japanese', sans-serif; font-weight:400; font-size:100%; overflow:visible; overflow-x:clip; color:#333333;  word-wrap:break-word; background:#fff; }
table { word-break:break-word; border-collapse:collapse; padding:10px; width:auto; height:auto !important; } 
th { padding:0; border:none; width:100%; }
td { padding:0; border:none; width:100%; }
img { max-width:100%; height:auto; /* width:auto; */ vertical-align:bottom; border:none; }
li { list-style-type:none; }
p { margin-bottom:1.5em; }
a { color:#afd011; text-decoration:underline;   }
a:active { text-decoration:none; }
sup { position:relative; font-size:100%; top:-5px; }
sub { position:relative; font-size:100%; bottom:-5px; }
.clearfix { *zoom: 1; }
.clearfix:after { content: ''; display: block; clear: both; height: 0; margin-top: -1px; }
#container { position:relative; width:100%; margin:0 auto; }

.pc { display:none; }
.sp { display:block; }
img.sp { display:inline-block; }

#header { height:46px; width:100%; position:relative; z-index:1000; background:url(../img/bg_header.png) repeat-x left bottom; }
#header #header-inner { position:relative; margin:0 auto; }
#header #logo { position:absolute; left:11px; padding-top:7px; }
#header #logo img { width:130px; }
#header #gnav { position:absolute; width:100%; display:none; box-shadow:0 2px 5px rgba(0,0,0,.2); top:46px; background:#abcd03; }
#header #gnav img { vertical-align:bottom; }
#header #gnav>ul { overflow:visible; }
#header #gnav>ul>li { border-bottom:1px solid #8eaa02; }
#header #gnav>ul>li>a { font-size:18px; text-decoration:none; color:#fff; display:block; text-align:center; background:url(../img/ico_arrow.png) no-repeat 95% center #abcd03; background-size:11px auto; padding:25px 0; font-weight:700;  }
#header #gnav>ul>li>a img { height:32px; }
#header #gnav>ul>li>a img.onimg { display:none; }
#header #gnav>ul>li>a.isopen { background:url(../img/arrow02.png) no-repeat 95% center; background-size:8px auto; }
#header #gnav>ul>li>a.isopen img{ display:none; }
#header #gnav>ul>li>a.isopen img.onimg { display:inline-block; }
#header #gnav ul li .sub { display:none; }
#header #gnav .sub li { border-bottom:1px solid #8eaa02; }
#header #gnav .sub li a { font-size:18px; text-decoration:none; color:#fff; display:block; text-align:center; background:url(../img/ico_arrow.png) no-repeat 95% center #abcd03; background-size:11px auto; padding:25px 0; font-weight:700; }
#header #gnav .sub li.en { float:left; width:50%; }
#header #gnav .sub li.jp { float:left; width:50%; }
#header #gnav .sub li.en a,
#header #gnav .sub li.jp a { background-position:90% center; }
#header #gnav .sub li.jp a { font-weight:700; border-left:1px solid #8eaa02; }
#header #gnav .sub li.facebook { clear:both; }
#header #gnav .sub a img { height:10px; vertical-align:middle; }
#header #sp-menu {display:block; position:absolute; right:0; top:0; width:48px; }
#header #sp-menu.isopen { background:url(../img/sp/btn_sp_close.png) no-repeat left top; background-size:48px auto; text-indent:-9999px; }

#footer { width:100%; background:url(../img/bg_header.png) repeat-x left top; font-weight:600; }
#footer #footer-inner { position:relative; width:auto; margin:0 auto; }
#footer #page-top { position:absolute; right:0; top:-30px; z-index:1000; }
#footer #page-top a { white-space:nowrap; position:fixed; bottom:0; color:#333; text-decoration:none; display:block; background:url(../img/ico_pagetop.png) no-repeat 10px center #fff; background-size:15px 10px; padding:15px 10px 15px 30px; margin-left:-113px; font-size:11px; }
#footer #page-top a.end { position:relative; top:-15px; }
#footer #page-top a:active { color:#afd010; }
#footer #footer-nav { font-size:14px; padding-top:35px; margin-left:0; }
#footer #footer-nav ul { width:270px; margin:0 auto; display:block; text-align:left; }
#footer #footer-nav li { float:left; width:135px; text-align:center; margin-top:0px; margin-bottom:30px; }
#footer #footer-nav li a { color:#333; background-size:7px auto; display:inline-block; text-decoration:none; }
#footer #footer-nav li a:active { color:#afd010;  }
#footer .copyright { background:url(../img/bg_header.png) repeat-x left top; padding:15px 0; text-align:center; font-size:12px; font-weight:400; color:#333; position:relative; }
#footer .pcp { width:auto; text-align:center; margin:0 0 15px;  }
#footer .pcp img { width:104px } 




/* contents */
#contents {padding:0 10px; }
#main { }

.indent { display:block; margin:1em 0; margin-left:2em;  }
a.arrow { text-decoration:none; background:url(../img/arrow01.png)  no-repeat left center; background-size:8px auto; padding-left:14px; display:inline-block; }
a.arrow:active { opacity:0.7; }
a.blank { text-decoration:none; background:url(../img/ico_blank.png)  no-repeat right center; background-size:14px auto; padding-right:20px; display:inline-block; margin-right:5px; } 
a.blank:active { opacity:0.7; }

.title01 {}
.title02 {}
.title03 {}



.box01 { }
.box01 .box-left { width:auto; float:none; }
.box01 .box-right { width:auto; float:none; }
.box02 {}
.box02 .box-left { width:auto; float:none; }
.box02 .box-right { width:auto; float:none; }
.box-3col { background-color:#f6f7f8; padding:23px; margin-bottom:30px; }
.box-3col .item { width:auto; float:auto; margin-left:0; margin-bottom:40px; }
.box-3col .item:last-child { margin-bottom:0; }
.box-3col .item h4 { font-size:17px; font-weight:800; color:#0d9b3c; margin-bottom:12px; }
.box-4col { margin:0 10px 40px; }
.box-4col .item { width:43.10344827586207%; float:left; margin-left:13%; }
.box-4col .item:first-child { margin-left:0; }
.box-4col .group { *zoom: 1; margin-bottom:40px; }
.box-4col .group:after { content: ''; display: block; clear: both; height: 0; margin-top: -1px; }


.block { margin-bottom:25px; }
.indent-block{ width:85.45454545454545%; margin:0 auto; }

.data table { width:100%; display:block; font-size:14px; line-height:180%; }
.data table tbody { display:block; }
.data table tr { display:block; border-bottom:1px dotted #a3a0a1; position:relative; }
.data table tr:after { content: ''; display: block; clear: both; height: 0; margin-top: -1px; }
.data table tr th { display:block; padding:20px 0; vertical-align:middle; text-align:left; width:25%; float:left; }
.data table tr td { display:block; padding:20px 0; width:75%; float:right; }
.basic-table table { border-collapse:collapse; font-size:14px; margin-top:-20px; }
.basic-table tr { border-bottom:1px solid #d4d4d4; }
.basic-table th { text-align:left; padding:20px 60px 20px 0; }
.basic-table td { text-align:left; padding:20px 0; }

.pager { margin:45px 0; text-align:center;  }
.pager a { display:inline-block; text-align:center; line-height:10px; width:26px; padding:8px 0; border:1px solid #e5e5e5; color:#333; text-decoration:none; margin:0 4px; }
.pager a.current { background:#3b3638; color:#fff; border:1px solid #3b3638; }
.pager a.prev { text-indent:-9999px; border:none; width:28px; height:28px; background:url(../../column/img/page_prev.png) no-repeat left top; background-size:28px 28px; }
.pager a.next { text-indent:-9999px; border:none; width:28px; height:28px; background:url(../../column/img/page_next.png) no-repeat left top; background-size:28px 28px; }

.blog-nav { position:relative; margin:22px 0; text-align:center;  }
.blog-nav .prev { position:absolute; left:0; top:0; z-index:10; }
.blog-nav .next { position:absolute; right:0; top:0; z-index:10; }

.main-heading { font-size:21px; color:#afd011; font-weight:800; border-bottom:2px solid #d4d4d4; padding:19px 10px; margin-bottom:20px; margin-left:-10px; margin-right:-10px;  }
.main-heading > span { display:block; width:950px; margin:0 auto; }
.sub-heading { font-size:18px; font-weight:700; border-bottom:3px solid #31aa59; padding:12px 0 12px; margin-bottom:16px; line-height:120%; }
.sub-heading2 { font-size:16px; font-weight:700; border-bottom:2px solid #31aa59; padding:8px 0 12px; margin-bottom:12px; line-height:120%; }
.sub-heading3 { font-size:13px; font-weight:700; border-bottom:1px solid #31aa59; padding:8px 0 8px; margin-bottom:8px; line-height:120%; }
.section { border-bottom:1px dotted #d4d4d4; font-size:13px; line-height:180%; margin-bottom:35px; }
.section:last-child { border:none; } 
.section > .inner { position:relative; max-width:950px; margin:0 auto; padding:0 0 40px; }
.section > .inner > .lead { font-size:14px; }

.article { min-height:212px; position:relative; border-bottom:1px solid #d4d4d4; padding-bottom:28px; padding-left:0; margin-bottom:28px; margin-top:28px;  }
.article .img { width:auto; background:#abcd03; }
.article .img a:active { opacity:0.5; }
.article .img img { width:100%; }
.article p { font-size:13px; }

.more { text-align:center; }
.more a { display:inline-block; text-decoration:none; padding:10px 38px; color:#fff; background:#afd010; font-weight:700; font-size:15px; }
.more a span { display:inline-block; background:url(../img/ico_next.png) no-repeat right center; padding-right:20px; background-size:8px 11px; }
.more a:active { background:#119c2f; }

.back { text-align:center; }
.back a { display:inline-block; text-decoration:none; padding:10px 38px; color:#fff; background:#afd010; font-weight:700; font-size:15px; }
.back a span { display:inline-block; background:url(../img/ico_prev.png) no-repeat left center; padding-left:20px; background-size:8px 11px; }
.back a:active { background:#119c2f; }

.basic-btn { }
.basic-btn a { display:inline-block; text-decoration:none; padding:10px 20px; min-width:190px; color:#fff; background:#afd010; font-weight:700; font-size:15px; text-align:center; }
.basic-btn a span { display:inline-block; background:url(../img/ico_next.png) no-repeat right center; padding-right:20px; background-size:8px 11px; }
.basic-btn a:active { background:#119c2f; }

.map-btn  { text-align:center; }
.map-btn a { }
.map-btn a span {  background:url(../../contact/img/ico_zoom.png) no-repeat left center; padding-left:20px; padding-right:0px; background-size:16px 16px; }

a.arrow { background:url(../img/ico_arrow.png) no-repeat left center; background-size:7px 9px; padding-left:14px; display:inline-block; }

.announce { background:#f6f7f8; font-size:14px; font-weight:800; text-align:center; padding:25px; margin-bottom:25px; }
.announce dl { text-align:left; }
.announce dt { font-size:18px; color:#0d9b3c; margin-bottom:10px; }
.announce dd { font-size:14px; font-weight:400; }
.announce p:last-child { margin-bottom:0; }

.recruiting { border:1px solid #d4d4d4; width:auto; margin:25px auto; text-align:center; padding:25px 25px; }
.recruiting p { font-size:14px; }
.recruiting .btns { display:inline-block; text-align:center; }
.recruiting .btns .btn { display:inline-block; margin:0 0 15px; }
.recruiting .btns .btn:last-child { margin-bottom:0; }

.blog-article { font-size:13px; margin-top:35px; }
.blog-article p { margin-bottom:1.5em; }
.blog-article h4 { font-size:19px; font-weight:700; color:#009632; margin-bottom:20px; }
.blog-article h5 { font-size:16px; font-weight:700; margin-bottom:20px; }
.blog-article h6 { font-size:13px; font-weight:700; border-bottom:1px solid #31aa59; padding:8px 0 8px; margin-bottom:8px; line-height:120%; }

.sp-bottom-thumbnails {	margin-top:8px; }
.sp-bottom-thumbnails .sp-thumbnail-container { margin-left: 4px; margin-right: 4px; background:#000; }
.sp-thumbnail { opacity:0.5; }
.sp-selected-thumbnail .sp-thumbnail { opacity:1; }
.sp-horizontal .sp-arrows {	width: 100%; left: 0;	top:auto;	bottom: -12px; }
.sp-horizontal .sp-previous-arrow {	left: 0px; background:url(../../projects/img/btn_slide_prev.png) no-repeat; background-size:13px 21px; width:13px; height:21px; }
.sp-horizontal .sp-next-arrow { right: 0px; background:url(../../projects/img/btn_slide_next.png) no-repeat; background-size:13px 21px; width:13px; height:21px; }
.sp-previous-arrow:before,
.sp-previous-arrow:after,
.sp-next-arrow:before,
.sp-next-arrow:after { display:none; }


#light-box { position:fixed; width:100%; height:100%; left:0; top:0; z-index:2000; }
#light-box .bg { position:fixed; width:100%; height:100%; background:#000; opacity:0.85; }
#light-box .contents { z-index:10; position:absolute; width:auto; height:auto; background:url(../../img/top/bg_lightbox.png) no-repeat left top; text-align:center; }
#light-box .contents .ttl { font-size:16px; color:#fff; text-align:left; margin-bottom:8px; }
#light-box .contents .image { background:#000; }
#light-box .contents .image video { vertical-align:bottom; }
#light-box .close { z-index:999; position:absolute; right:10px; top:-24px; width:15px; height:auto; }


/* index */
body.index #main { position:relative; margin:0 auto; padding:0 0 80px; }
body.index .main-visual { position:relative; margin-top:20px; margin-bottom:40px; }
body.index .main-visual .item { background:#abcd03; float:left; width:31.66666666666667%; margin-left:2.5%; margin-bottom:2.5%; }
body.index .main-visual .item:nth-child(3n+1) { margin-left:0; 	}
body.index .main-visual .item:active img { opacity:0.5; }
body.index .news-fb {}
body.index .news-block { float:none; width:auto; position:relative; margin-bottom:40px; }
body.index .news-block h2 { border-bottom:2px solid #009632; font-weight:800; font-size:23px; padding:8px 0 18px; }
body.index .news-block li { border-bottom:1px solid #d4d4d4; }
body.index .news-block .date { display:block; font-weight:600; font-size:15px; margin-bottom:10px; }
body.index .news-block .text { display:block; font-weight:400; font-size:14.5px; line-height:140%; }
body.index .news-block li a { color:#333; display:block; text-decoration:none; padding:15px 10px; }
body.index .news-block li a:active { background:#e6f0b3; }
body.index .news-block .list { font-weight:600; font-size:14px; position:absolute; right:10px; top:15px; }
body.index .news-block .list a { color:#333; display:block; text-decoration:none; display:inline-block; background:url(../img/ico_arrow.png) no-repeat right center; background-size:8px 11px; padding-right:16px; }
body.index .news-block .list a:active { color:#afd010; }
body.index .fb-block { float:none; width:auto; }
body.index .fb-block iframe { width:320px!important; }
body.index .fb-block .sp { text-align:center; }


/* about */
body.about .img { text-align:center; }
body.about .img img { width:74%; }
body.about .history { margin-top:40px;}
body.about .history .year-block { border-left:2px solid #b2b2b2; width:auto; margin-left:10px; }
body.about .history .ttl { border-top:1px solid #b2b2b2; text-align:left; width:auto; margin-left:-12px; margin-bottom:0px; }
body.about .history .ttl > span { display:inline-block; width:140px; padding:0px 0; position:relative; top:-16px; text-align:center; background-color:#009632; color:#fff; font-size:14px; font-weight:700; }
body.about .history .ttl > span > span { font-size:13px;  }
body.about .history .data { width:auto; padding-bottom:40px; }
body.about .history .data .text { width:auto; position:relative; background:#f6f7f8; border-radius:6px; margin-left:27px; margin-bottom:18px; }
body.about .history .data .text p { padding:15px 20px; margin-bottom:0; }
body.about .history .data .text:after { content:""; background:url(../../about/img/img_history_point.png) no-repeat left top; background-size:18px 18px; display:block; width:18px; height:18px; position:absolute; left:-37px; top:16px; }
body.about .history .data .text:before { content:""; background:url(../../about/img/bg_balloon_right.png); display:block; width:14px; height:26px; position:absolute; left:-14px; top:13px; }
body.about .history .data .photo { width:auto; margin-left:9.375%; }
body.about .history .data .photo img { }
body.about .history .data .photo .caption { font-size:12px; line-height:140%; margin-top:5px; }
body.about .basic-table table { width:100%; }
body.about .basic-table th { white-space:nowrap; width:20%; }
body.about .basic-table td span { display:block; }


/* projects */
body.projects .report-list { border-top:1px solid #d4d4d4; padding-top:50px; margin-top:30px; }
body.projects .report-list > .inner { width:auto; margin:0 auto; }
body.projects .report-list .sub-heading2 { font-size:20px; font-weight:800; padding-bottom:14px; margin-bottom:0; }
body.projects .report-list li { border-bottom:1px solid #d4d4d4; }
body.projects .report-list .date { display:block; font-weight:600; font-size:15px; line-height:140%; margin-bottom:10px; position:absolute; }
body.projects .report-list .text { display:block; font-weight:400; font-size:14.5px; line-height:140%; padding-left:96px; }
body.projects .report-list a { color:#333; display:block; text-decoration:none; padding:15px 10px; }
body.projects .report-list a:active { background:#e6f0b3; }


/* team */
body.team .other {}
body.team .other .row { margin:0 10px 40px; }
body.team .other .item {width:43.10344827586207%; float:left; margin-left:13%; }
body.team .other .item:first-child { margin-left:0; }
body.team .photo img { width:100%; }
body.team .job { font-weight:700; }
body.team .name { font-size:16px; color:#afd011; }
body.team .eng { font-weight:700; color:#afd011; }
body.team .project { margin-top:15px; }
body.team .project .ttl { font-weight:700; margin-bottom:10px; color:#aaa; }
body.team .project li { margin-bottom:10px; line-height:140%; color:#aaa; }
body.team .project a { color:#aaa; }


/* contact */
body.contact .map { margin-bottom:20px; border-top:1px solid #d4d4d4; padding-top:20px;  }
body.contact .group { border-top:1px solid #d4d4d4; padding-top:20px; padding-bottom:20px; }
body.contact .group p:last-child { margin-bottom:0; }


/* jobs */
body.jobs .announce { padding:60px 20px; }


/* news */
body.news .secondary { margin-bottom:70px; }
body.news .secondary ul { margin-top:-8px; }
body.news .secondary li { border-bottom:1px solid #d4d4d4; font-size:14px; }
body.news .secondary li a { color:#333; display:block; text-decoration:none; padding:15px 10px;  }
body.news .secondary li a span { background: url(../img/ico_arrow.png) no-repeat left center; background-size: 7px 9px; padding-left: 14px; display: inline-block; }
body.news .secondary li a:hover { background:#e6f0b3; }
body.news .secondary .basic-btn { text-align:center; }
body.news .secondary .basic-btn a { line-height:180%; padding:10px 0px; width:100%; }



/* wordpress 標準スタイル継承 */
.blog-article .alignleft {
	float: none;
	margin: 0 0 7.14285714285714% 0;
	width:100%;
}

.blog-article .alignright {
	float: none;
	margin: 0 0 0 7.14285714285714%;
	width:100%;
}

.blog-article .aligncenter {
	clear: both;
	display: block;
	margin: 0 auto 7px;
}

.blog-article blockquote.alignleft,
.blog-article blockquote.alignright {
	border-top: 1px solid rgba(0, 0, 0, 0.1);
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	padding-top: 17px;
	width: 50%;
}

.blog-article blockquote.alignleft p,
.blog-article blockquote.alignright p {
	margin-bottom: 17px;
}
.blog-article ul,
.blog-article ol {
	list-style: none;
	margin: 0 0 24px 20px;
	padding-left: 0;
}

.blog-article ul li {
	list-style: disc;
}

.blog-article ol li {
	list-style: decimal;
}

.blog-article li > ul,
.blog-article li > ol {
	margin: 0 0 0 20px;
}

.blog-article table { margin-bottom:3em; display:block;  } 
.blog-article tr { display:block; }
.blog-article th { display:block; text-align:left!important; } 
.blog-article td { display:block; text-align:left!important; margin-bottom:10px; } 

  /* Responsive 2-column tables in blog-article on mobile */
  .blog-article table.detail {
      display: table !important;
      width: 100% !important;
      table-layout: auto !important;
      border-collapse: collapse !important;
      border: 1px solid #cfe0be !important;
      background: #ffffff !important;
      margin: 15px 0 25px !important;
  }
  .blog-article table.detail tr {
      display: table-row !important;
  }
  .blog-article table.detail th,
  .blog-article table.detail td {
      display: table-cell !important;
      padding: 10px 12px !important;
      font-size: 13px !important;
      line-height: 1.6 !important;
      vertical-align: top !important;
      border: 1px solid #cfe0be !important;
      box-sizing: border-box !important;
  }
  .blog-article table.detail th {
      width: 95px !important;
      min-width: 85px !important;
      max-width: 105px !important;
      background-color: #f7faf2 !important;
      color: #007a28 !important;
      font-weight: 700 !important;
      text-align: left !important;
      white-space: nowrap !important;
  }
  .blog-article table.detail td {
      width: auto !important;
      background-color: #ffffff !important;
      color: #333333 !important;
      word-break: break-all !important;
      overflow-wrap: break-word !important;
      margin-bottom: 0 !important;
  }

}

/* Top Archive Banner */
#container {
    overflow: visible !important;
    overflow-x: clip !important;
}
.archive-site-banner {
    width: 100% !important;
    background-color: #000000 !important;
    color: #ffffff !important;
    text-align: center !important;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Hiragino Kaku Gothic ProN", "Yu Gothic", Meiryo, sans-serif !important;
    font-size: 13px !important;
    line-height: 1.5 !important;
    padding: 9px 16px !important;
    box-sizing: border-box !important;
    position: -webkit-sticky !important;
    position: sticky !important;
    top: 0 !important;
    left: 0 !important;
    z-index: 999999 !important;
    border-bottom: 1px solid #222222 !important;
    margin: 0 !important;
}
.archive-site-banner .archive-site-banner-inner {
    max-width: 1100px !important;
    margin: 0 auto !important;
    color: #ffffff !important;
    letter-spacing: 0.02em !important;
}
.archive-site-banner a {
    color: #ffffff !important;
    text-decoration: underline !important;
    font-weight: 700 !important;
    display: inline-block !important;
    margin-left: 4px !important;
    white-space: nowrap !important;
}
.archive-site-banner a:hover {
    opacity: 0.8 !important;
    text-decoration: none !important;
}
@media screen and (max-width: 768px) {
    .archive-site-banner {
        font-size: 10.5px !important;
        line-height: 1.45 !important;
        padding: 6px 8px !important;
        text-align: center !important;
    }
    .archive-site-banner a {
        display: inline-block !important;
        margin-left: 4px !important;
    }
}

/* Banner text blink animation during scroll */
@keyframes banner-text-blink {
    0%, 100% {
        opacity: 1;
    }
    50% {
        opacity: 0.18;
    }
}
.archive-site-banner.is-scrolling .archive-site-banner-inner {
    animation: banner-text-blink 0.35s ease-in-out infinite !important;
}


.archive-site-banner.is-hidden {
    display: none !important;
}