@charset "UTF-8";
/* = margin
------------------------------------------------- */
.marB1e {
 margin-bottom: 1rem;
}

/* = padding
------------------------------------------------- */
.padBc5e {
 padding-bottom: .5rem;
}

/* = font size
 ------------------------------------------------- */
.fs8 {
 font-size: 80%;
}

/* = paragraph
------------------------------------------------- */
p {
 color: #333;
 text-align: justify;
 line-height: 180%;
 letter-spacing: 1px;
}

/* = color
------------------------------------------------- */
.colff {
 color: #fff;
}

/* = a
------------------------------------------------- */
nav a {
 color: #fff;
}

nav a:link, nav a:visited {
 color: #fff;
}

nav a:focus {
 outline: thin dotted;
}

nav a:hover, nav a:active {
 outline: none;
}

/* = line height
------------------------------------------------- */
.linHei1 {
 line-height: 1;
}

/* = display
------------------------------------------------- */
.disBlo {
 display: block;
}

.disNon {
 display: none;
}

/* = header logo
------------------------------------------------- */
.flex.container {
 display: flex;
 align-items: center;
}

.note {
 font-size: 3vw;
 line-height: 1;
 display: block;
}

.note p {
 margin: 0;
}

.recycle-img {
 display: none;
}

.recycle p,.copy p {
 line-height: 1.2;
}

.copy .texAliNote,.recycle p {
 text-align: left;
}

.copyRight {
 margin-bottom: 0;
 font-size: 3vw;
 text-align: center;
 letter-spacing: 0;
}

#top-header {
 margin-bottom: .5rem;
 box-shadow: 0px 3px 5px -4px rgba(0, 0, 0, 0.5);
}

.site-logo {
 vertical-align: bottom;
}

.smp {
 display: inline-block;
}

.pc {
 display: none;
}

.information {
 padding: .5rem;
}

:root {
 --swiper-navigation-size: 22px;
}

.sub-info.fleGro1 {
 flex-grow: 0;
}

.sub-info {
 display: block;
 z-index: 9999
}

.sub-info .close a {
 color: #fff;
 font-weight: bold;
 outline: none;
}

.information ul {
 list-style-type: none;
 display: -webkit-box;
 display: -webkit-flex;
 display: -ms-flexbox;
 display: flex;
}

.sub-info .disBlo {
 display: none;
}

#top-main {
 display: none;
}

.flexItemsFooNav {
 flex-basis: 100%;
}

/* = container
------------------------------------------------- */
#wrap {
 margin: 0 auto;
 text-align: left;
 position: relative;
}

#wrap.position-fixed {
 position: fixed;
}

#container {
 height: auto !important;
}

/* = icon
------------------------------------------------- */
#icon .plusIcon {
 padding: 0;
 width: 3px;
 height: 14px;
 background: rgba(255, 255, 255, .8);
 position: absolute;
 top: .3rem;
 right: .8rem;
 transition: all .3s ease;
}

#icon .plusIcon:before {
 width: 13px;
 height: 3px;
 margin-top: -2px;
 margin-left: -6.5px;
 background: rgba(255, 255, 255, .8);
 display: block;
 content: "";
 position: absolute;
 top: 50%;
 left: 50%;
}

:root {
 --swiper-navigation-size: 22px
}

/* = icon
------------------------------------------------- */
#panel-btn {
 position: relative;
 height: 22px;
 display: inline-flex;
}

#panel-btn-icon {
 display: block;
 position: absolute;
 top: 50%;
 left: 20%;
 width: 24px;
 height: 3px;
 margin: -1px 0 0 -12px;
 background: #2196F3;
 transition: .2s;
}

#panel-btn-icon:before {
 margin-top: -8px;
 display: block;
 content: "";
 position: absolute;
 top: 0;
 left: 0;
 width: 24px;
 height: 3px;
 background: #2196F3;
 transition: .3s;
}

#panel-btn-icon:after {
 margin-top: 8px;
 display: block;
 content: "";
 position: absolute;
 top: 0;
 left: 0;
 width: 24px;
 height: 3px;
 background: #2196F3;
 transition: .3s;
}

