@charset "UTF-8";

/* sp - 599px */
/* tablet 560px - 959px */
/* PC 960px - */

#footer {
	padding-bottom: 30px;
}
.page-top {
	display: block;
	width: 22px;
	height: 11px;
	margin: 0 auto 60px;
	background: url(../images/common/page-top-arrow.svg) 0 0 no-repeat;
	background-size: cover;
}
.footer-gnav {
	margin-bottom: 70px;
	text-align: center;
}
.footer-gnav li {
	margin-bottom: 5.0%;
}
.footer-gnav li:last-child {
	margin-bottom: 0;
}
.footer-gnav li a {
	position: relative;
	display: inline-block;
	font-family: var(--font-eng1);
	font-size: 1.3rem;
	line-height: 1.4;
	letter-spacing: 0.06em;
}
#top .footer-gnav .fnav01 a::after,
#story .footer-gnav .fnav02 a::after,
#intermission .footer-gnav .fnav03 a::after,
#sikou .footer-gnav .fnav04 a::after,
#our-firm .footer-gnav .fnav05 a::after,
#access .footer-gnav .fnav06 a::after {
  content: '';
  position: absolute;
  width: 100%;
  height: 1px; 
  background-color: var(--beige);
  bottom: -4px;
  left: 0;
}
.footer-logo {
	width: 140px;
	margin: 0 auto 40px;
}
.footer-instagram {
	width: 22px;
	margin: 0 auto 40px;
}
.footer-info {
	font-size: 1.0rem;
	text-align: center;
	letter-spacing: 0.01em;
}
.footer-address {
	padding: 0 8%;
}
.footer-tel-mail {
	margin-bottom: 15px;
}
.footer-tel-mail span:first-child {
	margin-right: 10px;
}
.footer-privacy {
	margin-bottom: 60px;
}
.footer-privacy a {
	font-family: var(--font-eng1);
}
.footer-copyright {
  font-family: var(--font-eng1);
	font-size: 1.4rem;
	transform-origin: center center;
}










@media only screen and (min-width: 560px) {
.footer-gnav li {
	margin-bottom: 3.0%;
}
}










@media only screen and (min-width: 960px) {
#footer {
	position: relative;
  padding-top: 120px;
	padding-bottom: 50px;
}
.page-top {
	position: absolute;
	top: 4px;
	right: 10%;
	display: block;
	width: 28px;
	height: 15px;
	margin: 0 auto 60px;
	background: url(../images/common/page-top-arrow.svg) 0 0 no-repeat;
	background-size: cover;
	transition: opacity .4s;
}
.page-top:hover {
	opacity: .2;
}
.footer-gnav {
	display: flex;
	justify-content: center;
	margin-bottom: 95px;
	text-align: center;
}
.footer-gnav li {
	position: relative;
	margin: 0 3% 0 0;
}
.footer-gnav li a {
	font-size: 1.5rem;
	transition: color .4s;
}
.footer-gnav li:last-child {
	margin-right: 0;
}
.footer-gnav li a:hover {
  color: var(--dark-beige);
}
#top .footer-gnav .fnav01 a:hover::after,
#story .footer-gnav .fnav02 a:hover::after,
#intermission .footer-gnav .fnav03 a:hover::after,
#sikou .footer-gnav .fnav04 a:hover::after,
#our-firm .footer-gnav .fnav05 a:hover::after,
#access .footer-gnav .fnav06 a:hover::after {
  background-color: var(--dark-beige);
}
.footer-logo {
	width: 214px;
	margin: 0 auto 37px;
}
.footer-instagram {
	margin: 0 auto 37px;
	transition: opacity .4s;
}
.footer-instagram:hover {
	color: var(--dark-beige);
}
.footer-info {
	font-size: 1.3rem;
}
.footer-address {
	margin-bottom: 3px;
	padding: 0;
}
.footer-tel-mail {
	margin-bottom: 24px;
}
.footer-tel-mail span:first-child {
	margin-right: 20px;
}
.footer-privacy {
	margin-bottom: 40px;
}
.footer-privacy a {
	font-size: 1.4rem;
	transition: color .4s;
}
.footer-privacy a:hover {
  color: var(--dark-beige);
}
}