/* Style Sheet by SuzuSakura

E.M.T.G in NAGARA
==================================================== */
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,main,summary,time,mark,audio,video,a{margin:0; padding:0; border:0; font-size:100%; background:transparent; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,main{display:block;}
ul li{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:''; content:none;}
pre,code,kbd,samp{font-family:monospace,monospace; font-size:inherit;}
table{border-collapse:collapse; border-spacing:0;}
img{border:0;}
address,caption,cite,code,dfn,em,th,var,i{font-style:normal; font-weight:normal;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%; font-weight:normal;}
sup{vertical-align:text-top; font-size:75%;}
sub{vertical-align:text-bottom; font-size:75%;}
input,textarea,select,button{vertical-align:middle; font-family:inherit; font-size:inherit; font-weight:inherit; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
a{outline:none;}
audio:not([controls]){display:none;}
time{display:inline;}
[hidden]{display:none;}
input::-ms-clear,input::-ms-reveal,input:focus::-ms-clear,input:focus::-ms-reveal{visibility:hidden; display:none;}
button::-moz-focus-inner,input[type="reset"]::-moz-focus-inner,input[type="button"]::-moz-focus-inner,input[type="submit"]::-moz-focus-inner,input[type="file"]>input[type="button"]::-moz-focus-inner{padding:0; border:0;}
/* clear element 

==================================================== */
.clr{clear:both;}
.clrFx{clear:both;}
.clrFx:after{content:''; clear:both; display:block;}
main,article,section,footer{clear:both;}
main:after,article:after,section:after,footer:after{content:''; clear:both; display:block;}

/* BASE CONFIGURATIONS
==================================================== */
body{font-size:16px; font-family:'Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic,"メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",Helvetica,Arial,sans-serif; color:#555; line-height:1.7; font-weight:normal; -webkit-font-smoothing: antialiased; font-smoothing: antialiased;}

@font-faca{font-family: 'FontAwesome'; src: url('/8th/common/font/fontawesome-webfont.eot');  src: url('/8th/common/font/fontawesome-webfont.eot?#iefix') format('embedded-opentype'),   url('/8th/common/font/fontawesome-webfont.woff') format('woff'),  url('/8th/common/font/fontawesome-webfont.ttf') format('truetype')}

.wf-roundedmplus1c {font-family:"Rounded Mplus 1c"; }

a:link{color:#0087cb; text-decoration:underline;}
a:visited{color:#0087cb; text-decoration:none;}
a:hover{color:#0087cb; text-decoration:none;}
a:active{color:#0087cb;}

/* force alignment and float */
.aCt{text-align:center;}
.aRt{text-align:right;}
.aLt{text-align:left;}
.rt,.fRt{float:right;}
.lt,.fLt{float:left;}

a:hover img{opacity:0.7;}

/* Header
==================================================== */
#wrapper{}
header{background: rgba(255,255,255,0.7); padding:15px 0px; z-index:20; border-bottom:none; position: fixed; top: 0px; left: 0px; width: 100%;}
header .headWrap p.siteLogo img{width:250px; height:auto;}
header nav ul{font-size:16px; margin-top:10px;}
header .headWrap{max-width:1200px; margin:0 auto; text-align:center;}


header nav{color:#03546f; max-width:1200px; margin:0 auto;}
header nav ul:after{content:""; clear:both; display:block;}
header nav ul li{margin-right:10px; display:inline-block;}
header nav ul li:last-child{margin-right:0px;}
header nav ul li.sp{display:none;}
header nav ul li a:link{color:#0087cb; text-decoration:none;}
header nav ul li a:hover{color:#0087cb; text-decoration:underline;}
header .toggle,
header .toggleClose{display:none;}

/* footer
==================================================== */
footer{background:#03639a; color:#fff; padding:40px 20px 23px 20px;}
footer .footWrap{max-width:1200px; margin:0 auto;}
footer .footWrap p{}
footer .footWrap .footBnr{ margin-bottom:20px;}
footer .footWrap .footBnr li{display:inline-block; width:240px; margin-right:5px;}
footer .footWrap .footBnr li img{width:100%; height:auto;}
footer .footWrap .footBnr li:nth-child(4){}
footer address{text-align:center; font-size:12px; font-weight:bold;}
footer ul.noBnr{background:#fff; width:275px; height:40px;}
footer .fTxt{text-align:center; margin-bottom:25px;}

/* Article
==================================================== */
article{padding-top:120px; background:url("/8th/common/images/topHeadBg.jpg") center top no-repeat #fff;}
article section .redTxt{color:#ff0000;}
article section{padding:35px 100px; max-width:1200px; margin:0 auto;  }
article section .half{width:50%;}
article section .half img{width:100%; height:auto;}
article section .half.fLt{margin-right:20px;}
article section .half.fRt{margin-left:20px;}
article section .half.lt{padding-right:10px;}
article section .half.rt{padding-left:10px;}
article section .half.lt img,
article section .half.rt img{width:100%; height:auto;}
article h1{font-size:2.5rem; color:#206078; margin-bottom:50px; font-family:"Rounded Mplus 1c";}
article section h2{font-size:23px; color:#222222; border-bottom:2px solid #206078; margin-bottom:32px; font-family:"Rounded Mplus 1c";}
article section h2 small{font-size:18px; display:block;}
article section h3{font-size:20px; color:#206078; margin-bottom:25px;}
article section p.bEmp{font-size: 18px;}
article section ul+h3{margin-top:25px;}
article section ul.list,
article section ol.list{margin-left:1.5em; margin-bottom:30px;}
article section ul.list li{list-style:disc;}
article section .note ul.list,
article section .note ol.list{margin-bottom:0px;}
article section figure{margin-bottom:20px;}
article section p{margin-bottom:30px; }
article div.bg{background:#e0feff;}
.btn{max-width:500px; line-height:1.4; font-size:22px; text-align:center; padding:30px 0; margin:0 auto;}
.btn a{color: #fff; background: rgb(190,227,255); background: linear-gradient(0deg, rgba(190,227,255,1) 0%, rgba(0,110,193,1) 100%); display:block;text-decoration:none; padding:30px 20px; width: 100%; border-radius:30px; border: 1px solid #fff; font-weight: bold; box-shadow: inset 0 1px 0 #008c64, inset 0 0 40px 5px rgb(0 0 0 / 30%), 0 0 2px 1px rgb(0 0 0 / 50%);}
.btn a:hover{background:#002134; display:block; text-decoration:none;}
.btnB{width:450px;padding: 0px; margin-bottom: 30px;}
.btnB a{padding: 20px;}
div.mv,article,body#top #mv,
header,footer{min-width:1000px;}
article section .pageAnc{}
article section div.note{background:#ffffd7; padding:10px; margin-bottom:20px;}
article section div.note h3{margin-bottom:10px;}
article section div.note p{line-height:1.5;}
article section div.note p:last-child{margin-bottom:0px;}
article ul.pageAnc{}
article ul.pageAnc li{position:relative;  padding-left:1em;}
article ul.pageAnc li:before{content:"↓"; position:absolute; left:0px; top:0px;}
article ul.pageAnc li a{text-decoration:underline;}
article ul.pageAnc li a:hover{text-decoration:none;}
article section table{border:1px solid #CCC; border-bottom:0px; border-right:0px; width:100%;}
article section table tr{padding:10px;}
article section table th,
article section table td{padding:10px; border-bottom:1px solid #CCC; border-right:1px solid #CCC;}
article section table thead tr{background:#b5e7ff;}
article section table tbody th{background:#b5e7ff;}
article section .half.ltBox{padding-right:20px;}
article section .half.rtBox{padding-left:20px;}
article section .video{margin-bottom:30px;}
article section .video a:link{color:#0087cb; text-decoration:none;}
article section .video a:hover{color:#0087cb; text-decoration:none;}
section ul.listLink{margin-top: 0px;}
section ul.list{list-style: none; margin-left: -1em;}
article .listMd{line-height:1.7; margin-bottom:50px;}
article .listMd dt{font-weight:bold; color:#2f5597; margin-bottom: 10px;}
article .listMd dd{border-bottom:1px solid #383838; margin-bottom:6px; position:relative; }
article .listMd dd ul{margin: 0 0 15px 25px;}


/* Article Top
==================================================== */
header nav ul li.sp{display:none;}
body#top header .headWrap p.siteLogo img{width:250px; height:auto;}
body#top header nav ul{font-size:16px; margin-top:10px;}
body#top #mv{}
body#top article{padding:30px; min-width:1000px; max-width:100%;  z-index:-20; background-image: none;}
body#top article .topTxt{color:#017bc0; font-size:45px; padding:20px 0; margin-bottom:40px; font-family: "Nico Moji"; background-color: rgba(255,255,255,0.7);}
body#top article section{padding:20px 100px 20px 100px; }
.subTit{text-align: center; font-size:1.5rem; margin:20px 0 50px 0;}
body#top article section .inner{max-width:1000px; margin:0 auto;}
article.topCont section.news h1{margin-bottom:20px;}
article.topCont section.news{padding-bottom:60px;}
article.topCont section ul.topBnr:after{content:""; display:block; clear:both;}
article.topCont section ul.topBnr li{height:auto; text-align:center; line-height:80px; font-size:20px; margin-bottom:20px; width:50%;}
article.topCont section ul.topBnr li a{width:100%; height:auto; display:block;}
article.topCont section ul.topBnr li:nth-child(odd){float:left; padding-right:10px;}
article.topCont section ul.topBnr li:nth-child(even){float:right; padding-left:10px;}
article.topCont section ul.topBnr li:nth-child(2+1n){clear:both;}
article.topCont section ul.topBnr li a{display:block; border:2px solid #115982; border-radius:10px; color: #fff; background: rgb(190,227,255); background: linear-gradient(0deg, rgba(190,227,255,1) 0%, rgba(0,110,193,1) 100%);
 text-decoration:none;  box-shadow: inset 0 1px 0 #008c64, inset 0 0 40px 5px rgb(0 0 0 / 30%), 0 0 2px 1px rgb(0 0 0 / 50%);}
article.topCont section ul.topBnr li a:hover{text-decoration:none; background: #2879a8; box-shadow: none;}

/* Guest */
article#guest .guestBox{margin:30px 0; }
article#guest .guestBox:after{content:""; display:block; clear:both;} 
article#guest .guestBox figure{float:left; width:30%; height:auto; margin-right:5%;}
article#guest .guestBox figure img{width:100%; height:auto;}
article#guest .guestBox .gfRt{float:right; width:65%; word-break:break-all;}
article#guest .guestBox .gfRt h3{margin-bottom:30px;}
article#guest .guestBox .gfRt ul{ margin:0 0 15px 1.5em;}
article#guest .guestBox .gfRt ul li{line-height:1.5; list-style: disc; margin-bottom: 8px;}
article#guest .guestBox .gfRt ul li:last-child{margin-bottom: 0px;}
article#guest .guestBox .gfRt ul,
article#guest .guestBox .gfRt p{font-size:14px;}
article#guest .guestBox .gfRt p{margin:20px 0px;}

/*  multi column  */
article .mc{display:flex; flex-wrap:wrap; justify-content:space-between;}
article .mc .col{margin-bottom:30px;}
article .mc.duo .col{width:calc(50% - 20px);}
article .mc img{max-width:100%; height:auto;}


/* Report */
body .timeTable table{border:none !important;}
body .timeTable th,.timeTable td{padding:10px;}
body .timeTable th{background:none; width:15%; border:none;}
body .timeTable td{border:none !important;}
body .timeTable tr:nth-child(even){background:#B7E5FF;}
body div.report{}
body div.report:after{content:""; display:block; clear:both;}
body div.report figure{float:left; width:48%; height:auto; margin:0 2% 20px 0; background:#878282; color:#fff; padding:2px; line-height:1.0; font-size:0;}  
body div.report figure figcaption{line-height:25px; font-size:11px;}
body div.report figure:nth-child(even){margin-right:0%;}
body div.report figure img{width:100%; height:auto;}
body div.report .resultTxt{}



@media screen and (min-width:1190px) and (max-width:1216px){
}
@media screen and (min-width:641px) and (max-width:1000px){
	body#top #mv img{width: 100%; height:auto;}
}



@media (max-width:640px){
.rt,.fRt,
.lt,.fLt{float:none;}
div.mv, article, body#top #mv, header, footer{min-width:320px;}
header{padding:20px 0 15px 0;}
header .headWrap p.siteLogo{margin-bottom:0px; width:180px; margin:0 auto; text-align:center;}
article{padding:85px 0px 0px 0px; background-size:auto 80px;}
article section .half.lt{padding-right:0px;}
article section .half.rt{padding-left:0px;}
header p.siteLogo{padding:0px;}
header p.siteLogo img{width:100%; height:auto;}
#wrapper img{width:100%; height:auto;}
header nav ul li.sp{display:block;}
article section{padding:20px 15px 20px 15px;}
article section .half{width:100%;}
article section .half img{width:100%; height:auto;}
article section .half.fLt,
article section .half.fRt{margin-left:0px;}
article section h1{margin-bottom:30px; line-height:1.5; font-size:27px;}
article section h2 small{font-size:18px;}
article section h2{margin-bottom:25px;}
article section h3{margin-bottom:25px;}
article section table th,
article section table td{padding:5px; font-size:13px;}
article section .map,
article section ul{margin-bottom:20px;}
article section:last-child{padding-bottom:20px;}
header aside{border:none; border-width:0; position:fixed; left:0px; top:0px; width:100%; background:#0087cb;height:100%; z-index:100000; display:none;}
header aside .toggleClose{display:block; width:50px; height:50px; position:absolute; right:10px; top:5px; text-indent:50px; white-space:nowrap; color:#fff; font-size:0px; z-index:200;}
header aside .toggleClose:before{content:"\f00d"; width:50px; height:50px; position:absolute; right:0; top:0; text-indent:0px; text-align:center; font-family:"FontAwesome"; font-size:45px; line-height:50px;}
header aside nav ul{border-left:0; height:auto; width:auto;}
header aside nav ul li{height:auto; width:auto; float:none; line-height:1.2; text-align:left; font-size:16px; border-right:0; border-left:0; border-bottom:1px #fff solid; display:block; margin-right:0px;}
header aside nav ul li a:link{color:#fff; background:transparent; padding:15px 10px; width:100%; display:block; font-weight:bold;}
header aside nav ul li a:visited{color:#fff;}
header aside nav{position:relative; left:auto; top:auto; width:auto; height:auto; margin-top:60px; border-top:1px #fff solid;}
header aside nav ul{border-left:0; height:auto; width:auto;}
header aside nav li{height:auto; width:auto; float:none; line-height:1.2; text-align:left; font-size:16px; border-right:0; border-left:0; font-weight:bold; border-bottom:1px #fff solid;}
header .toggle{display:block; width:50px; height:50px; position:absolute; right:10px; top:10px; text-indent:50px; white-space:nowrap; overflow:hidden; color:#0087cb; font-size:0px; z-index:20;}
header .toggle:before{content:"\f0c9"; width:50px; height:50px; position:absolute; right:0; top:0; text-indent:0px; text-align:center; font-family:"FontAwesome"; font-size:45px; line-height:50px;}
article section .btnB{width:100%;}

article section .half.ltBox{padding-right:0px;}
article section .half.rtBox{padding-left:0px;}
article#guest .guestBox figure{float:none; width:70%; margin-right:0; margin:0 auto;}
article#guest .guestBox figure img{width:100%; height:auto;}
article#guest .guestBox .gfRt ul li{line-height:1.3; margin-bottom:5px;}
article#guest .guestBox .gfRt{float:none; width:100%; word-break:break-all;}
footer .spTxt,
footer .footWrap .footBnr{display:none;}
body .timeTable th,.timeTable td{padding:5px;display:block;}
body .timeTable th{width:100%; font-weight:bold; line-height:1.0; padding-bottom:0px;}

/* Article Top
==================================================== */
body#top header .headWrap p.siteLogo img{width:100%; height:auto;}
body#top article.topCont{min-width:320px;}
body#top article.topCont section{padding:20px 15px; }
body#top article.topCont .topTxt{color:#017bc0; font-size:19px; margin-bottom:0px;}
.subTit{text-align: center; font-size:15px; margin:20px 0;}
body#top article.topCont section.news h1{font-size:22px;}
body#top article.topCont section ul.topBnr li{line-height:50px; margin-bottom:5px;width:100%;}
body#top article.topCont section ul.topBnr li a{}
body#top article.topCont section ul.topBnr li:nth-child(odd),
body#top article.topCont section ul.topBnr li:nth-child(even){float:none;}
body#top article.topCont section ul.topBnr li:nth-child(odd){padding-right:0px;}
body#top article.topCont section ul.topBnr li:nth-child(even){padding-left:0px;}
body#top #mv figure img{width: 100%; height: auto;}

#movie .videoCont iframe{display:none !important;}


article#guest .guestBox .gfRt ul{margin-bottom:20px;}
article section .video{position: relative; width:100%;  padding-top:56.25%; margin-bottom:20px;}
article section .video iframe{ position: absolute;  top:0; right:0; width:100% !important;  height:100% !important;}

body div.report{}
body div.report:after{content:""; display:block; clear:both;}
body div.report figure{float:none; width:100%; height:auto; margin:0 0% 20px 0; padding:2px; background:#878282; color:#fff; font-size:11px;}  
body div.report figure:nth-child(even){margin-right:0%;}
body div.report figure img{width:100%; height:auto;}

article .mc{display:block; margin-bottom:30px;}
article .mc.duo .col{width:auto; margin-bottom:20px;}
}