#panel-btn .close {
 background: transparent;
}

.close #panel-btn-icon:before, .close #panel-btn-icon:after {
 background: #fff;
}

#panel-btn .close:before, #panel-btn .close:after {
 margin-top: 0;
}

#panel-btn .close:before {
 transform: rotate(-45deg);
 -webkit-transform: rotate(-45deg);
}

#panel-btn .close:after {
 transform: rotate(-135deg);
 -webkit-transform: rotate(-135deg);
}

#top-header.close .sub-info ul {
 display: none;
}

#top-header.close #panel-btn.disNon {
 display: inline-flex;
}

/* = over lay
------------------------------------------------- */
#overlay {
 display: none;
}

#overlay {
 width: 100%;
 height: 100%;
 padding-top: 2%;
 position: fixed;
 top: 0;
 left: 0;
 background: rgba(0, 0, 0, .8);
 overflow: hidden;
 overflow-y: scroll;
 z-index: 999;
}

.overlay-logo {
 padding-left: 2%
}

.overlay-nav {
 margin-top: .5rem;
 padding: 2% 6%;
 text-align: left;
}

.smp-back {
 margin-bottom: 1rem;
}

.smp-back p {
 text-align: center;
}

.smp-back a {
 color: #fff;
 font-weight: bold;
}

.overlay-nav .nest {
 margin-left: .6rem;
}

.overlay-nav .top-nav li {
 border: none;
}

.overlay-nav ul {
 list-style: none;
}

.overlay-nav .top-nav li a {
 color: #fff;
}

.overlay-top-nav {
 color: #fff;
 list-style: none;
}

.overlay-top-nav a {
 color: #fff;
}

.box {
 margin-bottom: 1rem;
}

.overlay-nav .header {
 margin-bottom: .5%;
 color: #fff;
 font-weight: bold;
 line-height: 1.4;
 display: inline-block;
}

.child {
 margin-bottom: 0;
 line-height: 1.4;
}

.overlay-nav .child a {
 padding: .2rem 2%;
 color: #fff;
 display: block;
 transition: background-color .2s linear;
}

.overlay-nav .child a:hover {
 color: #ff8800;
 background: rgba(0, 0, 0, .2);
 transition: color .3s ease, background-color .4s linear;
}

.overlay-nav .listMark:before {
 background: #fff;
 top: 14px;
 left: -.3rem;
}

.overlay-nav .listMark:after {
 border-right: 1px solid #fff;
 border-bottom: 1px solid #fff;
 top: 12px;
 left: -.3rem;
}

.shop-link {
 width: 90%;
 margin: 0 auto 2rem;
 padding: .5rem;
 border: 3px solid rgba(255, 255, 255, .1);
 background: rgba(255, 255, 255, .3);
 border-radius: 10px;
 transition: all .3s;
}

.shop-link:hover {
 border: 3px solid rgba(255, 255, 255, .3);
 background: rgba(255, 255, 255, .6);
 transition: all .3s;
}

.shop-link .para {
 margin-bottom: 0;
 color: #fff;
 font-size: 120%;
 text-align: center;
}

.shop-link a {
 width: 100%;
 color: #fff;
 display: -webkit-box;
 display: -webkit-flex;
 display: -ms-flexbox;
 display: flex;
 flex-wrap: wrap;
 align-items: center;
 justify-content: center;
}

.shop-link a span {
 flex-basis: 100%;
}

.shop-link a:hover {
 text-shadow: 1px 1px 1px rgba(0, 0, 0, .5);
}

.industry {
 font-size: 70%;
 letter-spacing: -1px;
 vertical-align: middle;
}

.menuName {
 padding: 2% 2% 2% 2rem;
 outline: none;
}

/* = navigation
------------------------------------------------- */
.bottom {

}

.footerMenu {
 padding: 2rem 1rem .5rem;
 background: url(../../images/night-factory-480w.webp) no-repeat center bottom / cover;
}

.bottom nav {
 margin-bottom: 1rem;
 text-align: left;
}

.bottom nav a {
 font-size: 1.2rem;
 transition: background 0.3s ease;
}

