@charset "UTF-8";

/* http://meyerweb.com/eric/tools/css/reset/
v2.0 | 20110126
License: none (public domain)
*/
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 { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body { 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; }

/*
HTML5 display-role reset for older browsers
*/
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body { 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; }
button { -webkit-appearance: button; appearance: none; background-color: transparent; border: none; cursor: pointer; outline: none; padding: 0; -webkit-tap-highlight-color: rgba(0,0,0,0); box-sizing: border-box; }
input, textarea, select { -webkit-appearance: none; appearance: none; outline: none; }
input:focus,textarea:focus { outline: none; }
input:: -moz-focus-inner,button:: -moz-focus-inner { border: 0; }
a { color: #000000; text-decoration: none; -webkit-tap-highlight-color: rgba(0,0,0,0); }
a,a:focus { outline: none; }
img { border: none; vertical-align: bottom; }

/*
------------------------------------------------------------*/
body { width: 100%; min-width: 320px; margin: 0; font-family: 'Noto Serif JP',serif; font-weight: 400; -webkit-text-size-adjust: 100%; font-size: 14px; line-height: 1.5; letter-spacing: 0.1em; color: #121b1f;}
body, ol, ul, dl, dt, dd, h1, h2, h3, h4, h5, h6, h7, form, p,div { margin:0; padding:0; box-sizing: border-box; }
img { border: 0; user-select: none; -webkit-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-drag: none; -khtml-user-drag: none; vertical-align: bottom; }
img { max-width: 100%; }
li { list-style-type: none; }
table, tr, td { border-style: none; vertical-align: top; }
html { font-size: 100%; }

/* IE,Android */
body.ie {font-family: 'Noto Sans JP', Meiryo, sans-serif;}

/* a-link */
a { text-decoration: none; color: inherit; overflow: hidden; -webkit-transition: .2s linear; -moz-transition: .2s linear; -o-transition: .2s linear; }
a img { -webkit-transition: .2s linear; -moz-transition: .2s linear; -o-transition: .2s linear; transition: .2s linear; }
/*a:hover { opacity: 0.7;}*/

.f_left{float: left;}
.f_right{float: right;}
.txt_l{text-align:left!important;}
.txt_c{text-align:center!important;}
.txt_r{text-align:right!important;}

/* clearfix */
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
 * html .clearfix { zoom: 1; }
 *:first-child+html .clearfix { zoom: 1; }
.clearfix:before,.clearfix:after { content: " "; display: table}
.clearfix:after { clear: both}
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/* module
------------------------------------------------------------*/
section{ position: relative;}

.container { width: 90.9090%; max-width: 1000px; margin: auto; position: relative; }
.container-r { width: 85.7%; margin-left: 14.3%; position: relative; }
.container-l { width: 85.7%; margin-right: 14.3%; position: relative; }
.no-pc{display: none !important;} 
.no-sp{display: block !important;}
.serif { font-family: "Noto Serif JP",serif; font-weight: 400;}
.sans { font-family: "Noto Sans JP",sans-serif; font-weight: 400;}
.en-sans { font-family: "Barlow",sans-serif; font-weight: 400;}
.en-serif { font-family: "Bentham",serif; font-weight: 400;}
.flex { display: flex; }
img{width: 100%; height: auto;}

h2.ttl { margin-bottom: 3.57em; }
h2.ttl span { display: inline-block; position: relative; padding-bottom: 0.3em; font-size: 5em; line-height: 1; letter-spacing: 0.05em; }
h2.ttl span:before { content: ""; position: absolute; bottom: 0; left: 3px; width: 50px; height: 3px; background: #121b1f; display: inline-block; }
h2.ttl.white span { color: #FFF; }
h2.ttl.white span:before { background: #FFF; }
h2.ttl.logo-l { text-align: right; position: relative; }
h2.ttl.logo-r { text-align: left; position: relative; }
h2.ttl.logo-l:before,h2.ttl.logo-r:before { content: "Ten Years"; font-size: 8.57em; opacity: 0.1; position: absolute; bottom: -0.17em; }
h2.ttl.logo-l:before { left: 100px; text-align: left; }
h2.ttl.logo-r:before { right: 20%; text-align: right; }

.info { font-size: 1.14em; }
.tel:before { content: ""; width: 12px; height: 13px; display: inline-block; background: url(/img/icon-tell.png) center / 100% no-repeat; margin-right: 5px; }
.info dl { font-size: 0.81em; display: flex; }
.info dl + dl { margin-top: 10px; }
.info dl dt { width: 16%; min-width: 6em; }
.info dl dt span { display: inline-block; border: solid 1px #FFF; text-align: center; padding: 2px 0; width: 100%; }
.info dl dd { width: 84%; margin-left: 10px; padding: 2px 0; }

@media screen and (max-width: 1200px) {
	h2.ttl.logo-l:before { left: 20px; text-align: left; }
	h2.ttl.logo-r:before { right: 20px; text-align: right; }
}
@media screen and (max-width: 1000px) {
.container-r,.container-l { width: 100%; margin: auto; }
}
@media screen and (max-width: 767px) {
  body{font-size: 14px; min-width: 320px;}
  .no-pc{display: block !important;}
  .no-sp{display: none !important;}
	.container-r,.container-l { width: 100%; margin: auto; }
	
	h2.ttl { margin-bottom: 2em; width: 90.9090%; margin: 0 auto 2em;}
	h2.ttl span { font-size: 3em;}
	h2.ttl.logo-l:before { left: 0; }
	h2.ttl.logo-r:before { right: 0;}
	h2.ttl span:before { left: 0; width: 30px; height: 2px;}
	h2.ttl.logo-l:before, h2.ttl.logo-r:before { font-size: 2.5em; bottom: 0.1em; letter-spacing: 0; }
}

@media (max-width: 480px) {
	html { font-size: 84% }
}

/* -------------------------------------------------- */
/* animation */
/* -------------------------------------------------- */
.preload * {-webkit-transition: none !important;-moz-transition: none !important;-ms-transition: none !important;-o-transition: none !important;transition: none !important;}

@keyframes fadeInUp{0%{opacity:0;transform:translate3d(0,40px,0)}to{opacity:1;transform:translateZ(0)}}
.fadeup{animation-duration:1s;animation-fill-mode:both;opacity:0.01;}
.fadeup.animated{animation-name:fadeInUp;transition:.7s ease-out;}

@keyframes fadeInRight{0%{opacity:0;transform: translateX(-20px);}to{opacity:1;transform:translateZ(0)}}
.animation.faderight{animation-duration:1s;animation-fill-mode:both;opacity:0.01;}
.animation.faderight.animated{animation-name:fadeInRight;transition:.7s ease-out;}

@keyframes fadeInLeft{0%{opacity:0;transform: translateX(20px);}to{opacity:1;transform:translateZ(0)}}
.animation.fadeleft{animation-duration:1s;animation-fill-mode:both;opacity:0.01;}
.animation.fadeleft.animated{animation-name:fadeInLeft;transition:.7s ease-out;}

@keyframes LefttoRight{from {opacity:0.3;transform: translateX(-50%); } to { opacity: 1;transform: translateX(0); }}
.animation.lr-anime{animation-duration:0.8s;animation-fill-mode:both;opacity:0.01;}
.animation.lr-anime.animated{animation-name:LefttoRight;transition:.7s ease-out;}

@keyframes RighttoLeft{from {opacity:0.3;transform: translateX(50%); } to { opacity: 1;transform: translateX(0); }}
.animation.rl-anime{animation-duration:0.8s;animation-fill-mode:both;opacity:0.01;}
.animation.rl-anime.animated{animation-name:RighttoLeft;transition:.7s ease-out;}


/* nav
------------------------------------------------------------*/
body { overflow-x: hidden; position: relative; }
header { width: 14.3%; z-index: 100; position: absolute; right: 0; top: 50px; padding: 80px 40px; box-sizing: border-box; }
header li, #drawer li { font-family: "Bentham",serif; font-weight: 400; font-size: 1.57em; color: #FFF; }
header li + li { margin-top: 25px; }
header li a, #drawer li a{ transition: .3s;}
header li a:hover,#drawer li a:hover{ opacity: .5;}
.nav-toggle { display: block; width: 30px; margin-bottom: 35px; }
.nav-toggle div { position: relative; height: 12px; }
.nav-toggle span { display: block; position: absolute; height: 2px; width: 100%; left: 0; background: #999; }
.nav-toggle.open span { background: #FFF; }
.nav-toggle span:nth-child(1) { top: 0; }
.nav-toggle span:nth-child(2) { top: 5px; }
.nav-toggle span:nth-child(3) { bottom: 0; }

.nav-toggle.open span:nth-of-type(1) { -webkit-transform: translateY(6px) rotate(-45deg); transform: translateY(6px) rotate(-45deg); }
.nav-toggle.open span:nth-of-type(2) { left: 50%; opacity: 0; -webkit-animation:active-menu-bar02 .8s forwards; animation:active-menu-bar02 .8s forwards; }
@-webkit-keyframes active-menu-bar02 { 100% { height: 0; }}
@keyframes active-menu-bar02 { 100% { height: 0; }}
.nav-toggle.open span:nth-of-type(3) { -webkit-transform: translateY(-3px) rotate(45deg); transform: translateY(-3px) rotate(45deg); }

#drawer { display: block; position: fixed; top: 0; right: -240px; width: 240px; height: 100%; background: #ffffff; z-index: 200; overflow: scroll;}
#drawer li a { color: #121b1f; padding: 14px; display: block;}
.overlay.open { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0,0,0,0.6); z-index: 1;}

@media print, screen and (min-width: 1000px){
#nav-toggle { display: none;position: absolute;right: 0;top: 0;width: 80px;height: 60px;cursor: pointer;z-index: 300;padding: 8px 20px;}
header #nav-toggle div { margin: 15px auto 0; }
header.is-scroll { position: fixed; top: 0; left: 0;width: 100%; padding: 0;}	
header.is-scroll .pc_nav,header.is-scroll #top-nav-toggle{ display: none;}
header.is-scroll #nav-toggle { display: block;}
	
}

@media print, screen and (max-width: 999px) {
header { position: fixed; top: 0; left: 0; width: 100%; height: 60px; background: none ; z-index: 100; padding: 0; }
header .pc_nav { display: none; }
#top-nav-toggle{ display: none;}
#nav-toggle { transition: .3s; position: absolute; right: 5px; top: 0; width: 60px; height: 60px; cursor: pointer; z-index: 300; padding: 20px 10px;}
}


/* mv
------------------------------------------------------------*/
#mv:before { content: ""; position: absolute; top: 50px; left: 0; width: 100%; height: 100%; background: #121b1f; }
#mv h1.logo { font-size: 8.57em; line-height: 1; position: absolute; color: #FFF; bottom: 125px; right: -40px; z-index: 2; }
#mv h1.logo span { font-size: 0.16em; display: block; padding-left: 1em; }
#mv .point { position: absolute; z-index: 1; bottom: -30.5%; right: 0; width: 25%; max-width: 304px; }

@media print, screen and (min-width: 1000px) and (max-width: 1399px) {
	header { top: 20px; }
	header li + li { margin-top: 20px; }
	#mv .point { bottom: -30.5%; width: 18%; }
	#mv h1.logo { bottom: 30px; }
}

@media print, screen and (min-width: 1000px){
	#pc-nav-toggle { display: block; margin-bottom: 25px; }
}
@media print, screen and (max-width: 999px){
	
	#drawer {
    display: block;
    position: fixed;
    top: 0;
    right: -240px;
    width: 240px;
    height: 100%;
    background: #ffffff;
    z-index: 200;
    overflow: scroll;
}
	
	header { top: 0px; }
	header li, #drawer li { font-size: 1.27em; }
	header li + li { margin-top: 15px; }
	#pc-nav-toggle { display: none; }
	#mv:before { content: none; }
	#mv h1.logo { font-size: 6.57em; right: 20px; bottom: 60px; }
	#mv .point { bottom: -30.5%; width: 25%; }
}
@media print, screen and (max-width: 767px) {
	#mv .container-l { width: 100%; margin: auto; }
	#mv h1.logo { font-size: 4.8em; bottom: 20px; right: 8px; }
	#mv figure { margin-top: -1px;}
}


/* news
------------------------------------------------------------*/
#news { background: #121b1f; padding: 100px 0 0; color: #FFF; }
#news .facebook { width: 40%; height: 380px; }
#news .info { width: 49%; margin-left: 11%; font-size: 1.14em; }
#news .info .tel { margin: 10px 0 20px; }
#news .info .link-list { margin-top: 35px; font-size: 0.87em; width: 350px; }
#news .info .link-list li a { display: block; width: 100%; text-align: center; padding: 5px 0; transition: .3s; }
#news .info .link-list li a:hover { opacity: .8;}
#news .info .link-list li.fb a { background: #3b5998; }
#news .info .link-list li.hp a { background: #d0111b; }
#news .info .link-list li.rt a { background: #ffa014; }
#news .info .link-list li.tl a { background: #ff9600; }
#news .info .link-list li.gn a { background: #de0111; }
#news .info .link-list li.tw a { background: #5eaade; }
#news .info .link-list li.in a { background: -moz-linear-gradient(bottom left,#e6002d,#be00a4 50%,#4800b3); background: -webkit-linear-gradient(bottom left,#e6002d,#be00a4 50%,#4800b3); background: linear-gradient(to top right,#e6002d,#be00a4 50%,#4800b3); }
#news .info .link-list li.go a { background: #dd4b39; }

@media print, screen and (max-width: 999px) {
	#news .info { width: 54%; margin-left: 6%; }
}
@media print, screen and (min-width: 768px) {
	#news .info .link-list li { width: 31.5%; margin-left: 2.75%; float: left; }
	#news .info .link-list li:nth-of-type(3n-2) { margin-left: 0; }
	#news .info .link-list li:nth-of-type(n+4) { margin-top: 10px; }
}
@media print, screen and (max-width: 767px) {
	#news { padding: 50px 0; }
	#news h2.ttl { width: 100%;}
	#news .flex { display: block;}
	#news .facebook { width: 100%; text-align: center;}
	#news .info { width: 100%; margin-left: 0; margin-top: 30px;}
	
	#news .info .link-list { width: 100%;}
	#news .info .link-list li { width: 48%; float: left;}
	#news .info .link-list li:nth-of-type(even) { margin-left: 4%;}
	#news .info .link-list li:nth-of-type(n+3) { margin-top: 15px; }
	#news .info .link-list li a { padding: 10px 0;}
}


/* concept
------------------------------------------------------------*/
#concept { padding: 150px 0 0; }
#concept .concept-list li { background: #121b1f; color: #FFF; height: 500px; position: relative; overflow: hidden; }
#concept .concept-list li .txt { display: table; width: 550px; height: 100%; position: relative; z-index: 1; }
#concept .concept-list li:nth-of-type(odd) figure:before { content: ""; position: absolute; top: 0; left: 0; width: 0; height: 0; border-style: solid; border-width: 500px 150px 0 0; border-color: #121b1f transparent transparent transparent;}
#concept .concept-list li:nth-of-type(even) figure:before { content: ""; position: absolute; top: 0; right: 0; width: 0;height: 0;border-style: solid;border-width: 0 0 500px 150px;border-color: transparent transparent #121b1f transparent;}
#concept .concept-list li .txt .txt-inner { display: table-cell; vertical-align: middle; }

#concept .concept-list li figure img { width: auto; height: 100%;}
#concept .concept-list li:nth-of-type(odd) figure { right: 0; }
#concept .concept-list li:nth-of-type(even) figure { left: 0; }
#concept .concept-list h3.ttl { font-size: 2.57em; margin-bottom: 1.1em; }
#concept .concept-list h3.ttl small { display: block; font-size: 0.38em; margin-bottom: 3em; }
#concept .concept-list h3.ttl small span:before { content: ""; display: inline-block; width: 2em; height: 1px; background: #FFF; vertical-align: 0.3em; margin: 0 3px; }
#concept .concept-list li.speaker h3.ttl small + span:before { content: "店頭初"; position: absolute; top: 0.75em; left: 0; font-size: 0.47em; display: inline-block; border: solid 1px #FFF; width: 4em; text-align: center; }
#concept .concept-list li.speaker h3.ttl small + span { position: relative; padding-left: 2.5em; display: inline-block; }
#concept .concept-list li p { line-height: 2.14em; }

@media print, screen and (min-width: 1400px) {
	#concept .concept-list li:nth-of-type(odd) .txt { padding-left: 100px; }
	#concept .concept-list li:nth-of-type(even) .txt { padding-right: 100px; float: right; }
}
@media print, screen and (min-width: 768px) and (max-width: 1399px) {
	#concept .concept-list li { height: 400px;}
	#concept .concept-list li:nth-of-type(odd) .txt { padding-left: 50px; }
	#concept .concept-list li:nth-of-type(even) .txt { padding-right: 50px; float: right;}
}
@media print, screen and (min-width: 768px) {
	#concept .concept-list li figure { position: absolute; top: 0; z-index: 0; height: 100%; }
	#concept .concept-list li.speaker .txt { width: 720px; }
}
@media print, screen and (max-width: 767px) {
	#concept { padding: 50px 0 0; }
	#concept .concept-list li { height: auto; }
	#concept .concept-list li:nth-of-type(odd) figure:before,#concept .concept-list li:nth-of-type(even) figure:before { content: none; }
	#concept .concept-list li p { line-height: 1.8em; }
	#concept .concept-list li .txt { display: block; width: 100%; padding: 20px 20px 40px; }
	#concept .concept-list li figure img { width: 100%; height: auto; }
	#concept .concept-list h3.ttl small { font-size: 0.5em; margin-bottom: 1.5em; }
	#concept .concept-list h3.ttl { font-size: 1.8em; margin-bottom: 0.5em; }
	#concept .concept-list li .txt .txt-inner { display: block; text-align: center; }
	#concept .concept-list h3.ttl small span { display: block; font-size: 1.5em; }
	#concept .concept-list h3.ttl small span:before { content: none; }
	#concept .concept-list li.speaker h3.ttl small + span { padding-left: 0; padding-top: 1.5em; }
	#concept .concept-list li.speaker h3.ttl small + span:before { content: "店頭初"; position: absolute; top: 0; left: 25%; font-size: 0.5em; display: inline-block; border: solid 1px #FFF; width: 50%; text-align: center; padding: 4px 0; }	
}


/* menu
------------------------------------------------------------*/
#menu { padding: 150px 0 0; }
#menu .menu-box { padding: 60px 120px; box-shadow: 0px 0px 76px 24px rgba(18,27,31,0.05); }
#menu .menu-box h4.ttl { font-size: 2.14em; padding-left: 10px; line-height: 1; margin-bottom: 0.86em; }
#menu .menu-box h5.ttl { display: inline-block; border: solid 1px #121b1f; min-width: 10.7em; padding: 8px 1em 6px; line-height: 1; margin-bottom: 1.42em; text-align: center; letter-spacing: 0;}
#menu .menu-box h4 + div { margin-bottom: 50px; }
#menu .menu-box h5 + div { margin-bottom: 30px; }
#menu .menu-box > div:last-of-type { margin-bottom: 0; }
#menu .menu-box dl { border-bottom: solid 1px #e8e8ec; float: left; width: 46.8%; padding: 20px 10px; display: table; }
#menu .menu-box dl:nth-of-type(-n+2) { border-top: solid 1px #e8e8ec; }
#menu .menu-box dl:nth-of-type(even) { margin-left: 6.4%; }
#menu .menu-box dt, .menu-box dd { font-size: 1.14em; display: table-cell; vertical-align: middle; }
#menu .menu-box dd { width: 8.8em; padding-left: 0.5em;}
#menu .menu-box dd span { font-size: 0.75em; }

@media print, screen and (min-width: 1000px) and (max-width: 1399px) {
	#menu .menu-box { padding: 60px 60px;}
}
@media print, screen and (min-width: 768px) and (max-width: 999px) {
	#menu .menu-box { padding: 60px 40px;}
	#menu .menu-box dl:nth-of-type(even) { margin-left: 3%;}
	#menu .menu-box dl { width: 48.5%;}	
}
@media print, screen and (max-width: 767px) {
	#menu { padding: 50px 0 0; }
	#menu .menu-box { width: 95.45%; padding: 30px 20px 40px; margin-left: 4.55%; }
	#menu .menu-box dl:nth-of-type(even) { margin-left: 0; }
	#menu .menu-box dl { width: 100%; }
	#menu .menu-box dl:nth-of-type(-n+2) { border-top: none; }
	#menu .menu-box dl:first-of-type { border-top: solid 1px #e8e8ec; }
	#menu .menu-box dt, .menu-box dd { font-size: 1em; }
}


/* party
------------------------------------------------------------*/
#party { padding: 150px 0 0; }
#party h2.ttl.logo-l:before { left: 17%; }
#party .party-box { position: relative; }
#party .party-box .txt { position: absolute; bottom: 60px; right: 0; z-index: 1; color: #FFF; width: 83%; }
#party h3.ttl { font-size: 2.14em; margin-bottom: 30px; }
#party .party-box .txt p { line-height: 2.14em; }

@media print, screen and (min-width: 768px) and (max-width: 1399px) {
	#party .party-box .txt { width: 100%; padding-left: 50px;}
	#party h2.ttl.logo-l:before { left: 20px;}
}
@media print, screen and (min-width: 768px) and (max-width: 999px) {
	#party .party-box .txt { bottom: 30px;}
}
@media print, screen and (max-width: 767px) {
	#party { padding: 50px 0 0; }
	#party h2.ttl.logo-l:before { left: 0; }
	#party .party-box { background: #121b1f; }
	#party .party-box .txt { position: inherit; right: inherit; width: 90.9090%; margin: auto; bottom: inherit; padding: 30px 0; }
	#party h3.ttl { font-size: 1.8em; margin-bottom: 20px; }
	#party .party-box .txt p { line-height: 1.8em; }
}


/* access
------------------------------------------------------------*/
#access { padding: 150px 0; }
#access .txt { width: 83%; margin-bottom: 3.57em; }
#access h2.ttl { width: 33.5%; margin: 0; }
#access .access-info { width: 66.5%; display: flex; }
#access .access-info h5 { font-size: 1.14em; letter-spacing: 0; margin-bottom: 1.5em; }
#access .access-info h5 span { font-size: 1.25em; font-weight: bold; display: inline-block; margin-right: 0.25em; }
#access .access-info p { line-height: 2.14em; }
#access .access-info li { border-left: solid 1px #000; padding-left: 1.42em; width: 48%; }
#access .access-info li + li { margin-left: 4%; }
#access #map-canvas { width: 100%; height: 500px; background: #eee; }

@media print, screen and (max-width: 1200px) {
	#access .txt { width: 98%;}
}
@media print, screen and (min-width: 768px) and (max-width: 999px) {
}
@media print, screen and (max-width: 767px) {
	#access { padding: 50px 0; }
	#access .txt { display: block; width: 90.9090%; margin: 0 auto 30px; }
	#access h2.ttl { width: 100%; margin: 0 auto 2em; }
	#access .access-info { width: 100%; margin: auto; display: block; }
	#access .access-info li { width: 100%; border-left: none; padding-left: 0;}
	#access .access-info li + li { margin-left: 0; margin-top: 20px; }
	#access .access-info h5 { margin-bottom: 0.5em; padding-bottom: 3px; border-bottom: solid 1px #000; }
	#access .access-info p { line-height: 1.8em; }
}


/* footer
------------------------------------------------------------*/
footer { padding: 150px 0; background: #121b1f; color: #FFF; }
footer .container { position: relative; }
footer .flex { font-size: 1.14em; align-items: baseline; margin-bottom: 1.25em; }
footer h2.logo span { font-size: 1.87em; margin-left: 0.2em; }
footer address { margin-left: 5em; }
footer .tel { margin-left: 1em; }

@media print, screen and (min-width: 1000px) {
	footer .copyright { position: absolute; bottom: 0; right: 0; }
}

@media print, screen and (max-width: 999px) {
	footer { padding: 50px 0; }
	footer .flex { display: block; text-align: center; }
	footer address,footer .tel { margin-left: 0; margin-top: 10px;}
	footer .copyright { display: block; margin-top: 20px; text-align: center;}
}

@media print, screen and (max-width: 767px) {
}