.lnav { width: 90%; max-width: 1100px; margin-left: auto; margin-right: auto; padding: 5rem 0; }
.lnav ul { max-width: 800px; margin: 0 auto; display: grid; gap: 1rem; grid-template-columns: repeat(2, 1fr); }
.lnav ul li a { display: grid; place-content: center; place-items: center; padding: 1.5rem; text-align: center; border: solid 1px #9e7c1d; background: #251A16; transition: .4s; }
.lnav ul li a .en img { display: block; height: 1rem; width: auto; margin: auto; }
.lnav ul li a .ja { text-align: center; font-size: .75rem; line-height: 1; color: #fff; margin-top: .5rem; }
.lnav ul li.current a { background: #856814; background: -webkit-linear-gradient(110deg, #856814 3%, #4a3600 90%); background: -moz-linear-gradient(110deg, #856814 3%, #4a3600 90%); background: linear-gradient(110deg, #856814 3%, #4a3600 90%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#856814", endColorstr="#4A3600", GradientType=0); }
.lnav ul li:hover a { filter: brightness(120%); }
@media screen and (max-width: 768px) { .lnav ul { max-width: 400px; grid-template-columns: 1fr; }
  .lnav ul li a { padding: 1.2rem; }
  .lnav ul li a .en img { height: .85rem; } }

h3 + h3 { margin-top: 2rem; }

#d00 .lmidashi, #d00 .midashi, #d01 .lmidashi, #d01 .midashi, #d02 .lmidashi, #d02 .midashi { color: #c9bc9c; }

#d01 .img01 { max-width: 1000px; margin: 5rem auto 0 auto; }
#d01 .d01-slide { margin: 3rem auto 0 auto; max-width: 1000px; position: relative; overflow-x: hidden; }
#d01 .d01-slide ul li { text-align: center; }
#d01 .d01-slide ul li .img, #d01 .d01-slide ul li h3 { width: calc(100% - 100px); margin: auto; }
#d01 .d01-slide ul li .img { margin-top: 4rem; }
#d01 .d01-slide ul .slick-dots { bottom: auto; top: 4rem; display: flex !important; justify-content: center; gap: 8px; margin: 20px 0; }
#d01 .d01-slide ul .slick-dots li { width: 20px; height: 20px; }
#d01 .d01-slide ul .slick-dots li button { width: 20px; height: 20px; padding: 0; background: #E0E1E1; }
#d01 .d01-slide ul .slick-dots li button:before { content: ""; }
#d01 .d01-slide ul .slick-dots li.slick-active button { background: #9e7c1d; }
#d01 .d01-slide ul .slick-prev, #d01 .d01-slide ul .slick-next { width: 40px; height: 40px; z-index: 2; animation: arrowHint 2.4s ease-in-out infinite; }
@keyframes arrowHint { 0% { opacity: 1; }
  50% { opacity: .6; }
  100% { opacity: 1; } }
#d01 .d01-slide ul .stop-anim { animation: none !important; }
#d01 .d01-slide ul .slick-prev { left: 10px; background: url("../images/common/arrow-prev.png") no-repeat center center; background-size: contain; }
#d01 .d01-slide ul .slick-next { right: 10px; background: url("../images/common/arrow-next.png") no-repeat center center; background-size: contain; }
#d01 .d01-slide ul .slick-prev:before, #d01 .d01-slide ul .slick-next:before { content: ""; display: block; width: 50px; height: 50px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); border: solid 1px rgba(255, 255, 255, 0.8); }
#d01 .d01-slide .slide01-01 .cap { bottom: 17%; }
#d01 .d01-slide .slide01-02 .cap { bottom: 17%; }
#d01 .box01 { margin: 2rem auto 0 auto; max-width: 800px; display: grid; gap: 3rem; grid-template-columns: 1fr 50%; }
#d01 .d-item-ttl img { display: block; height: 1.25rem; width: auto; }
#d01 .d-item-ttl.des img { height: calc(1.25rem * 1.25); }
#d01 .designer { background: #404042; padding: 5rem 0; }
#d01 .designer .midashi { color: #c9bc9c; }
#d01 .designer .box02 { margin-top: 3rem; width: 90%; max-width: 1100px; margin-left: auto; margin-right: auto; display: grid; gap: 3rem; grid-template-columns: 45% 1fr; }
#d01 .designer .box02 .item01 { display: grid; gap: 2rem; grid-template-columns: 35% 1fr; }
#d01 .designer .box02 .item01 .d-prof { margin-top: 1.5rem; font-size: .75rem; line-height: 1.8; }
#d01 .designer .box02 .item01 .d-prof b { font-weight: normal; font-size: 1rem; }
#d01 .designer .box02 .item01 .prof-txt { margin-top: 1.5rem; font-size: .75rem; line-height: 1.8; }
#d01 .designer .box02 .item02 .d-item-ttl img { margin: auto; }
#d01 .designer .box02 .item02 .img-box { width: 90.6504065041%; margin: 2rem 0 0 auto; }
#d01 .designer .box02 .item02 .img-box:nth-of-type(2n+1) { margin-left: 0; margin-right: auto; }
#d01 .designer .designer-item { margin-top: 3rem; }
#d01 .symbolic { background: #190A08; padding: 5rem 0; }
#d01 .symbolic .d-item-ttl img { margin: auto; }
#d01 .symbolic .d-item-ttl + h3 { margin-top: 3rem; }
#d01 .symbolic .box03 { margin-top: 3rem; width: 90%; max-width: 1100px; margin-left: auto; margin-right: auto; }
#d01 .symbolic .box03 .lead { text-align: center; }
#d01 .symbolic .symbolic-slide { position: relative; overflow-x: hidden; }
#d01 .symbolic .symbolic-slide ul li { width: 100%; text-align: center; }
#d01 .symbolic .symbolic-slide ul li .img { margin-top: 4rem; position: relative; }
#d01 .symbolic .symbolic-slide ul li .img .visual-gold { top: 0; left: 0; position: absolute; opacity: 0; transition: opacity 0.5s linear 0s; }
#d01 .symbolic .symbolic-slide ul li .s-slide-ttl { font-size: 1rem; color: #9e7c1d; border: solid 1px #9e7c1d; padding: .5rem .2rem; }
#d01 .symbolic .symbolic-slide ul li .li-ttl { margin-top: 1rem; text-align: left; font-size: 1rem; line-height: 1.4; padding-bottom: .5rem; border-bottom: solid 1px #fff; }
#d01 .symbolic .symbolic-slide ul li .li-txt { text-align: left; margin-top: .5rem; font-size: .875rem; line-height: 1.8; }
#d01 .symbolic .symbolic-slide ul li.motion .img, #d01 .symbolic .symbolic-slide ul li.slick-center .img { /*@keyframes visualGoldMotion{
	  0% {opacity: 0;}
	100% {opacity: 1;}
}*/ }
#d01 .symbolic .symbolic-slide ul li.motion .img .visual-gold, #d01 .symbolic .symbolic-slide ul li.slick-center .img .visual-gold { opacity: 1; transition-delay: 0.5s; }
#d01 .symbolic .symbolic-slide ul .slick-dots { bottom: auto; top: 4rem; display: flex !important; justify-content: center; gap: 8px; margin: 15px 0; }
#d01 .symbolic .symbolic-slide ul .slick-dots li { width: 15px; height: 15px; }
#d01 .symbolic .symbolic-slide ul .slick-dots li button { width: 15px; height: 15px; padding: 0; background: #E0E1E1; }
#d01 .symbolic .symbolic-slide ul .slick-dots li button:before { content: ""; }
#d01 .symbolic .symbolic-slide ul .slick-dots li.slick-active button { background: #9e7c1d; }
#d01 .symbolic .symbolic-slide ul .slick-prev, #d01 .symbolic .symbolic-slide ul .slick-next { width: 40px; height: 40px; z-index: 2; animation: arrowHint 2.4s ease-in-out infinite; }
@keyframes arrowHint { 0% { opacity: 1; }
  50% { opacity: .6; }
  100% { opacity: 1; } }
#d01 .symbolic .symbolic-slide ul .stop-anim { animation: none !important; }
#d01 .symbolic .symbolic-slide ul .slick-prev { left: 50px; background: url("../images/common/arrow-prev.png") no-repeat center center; background-size: contain; }
#d01 .symbolic .symbolic-slide ul .slick-next { right: 50px; background: url("../images/common/arrow-next.png") no-repeat center center; background-size: contain; }
#d01 .symbolic .symbolic-slide ul .slick-prev:before, #d01 .symbolic .symbolic-slide ul .slick-next:before { content: ""; display: block; width: 50px; height: 50px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); border: solid 1px rgba(255, 255, 255, 0.5); }
@media screen and (max-width: 768px) { #d01 .d01-slide ul .slick-dots { top: 4.5rem; gap: 6px; margin: 14px 0; }
  #d01 .d01-slide ul .slick-dots li { width: 14px; height: 14px; }
  #d01 .d01-slide ul .slick-dots li button { width: 14px; height: 14px; }
  #d01 .d01-slide ul .slick-prev, #d01 .d01-slide ul .slick-next { width: 30px; height: 30px; }
  #d01 .d01-slide ul .slick-prev:before, #d01 .d01-slide ul .slick-next:before { width: 40px; height: 40px; }
  #d01 .box01 { gap: 2rem; grid-template-columns: 1fr; }
  #d01 .box01 .lead { text-align: center; }
  #d01 .designer .box02 { width: 100%; max-width: 100%; grid-template-columns: 1fr; }
  #d01 .designer .box02 .item01 { max-width: 400px; margin: auto; }
  #d01 .designer .box02 .item01 .txt-box { width: 95%; }
  #d01 .designer .box02 .item02 { max-width: 600px; margin: auto; }
  #d01 .symbolic .box03 { grid-template-columns: 1fr; }
  #d01 .symbolic .box03 .lead { text-align: center; }
  #d01 .symbolic .symbolic-slide ul .slick-dots { top: 4rem; gap: 6px; margin: 14px 0; }
  #d01 .symbolic .symbolic-slide ul .slick-dots li { width: 14px; height: 14px; }
  #d01 .symbolic .symbolic-slide ul .slick-dots li button { width: 14px; height: 14px; }
  #d01 .symbolic .symbolic-slide ul .slick-prev, #d01 .symbolic .symbolic-slide ul .slick-next { width: 30px; height: 30px; }
  #d01 .symbolic .symbolic-slide ul .slick-prev { left: 10px; }
  #d01 .symbolic .symbolic-slide ul .slick-next { right: 10px; }
  #d01 .symbolic .symbolic-slide ul .slick-prev:before, #d01 .symbolic .symbolic-slide ul .slick-next:before { width: 40px; height: 40px; } }
@media screen and (max-width: 768px) { #d01 .d01-slide ul li .img, #d01 .d01-slide ul li h3 { width: calc(100% - 50px); }
  #d01 .d01-slide ul .slick-prev, #d01 .d01-slide ul .slick-next { width: 20px; height: 20px; }
  #d01 .d01-slide ul .slick-prev:before, #d01 .d01-slide ul .slick-next:before { width: 30px; height: 30px; } }

#d02 { padding-bottom: 0; }
#d02 .site { background: #404042; padding: 5rem 0 0 0; }
#d02 .site .skhi { margin-top: 3rem; padding: 2rem 0; background: #fff; }
#d02 .site .skhi .zu { max-width: 1400px; margin: auto; }
#d02 .site .skhi .skhi-list { display: none; width: 90%; max-width: 1100px; margin-left: auto; margin-right: auto; max-width: 800px; margin: 1.5rem auto 0 auto; padding-bottom: 5rem; }
#d02 .site .skhi .skhi-list ul { display: grid; gap: 2rem 1rem; grid-template-columns: repeat(2, 1fr); }
#d02 .site .skhi .skhi-list ul li .li-ttl { display: grid; gap: .4rem; grid-template-columns: 1.2rem 1fr; padding-bottom: .5rem; border-bottom: solid 1px rgba(255, 255, 255, 0.5); }
#d02 .site .skhi .skhi-list ul li .li-ttl .num img { display: block; width: 100%; height: auto; }
#d02 .site .skhi .skhi-list ul li .li-ttl .txt { font-size: .9rem; color: #c9bc9c; line-height: 1; align-self: center; }
#d02 .site .skhi .skhi-list ul li .li-txt { margin-top: .5rem; font-size: .875rem; line-height: 1.8; }
#d02 .site .skhi .skhi-list ul li .li-txt .note { display: block; text-align: right; margin-top: .5rem; }
#d02 .kaiteki { padding-top: 5rem; }
#d02 .kaiteki .midashi { color: #c9bc9c; }
#d02 .kaiteki .kaiteki-list { margin-top: 3rem; display: grid; gap: 2rem 1rem; grid-template-columns: repeat(4, 1fr); }
#d02 .kaiteki .kaiteki-list li .li-ttl { margin-top: .5rem; font-size: 1.1rem; color: #c9bc9c; line-height: 1.2; padding-bottom: .5rem; border-bottom: solid 1px rgba(255, 255, 255, 0.5); }
#d02 .kaiteki .kaiteki-list li .li-txt { margin-top: .5rem; font-size: .875rem; line-height: 1.8; }
#d02 .kaiteki .kaiteki-list li .li-txt .note { display: block; margin-top: .5rem; }
#d02 .d-secirity { margin-top: 5rem; }
#d02 .d-secirity .midashi { color: #c9bc9c; }
#d02 .d-secirity .d-secirity-list { margin-top: 3rem; display: grid; gap: 2rem 1rem; grid-template-columns: repeat(4, 1fr); }
#d02 .d-secirity .d-secirity-list li .li-ttl { margin-top: .5rem; font-size: 1.1rem; color: #c9bc9c; line-height: 1.2; }
#d02 .d-secirity .d-secirity-list li .li-txt { margin-top: .5rem; font-size: .875rem; line-height: 1.8; }
#d02 .d-secirity .d-secirity-list li .li-txt .note { display: block; margin-top: .5rem; }
#d02 .d-secirity .d-secirity-list li.img08-01 { grid-column: span 4; }
#d02 .d-secirity .d-secirity-list li.img08-01 .img { background: #fff; padding: .5rem; }
#d02 .d-secirity .d-secirity-list li.img08-01 .img img { display: block; max-width: 960px; margin: auto; }
#d02 .plant { background: #fff; color: #000; padding: 5rem 0 0 0; }
#d02 .plant .midashi { color: #9e7c1d; }
#d02 .plant .img09 { margin-top: 3rem; }
#d02 .plant .plant-box { margin-top: 3rem; display: grid; gap: 3rem; grid-template-columns: repeat(2, 1fr); }
#d02 .plant .plant-box + .note { margin-top: 2rem; }
#d02 .plant .plant-box ul { margin-top: 1.5rem; }
#d02 .plant .plant-box .plant01 ul { display: grid; gap: 1px; grid-template-columns: repeat(2, 1fr); }
#d02 .plant .plant-box .plant02 ul { display: grid; gap: 1px; grid-template-columns: repeat(2, 1fr); }
#d02 .plant .plant-box .plant02 ul + .note { margin-top: 1rem; text-align: right; line-height: 1.4; }
@media screen and (max-width: 768px) { #d02 .site .skhi { background: none; padding: 0; }
  #d02 .site .skhi .zu { background: #fff; padding: 1rem; }
  #d02 .site .skhi .skhi-list { display: block; }
  #d02 .site .skhi .skhi-list ul { gap: 1.5rem; grid-template-columns: 1fr; }
  #d02 .kaiteki .kaiteki-list { grid-template-columns: repeat(2, 1fr); }
  #d02 .d-secirity .d-secirity-list { grid-template-columns: repeat(2, 1fr); }
  #d02 .d-secirity .d-secirity-list li.img08-01 { grid-column: span 2; }
  #d02 .plant .plant-box { grid-template-columns: 1fr; } }

.slide-wrap { position: relative; margin: 3rem auto 0 auto; width: 100%; max-width: 1000px; }
@keyframes arrowMotion { 0% { transform: translateX(-100%); opacity: 0; }
  15% { transform: translateX(-20%); opacity: 1; }
  85% { transform: translateX(20%); opacity: 1; }
  100% { transform: translateX(100%); opacity: 0; } }
.slide-wrap .slide-arrow-cls { z-index: 2; position: absolute; top: 50%; transform: translateY(-50%); }
.slide-wrap .slide-arrow-cls .slide-arrow-inner { width: 50px; height: 50px; position: relative; border: 1px solid #eee; overflow: hidden; cursor: pointer; }
.slide-wrap .slide-arrow-cls .slide-arrow-inner::before { content: ""; width: 50%; height: 50%; display: block; position: absolute; top: 25%; left: 25%; background-size: contain; background-position: center center; background-repeat: no-repeat; filter: brightness(1.2); }
.slide-wrap .slide-arrow-cls.slide-arrow-prev { left: 10px; }
.slide-wrap .slide-arrow-cls.slide-arrow-prev .slide-arrow-inner::before { background-image: url("../images/design/arrow-prev.png"); transform: translateX(100%); opacity: 0; animation: arrowMotion 1.5s linear 0s infinite reverse; }
.slide-wrap .slide-arrow-cls.slide-arrow-next { right: 10px; }
.slide-wrap .slide-arrow-cls.slide-arrow-next .slide-arrow-inner::before { background-image: url("../images/design/arrow-next.png"); transform: translateX(-100%); opacity: 0; animation: arrowMotion 1.5s linear 0s infinite; }
@media screen and (max-width: 768px) { .slide-wrap .slide-arrow-cls .slide-arrow-inner { width: 30px; height: 30px; } }