.bottom nav a:hover {
 color: #ffcc00;
}

/* = footer
------------------------------------------------- */
footer.bottom {
 color: #fff;
 background-color: #eef1f2;
}

.footerMenu {
 padding: 1rem;
}

.bottom nav div {
 margin-bottom: .8rem;
}

.guideBottom {
 padding: 1rem;
}

.pcFlex {
 padding: 1rem 0 0;
}

.project-banner-footer {
 width: min(60%, 280px);
 margin: 2rem auto;
 padding: .5rem;
 background: rgba(0, 0, 0, .6);
}

.project-banner-footer img {
 width: 100%;
 margin-bottom: .5rem;
 flex-basis: 100%;
}

.project-banner-footer p {
 font-size: .8rem;
 color: #fff;
 line-height: 1.2;
 letter-spacing: -1px;
 flex-basis: 100%;
}

.name-address {
 margin-bottom: 1rem;
}

.company-name {
 margin-bottom: .5rem;
 font-size: 1.5rem;
 line-height: 1.2;
 text-align: center;
}

.location {
 margin-bottom: .5rem;
 text-align: center;
 letter-spacing: -1px;
}

.inquiriesPhone {
 margin-bottom: .5rem;
 font-size: 1rem;
 line-height: 1;
 text-align: center;
 letter-spacing: 3px;
}

.telephone {
 margin-bottom: .5rem;
 font-size: 1.8rem;
 line-height: 1;
 text-align: center;
 letter-spacing: 2px;
}

.telephone:before {
 content: "";
 display: inline-block;
 width: 36px;
 height: 22px;
 background: url(../../images/free-call-logo.png) no-repeat 0 0;
 vertical-align: middle;
}

.telephone:before {
 display: inherit;
 width: auto;
 height: auto;
 background: none;
}

.hours {
 margin-bottom: 0;
 font-size: .9rem;
 line-height: 1;
 text-align: center;
}

.tel {
 font-size: 80%;
 font-weight: normal;
}

.social-media-network-icon {
 margin: 1rem auto;
 display: -webkit-box;
 display: -webkit-flex;
 display: -ms-flexbox;
 display: flex;
 justify-content: center;
}

.social-media-network-icon img {
 width: 90%;
 max-width: 35px;
}

.social-media-network-icon a {
 margin-right: 1rem;
}

.social-media-network-icon a:last-child {
 margin-right: 0;
}

.youtube-video-responsive {
 width: 100%;
 position: relative;
 overflow: hidden;
}

.youtube-video-responsive:before {
 padding-top: 5%;
 display: block;
 content: '';
}

.youtube-video-responsive iframe {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
}

.prohibitedMatter {
 width: 95%;
 margin: 0 auto 1rem;
 font-size: .9rem;
 line-height: 1.2;
 text-align: center;
 letter-spacing: -.5px;
}

.most.bottom {
 padding: 0 1rem 1rem;
}

.nest {
 margin-left: 0;
}

.listMark {
 position: relative;
}

.listMark::after, .listMark::before,
.lm-add::after, .lm-add::before {
 display: block;
 content: '';
 position: absolute;
}

.listMark::after {
 top: 50%;
 left: -.4rem;
 width: 4px;
 height: 4px;
 margin-top: -2px;
 border-right: 1px solid #fff;
 border-bottom: 1px solid #fff;
 -webkit-transform: rotate(-45deg);
 transform: rotate(-45deg);
}

.listMark::before {
 top: 50%;
 left: -.4rem;
 width: 4px;
 height: 1px;
 background: #fff;
}

/* drop down */
.ac-trigger {
 position: relative;
 cursor: pointer;
}

.ac-block .ac-content {
 display: none;
 opacity: 0;
 animation: fadeOut .5s ease 0s 1 normal forwards;
}

@keyframes fadeOut {
 0% {
  display: block;
  opacity: 1;
 }

 100% {
  display: none;
  opacity: 0;
 }
}

.ac-block.is-active .ac-content {
 display: block;
 animation: fadeIn .5s ease 0s 1 normal forwards;
}

