html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video,main {margin:0;padding:0;border:0;font-size:100%;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,main {display:block;}
body {font-family:Verdana,"Hiragino Kaku Gothic ProN",Meiryo,sans-serif;line-height:1;}
ol,ul {list-style:none;}
blockquote,q {quotes:none;}
blockquote:before,blockquote:after,q:before,q:after {content:'';content:none;}
table {border-collapse:collapse;border-spacing:0;}
wbr:after {content:"\00200B";}

/*	TBS reset
============================== */
.alt {position:absolute;top:-5000px;left:-9999px;}
.clearfix:after {content:"";clear:both;display:block;}
.hide-txt {text-indent:110%;white-space:nowrap;overflow:hidden;}
.fp-causion {display:none;}
.nocontxt {-webkit-touch-callout: none;-webkit-user-select: none;user-select: none;-webkit-user-drag:none;}
.nocontxt img {pointer-events: none;}
@media all and (min-width:768px) {
.alt-pc {position:absolute;top:-5000px;left:-9999px;}
.clearfix-pc:after {content:"";clear:both;display:block;}
.hide-txt-pc {text-indent:110%;white-space:nowrap;overflow:hidden;}
}
@media all and (max-width:767px) {
.alt-smp {position:absolute;top:-5000px;left:-9999px;}
.clearfix-smp:after {content:"";clear:both;display:block;}
.hide-txt-smp {text-indent:110%;white-space:nowrap;overflow:hidden;}
}
div.embed-tbsplayer {
background-color:#000;
position:relative;
height:0;
padding-top:56.25%;
}
div.embed-tbsplayer .tbs-player {
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
}
div.embed-tbsplayer-audio {
background-color:#fff;
}
div.embed-tbsplayer-audio .tbs-player {
height:46px;
}
div.lbx-overlay {
z-index:10000;position:absolute;background-color:#000;width:100%;height:100%;left:0;top:0;right:0;bottom:0;opacity:0.9;
}
/*  general
=============================================== */

:root {
	--cl-red:#E83317;
	--cl-box-shadow:0px 2px 20px rgba(0,0,0,0.05);
}

#container { padding-top:80px; background-color:#E9F0F0; color:#000; font-family:"noto-sans-cjk-jp", sans-serif; font-weight:400; font-style: normal; font-feature-settings:"palt"; letter-spacing:0.05em; text-align:center; }
.cover { background:url(/img/cover.gif); display:block; width:100%; height:100%; }
.lazy { display:block; position:relative; }
#container a { color:var(--cl-red); }
@media (hover: hover) { #container a:hover { text-decoration:none; } }

/* ---- Media Queries ---- */

@media all and (max-width: 979px) {

#container { padding-top:50px; }

}

@media all and (max-width: 389px) {

#container { padding-top:45px; }

}

/* font style
-------------------------------- */

.txts { font-size:80%; }
.txtss { font-size:70%; }
.txtb { font-size:120%; }
.txtbb { font-size:140%; }
.txt-r { display:block; text-align:right; }
.txt-c { text-align:center!important; }
.txt-i { display:block; text-indent: -1em; padding-left: 1em; line-height: 1.4;}

/* br point
-------------------------------- */

.br-pc { display:block; }
.br-smp { display:none; }

/* ---- Media Queries ---- */

@media all and (max-width: 1079px) {

.br-pc { display:none; }
.br-smp { display:block; }

}


/* word br
-------------------------------- */

.wbr { display:inline-block; }



/*  header
=============================================== */

#header { position:fixed; top:0; left:0; z-index:1000; display:flex; justify-content:space-between; align-items:center; width:100%; padding:15px; box-sizing:border-box; background-color:#fff; box-shadow:var(--cl-box-shadow); }

#logo-action { width:487px; aspect-ratio:972 / 88; }
#logo-action a { display:block; width:100%; height:100%; background:url(../img/common/logo_action.png) center center no-repeat; background-size:cover; text-indent:-9999px; /* hover */ transition:opacity 0.2s ease-out; }
@media (hover: hover) { #logo-action a:hover { opacity:0.5; } }

#hd-sns ul { display:flex; }
#hd-sns ul li { width:50px; aspect-ratio:1 / 1; margin-left:10px; }
#hd-sns ul li a { display:block; width:100%; height:100%; border-radius:1000px; background-position:center center; background-repeat:no-repeat; background-size:cover; text-indent:-9999px; /* hover */ transition:opacity 0.2s ease-out; }
@media (hover: hover) { #hd-sns ul li a:hover { opacity:0.5; } }
#hd-sns-tw a { background-image:url(../img/common/hd_sns_tw.png); }
#hd-sns-insta a { background-image:url(../img/common/hd_sns_insta.png); }
#hd-sns-yt a { background-image:url(../img/common/hd_sns_yt.png); }

/* ---- Media Queries ---- */

@media all and (max-width: 979px) {

#header { padding:10px; }
#logo-action { width:254px; }
#hd-sns ul li { width:30px; margin-left:7px; }

}

@media all and (max-width: 389px) {

#logo-action { width:230px; }
#hd-sns ul li { width:25px; margin-left:5px; }

}


/*  mainvisual
=============================================== */

#mainvisual { width:980px; margin:30px auto; aspect-ratio:16 / 9; }
#mainvisual figure { position: relative; display:block; width:100%; height:100%; border-radius:20px; background:url(../img/common/mainvisual.png) center center no-repeat; background-size:cover; text-indent:-9999px; box-shadow:var(--cl-box-shadow); }
#mainvisual figure > svg { position: absolute; display: block; top: 0; bottom: 0; width: 100%; }

/* ---- Media Queries ---- */

@media all and (max-width: 979px) {

#mainvisual { width:94%; margin:3% 3vw; }
#mainvisual figure { border-radius:3vw; }

}


/*  menu
=============================================== */

#menu { width:100%; margin-bottom:30px; background-color:#fff; box-shadow:var(--cl-box-shadow); font-size:120%; }
#menu-toggle { display:none; }
#menu ul { position:relative; display:flex; justify-content:space-between; list-style:none; flex-wrap:wrap; width:980px; margin:0 auto; padding:1.0em 0; }
#menu ul::after { /* for right border hide */ content:""; position:absolute; right:0; top:0; height:100%; width:2px; background-color:#fff; }
#menu li { flex-grow:1; display:flex; position:relative; text-align:center; }
#menu li:not(:last-child)::after { content:""; position:absolute; right:0; top:calc(50% - 0.5em); height:1.0em; width:1px; background-color:rgba(0,0,0,0.5); }
#menu li a { display:flex; align-items:center; justify-content:center; width:100%; padding:0.75em 1.0em; box-sizing:border-box; color:#333; text-decoration:none; white-space:nowrap; font-weight:700; /* hover */ transition:opacity 0.2s ease-out; }
@media (hover: hover) { #menu a:hover { opacity:0.5; } }

/* ---- Media Queries ---- */

@media all and (max-width: 979px) {

#menu { position:fixed; z-index:1000; bottom:0; left:0; margin-bottom:0; font-size:90%; border-top:#efefef 1px solid; }
#menu-toggle { display:block; padding:0.7em; font-weight:700; cursor:pointer; }
#menu-toggle .arrow { display:inline-block; font-size:80%; }
#menu ul { flex-wrap:wrap; width:auto; }
#menu li a { padding:0.7em 0.5em; }

}


/*  chapter
=============================================== */

.chapter { width:980px; margin:0 auto 30px auto; padding:20px 30px 30px 30px; box-sizing:border-box; border-radius:20px; background-color:#fff; box-shadow:var(--cl-box-shadow); }
.chapter .title { display:inline-block; margin-bottom:0.5em; padding-bottom:0.5em; border-bottom-color:var(--cl-red); border-bottom-width:4px; border-bottom-style:solid; font-size:200%; font-weight:900; letter-spacing:0.1em; }
.chapter .txt { text-align:left; line-height:160%; }

/* ---- Media Queries ---- */

@media all and (max-width: 979px) {

.chapter { width:94%; margin:0 3% 3vw 3%; padding:5.0vw; border-radius:3vw; }
.chapter .title { font-size:120%; border-bottom-width:4px; }
.chapter .txt { font-size:90%; }

}


/*  pic-list
=============================================== */

.pic-list ul { display:flex; justify-content:center; flex-wrap:wrap; width:100%; padding:1.0em 0 0.5em 0; }
.pic-list ul li { padding:0 0.5% 1.0% 0.5%; box-sizing:border-box; }
.pic-list ul li figure { position:relative; width:100%; background-color:#E9F0F0; }
.pic-list ul li figure a,
.pic-list ul li figure span { position:absolute; display:block; left:0; top:0; width:100%; height:100%; background-position:center center; background-repeat:no-repeat; background-size:cover; }
.pic-list ul li figure a { /* hover */ transition:opacity 0.2s ease-out; }
@media (hover: hover) { .pic-list ul li figure a:hover { opacity:0.7; } }
#report-picture ul li { width:calc(100% / 3); }
#report-picture ul li figure { aspect-ratio:1200 / 800; }
#graphic-recording-picture ul li { width:calc(100% / 3); }
#graphic-recording-picture ul li figure { aspect-ratio:800 / 1100; }

/* ---- Media Queries ---- */

@media all and (max-width: 979px) {

#report-picture ul li { width:calc(100% / 2); }
#graphic-recording-picture ul li { width:calc(100% / 1); }

}


/*  movie
=============================================== */

#mv-list { display:flex; justify-content:center; flex-wrap:wrap; width:100%; padding:1.0em 0; }
#mv-list li { width:30.3%; margin:0 1.5% 0.5em 1.5%; }
#mv-list li .tmb { position:relative; width:100%; margin-bottom:5px; aspect-ratio:16 / 9; background-color:#E9F0F0; }
#mv-list li .tmb a { position:absolute; display:block; left:0; top:0; width:100%; height:100%; /* hover fade */ transition: opacity 0.2s ease-out; }
@media (hover: hover) { #mv-list li .tmb a:hover { opacity:0.5; } }
#mv-list li .tmb a span { display:block; width:100%; height:100%; background-position:center center; background-repeat:no-repeat; background-size:cover; text-indent:-9999px; }
#mv-list li .cap { font-size:90%; line-height:140%; }

/* ---- Media Queries ---- */

@media all and (max-width: 767px) {

#mv-list li { width:46%; margin:0 2.0% 1.0em 2.0%; }

}


/*  notice
=============================================== */

.notice-list { margin-bottom:0.5em; text-align:left; padding-left:1.0em; font-size:90%; }
.notice-list li { list-style-type:disc; line-height:140%; padding-bottom:0.5em; }

/* ---- Media Queries ---- */

@media all and (max-width: 979px) {

.notice-list { font-size:80%; }

}


/*  footer
=============================================== */

#footer { padding:20px 30px; background-color:#fff; font-size:90%; }
#f-copy { line-height:140%; }

/* ---- Media Queries ---- */

@media all and (max-width: 979px) {

#footer { padding:10px 20px 50px 20px; font-size:80%; }

}

/*  join
=============================================== */

#join-subttl { margin-bottom:0.2em; font-size:160%; line-height:160%; }
#join-txt { font-size:130%; line-height:160%; font-weight:bold; }

#join-btn { margin-bottom:0.5em; font-size:140%; }
#join-btn p { width:16.0em; margin:auto; }
#join-btn p a { display:inline-block; position:relative; width:100%; padding:0.7em 0 0.9em 0; box-sizing:border-box; border-radius:1000px; background-color:var(--cl-red); font-weight:700; color:#fff; text-decoration:none; line-height:120%; /* hover */ transition:opacity 0.2s ease-out; }
@media (hover: hover) { #join-btn p a:hover { opacity:0.7; } }
#join-btn p a::before { position:absolute; top:calc(50% - 0.5em); right:1.0em; display:inline-block; content:""; width:1.0em; height:1.0em; background:url(../img/common/arrow.png) center center no-repeat; background-size:auto 100%; font-size:80%; }

#join-box { display:flex; justify-content:center; align-items:center; margin-bottom:20px; }
#join-logo-newsdig { width:95px; aspect-ratio:300 / 342; margin:5px 20px 0 0; }
#join-logo-newsdig figure { display:block; width:100%; height:100%; background:url(../img/join/logo_newsdig.png) center center no-repeat; background-size:cover; text-indent:-9999px; }
#join-txt2 { font-size:140%; line-height:160%; font-weight:bold; text-align:left; }
#join-txt3 { margin:0.5em 0; line-height:140%; text-align:left; }

/* ---- Media Queries ---- */

@media all and (max-width: 979px) {

#join-subttl { font-size:140%; }
#join-txt { font-size:120%; }
#join-btn { font-size:110%; }

#join-logo-newsdig { width:75px; margin:5px 15px 0 0; }
#join-txt2 { font-size:100%; }

}

/*  outline
=============================================== */

.tbl { text-align:center; margin-bottom:0.5em; }
.tbl table { margin:auto; border-collapse:collapse; border-spacing:0; }
.tbl table th,
.tbl table td { vertical-align:top; padding:0.5em; font-size:130%; line-height:140%; border-bottom:#ddd 1px solid; }
.tbl table th { text-align:right; white-space:nowrap; }
.tbl table td { text-align:left; }

/* ---- Media Queries ---- */

@media all and (max-width: 979px) {

.tbl table th,
.tbl table td { font-size:100%; }

}

/*  concept
=============================================== */

#concept-subttl { margin-bottom:0.4em; font-size:160%; line-height:160%; text-align:left; }
#concept-txt { margin-bottom:1.0em; line-height:170%; text-align:left; }

#event_p { padding-top:0.5em; }
#event_p h4 { font-size:120%; margin-bottom:0.1em; }
#event_p ul { display:flex; justify-content:center; flex-wrap:wrap; width:100%; padding:1.0em 0; }
#event_p ul li { width:24%; margin:0 0.5%; }
#event_p ul li figure { position:relative; width:100%; aspect-ratio:4 / 3; background-color:#E9F0F0; }
#event_p ul li figure span { position:absolute; display:block; left:0; top:0; width:100%; height:100%; background-position:center center; background-repeat:no-repeat; background-size:cover; }
#event_p ul li:nth-child(1) figure span { background-image:url(../img/concept/event_p1.jpg); }
#event_p ul li:nth-child(2) figure span { background-image:url(../img/concept/event_p2.jpg); }
#event_p ul li:nth-child(3) figure span { background-image:url(../img/concept/event_p3.jpg); }
#event_p ul li:nth-child(4) figure span { background-image:url(../img/concept/event_p4.jpg); }

/* ---- Media Queries ---- */

@media all and (max-width: 979px) {

#concept-subttl { font-size:120%; }
#concept-txt { font-size:90%; }

#event_p h4 { font-size:100%; }
#event_p ul { padding:1.0em 0 0 0; }
#event_p ul li { width:48%; margin:0 1% 2vw 1%; }

}

/*  about action
=============================================== */

#about-action-logo { width:296px; margin:20px auto; aspect-ratio:592 / 578; }
#about-action-logo span { display:block; width:100%; height:100%; background:url(../img/about_action/logo_about_action.png) center center no-repeat; background-size:cover; text-indent:-9999px; }
#about-action-txt { font-size:130%; line-height:160%; }

/* ---- Media Queries ---- */

@media all and (max-width: 979px) {

#about-action-logo { width:60%; margin:4vw 20%; }
#about-action-txt { font-size:110%; }

}