@charset "utf-8";
/* CSS Document */
html { overflow-x: hidden;}
body { background-color: #2E1B13;font-family: "Noto Sans JP", sans-serif;}
body:before { content: ""; display: block; width: 100%; height: 100svh; position: fixed; top:0; left: 0; background-image:url("../img/bg.jpg"); background-size: cover; background-position:  center; z-index: -1; opacity: 0;}
header { height: 80px; background-color: #2E1B13; position: relative; z-index: 1;}
header ul { display: flex; width: 1000px; margin: 0 auto; height: 100%;}
header ul li { width: 250px; height: 100%;}
header ul li.pull { position: relative; cursor: pointer;}
header ul li.pull a:after,header ul li.pull div.as:after { content: ""; width: 12px; height: 35px; display: inline-block; background-image:url("../img/arrowUnder.svg"); background-repeat: no-repeat; background-size: 12px; background-position: center; margin-left:1em;}
header ul li.pull.pullOpen a:after,header ul li.pull.pullOpen div.as:after { transform: rotate(180deg);}
header ul li.pull .sub { position:absolute; width: 100%; top:80px; left: 0; background-color: #402B12; padding: 0 0 20px 0; box-sizing: border-box; transform: scale(0); opacity: 0; transition: opacity .4s ease 0s;}
header ul li.pull a,header ul li.pull div.as { transition: background-color .4s ease 0s;}
header ul li.pull.pullOpen a,header ul li.pull.pullOpen div.as { background-color: #402B12;}
header ul li.pull.pullOpen .sub {  transform: scale(1); opacity: 1;}
header ul li.pull.pullOpen .sub a:after { display: none;}
header ul li a,header ul li.pull div.as { display: flex; height: 100%; color: #FFF; text-decoration: none; font-size: 18px; font-weight: 700; text-align: center;align-items: center;justify-content: center; position: relative;}

header ul li.pull .sub a,header ul li.pull.pullOpen a.pulls,header ul li.pull div.as { pointer-events: auto;}
header ul li.pull .sub a { text-align: left; display: block; line-height: 44px; height: 44px; font-size: 14px; font-weight: normal; transition: all .4s ease 0s; padding: 0 20px;}
header ul li.pull .sub a:hover { background-color: rgba(0,0,0,.1);}
header ul li a span,header ul li.pull div.as span { display: block; font-size: 11px;font-family: "Ubuntu", sans-serif; color: #FCD729; font-weight: normal; margin-top: .5em;}
header ul li a:before,header ul li .as:before { background-image: url("../img/glow.png"); background-repeat: no-repeat; background-position: center; background-size: contain; content: ""; display: block; width: 100%; height: 100%; position: absolute; top:0; left: 0; opacity: 0; transform: scale(0); transform-origin: 50% 100%; transition: all .4s ease 0s;}
header ul li.pull .sub a:before,header ul li.pull.pullOpen .as:before { display: none;}
header ul li a div { position: relative;}
header ul li a.select:before,header ul li:hover a:before,header ul li:hover .as:before { opacity: 1; transform: scale(1);}

#header { height: 44px; background-color: #FFCD00; position: relative;}
#header ul { display: flex;justify-content: center;}
#header ul li { width: 250px; height: 100%;}
#header ul li a { display: block; height: 100%; text-decoration: none; color: #000000; line-height: 44px; text-align: center; font-weight: 500; transition: all .4s ease 0s; position: relative;}

#header .headerNav { position: absolute; top: 44px; left: 0; width: 100%; height: auto; pointer-events: none; }
#headerWrap { width: 100%; position: fixed; top:0; left: 0; z-index: 2;}
.show #headerWrap  {}

body { opacity: 0;  transition: all .4s ease 0s;}
.show body { opacity: 1;}

body:before{ opacity: 0;transition: all 1s ease .4s;}
.show body:before { opacity: 1;}

/*body .before {  display: block; width: 100%;  position: fixed; top:0; left: 0; background-image:url("../img/bg2.jpg"); background-size: cover; background-position:  center; z-index: -1; transform: translateY(0);}*/

#main figure { overflow: hidden;}
#main img { opacity: 0; transform: scale(1.2); transition: all .6s ease .8s;
}
.show #main img { opacity: 1;transform: scale(1);}
#main { background-image: none; position: relative;}

#main h1 { width: 42.31332357247438vw; height: 21.15666178623719vw; background-image: url("../img/logo.png"); background-repeat: no-repeat; background-size: contain; top:0.37vw; position: absolute; left: 0.37vw; opacity: 0; transform: translateX(-5%); }
#main h2 { width: 22.47437774524158vw; height: 10.2489019033675vw; background-image: url("../img/6rrrplus.png"); background-repeat: no-repeat; background-size: contain; top:1.09809663250366vw; position: absolute; right: 1.464128843338214vw; opacity: 0;}
#main h3 { width: 48.9vw; height: 12vw; background-image: url("../img/copy.png"); background-repeat: no-repeat; background-size: contain; background-position: left bottom; bottom:2vw; position: absolute; left: 2vw; opacity: 0; transform: translate(-5%,5%);}
#main h4 { width: 10.68814055636896vw; height: 6.002928257686676vw; background-image: url("../img/20th.png"); background-repeat: no-repeat; background-size: contain; bottom:1.464128843338214vw; position: absolute; right: 1.464128843338214vw; opacity: 0;}

.show #main h1 { opacity: 1; transform: translateX(0%); transition: all .4s ease 1s;}
.show #main h2 { opacity: 1;transition: all .4s ease .8s;}
.show #main h3 { opacity: 1; transform: translate(0%,0);transition: all .4s ease 1.2s;}
.show #main h4 { opacity: 1;transition: all .4s ease .8s;}

#main h2 a { display: block; text-indent: -9999px; width: 100%; height: 100%;}

#header ul li a:before { width: 100%; height: 100%; content: ""; display: block; position: absolute; left: 0; top:0;transform: scaleX(0); transform-origin: 0 50%; background-color: rgba(217,19,34,.1);transition: all .4s ease 0s;}
#header ul li a.select:before,#header ul li a:hover:before {transform: scaleX(1);  }

#wrap { margin-top: 124px;}

section.gray { background-color: rgba(46,27,19,.57);}
section.brown { background-color: #402B12;}
section .inner { padding: 100px 0; width: 1000px; margin: 0 auto;}
section .inner h2 { text-align: center; color: #FCD729; font-size: 42px;font-style: italic;font-family: "Ubuntu", sans-serif; font-weight: 800; position: relative; margin-bottom: 40px;}
section .inner h2 span { display: block; font-size: 12px; font-family: "Noto Sans JP", sans-serif; font-style: normal; font-weight: normal; margin-top: 1em; color: #FFF; text-shadow: none; position: relative;}
section .inner h2 strong { position: relative;}
section.event .inner h2 { line-height: 1.4;}

.news li a { box-sizing: border-box; display: flex; padding: 1.5em 2em; text-decoration: none; color: #FFF; background-color: rgba(0, 0, 0, .06); border: 1px solid transparent; position: relative; transition: all .4s ease 0s;}
.news li a .date { color: #FCD729; font-weight: bold; width: 115px;}
.news li a p { line-height: 1.4;}
.news li { margin-bottom: 10px;}
.news li a:after { content: ""; display: block; width:16px; height: 16px; position: absolute; top:50%; right:20px; transform: translateY(-50%); background-image: url(../img/arrow1.svg); background-position: center; background-repeat: no-repeat; background-size: contain;}
.news li a:hover { background-color: rgba(0,0,0,.06); border: 1px solid #FCD729;}

section.black { background-image: none; background-color: rgba(46,27,19,.73);}

#stage { display: flex;justify-content: space-between; margin-bottom: 80px;}
#stage li { position: relative;}
.stage { width:250px; background-color: #402B12; border-radius: 6px; height: 471px; box-sizing: border-box; }
.stage.bronz { border:2px solid #A89182;}
.stage figure { height: 200px; position: relative; }
.stage figure:after {content: ""; display:block; width:100%; height: 100%; position: absolute; top:0; left: 0; background-repeat: no-repeat; background-position: center top 30px; background-size: auto 105px;}
.stage.bronz figure:after {  background-image: url("../img/stage1.png");}
.stage figure p { width: 100%; text-align: center; font-size: 25px; position: absolute; left: 0; bottom: .5em; font-weight: bold;}
.stage.bronz figure p { color: #CCBCB1;}
.stage .inners { padding: 20px;}
.stage .inners h3 { font-weight: bold; margin-bottom: .7em; }
.stage .inners p { color: rgba(255,255,255,.7); font-size: 14px; line-height: 1.4; margin-bottom: 1.7em;}
.stage.bronz .inners h3 { color: #CCBCB1;}
a.bt { display: inline-block; height: 44px; background-color: #FCD729; border-radius: 22px; line-height: 44px; text-decoration: none; color: #000; padding: 0 35px; font-weight: bold; font-size: 90%; }
.btWrap { text-align: center;}

section.under .inner p + .btWrap  { margin-top: 50px;}


.stage.silver { border:2px solid #B1B1B1;}
.stage.silver figure:after { background-image: url("../img/stage2.png");}
.stage.silver figure p { color: #DDDDDD;}
.stage.silver .inners h3 { color: #DDDDDD;}

.stage.gold { border:2px solid #FCC64F;}
.stage.gold figure:after { background-image: url("../img/stage3.png");}
.stage.gold figure p { color: #FCEB78;}
.stage.gold .inners h3 { color: #FCEB78;}

#stage .btWrap { position:absolute; width: 100%; bottom: 30px; left: 0; }

#stage .arrow { display: flex;justify-content: center;align-items: center; width: 100px; color: #FFF; text-align: center; line-height: 1.5; font-size: 90%;}
#stage .arrow span { font-size: 140%; }

footer { background-color: #FFCD00; padding: 100px 0; text-align: center; background-image: url("../img/map.png"); background-repeat: no-repeat; background-position: top 25px center; background-size: contain; position: relative;}
footer .footerDeco { position: absolute; left: 0; bottom: 100%; width: 100%; height: auto; display: block; pointer-events: none;}

.sns { display: flex;justify-content: center; margin-bottom: 50px;}
.sns li { margin: 0 15px;}
.sns li a { display: block; width: 60px; height: 60px; border: 1px solid #000; box-sizing: border-box; border-radius: 50%; text-indent: -9999px; background-position: center; background-repeat: no-repeat; background-size: 30px;}
.sns li a.x { background-image: url("../img/x.png");}
.sns li a.facebook { background-image: url("../img/facebook.png");}

footer p.copy { font-size: 10px; color: rgba(0,0,0,.4); line-height: 1.5; margin-top: 30px;}

a.disabled {pointer-events: none;
  cursor: default;
  opacity: 0.4; filter: grayscale(100%);}
a.link { color:#FCD729; text-decoration: none; }
a.link:hover { text-decoration: underline;}

.sp { display: none;}

#title {  height: 200px; display: flex;justify-content: center;align-items: center; position: relative; overflow: hidden;}

#title:before { content: ""; display: block; width: 100%;height: 100%;background-image: url("../img/title.jpg"); background-repeat: no-repeat; background-position: center; background-size: cover; position:absolute; top:0; left: 0; transform: scale(1.2);transition: all .4s ease 0s;}
.show #title:before {transform: scale(1);}

#title h1 { color: #FFF; font-size: 36px; font-weight: bold; position: relative;}
#title h1 span { display: block; font-size: 12px; color: #FCD729; margin-top: 1.5em; font-weight: normal; text-align: center;}

section .inner #container h2 {  font-size: 28px; text-shadow: none; text-align: left; margin-bottom: 1em; font-style: normal;font-family: "Noto Sans JP", sans-serif;}
section .inner #container h2:before { display: none;}
#container .box { margin-bottom: 50px;}
#container .box h3,.flex2 h3,.flex2a h3,table .box h3 { color: #FFF; font-size:18px; border-bottom: 1px solid #FCD729; padding: 1em 0; margin-bottom: .7em;}
table .box h3 { font-size: 18px!important;}
table .box p.image img { max-width: 500px; display: block; margin: 0 auto;}
#container .box p { color: rgba(255,255,255,.8); line-height: 2;}
#container .box+h2 { margin-top: 80px;}
section .inner #container { margin-bottom: 80px;}

section.under .inner h2 { font-size: 22px; text-shadow: none; background-image: url("../img/line.svg"); background-repeat: no-repeat; background-position: left center; padding: .7em; padding-left: 30px; color: #FFF; text-align: left; margin-bottom: 20px;font-family: "Noto Sans JP", sans-serif; font-style: normal;}
section.under .inner { padding: 60px 0;}
section.under .inner p { margin-bottom: 1em; line-height: 2; color: #FFF;word-break: break-word;}
section.under .inner h2:before { display: none;}

#container h3 a { color: #FFF; text-decoration: none; transition: all .4s ease 0s;}
#container h3 a:after { content: ""; display: inline-block; width: 1em; height: 1em; background-image: url("../img/arrow2.svg"); background-repeat: no-repeat; background-size: contain; background-position: center; vertical-align: middle; margin-left: .5em;}
#container h3 a:hover { opacity: .5;}

.areaList { display: flex;flex-wrap: wrap; padding-top: 1em;}
.areaList li { margin-right: 20px; margin-bottom: 20px;}
.areaList li a.bt { min-width: 115px; box-sizing: border-box; text-align: center; padding: 0;}
.rep .areaList li a.bt { padding: 0 2em; }

section.black.under h3 { font-size: 22px; margin-bottom: 1em; }
section.black.under h3 span { vertical-align:-12px; margin-right: .5em;}
section.black.under h3 span img { height: 46px; width: auto;}

section.black.under h3.bronz { color: #CCBCB1;}
section.black.under h3.silver { color: #DDDDDD;}
section.black.under h3.gold { color: #FCEB78;}
section.under table th {background-color: rgba(255,255,255,.1); padding: 1.2em; text-align: left; line-height: 1.4;}
section.under table td {background-color: rgba(255,255,255,.2); padding: 1.2em;}
section.under table { color: #FFF; line-height: 2;
    border-collapse:separate;
    border-spacing: 1px;
}
section.under table.pc { font-size: 80%;}
section.under table.pc tr td:last-child,section.under table.sp tr td:last-child { font-size: 150%; font-weight:bold; }
section.black.under .box { margin-bottom: 50px;}
p.indent { text-indent: -1em; margin-left: 1em;}
section.under table.box { margin-bottom: 30px;}

.flex { display: flex;}
.flex > p:first-child { width: 7em;}

.table { display: flex;color: #FFF; text-align: center; width: 100%; font-size: 90%;}
.table li div:first-child {background-color: rgba(255,255,255,.1); padding: 1.2em; margin-bottom: 1px; height: 49px; box-sizing: border-box;}
.table li div:nth-child(2) { padding: 1em;}
.table li { flex-grow: 1; margin: .5px; position: relative; line-height: 1.4;}
.table li:before { content: ""; display: block; width: 100%; height: calc( 100% - 49px );background-color: rgba(255,255,255,.2); position: absolute; bottom: 0; left: 0;}

h3.q:before { content: "Q."; color: #FCD729; font-size: 39px;font-family: "Ubuntu", sans-serif; margin-right: .2em; display: block;}
h3.q { display: flex;}
h3.q span { display: block; line-height: 1.5; padding-top: .5em;}
div.a:before { content: "A."; color: #D91322; font-size: 39px;font-family: "Ubuntu", sans-serif; font-weight: bold; margin-right: .2em; display: block;}
div.a { display: flex;}
div.a div { padding-top: .2em;}
section.under .inner div.a div p { margin-bottom: 0;}
p.small { font-size: 80%;}

#banner,.banner { background-color: #192022;}
#banner a,.sns a,.banner a{ transition: all .4s ease 0s; }
#banner a:hover,.sns a:hover,.banner a:hover { opacity: .5;}
.banner { background-color:transparent;}

.fade { transform: translateY(2vh); opacity: 0;transition: all .4s ease 0s;}

.fade.fades {transform: translateY(0%); opacity: 1;}


a.bt {transition: all .4s ease 0s;}
a.bt:hover { box-shadow: 0 0 20px #FCD729;}

section.under .inner,section.under+section .inner { transform: translateY(2vh); opacity: 0; transition: all .4s ease .6s;}
section.under~section .inner {  transition: all .4s ease .8s;}
.show section.under .inner,.show section.under+section .inner { transform: translateY(0); opacity: 1;}

::-webkit-scrollbar { background-color:#192022; width:15px;}
::-webkit-scrollbar-thumb { background-color:#999;}

html {
scrollbar-color: #999 #192022;
scrollbar-width: thin;
}

.tempo { padding-top: 20px;}
.tempo:before { content: "対象予選店舗"; font-weight: bold; color: #FFF; display: block; margin-bottom: 2px; background-color: rgba(255,255,255,.1); padding: 1em 1em; font-size: 90%;}
section.under .inner .tempo p { padding: .4em 1em;  font-size: 80%; background-color: rgba(255,255,255,.05); margin-bottom: 2px;} 
.tempo p:before { content: ""; display: inline-block; vertical-align: middle; width: .5em; height: 2px; background-color: #FCD729; margin-right: .5em;}

figure.image { max-width: 600px; width: 100%; margin:2em auto;}
figure.image img { width: 100%; height: auto;}

ul.image { display: flex;justify-content: center; max-width: 600px; margin:2em auto;}
ul.image li {  height: 40vh; margin: 0 10px; }
ul.image li img { width: 100%; height: 100%; object-fit: contain; object-position:center;}

.reportFlex { display: flex;justify-content: space-between;}
.reportFlex #reports { width: 300px;  background-color: rgba(0,0,0,.2); padding: 20px; box-sizing: border-box; font-size: 90%;}
.reportFlex .content { width: calc( 100% - 270px );}
.reportFlex #reports a { color: #FFF; text-decoration: none; display: block; padding: 1em 25px 1em 0; background-image: url("../img/arrow2.svg"); background-position: right center; background-repeat: no-repeat; background-size: .7em; line-height: 1.4; font-size: 90%; border-bottom: 0px solid rgba(255,255,255,.1); transition: all .4s ease 0s;}
.reportFlex #reports a:hover,.reportFlex #reports a.selected { color: #FCD729;}

#reportAC {color: #fff; text-decoration: none; display: block; padding: 1em 25px 1em 0; line-height: 1.4; font-weight: bold; font-size: 110%; display: none;}


@media screen and (min-width: 1000px) {
	.reportFlex .inner {width: 80%;
    max-width: 1000px; }
	
	#stage li.fade:nth-child(1) {transition: all .4s ease 0s;transform: translate(-2vw,0);}
#stage li.fade:nth-child(2) {transition: all .4s ease .2s;transform: translate(-2vw,0);}
#stage li.fade:nth-child(3) {transition: all .4s ease .4s;transform: translate(-2vw,0);}
#stage li.fade:nth-child(4) {transition: all .4s ease .6s;transform: translate(-2vw,0);}
#stage li.fade:nth-child(5) {transition: all .4s ease .8s;transform: translate(-2vw,0);}
	#stage li.fade.fades {transform: translate(0,0); opacity: 1;}
	
	.reportFlex #reports .inners {
		position: sticky;
    top: 144px;
    left: 0;
	}
}

@media screen and (min-width: 1000px) and (max-width: 1025px) {
	section .inner {
    padding: 100px 0;
    width: 950px;
}
	.stage {
    width: 230px;
    height: 471px;
}
	.table li div:first-child {
    padding: 1.2em .6em;
}
	.table li div:nth-child(2) {
    padding: 1.2em .6em;
}
}

.flex2 { display: flex;justify-content: space-between;}
.flex2 div { width: 48%;}
.flex2 div:nth-child(1) img { width: 100%; height: auto; border-radius: .3em;}
.inner p a {
    color: #FFCD00; text-decoration:underline;
}
.inner p a:hover {
    text-decoration:none;
}
section.under table th { min-width: 8em;}
.flex2~.flex2 { margin-top: 50px;}
.flex2+.btWrap { margin-top: 50px;}



.flex2a { display: flex;justify-content: space-between;}
.flex2a div { width: 48%;}
.flex2a div figure { margin-bottom: 1em;}
.flex2a div figure img { width: 100%; height: auto; border-radius: .3em;}
.flex2a div figure figcaption { text-align: right; margin-top: .7em; font-size: 10px;}

#topbanner { width: 20vw; height: 20vw; position: absolute; right: 1.264128843338214vw; top:11vw; }
#topbanner img,#topbanner2 img { width: 100%; height: auto;}
#topbanner2 { display: none;}

@media screen and (max-width: 999px) {
	.pc { display: none;}
	.sp { display: block;}
	
	#topbanner { display: none; }
	#topbanner2 { display: block; padding: 1em 20px; margin-top: -25vw; position: relative; }
	
	.flex2,.flex2a { display: block;}
	.flex2a div { width: auto; margin-bottom: 4em;}
	.flex2 div { width: auto;}
	
	header { height: 60px;}
header ul {  width: 100%;}
header ul li { width: calc( ( 100% - 60px ) / 3);}
	header ul li:first-child { width: 60px;}
header ul li a, header ul li.pull div.as { font-size: 14px;}
header ul li a span, header ul li.pull div.as span { font-size: 10px;}
	header ul li:first-child a { text-indent: -9999px; background-image: url("../img/home.svg"); background-position: center; background-repeat: no-repeat;}
	header ul li:first-child a span { display: none;}
	header ul li:first-child a.select {background-image: url("../img/home_on.svg");}


#header ul li { width: calc( 100% / 4);}
#header ul li a { font-size:12px;}

	
	#main h1 { width: 100vw; height: 59vw; top:13vw; left: 0vw;}
#main h2 { width: 40.69767441860465vw; height: 18.6046511627907vw; top:5.348837209302326vw; right: 2.790697674418605vw;}
#main h3 { width: 95.81395348837209vw; height: 22vw; bottom:8vw; right: 2.093023255813955vw;}
#main h4 { width: 19.30232558139535vw; height: 10.69767441860465vw; bottom:2.790697674418605vw; right: 2.790697674418605vw;}

#wrap { margin-top: 104px;}
	section .inner {
    padding: 70px 15px;
    width: auto;
    margin: 0 auto;
}
	.news li a {flex-direction: column;
    padding: 1.5em 4em 1.5em 1.5em; line-height: 1.5;
}
	.news li a .date {
    width: auto; margin-bottom: .3em;
}
	#stage {flex-direction: column;justify-content: center;
    margin-bottom: 80px;
}
	.stage {
    width: 286px;
    height: 471px; margin: 0 auto;
}
	#stage .arrow { 
    width: 286px; margin: 0 auto;
}
	#stage .arrow figure img { transform: rotate(90deg);}
	#stage .arrows { display: flex;flex-direction: column-reverse; padding-top: 24px;}
	#stage .arrows figure { margin: 1em 0;}
	br.no { display: none;}
	footer { padding: 60px 25px; }
	footer p img { width: 70%; height: auto;}
	
	
	#title h1 {
    font-size: 22px;
}
	section.under .inner { padding: 40px 15px;}
	.areaList li { width: calc( ( 100% - 40px ) / 3); box-sizing: border-box; text-align: center;}
	.areaList li a.bt { width: 100%; font-size:90%;}
	.areaList li:nth-child(3n) { margin-right: 0;}
	
	.table { flex-direction: column;}
	.table li { margin: 0; margin-bottom: 10px;}
	.flex {flex-direction: column; margin-bottom: 2em;}
	.flex > p:first-child {
    width: auto;
}
	#container .box p { line-height: 1.8;}
	
	section.under table th { display: block;}
section.under table td {display: block;}
	section.under table tr { margin-bottom: 10px; display: block;}
	
	header ul li:nth-child(1) a.select:before { opacity: 0;}
	
.reportFlex { flex-direction: column;}
.reportFlex #reports { width: auto; padding: 0 0px; position: relative; z-index: 1; background-color: #202522; position: sticky; top:104px; left: 0;}
.reportFlex .content { width: auto;}
	#reports .inners { max-height: 0; overflow: hidden; transition: all .4s ease 0s; position: absolute; top:60px; left: 0; width: 100%;  background-color: #2A312D; box-sizing:border-box;}
	.reportFlex #reports #reportAC.open+.inners { max-height: 50vh;} 
	#reportAC { padding: 0; height: 60px; line-height: 60px; cursor: pointer; position: relative; padding: 0 20px; display: block;}
	#reports .inners div { padding: 20px;}
	#reportAC:before { width: 60px; height: 100%; position: absolute; top:0; right:0; background-image: url("../img/arrow3.svg"); background-position: center; background-repeat: no-repeat; content: ""; display: block;}
	#reportAC.open:before { transform: rotate(180deg);}
	#reportAC.open { color: #FCD729;}
	
	    .rep .areaList li {
        width: auto;
    }
	.rep .areaList li:nth-child(3n) {
        margin-right: 20px;
    }
	section.under table tr.none { display: none;}
	section.under table.sp tr th~th {background-color: rgba(255, 255, 255, .15);}
	
	header ul li.pull .sub { top:60px; width: 200px;}
	
	section.under table.sp tr { margin-bottom: 20px;}
	section.under table.sp td { margin-bottom: .5em;}
	section.under table.sp tr th:first-child { text-align: center; font-size: 120%; background-color: rgba(0,0,0,0.15);}
	section.under table.sp tr th:first-child:before { content: "No.";}
	
	ul.image { display: block;}
ul.image li {  height: auto; margin: 0 0px 1em 0; }
ul.image li img { width: 100%; height: auto; object-fit: initial;}
}



@media screen and (min-width: 767px) and (max-width: 999px) {
	    .stage {
        width: 70%;
        height: auto;
        display: flex;
        padding-bottom: 80px;
    }
	.stage figure {
    width: 50%;
}
	.stage .inners {
    width: 50%;
}
	    

}