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; }
address { font-style:normal; }
html,body { height: 100%;}
html { -webkit-text-size-adjust: 100%;  -ms-text-size-adjust: 100%; -webkit-font-smoothing: antialiased;}
body { -webkit-text-size-adjust: 100%; color:#15151a;}
article,aside,details,figcaption,figure,main,
footer,header,hgroup,menu,nav,section { display:block; }
nav ul { list-style:none; }
a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; outline:none; text-decoration: none; -webkit-transition:all 0.1s; -moz-transition:all 0.1s; -ms-transition:all 0.1s; transition:all 0.1s;}
hr { display:block; height:1px; border:0; border-top:1px solid #cccccc; margin:1em 0; padding:0; }
table { border-collapse: collapse; border-spacing: 0; }
ul {letter-spacing: -.40em;}
li { list-style:none; letter-spacing: 0.02em;}
label { cursor:pointer; }
img { vertical-align: bottom; width: 100%; -webkit-transition:all 0.1s; -moz-transition:all 0.1s; -ms-transition:all 0.1s; transition:all 0.1s; -webkit-touch-callout:none; }
*{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;}
.loading { background: black radial-gradient(#160434, #020005 60%); position: fixed; inset: 0; height: 100vh; height: 100dvh; z-index:9999999; pointer-events: none; opacity: 1; min-width: 1200px; width: 100%;}
.load .loading {transition: ease 1.5s; }
@supports (-webkit-touch-callout: none) {
 	.loading { min-height: 100dvh; height: -webkit-fill-available;}
}
.loading:after { content: ""; background: linear-gradient(0deg,rgba(0,0,3,0.7), rgba(0,0,3,0.0),rgba(0,0,3,0.6)); position: absolute; top: 0; right: 0; left: 0; z-index: 1; bottom: -1px; width: 100%;}
.loading .inr { text-align: center; display: flex; align-items: center; justify-content: center; height: 100%; flex-flow: column;transition: ease 1.2s; opacity: 0; top: 0px; position: relative; z-index: 10}
.loading .logo { width: 220px; opacity: 0; transition:all 1.7s ease}
.loading .inr { opacity:1; top:0;}
.loading .text { font-size: 24px; margin-top: 22px; line-height: 1; letter-spacing: 0.08em; font-weight: 300; color: #f9c441;}
.loading .text i { font-style: normal; display: inline-block; }
.loading .text i { opacity: 0;}
.loading .text i:nth-child(1) { animation:load 2.2s ease 0.05s infinite;}
.loading .text i:nth-child(2) { animation:load 2.2s ease 0.13s infinite;}
.loading .text i:nth-child(3) { animation:load 2.2s ease 0.21s infinite;}
.loading .text i:nth-child(4) { animation:load 2.2s ease 0.29s infinite;}
.loading .text i:nth-child(5) { animation:load 2.2s ease 0.37s infinite;}
.loading .text i:nth-child(6) { animation:load 2.2s ease 0.45s infinite;}
.loading .text i:nth-child(7) { animation:load 2.2s ease 0.49s infinite;}	
@keyframes load { 0% {opacity: 0; transform: scale(0.6)} 35%,90% {opacity: 1; transform: scale(1)} 100% {opacity: 0} }

@media screen and (max-width:768px){
	.loading { min-width: 700px; }
	.loading .logo { width: 200px; }
	.loading .text { font-size: 22px; margin-top: 20px; }
}
@media screen and (max-width:480px){
	.loading { min-width: auto;}
	.loading .logo { width: 180px; }
	.loading .text { font-size: 18px; margin-top: 18px; }
}


div:after, article:after, ul:after,dl:after, aside:after { content:""; display:block; clear:both;}
body { font-family: 'Noto Sans JP', sans-serif; font-weight: 400; line-height: 1.6; letter-spacing: 0.02em; position: relative; background: black; /*overflow-y: scroll;*/ }
.f_qmd,.en,.num,.year,.day,.nav-toggle,.ic_new,.special .title,.infomation-list dt,.index-topics .title {font-family: quasimoda, sans-serif;}
.f_ggl { font-family: "Google Sans", sans-serif; font-optical-sizing: auto; font-weight:400; font-style: normal; font-variation-settings: "GRAD" 0;}
.v_sp { display:none; visibility:hidden;}
.v_pc { display:block; visibility:visible;}
.v_480 { display:none; visibility:hidden;}
.v_481 { display:block; visibility:visible;}
#page-top { position: fixed; bottom: -20px!important; right: -8px; z-index: 200; width: 200px; height:100px; background: url("../img/btn_pagetop.png") no-repeat right bottom; background-size:contain; display:block; cursor: pointer; opacity: 0; pointer-events: none; -webkit-transition:all 0.4s ease; transition:all 0.4s ease; -webkit-filter: drop-shadow(0px 1px 1px rgba(0,0,0,.3));  filter: drop-shadow(0px 1px 1px rgba(0,0,0,.3));}
#page-top._view { bottom: -0px!important; opacity: 1; pointer-events: all;}
.hv-lg { -webkit-transition:all 0.2s; transition:all 0.2s;}
.hv-lg:hover {-webkit-transform: scale(1.05,1.05); transform: scale(1.05,1.05);}
.hv-op:hover { opacity: 0.8}
.hv-br { -webkit-transition:all 0.1s; transition:all 0.1s;}
.hv-br:hover,.btn_red:hover {-webkit-filter: brightness(110%); filter: brightness(110%);}
.sdw {-webkit-filter: drop-shadow(0px 2px 5px rgba(0,0,0,.3)); filter: drop-shadow(0px 2px 5px rgba(0,0,0,.3)); }
.sdw { -webkit-filter: drop-shadow(0px 1px 2px rgba(0,0,0,.04));  filter: drop-shadow(0px 1px 2px rgba(0,0,0,.04));}
.bg_iv,body {}
.c_red { color: #d60b33!important;}
.c_lgreen { color:#7fbe26!important;}
.c_green { color: #2aa838!important;}
.c_blue { color:#006EBE!important}
.c_pink { color:#fe267c!important}
.c_gold { color:#cba345!important}
.c_black { color:#162326!important}
.c_yellow { color:#ffea12!important;}
.c_org { color: #ff8017!important}
.c_gold {color:#f9c441; background: linear-gradient(180deg,#ffe600 30%, #f9c441 70%);  -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.bg_red { background:#d60b33!important; color: white;} 
.bg_blue { background:#0058a6!important; color: white;} 
.dn {display:none!important;}
.mt0 { margin-top: 0!important;}
.mb0 { margin-bottom: 0!important;}
.pt0 { padding-top:0!important}
.pb0 { padding-bottom:0!important}
.mts {margin-top: 6px;}
.mtm {margin-top: 12px;}
.mtl {margin-top: 24px;}
.mtll {margin-top: 36px;}
.mt2 {margin-top: 2px;}
.mt3 {margin-top: 3px;}
.mt6 {margin-top: 6px;}
.mt10 {margin-top: 10px;}
.mt20 {margin-top: 20px;}
.mt30 {margin-top: 30px;}
.mt40 {margin-top: 40px;}
.mt50 {margin-top: 50px;}
.mt60 {margin-top: 60px;}
.mt70 {margin-top: 70px;}
.mt80 {margin-top: 80px;}
.mt90 {margin-top: 90px;}
.mt100 {margin-top: 100px;}
.mt120 {margin-top: 120px;}
.mt150 {margin-top: 150px;}
._w1000 { max-width: 1000px; margin-left: auto; margin-right: auto;}
._w900 { max-width: 900px; margin-left: auto; margin-right: auto;}
._w800 { max-width: 800px; margin-left: auto; margin-right: auto;}
._w700 { max-width: 700px; margin-left: auto; margin-right: auto;}
._w600 { max-width: 600px; margin-left: auto; margin-right: auto;}
._w500 { max-width: 500px; margin-left: auto; margin-right: auto;}
._w400 { max-width: 400px; margin-left: auto; margin-right: auto;}
._w300 { max-width: 300px; margin-left: auto; margin-right: auto;}
._w200 { max-width: 200px; margin-left: auto; margin-right: auto;}
.all { min-width:1200px; font-size: 16px; overflow: hidden; position: relative; z-index: 5; opacity: 0;}
.bg { background: url("../img/bg_contents.jpg")  top center; position: fixed;left: 0; right: 0; top: 0; bottom: 0; z-index:1 ; background-size: 100% auto; opacity: 0.55}
.loader-bg {position: fixed; left: 0; right: 0; top: 0; height: 100vh; height: 100dvh; background: rgba(0,0,0,1.00); z-index: 6000; pointer-events: none;}
@supports (-webkit-touch-callout: none) {
 	.loader-bg { min-height: 100dvh; height: -webkit-fill-available;}
}
.loader-bg.load { transition:all 1.0s; opacity: 0;}
a { color:#15151a;}
.ankerlink {height: 0px; margin-top: -100px; padding-top: 100px; display: block}
.fw3{ font-weight: 300;}
.fw4{ font-weight: 400;}
.fw5{ font-weight: 500;}
.fw6{ font-weight: 600;}
.fw7{ font-weight: 700;}
.fw8{ font-weight: 800;}
.fw9{ font-weight: 900;}
.fs12 { font-size: 120%;}
.fs11 { font-size: 110%;}
.fs09 { font-size: 90%;}
.fs08 { font-size: 80%;}
.fs07 { font-size: 70%;}
.fs06 { font-size: 60%;}
.fs05 { font-size: 50%;}
.flex { display:flex; }
.text { text-align:justify; }
.line {background:linear-gradient(transparent 60%, #f8ee38 60%);}
.textlink { color: #51a9d5; text-decoration: underline; font-weight: 400;}
.textlink:hover { text-decoration: none;}
.bg_gray2 {background:#fdfaf4;}
.bold { font-weight:900!important;}
.ls-ic li { margin-left: 1em; text-indent: -1em;}
.tar { text-align:right !important}
.tac { text-align:center !important}
.info-close { color:white; font-size: 37px; display: flex; align-items: center; font-weight: 500; justify-content: center; height: 170px; padding-bottom: 3px; background: url(../img/bg_footer.jpg) no-repeat center; }
.lsn { letter-spacing: normal!important}
.ls_at li { text-indent: -1em; margin-left: 1em; letter-spacing: normal;}
.moviewrap { position: relative; padding-bottom: 56.8%; height: 0; overflow:hidden; margin: 0px auto; width:100%; top: 0px; opacity: 1}
.moviewrap iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index:2;}

@media screen and (max-width:1300px){
	.mts {margin-top: 5px;}
	.mtm {margin-top: 10px;}
	.mtl {margin-top: 22px;}
	.mtll {margin-top: 32px;}
	.mt3 {margin-top: 3px;}
	.mt6 {margin-top: 5px;}
	.mt10 {margin-top: 8px;}
	.mt20 {margin-top: 18px;}
	.mt30 {margin-top: 26px;}
	.mt40 {margin-top: 36px;}
	.mt50 {margin-top: 44px;}
	.mt60 {margin-top: 55px;}
	.mt70 {margin-top: 60px;}
	.mt80 {margin-top: 70px;}
	.mt70 {margin-top: 75px;}
	.mt100 {margin-top: 80px;}
	.mt120 {margin-top: 100px;}
	.mt150 {margin-top: 130px;}
	.all { min-width:1180px; font-size: 15px;}
	.ankerlink { margin-top: -80px; padding-top: 80px;}
}
@media screen and (max-width:768px){
	.bg { background-size: 1000px auto;}
	#page-top { width: 170px; height:76px; right: -9px; }
	.all { min-width:660px;font-size: 14px;}
	.open .all { height: 100vh; height: 100dvh}
	@supports (-webkit-touch-callout: none) {
		.open .all { min-height: 100dvh; height: -webkit-fill-available;}
	}
	.v_pc { display:none; visibility:hidden;}
	.v_sp { display:block; visibility:visible;}
	.mts {margin-top: 4px;}
	.mtm {margin-top: 8px;}
	.mtl {margin-top: 18px;}
	.mtll {margin-top: 24px;}
	.mt2 {margin-top: 1px;}
	.mt3 {margin-top: 2px;}
	.mt6 {margin-top: 4px;}
	.mt10 {margin-top: 7px;}
	.mt20 {margin-top: 16px;}
	.mt30 {margin-top: 22px;}
	.mt40 {margin-top: 30px;}
	.mt50 {margin-top: 34px;}
	.mt60 {margin-top: 42px;}
	.mt70 {margin-top: 48px;}
	.mt80 {margin-top: 55px;}
	.mt90 {margin-top: 60px;}
	.mt100 {margin-top: 65px;}
	.mt120 {margin-top: 90px;}
	.mt150 {margin-top: 100px;}
	.ankerlink { margin-top: -80px; padding-top: 80px;}
	.info-close { font-size: 25px; height: 133px; padding-bottom: 3px; line-height: 1.35; text-align: center;}
}
@media screen and (max-width:480px){
	.bg { background-size: 600px auto;}
	#page-top { width: 113px; height:55px; right: -8px; }
	.all { min-width:auto; font-size: 12.5px;}
	.v_481 { display:none; visibility:hidden;}
	.v_480 { display:block; visibility:visible;}
	.mts {margin-top: 3px;}
	.mtm {margin-top: 6px;}
	.mtl {margin-top: 12px;}
	.mtll {margin-top: 18px;}
	.mt2 {margin-top: 2px;}
	.mt3 {margin-top: 1.6px;}
	.mt6 {margin-top: 4px;}
	.mt10 {margin-top: 6px;}
	.mt20 {margin-top: 11px;}
	.mt30 {margin-top: 16px;}
	.mt40 {margin-top: 22px;}
	.mt50 {margin-top: 25px;}
	.mt60 {margin-top: 30px;}
	.mt70 {margin-top: 35px;}
	.mt80 {margin-top: 40px;}
	.mt90 {margin-top: 50px;}
	.mt100 {margin-top: 56px;}
	.mt120 {margin-top: 60px;}
	.mt150 {margin-top: 70px;}
	.ankerlink { margin-top: 0px; padding-top: 0px;}
	.info-close { font-size: 20.5px; height: 138px; padding-bottom: 3px; padding-left: 6px; letter-spacing: 0.04em;}
}