#container { padding-bottom: 5rem; background: #fff; color: #000; }

#conceptroomTxtBoxBg { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.8); z-index: 110; }

#conceptroomTxtBox { position: fixed; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); max-width: 800px; width: 90%; background: #fff; }

#conceptroomTxt { position: relative; padding: 40px 30px; }
#conceptroomTxt::before { content: ""; display: block; width: 50%; height: 100%; background: url(../images/common/bg_w.png) no-repeat top left; background-size: 100% auto; position: absolute; top: 0; left: 0; opacity: 0.1; }

#conceptroomTxt_inner { text-align: center; color: #000; }
#conceptroomTxt_inner h5 { font-family: "Noto Serif JP", serif; -webkit-font-smoothing: antialiased; font-weight: 300; text-align: center; margin-bottom: 1rem; font-size: 1.4rem; }
#conceptroomTxt_inner p { text-align: left; margin-bottom: 2rem; }
#conceptroomTxt_inner #conceptroomTxt_close { background: #2a201c; color: #fff; max-width: 300px; text-align: center; padding: 10px 0; position: relative; margin: auto; cursor: pointer; }
#conceptroomTxt_inner #conceptroomTxt_close::before, #conceptroomTxt_inner #conceptroomTxt_close::after { content: ""; position: absolute; top: 50%; left: 18px; width: 1px; height: 20px; background: #fff; }
#conceptroomTxt_inner #conceptroomTxt_close::before { transform: translate(-50%, -50%) rotate(45deg); }
#conceptroomTxt_inner #conceptroomTxt_close::after { transform: translate(-50%, -50%) rotate(-45deg); }

.emb_ttl { margin-top: 5rem; }
.emb_ttl .txt { font-family: "Noto Serif JP", serif; -webkit-font-smoothing: antialiased; font-weight: 300; display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; color: #988447; font-size: 3rem; line-height: 1; letter-spacing: .1em; font-weight: bold; }

#private01 { background: #fff; color: #222; }
#private01 .main_copy_L { color: #222; }
#private01 .eq-item .img-box .note { margin-top: 5px; }
#private01 .eq-item .waku { border: solid 1px #222; padding: 5px; }
#private01 .li-ttl { font-family: "Noto Serif JP", serif; -webkit-font-smoothing: antialiased; font-weight: 300; font-size: 2rem; line-height: 1.4; border-bottom: 1px solid; padding-bottom: 10px; }
#private01 .li-ttl .txt-s { font-size: 80%; display: inline-block; }
#private01 .li-txt { font-family: "Noto Serif JP", serif; -webkit-font-smoothing: antialiased; font-weight: 300; font-size: 1.4rem; line-height: 1.8; }
#private01 .li-txt .note { margin-top: 1rem; }
#private01 .img-box .img { margin: auto; }
#private01 ul.eq { display: grid; gap: 40px 80px; grid-template-columns: repeat(2, 1fr); }
#private01 ul.eq li { display: grid; gap: 15px; grid-template-rows: subgrid; grid-row: span 4; grid-template-areas: "ttl" "txt" "img"; }
#private01 .li-ttl { grid-area: ttl; }
#private01 .li-txt { grid-area: txt; }
#private01 .img-box { grid-area: img; }
#private01 .img-box .img .cap { padding-top: 5px; text-align: right; }
#private01 .img-box .img .cap.in { padding-top: 0; }
@media screen and (max-width: 639px) { #private01 ul.eq { grid-template-columns: 1fr; } }

#private02 .slick-prev { background: top left no-repeat; background-image: url("../images/private/prev.png") !important; left: 10px; width: 30px; height: 46px; background-size: auto; background-size: 30px 46px; transform: translateY(-50%); z-index: 10; }
#private02 .slick-next { background: top left no-repeat; background-image: url("../images/private/next.png") !important; right: 10px; width: 30px; height: 46px; background-size: auto; background-size: 30px 46px; }
#private02 .slide-area .img .cap { font-family: "Noto Serif JP", serif; -webkit-font-smoothing: antialiased; font-weight: 300; color: #fff; position: absolute; bottom: 10px; right: 10px; z-index: 2; font-size: 20px; letter-spacing: .05em; line-height: 1; text-shadow: 0 0 10px #000; }
#private02 .slide-area .img.l .cap { right: auto; left: 10px; }
@media screen and (max-width: 480px) { #private02 .slide-area .img .cap { font-size: 14px; } }
#private02 .imglist2 { display: grid; gap: 0; grid-template-columns: repeat(2, 1fr); }
#private02 .thumb01 { margin-top: 10px; padding-bottom: 10px; width: 100%; display: grid; gap: 10px; grid-template-columns: repeat(8, 1fr); }
#private02 .thumb01 li { background: #000; cursor: pointer; }
#private02 .thumb01 li .img { opacity: .5; transition: .3s; }
#private02 .thumb01 li:hover .img, #private02 .thumb01 li.thumbnail-current .img { opacity: 1; }
@media screen and (max-width: 768px) { #private02 .thumb01 { grid-template-columns: repeat(4, 1fr); } }
@media screen and (max-width: 480px) { #private02 .thumb01 { gap: 5px; } }