@keyframes fadeIn {
 0% {
  display: none;
  opacity: 0;
 }

 1% {
  display: block;
  opacity: 0;
 }

 100% {
  display: block;
  opacity: 1;
 }
}

@keyframes hideop {
 0% {
  opacity: 1;
 }

 100% {
  opacity: 0;
  display: none;
 }
}

.item {
 padding: 1rem;
 display: block;
 background-color: #177d35;
 color: #FFFFFF;
}

.item.is-active {
 animation: hideop 1s linear 0s;
 animation-fill-mode: forwards;
}

.nest li a {
 padding: 1%;
 display: block;
}

.nest li a:hover {
 color: #fff;
 background: rgba(255, 255, 255, .2)
}

.ac-block > ul > li > a {
 margin-bottom: 0;
 padding: .4rem;
 font-size: 1.2rem;
 transition: background .3s ease;
 position: relative;
}

.ac-block > ul > li > a:before,
.ac-block > ul > li > a:after {
 content: "";
 width: 10px;
 height: 2px;
 position: absolute;
 top: 50%;
 right: .4rem;
 background: #fff;
 margin-top: -1px;
 transition: transform .3s ease;
}

.ac-block > ul > li > a:after {
 transform: rotate(90deg);
}

.ac-block.is-active > ul > li > a:before {
 transform: rotate(45deg);
}
.ac-block.is-active > ul > li > a:after {
 transform: rotate(135deg);
}

.ac-block.is-active .ac-content li {
 padding: 0;
}

.is-active .ac-trigger span {
 margin-bottom: 0;
 border: none;
}

.is-active .nest {
 margin-left: 0;
 padding: .5rem 1rem;
 background: #fff;
}

.ac-block.is-active .ac-content li:last-child {
 margin-bottom: 0;
 padding-bottom: 0;
}

.ac-block.is-active > ul > li > a {
 margin-bottom: 0;
 border: none;
 background: rgba(255, 255, 255, .2);
}

.ac-block.is-active > ul > li > a:hover {
 color: #fff;
}

.ac-block.is-active > ul > li > ul > li > a {
 padding: .2rem;
}

.ac-block.is-active > ul > li > ul > li > a:hover {
 color: #0070a8;
 background: rgba(0, 0, 0, .03);
}

.ac-block > ul > li > a {
 margin-bottom: 0;
 padding: 1%;
 font-size: 1.2rem;
}

.ac-block > ul > li > a:hover {
 color: #fff;
 background: rgba(255, 255, 255, .2);
}

.is-active .nest a {
 color: #2196F3;
 display: block;
}

span.arrow {
 color: #fff;
 position: absolute;
 top: 50%;
 right: .8rem;
}

span.arrow:after {
 border-top: solid 2px #fff;
 border-right: solid 2px #fff;
 top: 0;
 right: 0;
}

@keyframes fadeOut {
 0% {
  display: block;
  opacity: 1;
 }

 100% {
  display: none;
  opacity: 0;
 }
}

@keyframes fadeIn {
 0% {
  display: none;
  opacity: 0;
 }

 1% {
  display: block;
  opacity: 0;
 }

 100% {
  display: block;
  opacity: 1;
 }
}

.smp-display {
 display: none;
}

/* = design
------------------------------------------------- */
nav .paragraph {
 color: #ffffff;
 font-size: 110%;
}

/* = flex container (continue action)
------------------------------------------------- */
.flexContainer {
 display: -webkit-box;
 display: -webkit-flex;
 display: -ms-flexbox;
 display: flex;
}

.flexContainerWrap {
 display: -webkit-box;
 display: -webkit-flex;
 display: -ms-flexbox;
 display: flex;
 flex-wrap: wrap;
}

.flexContainerNowrap {
 display: -webkit-box;
 display: -webkit-flex;
 display: -ms-flexbox;
 display: flex;
 flex-wrap: nowrap;
}

/* action */
.acFstart {
 align-content: flex-start;
}

.jcCenter {
 justify-content: center;
}

.jcEnd {
 justify-content: flex-end;
}

