@import url('https://fonts.googleapis.com/css2?family=Livvic:wght@500&family=Noto+Sans+JP:wght@300;400;500;700&family=Zen+Antique+Soft&display=swap');


/*
    font-family: 'Livvic', sans-serif;

    font-family: 'Noto Sans JP', sans-serif;

    font-family: 'Zen Antique Soft', serif;
*/



/* HTMLのベース指定部分 */
* { 
	font-size :1vw; line-height:2.0em; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0px; letter-spacing:.1em;
	font-family: "Noto Sans JP",'Meiryo',"ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック","Osaka"; font-weight:400;
}
html { width:100%; min-height: 100%; position: relative; }
body { width:100%; display:block; margin:0; padding:0px; color:#444; line-height: 1.25em; }

@media screen and (min-width: 480px) {
	.sp{ display:none !important; }
}
@media screen and (max-width: 480px) {
	* { font-size : 3.5vw; }
	.pc{ display:none !important; }
}
a { color:#555; text-decoration:none; cursor:pointer; }
dl, dt, dd, ul, ol, li, div, h1, h2, h3, h4, h5, h6, p { padding:0; margin:0; font-weight:normal; }
li{ list-style-type:none; }
hr{ clear:both; border:0; margin:0; }
img{vertical-align:middle;}

button, label{cursor:pointer;}
button:hover, label:hover{ opacity:.8; }
th{ font-weight:normal; }
input, textarea, select { border:solid 1px #555; }
@media screen and (max-width: 768px) {
}
@media screen and (max-width: 480px) {
	br{ line-height:1px; }
}

.inview.fadein{ opacity:0; transition: opacity 2.5s;  }
.inview.fadein.view{ opacity:1; }

.inview.fadeup{ opacity:0; transform:translateY(30px); transition: all 2.5s; }
.inview.fadeup.view{ opacity:1; transform:translateY(0); }

.inview.fadeleft{ opacity:0; transform:translateX(30px); transition: all 2.5s; }
.inview.fadeleft.view{ opacity:1; transform:translateX(0); }

.inview.faderight{ opacity:0; transform:translateX(-30px); transition: all 2.5s; }
.inview.faderight.view{ opacity:1; transform:translateX(0); }

.inview.moveleft{ opacity:1; transform:translateX(30px); transition: all 2.5s; }
.inview.moveleft.view{ opacity:1; transform:translateX(0); }



#loader{ display:block; position: fixed; width:100%; height:100%; top:0; left:0; z-index:99; background:#fff; }

header{ position: fixed; top:0; left:0; width:100%; background:rgba(0, 0, 0, 0.5); z-index: 90; }
header * { color:#fff; }
header ol{ display: table; width: 100%; }
header ol>li{ display: table-cell; vertical-align: middle; padding:1.5em; }
header h1 img{ display: block; height:2.2vw; max-height:42px; }
header nav{ text-align: right; }
header nav a{ display: inline-block; padding:0 .8em; }
header div#nav-toggle{ display:none; }
@media screen and (max-width: 480px) {
	header ol>li{ padding:1.0em; }
	header h1 img{ display: block; height:4.0vw; max-height:42px; }
	header.open nav{ animation: openmenu .5s ease-in-out both; display:flex; }
	header.open>ol>li>div>a{ background:url("./img/logo_wh.png") center center no-repeat; background-size: contain; }
	header.open>ol>li a{ color:#fff; }
	header>ol>li>nav{ position:fixed; z-index:-2; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.95); padding:0; overflow:hidden;
		display:none; flex-wrap: wrap; justify-content:center; align-items:center; align-content:center; opacity:1;  }
	header>ol>li>nav>a{ display:block; width:100%; text-align: center; line-height:14vw; font-size:1.2em; }
	header div#nav-toggle{ display:block; position:absolute; top:1vw; right:1vw; width: 12vw; height: 12vw; cursor: pointer; }
	header div#nav-toggle div {position: relative; }
	header div#nav-toggle span {display: block; position: absolute; height: .5vw; width: 7vw; background:#fff; left:2vw; }
	header.transparent div#nav-toggle span { background:#fff; }
	header div#nav-toggle span:nth-of-type(1) {top: 3.5vw; transition: .35s ease-in-out; }
	header div#nav-toggle span:nth-of-type(2) {top: 5.5vw; }
	header div#nav-toggle span:nth-of-type(3) {top: 7.5vw; transition: .35s ease-in-out; }
	header.open div#nav-toggle span{ background:#fff; }
	header.open div#nav-toggle span:nth-of-type(1) {top: 5.5vw; transform: rotate(315deg); }
	header.open div#nav-toggle span:nth-of-type(2) {height: 0;}
	header.open div#nav-toggle span:nth-of-type(3) {top: 5.5vw; transform: rotate(-315deg); }
}

 article{ width:100%; margin:0 auto; overflow-x: hidden; }


article#top{ display: block; width: 100%; height:100vh; overflow: hidden; position:relative; overflow: hidden; }
article#top:after{ content:""; display:block; position: absolute; width: 100%; height:100%; background:url("./img/pattern-01.png"); z-index: 2; }
article#top video{ display: block; position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); min-width: 100%; min-height: 100%; z-index:1; }
article#top h2{ display: block; position: absolute; top: 50%; left: 0%; transform: translateY(-50%); z-index:3; color:#fff; letter-spacing: -.01em; }
article#top h2>p{ font-size:5em; padding-left:6vw; text-shadow: 1px 1px 5px rgba(0,0,0,.5); font-family: 'Zen Antique Soft'; }
article#top h2>span{ display: inline-block; font-size:1.5em; padding:.1em 3em .1em 6vw; background:#000; }
article#top dl{ position: absolute; bottom:13vw; right:2vw; z-index:3; }
article#top dl dt{ text-align: center; padding:.8em; font-size:1.2em; color:#fff; background:rgba(0,0,0,.5); }
article#top dl dd{ padding:0 2em; font-size:1.2em; background:#fff; letter-spacing: -.3em; }
article#top dl dd span{ display: inline-block; vertical-align: baseline; }
article#top dl dd span#price{ font-size:2.2em; letter-spacing: -.01em; }
article#top dl dd span#tani{ font-size:1.1em; padding-left:.5em; }
article#top dl dd span#date{ font-size:1.1em; padding-left:.5em; }
article#top a#signlink{ display: block;position: absolute; bottom:5vw; right:2vw; z-index:3; 
	 color:#fff; background:rgba(0,0,0,.5); width:26.5vw; padding:1em 0; text-align: center; border-radius: 1em; }
article#top a#signlink:hover{ background:rgba(0,0,0,.8); }
article#top a#signlink span{ display: block; font-size:1.2em; line-height: 1.2em; }



article#top div#scl{ position: absolute; bottom:0; left: 50%; transform: translateX(-50%); color: #fff; z-index:3; font-size:1.5em; }
article#top div#scl:after{ content:""; display: block; width:1px; height:2.5em; background:#fff; margin: 0 auto; }
@media screen and (max-width: 768px) {
	article#top h2>p{ font-size:6em; }
	article#top h2>span{ font-size:1.8em; }
	article#top dl dt{ font-size:1.8em; }
	article#top dl dd span#price{ font-size:3.0em; }
	article#top dl dd span#tani{ font-size:1.8em; }
	article#top dl dd span#date{ font-size:1.8em; }
	article#top a#signlink{ width:38vw; }
}
@media screen and (max-width: 480px) {
	article#top h2>p{ font-size:2em; line-height:1.5em; padding-left:12vw; }
	article#top h2>span{ font-size:.6em; padding-left:12vw;}
	article#top dl{ bottom:38vw; left: 50%; transform: translateX(-50%); width:60%; }
	article#top dl dt{ padding:.5em; font-size:1em; }
	article#top dl dd{ padding:0; text-align: center; }
	article#top dl dd span#price{ font-size:1.5em; }
	article#top dl dd span#tani{ font-size:.8em; }
	article#top dl dd span#date{ font-size:.8em; }
	article#top a#signlink{ bottom:20vw; left: 50%; transform: translateX(-50%); width:60%; padding:1em 0; }
	article#top a#signlink span{ font-size:.8em; }
	article#top div#scl:after{ height:1.5em; }
}

article#greeting{ padding:8vw 0 0 0; }
article#greeting section{ position: relative; padding:0 10vw 2vw 0; }
article#greeting dl{ background: #959595 url("./img/logo_002-2a.png") center center no-repeat; color:#fff; }
article#greeting dl dt{ font-size:2.2em; padding:1em 2em; font-family: 'Zen Antique Soft'; }
article#greeting dl dd>p{ padding:0 0 0 8vw; width:75vw; line-height: 1.0em; font-size:1.3em; font-weight: 300; }
article#greeting dl dd>div{ letter-spacing: -.4em; padding:3em 0 9em 0; position: relative; }
article#greeting dl dd>div span{ display:inline-block; margin-top:1vw; line-height:3.0vw; background:linear-gradient(transparent 50%, #000 50%); }
article#greeting dl dd>div #g1{ font-size:1.5em; width:42vw; padding:0 0 0 1.5vw; display:block; margin:0 0 0 auto; font-family: 'Zen Antique Soft'; }
article#greeting dl dd>div #g2{ position: absolute; font-size:2.7em; width:20vw; left:40vw; font-family: 'Zen Antique Soft'; }
article#greeting dl dd>div #g2 img{ display:inline-block; height:2.7em; margin-right:.8em; vertical-align:bottom; }
article#greeting dl dd>div #g3{ position: absolute; font-size:1.5em; width:40vw; padding:0 0 0 6vw; }
article#greeting section>div{ position: absolute; bottom:0; right: 2vw; width:36vw; }
article#greeting section>div>img{ display: block; width: 100%; }
@media screen and (max-width: 480px) {
	article#greeting{ padding:0; }
	article#greeting section{ padding:0; }
	article#greeting dl dt{ font-size:1.4em; padding:1em; }
	article#greeting dl dd>p{ padding:0 1.5em; width:100%; line-height: 1.5em; font-size:1.05em; }
	article#greeting dl dd>div{ letter-spacing:0; padding:45vw 25vw 5em 0; }
	article#greeting dl dd>div span{ display:block; margin-top:1vw; line-height:4.0vw; }
	article#greeting dl dd>div #g1{ font-size:.7em; width:50vw; padding:0 0 0 1.5vw; }
	article#greeting dl dd>div #g2{ position: relative; left:0; font-size:1.5em; text-align: center; width:40vw; }
	article#greeting dl dd>div #g2 img{ height:1.5em; }
	article#greeting dl dd>div #g3{ position: relative; font-size:.7em; text-align: center; width:40vw; padding:0 0 0 6vw; }
	article#greeting section>div{ width:60%; }
	article#greeting section>div>img{ display: block; width: 100%; }
}

article#business{ padding:8vw 6vw 0 6vw; }
article#business h3{ display: inline-block; font-size:3.0em; position: relative; border-bottom: 1px solid #707070; margin-bottom:5vw; padding-right:1em; font-family: 'Livvic';  }
article#business h3 span{ display: block; font-size:1.6vw; line-height:1em; position: absolute; bottom: -.8vw; background: #fff; padding-right:1em; font-family: 'Zen Antique Soft'; }
article#business>dl{ padding:5vw 7vw 0 7vw; }
article#business>dl dt{ position: relative; margin-bottom:2em; letter-spacing: -.4em; }
article#business>dl dt:after{ content: ""; position: absolute; display: block; width: 100%; height:1px; background:#707070; bottom:.7em; z-index:0; }
article#business>dl dt div{ position: relative; z-index:1; display: inline-block; min-width:14vw; padding:0 1em; text-align: center; font-size:1.8em; background:#000; color:#fff; line-height: 1.8em; }
article#business>dl dt span{ position: relative; z-index:1; display:inline-block; font-size:1.4em; line-height:1em; vertical-align: bottom; background:#fff; padding:0 1em; font-family: 'Livvic'; }
article#business>dl dd{ font-size:1.5em; line-height: 2.5em; padding:0 .5em 5vw .5em; }
article#business>dl dd p{ font-size: 1.0em; text-align: right; padding-right: 2em; }
article#business>dl dd span{ display: inline-block; font-size: 1.0em; }
article#business>ol{ display: table; width:90%; margin:4vw auto; }
article#business>ol li{ display: table-cell; text-align: center; vertical-align: middle; }
article#business>ol li>img{ width:100%; }
@media screen and (max-width: 480px) {
	article#business{ padding:16vw 0 0 0; }
	article#business h3{ display: block; font-size:1.5em; width:70%; margin:0 auto 10vw 5vw; padding:0; }
	article#business h3 span{ display: block; font-size:3vw; line-height:1em; position: absolute; bottom: -1.5vw; background: #fff; padding-right:1em; }
	article#business>dl{ padding:0 5vw 15vw 10vw; }
	article#business>dl dt{ margin-bottom:1em; }
	article#business>dl dt:after{ bottom:.5em; }
	article#business>dl dt div{ min-width:14vw; padding:0 1em; font-size:1.0em; line-height: 1.8em; }
	article#business>dl dt span{ font-size:.8em; line-height:1em; padding:0 1em; }
	article#business>dl dd{ font-size:1.0em; padding:0 .5em 5vw .5em; }
	article#business>ol{ display:block; width:100%; }
	article#business>ol li{ display:block; }
}

article#service{ padding:8vw 0 0 8vw; }
article#service h3{ background:#000 url("./img/logo_002-3.png") 98% center no-repeat; background-size:contain;
	color:#fff; font-size:2.8em; padding:1em 2em; position: relative; margin-bottom:5vw; line-height:1em; font-family: 'Livvic'; }
article#service h3 span{ display: block; font-size:.5em; padding:0 0 0 0; font-family: 'Zen Antique Soft'; }
article#service h3 span:after{ content:""; display: inline-block; width:25vw; height:1px; margin:0 .5em; background:#707070; vertical-align: middle; }
article#service h4{ font-size:3.0em; padding:0 0 0 4vw; font-family: 'Zen Antique Soft'; }
article#service>div{ padding:0 8vw 0 14vw; position: relative; }
article#service>div:before{ content:""; display: block; width: 2px; height:50%; position: absolute; top: 50%; transform: translateY(-50%); left:7vw; background: #000; }
article#service>div:after{ content:"scroll"; display: block; position: absolute; top: 50%; left:0; width:14vw; text-align: center; transform: translateY(-50%);
	background: #fff; font-size:1.3em; line-height:2.5em; font-family: 'Livvic'; }
article#service>div a{ display: block; width: 100%; margin-bottom: 3vw; position: relative; }
article#service>div a img.fore{ position: absolute; top:0; left:0; z-index:3; }
article#service>div a:after{ opacity: 0; content:""; display: block; position: absolute; top:0; left:0; width: 100%; height:100%;
	background: rgba(0,0,0,.5) url("./img/service_more.png") center center no-repeat; background-size: contain; z-index:2;  transition: all .5s; }
article#service>div a:hover:after{ opacity: 1; }
article#service>div img{ display: block; width: 100%; }
article#service>div p{ font-size:1.5em; line-height: 2.5em; padding:0 0 20vw 0; }
article#service>div p>span{ display:inline-block; line-height: 2.5em; font-size: 1.0em; }
article#service>div p span#mov{ display:block; position:relative; margin-bottom: 3vw; }
article#service>div p span#mov img.fore{ display:block; width:58%; position:absolute; bottom:0; right:-2vw; }
article#service>div p>img{ margin-bottom: 3vw;  }
article#service>div p:nth-of-type(1){ padding:6vw 0 20vw 0; }
article#service>div p:nth-last-of-type(1){  padding:0 0 5vw 0; }
@media screen and (max-width: 480px) {
	article#service{ padding:16vw 0 0 4vw; }
	article#service h3{ font-size:1.5em; padding:1em 1em; margin-bottom:15vw; }
	article#service h4{ font-size:1.5em; padding:0 0 0 4vw; }
	article#service>div:before{ width: 1px; height:70%; left:5vw; }
	article#service>div:after{ font-size:.6em; width:10vw; }
	article#service>div p{ font-size:1.0em; line-height: 1.4em; padding:0 0 15vw 0; }
	article#service>div p:nth-of-type(1){ padding:15vw 0 15vw 0; }
	article#service>div div{ display:flex; justify-content:space-between; }
	article#service>div a{ display:block; width:48%; }
	article#service>div a:hover:after{ opacity:0; }
}

article#dlg_equipment{ display:none; flex-wrap: wrap; justify-content:center; align-items:center; align-content:center;
	position: fixed; top:0; left:0; width:100%; height:100%; padding:10vw 10vw; z-index:80; }
article#dlg_equipment>div{ width:100%; text-align: right; padding:2em; background: rgba(0,0,0,.8); }
article#dlg_equipment>div a{ display: inline-block; position:relative; border: 1px solid #fff; width:2.0em; height:2.0em; }
article#dlg_equipment>div a:hover{ background:rgba(255,255,255,.2); }
article#dlg_equipment>div a:before{ content:""; display:block; position:absolute; top:50%; left:0; transform: rotate(315deg); width:100%; height:1px; background:#fff; }
article#dlg_equipment>div a:after{ content:""; display:block; position:absolute; top:50%; left:0; transform: rotate(-315deg); width:100%; height:1px; background:#fff; }
article#dlg_equipment section{ width:100%; max-height:90%; background: rgba(0,0,0,.8); overflow: auto; padding:2em 4em 4em 4em; }
article#dlg_equipment section * { color:#fff; font-size:1.4vw; }
article#dlg_equipment section table{ width:100%; border-collapse: collapse; }
article#dlg_equipment section table th{ text-align: center; white-space: nowrap; padding:.2em 2em; border-bottom: 1px solid #fff; }
article#dlg_equipment section table td{ text-align: center; white-space: nowrap; padding:.2em 2em; vertical-align: top; }
article#dlg_equipment section table tr.brrow th{ padding-top:4em; }
@media screen and (max-width: 480px) {
	article#dlg_equipment{ padding:15vw 5vw 5vw 5vw; }
	article#dlg_equipment>div{ padding:1em; }
	article#dlg_equipment>div a{ font-size:4vw; }
	article#dlg_equipment section{ max-height:85%; padding:1em 2em 4em 2em; }
	article#dlg_equipment section * { font-size:3.5vw; }
}

article#profile{ padding:8vw 6vw 0 6vw; }
article#profile h3{ display: inline-block; font-size:3.0em; position: relative; border-bottom: 1px solid #707070; margin-bottom:5vw; padding-right:1em; font-family: 'Livvic'; }
article#profile h3 span{ display: block; font-size:1.6vw; line-height:1em; position: absolute; bottom: -.8vw; background: #fff; padding-right:1em; font-family: 'Zen Antique Soft'; }
article#profile>dl{ padding:5vw 7vw 0 7vw; }
article#profile>dl dt{ position: relative; margin-bottom:2em; letter-spacing: -.4em; }
article#profile>dl dt:after{ content: ""; position: absolute; display: block; width: 100%; height:1px; background:#707070; bottom:.7em; z-index:0; }
article#profile>dl dt div{ position: relative; z-index:1; display: inline-block; min-width:14vw; padding:0 1em; text-align: center; font-size:1.9em;
	background:#000; color:#fff; line-height: 1.8em; font-weight: 500; }
article#profile>dl dt span{ position: relative; z-index:1; display:inline-block; font-size:1.4em; line-height:1em; vertical-align: bottom; background:#fff; padding:0 1em; font-family: 'Livvic'; }
article#profile>dl dd table{ width: 100%;  }
article#profile>dl dd th{ font-size: 1.4em; width:15%; text-align: left; padding:0 .5em; vertical-align:top; }
article#profile>dl dd td{ font-size: 1.4em; }
article#profile>dl dd td span{ display:inline-block; font-size: 1.0em; padding:0 1em 0 0; }

article#profile>dl dd a#signlink{ display: inline-block; color:#fff; background:rgba(0,0,0,.5); padding:1em 1.5em; line-height:1em; border-radius: 1.5em;
	font-size: 1.1em; margin:1vw 0 0 0; }
article#profile>dl dd a#signlink:hover{ background:rgba(0,0,0,.8); }

article#profile>dl dd iframe{ display: block; width: 100%; height:20vw; margin:3vw 0 2vw 0; }


@media screen and (max-width: 480px) {
	article#profile{ padding:16vw 0 0 0; }
	article#profile h3{ display: block; font-size:1.5em; width:90%; margin:0 auto 10vw 5vw; padding:0; }
	article#profile h3 span{ display: block; font-size:3vw; line-height:1em; position: absolute; bottom: -1.5vw; background: #fff; padding-right:1em; }
	article#profile>dl{ padding:0 5vw 0 10vw; }
	article#profile>dl dt{ margin-bottom:1em; }
	article#profile>dl dt:after{ bottom:.5em; }
	article#profile>dl dt div{ min-width:14vw; padding:0 1em; font-size:1.0em; line-height: 1.8em; }
	article#profile>dl dt span{ font-size:.8em; line-height:1em; padding:0 1em; }
	article#profile>dl dd th{ font-size: 1.0em; white-space:nowrap; width:30%; }
	article#profile>dl dd td{ font-size: 1.0em; }
	article#profile>dl dd td span{ display:block; }
	article#profile>dl dd a#signlink{ width:100%; font-size: .8em; margin:2vw 0 0 0; text-align: center; }
	article#profile>dl dd iframe{ display: block; width: 100%; height:80vw; margin:5vw 0 15vw 0; }
}

article#history h3{ padding:8vw 0 0 0; width:28vw; }
article#history h3 p { padding-left:6vw; font-size:2.6em; line-height:1.8em; font-family: 'Zen Antique Soft'; }
article#history h3 div{ padding-left:6vw; font-size:1.5em;  background:#000; color:#fff; font-family: 'Livvic'; }
article#history table{ width:70%; margin: 2vw auto; border-collapse:collapse; }
article#history table td{ font-size: 1.4em; border-bottom:1px solid #000; padding:1em; }
article#history table tr:nth-last-of-type(1) td{ border:0; }
@media screen and (max-width: 480px) {
	article#history h3{ padding:15vw 0 0 0; width:50vw; }
	article#history h3 p { padding-left:6vw; font-size:1.6em; line-height:1.8em; }
	article#history h3 div{ font-size:.8em; }
	article#history table{ width:95%; margin: 2vw auto; }
	article#history table td{ font-size: .8em; padding:1em .5em; }
	article#history table td:nth-of-type(1){ white-space: nowrap; }
	article#history table td:nth-of-type(2){ white-space: nowrap; }
}

article#gaiyo ol{ display: table; table-layout: fixed; width:70%; margin: 4vw auto; }
article#gaiyo ol>li{ display: table-cell; vertical-align: middle; }
article#gaiyo ol>li img{ width: 100%; }
article#gaiyo ol>li table{ width: 100%; }
article#gaiyo ol>li table td{ vertical-align: top; font-size: 1.2em; padding:.5em 1em;}
@media screen and (max-width: 480px) {
	article#gaiyo ol{ display:block; width:100%; margin: 10vw auto; }
	article#gaiyo ol>li{ display:block; padding:.5em 1em; }
	article#gaiyo ol>li table td{ font-size: .8em; padding:.5em 1em;}
}

article#contact{ padding:8vw 6vw 0 6vw; }
article#contact h3{ display: inline-block; font-size:3.0em; position: relative; border-bottom: 1px solid #707070; margin-bottom:10vw; padding-right:8em; font-family: 'Livvic'; }
article#contact h3 span{ display: block; font-size:1.6vw; line-height:1em; position: absolute; bottom: -.8vw; background: #fff; padding-right:1em; font-family: 'Zen Antique Soft'; }
article#contact dl{ width:45vw; margin:0 auto; }
article#contact dl dt{ background: #000; color:#fff; text-align: center; font-size:1.3em; }
article#contact dl dd img{ width: 100%; margin:1.5em 0 0 0; }
article#contact dl dd a:hover{ opacity: .8; }
@media screen and (max-width: 480px) {
	article#contact{ padding:16vw 0 0 0; }
	article#contact h3{ display: block; font-size:1.5em; width:90%; margin:0 auto 10vw 5vw; padding:0; }
	article#contact h3 span{ display: block; font-size:3vw; line-height:1em; position: absolute; bottom: -1.5vw; background: #fff; padding-right:1em; }
	article#contact dl{ width:80%; margin:0 auto; }
}


article#sign-news { padding:8vw 6vw 0 6vw; }
article#sign-news h3{ display: inline-block; font-size:3.0em; position: relative; border-bottom: 1px solid #707070; margin-bottom:10vw; padding-right:8em; font-family: 'Livvic'; }
article#sign-news h3 span{ display: block; font-size:1.6vw; line-height:1em; position: absolute; bottom: -.8vw; background: #fff; padding-right:1em; font-family: 'Zen Antique Soft'; }
article#sign-news dl{ width:45vw; margin:0 auto; }
article#sign-news dl dt{ background: #000; color:#fff; text-align: center; font-size:1.3em; }
article#sign-news dl dd img{ width: 100%; margin:1.5em 0 0 0; }
article#sign-news dl dd a:hover{ opacity: .8; }
@media screen and (max-width: 480px) {
	article#sign-news { padding:16vw 0 0 0; }
	article#sign-news h3{ display: block; font-size:1.5em; width:90%; margin:0 auto 10vw 5vw; padding:0; }
	article#sign-news h3 span{ display: block; font-size:3vw; line-height:1em; position: absolute; bottom: -1.5vw; background: #fff; padding-right:1em; }
	article#sign-news dl{ width:80%; margin:0 auto; }
}





footer{ text-align: center; padding:9vw 0; font-size:1.2em; font-family: 'Livvic'; }
@media screen and (max-width: 480px) {
	footer{ text-align: center; padding:9vw 0; font-size:.7em; }
}



article.mng{ width:100%; max-width:100%; height:100%; position: absolute; display:flex; justify-content:center; align-items:center; align-content:center; z-index: 3; }
article#bg{ z-index: 1; }
article#bg:after{ content:""; display:block; position: absolute; width: 100%; height:100%; background:url("./img/pattern-01.png"); z-index: 2; }
article.mng dl{ background: rgba(0,0,0,.5); padding:5em 2em; color:#fff; }
article.mng dt{ text-align: center; }
article.mng input{ display: block; width:100%; height:3em; margin:.5em; text-align: center; border: 1px solid #ccc; }
article.mng button{ display: block; width:100%; height:3em; margin:.5em; text-align: center; background:#000; color:#fff; border: 1px solid #fff; }