.jcSpaBet {
 justify-content: space-between;
}

.aliItefStart {
 align-items: flex-start;
}

.aliIteCenter {
 align-items: center;
}

.fleBas25 {
 flex-basis: 25%;
}

.fleBas50 {
 flex-basis: 50%;
}

.fleBas100 {
 flex-basis: 100%;
}

/* item */
.fleGro1 {
 flex-grow: 1;
}

.fleGro2 {
 flex-grow: 2;
}

.fleGro3 {
 flex-grow: 3;
}

.fleGro4 {
 flex-grow: 4;
}

.fleGro5 {
 flex-grow: 5;
}

/* = swiper
------------------------------------------------- */
.swiper-wrapper {
 margin-bottom: 2rem
}

/* = List Mark color black
------------------------------------------------- */
.listMark.colBlack::after {
 border-right: 1px solid #000;
 border-bottom: 1px solid #000;
}

.listMark.colBlack::before {
 background-color: #000;
}

/*- flexitems margin -*/
.fooNavMarExi {
 margin: 0 auto;
}

/* = top button
------------------------------------------------- */
.topBtn {
 width: 60px;
 height: 60px;
 padding-top: 30px;
 color: #FFFFFF;
 text-decoration: none;
 font-weight: bold;
 font-size: 11px;
 text-align: center;
 line-height: 22px;
 display: block;
 background-color: rgba(40, 180, 255, 0.5);
 border: 0;
 border-radius: 30px;
 box-sizing: border-box;
 position: fixed;
 bottom: 2rem;
 right: 2rem;
 z-index: 9999;
}

.topBtn:before {
 width: 100%;
 color: #FFFFFF;
 font-size: 2rem;
 text-align: center;
 content: '\25B2';
 position: absolute;
 top: 30%;
 left: 0;
}

.topBtn:hover {
 opacity: 0.7;
}

.youtube-video-responsive {
 width: 100%;
 position: relative;
 overflow: hidden;
}

.youtube-video-responsive:before {
 padding-top: 5%;
 display: block;
 content: '';
}

.youtube-video-responsive iframe {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
}

/* = clear fix
------------------------------------------------- */
.clearfix::after {
 content: "";
 display: table;
 clear: both;
}

/* = clear fix Bootstrap v4.3.1
-------------------------------------------------
.clearfix::after {
 display: block;
 clear: both;
 content: "";
}
------------------------------------------------- */
@media screen and (min-width: 500px) {
 /* = font size
 ------------------------------------------------- */
 .fs16 {
  font-size: 160%;
 }

 .fs17 {
  font-size: 170%;
 }

 .fs18 {
  font-size: 180%;
 }

 .fs19 {
  font-size: 190%;
 }

 .fs20 {
  font-size: 200%;
 }

 /* = Top header
 ------------------------------------------------- */
 #top-header {
  margin-bottom: .5rem;
  box-shadow: 0 18px 20px -28px rgba(0, 0, 0, 0.5);
 }

 .information {
  padding: 1% 1% 0;
  font-size: 90%;
  z-index: 9999;
 }

 .site-logo {
  vertical-align: bottom;
 }

 .smp {
  max-width: 160px;
  display: none;
 }

 .sub-info {
  display: block;
  z-index: 9999
 }

 .information ul {
  list-style-type: none;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
 }

 .information li {
  margin-right: 1rem;
 }

 .information li:last-child {
  margin-right: 0;
 }

 .display {
  display: none;
 }

 .sub-info .close a {
  color: #fff;
  font-weight: bold;
  outline: none;
 }

 .sub-info .close a:hover {
  background: none;
 }

 .tel-number {
  font-size: 110%;
 }

 #top-header.close .fleGro1 {
  flex-grow: 0;
 }

 #top-header.close #top-main {
  display: none;
 }

 .top-nav {
  margin-bottom: 0;
  padding-bottom: 1px;
  list-style: none;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
 }

 .top-nav > li {
  margin-right: 2%;
  margin-bottom: 0;
  padding: .2% 1% 0;
  color: #000;
  font-size: 100%;
  line-height: 2;
  border-bottom: 3px solid #eef7ff;
  transition: .5s;
 }

 .top-nav > li a {
  color: #000;
 }

 .top-nav > li:hover {
  border-bottom: 3px solid #00aed6;
  box-shadow: 0 18px 20px -26px rgba(0, 160, 186, 0.8);
 }

 .top-nav li:last-child {
  margin-right: 0;
 }

 .top-nav .header {
  cursor: pointer;
 }

 #nest {
  margin-top: 0;
  padding: 1rem;
  list-style: none;
  position: absolute;
  z-index: 999;
  box-shadow: 10px 10px 20px -10px rgba(0, 0, 0, 0.2);
 }

 #nest li {
  line-height: 2;
 }

 .nest li.marBc5e, .nest li.padBc5e {
  margin-bottom: 0;
  padding-bottom: 0;
 }

 .note {
  font-size: 90%;
 }

 .note p {
  margin: 0;
 }

 .recycle p {
  margin-bottom: .5rem;
  line-height: 1;
 }

 .recycle-img {
  margin-right: .5rem;
  vertical-align: middle;
  display: inline-block;
 }

 .copy p {
  margin: 0 auto .5rem;
  line-height: 1.4;
 }

 .copyRight {
  font-size: 90%;
 }

 .pc {
  display: block;
 }
}

@media screen and (min-width: 680px) {
 .pcFlex {
  padding: 2rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
 }
 .project-banner-footer {
  width: min(50%, 280px);
  margin: 0 auto;
  padding: .5rem;
 }
 .business-information{
  width: min(50%, 280px);
 }
 .business-information {
  width: min(60%, 280px);
  margin: 0 auto;
 }
 .company-name {
  margin-bottom: .5rem;
  font-size: 1.4rem;
  letter-spacing: 0;
 }
 .location {
  font-size: .94rem;
  letter-spacing: -.5px;
 }
 .name-address {
  margin-bottom: 3rem;
 }
 .inquiriesPhone {
  margin-bottom: 1rem;
 }
 .telephone {
  margin-bottom: 1rem;
 }
 .hours {
  letter-spacing: -.5px;
 }
 .social-media-network-icon {
  margin: 0 0 1.5rem;
 }
}

@media screen and (min-width: 768px) {
 .project-banner-footer {
 }
}

@media screen and (min-width: 780px) {
 .sub-info .disBlo {
  display: block;
 }
 #top-main {
  display: block;
  background: linear-gradient(to top,#eef7ff 10%, #f5faff 30%, #fff 90%);
 }
 #panel-btn {
  display: none;
 }
 .sub-info.fleGro1 {
  flex-grow: 1;
 }
 #top-header {
  padding-bottom: 0;
 }
 #container {
  margin: 0 auto 2rem;
 }
 .business-information {
  width: inherit;
  padding: 0;
  display: flex;
  justify-content: space-between;
 }
 .pagination.ptn {
  display: none;
 }
 .pagination .informed {
  margin-right: 3%;
  display: inline-block;
 }
 .footerMenu {
  padding: 2rem 1rem .5rem;
  background: url(../../images/night-factory-820w.webp) no-repeat center bottom / cover;
 }
 #icon .plusIcon, span.arrow {
  display: none;
 }
 .bottom nav {
  max-width: 80%;
  margin: 0 auto;
 }
 .bottom nav div {
  margin-bottom: 1rem;
 }
 .note {
  font-size: 80%;
  line-height: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  align-items: center;
 }
 .project-banner-footer {
 }
 .project-banner-footer img {
  width: 100%;
  margin-bottom: .2rem;
 }
 .project-banner-footer p {
  font-size: .83rem;
  letter-spacing: -.5px;
 }
 .flexItemsFooNav {
  flex-basis: 50%;
 }
 .flexItemsFooNav.ac-block {
  margin-bottom: .9rem;
 }
 .fooNavWid {
  width: 100%;
 }
 .fooNavMarExi {
  margin: 0 auto;
 }
 .disNon {
  display: none;
 }
 .recycle {
  width: 33%;
  text-align: center;
 }
 .recycle p,.copy p {
  font-size: 80%;
  line-height: 1.2;
  letter-spacing: 0;
 }
 .copy .texAliNote {
  text-align: center;
 }
 .copy .copyRight {
  text-align: right;
 }
 .ac-block .ac-content {
  display: block;
  opacity: 1;
  animation: none;
 }
 .ac-block > ul > li > a {
  padding: 0 0 .2rem 0;
  font-size: 1rem;
 }
 .ac-block > ul > li > a, .ac-block.is-active > ul > li > ul > li > a {
  padding: 0;
 }
 .is-active .nest {
  margin-left: 1rem;
  padding: 0;
  background: none;
 }
 .ac-block > ul > li > a:hover, .ac-block.is-active > ul > li > a {
  background: none;
 }
 .ac-block.is-active > ul > li > ul > li > a:hover {
  background: rgba(255, 255, 255, .2);
 }
 .is-active .nest a, .ac-block.is-active > ul > li > ul > li > a:hover {
  color: #fff;
 }
 .ac-block.is-active .ac-content {
  animation: none;
 }
 .ac-block .ac-trigger a {
  background: none;
 }
 .nest {
  margin-left: 1rem;
 }
 .nest li a {
  padding: 0;
  transition: background .3s ease;
 }
 .lm-add {
  position: relative;
 }
 .listMark::after,
 .lm-add::after {
  top: 50%;
  left: -.7rem;
  width: 4px;
  height: 4px;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
 }
 .listMark::before,
 .lm-add::before {
  top: 50%;
  left: -.7rem;
  width: 4px;
  height: 1px;
  background-color: #fff;
 }
 /* reset */
 .marBot1per, .marBot5per {
  margin: 0;
 }
 .padBot1per {
  padding: 0;
 }
 .fonSiz80per {
  font-size: 100%;
 }
 .bottom nav a {
  font-size: .96rem;
 }
 .smp-display {
  display: block;
 }
 .ac-block > ul > li > a:before,
 .ac-block > ul > li > a:after {
  content: none;
 }
}

@media screen and (min-width: 960px) {
 .flexItemsFooNav {
  flex-basis: 50%;
 }

 .bottom {
 }
 .footerMenu {
  padding: 2rem 1rem .5rem;
  background: url(../../images/night-factory-1920w.webp) no-repeat center bottom / cover;
 }
}

@media screen and (min-width: 1280px) {
 .information, .top-nav {
  margin: 0 auto;
 }
 .flexItemsFooNav {
  flex-basis: 21%;
 }
 .business-information {
  width: inherit;
  padding: 0;
  display: flex;
  justify-content: space-between;
 }
 .guideBottom {
  max-width: 1760px;
  margin: 0 auto;
  padding: 2rem 2rem .5rem;
 }
 div.name-address {
  margin-bottom: 0;
 }
 .company-name {
  text-align: left;
 }
 .principal {
  margin-top: .5rem;
  display: flex;
  justify-content: space-between;
 }
 .principal li {
  padding: 0 1rem;
  font-size: .92rem;
 }
 .principal li:last-child {
  margin-right: 0;
 }
 .inquiriesPhone {
  margin-bottom: .2rem;
  font-size: 1rem;
  line-height: 1;
  letter-spacing: 3px;
 }
 .telephone {
  margin-bottom: .2rem;
  font-size: 1.8rem;
  line-height: 1;
  letter-spacing: 2px;
 }
 .telephone:before {
  display: inherit;
  width: auto;
  height: auto;
  background: none;
 }
 .hours {
  margin-bottom: 0;
  font-size: .89rem;
  line-height: 1;
  letter-spacing: -.5px;
 }
 .social-media-network-icon {
  margin: -2rem 0 1.5rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
 }
 .most.bottom {
  padding: 0 1rem .5rem;
 }
 .prohibitedMatter {
  width: auto;
  margin: 0 0 -1rem 0;
  text-align: right;
 }
}

@media screen and (min-width: 1380px) {
 .bottom nav {
  max-width: 1420px;
  margin: 0 auto 1rem;
  justify-content: space-between;
 }
}