@charset "UTF-8";

/* 共通 */
.wrap{max-width: 1200px;margin: 0 auto;}
.title02-topics h2{font-size: 40px;font-weight: 600;letter-spacing: 0.02em;}
.txt-box-blue{background-image: linear-gradient(90deg, #003CA0, #1971D4);color: #fff;margin-bottom: 8px;display: inline-block;text-align: center;padding: 8px 12px;}
.pc-only{display:block;}
.sp-only{display:none;}
.main{overflow: hidden;}
#access {
  scroll-margin-top: 80px;
}
@media (max-width:768px) {
  .title02-topics h2{font-size: 24px;}
  .pc-only{display:none;}
  .sp-only{display:block;}
}
/* 追従 */
.box-conversion.footer-scroll{background-color: rgba(255, 255, 255, 0.85);filter: drop-shadow(0 0 0.5rem #00000026);border-radius: 16px;top: -170px;right: 10px;height: 164px;max-width: 260px;width: 100%;background-image: none;z-index: 1;text-indent: inherit;position: absolute;}
.box-conversion.footer-scroll.-fix{position: fixed;top: auto;bottom: 90px;z-index: 9;}
.box-conversion .box-conversion-contents{text-align: center;padding: 16px 20px;}
.box-conversion .box-conversion-contents .conversion-txt{color: #000000;font-size: 13px;margin: 16px auto 8px;padding: 0;}
.box-conversion .box-conversion-contents .conversion-btn.btn-con{height: 48px;max-width: 220px;font-size: 14px;color: #fff;background-image: linear-gradient(90deg, #003CA0, #1971D4);}
.box-conversion .box-conversion-contents .conversion-btn.btn-con::after{width: 12px;height: 12px;margin-left: 12px;background: url(/common/img/ico-arrow-w.svg) center center no-repeat;background-size: contain;transform: initial;}
.box-conversion .box-conversion-contents .area-sns{display: flex;justify-content: center;}
.box-conversion .box-conversion-contents a.-facebook,.box-conversion .box-conversion-contents a.-instagram{display: block;width: 40px;height: 40px;background-size: contain;white-space: nowrap;text-indent: 100%;overflow: hidden;margin-right: 16px;}
.box-conversion .box-conversion-contents a.-facebook:hover,.box-conversion .box-conversion-contents a.-instagram:hover{opacity: 0.7;}
.box-conversion .box-conversion-contents a.-facebook {background-image: url(/img/livinglab/icon-facebook.svg);}
.box-conversion .box-conversion-contents a.-instagram {background-image: url(/img/livinglab/icon-instagram.svg);margin-right: 0;}
@media (max-width:768px) {
  .box-conversion.footer-scroll{border-radius: 0 0 8px 8px;max-width: 100%;height: 60px;}
  .box-conversion.footer-scroll.-fix{top: 60px;left: 0;}
  .box-conversion .box-conversion-contents{padding: 8px 16px;display: flex;justify-content: center;align-items: center;}
  .box-conversion .box-conversion-contents .conversion-txt{font-size: 12px;margin: 0 8px;}
  .box-conversion .box-conversion-contents .conversion-btn.btn-con{width: 100%;height: 44px;margin: 0;}
  .box-conversion .box-conversion-contents a.-facebook,.box-conversion .box-conversion-contents a.-instagram{margin-right: 8px;width: 28px;height: 28px;}
  .box-conversion .box-conversion-contents a.-instagram {margin-right: 0;}
}
/* MV */
.mv-area{position: relative;background: url(/img/livinglab/bg-grain-pc.jpg) no-repeat;background-position: 0 120px;}
.mv-area::before{content: '';position: absolute;bottom: 212px;left: -164px;background: url(/img/livinglab/bg-circle-gray.png) center center no-repeat;background-size: contain;width: 470px;height: 470px;}
.mv-area::after{content: '';position: absolute;bottom: -290px;right: 130px;background: url(/img/livinglab/bg-circle-gray.png) center center no-repeat;background-size: contain;width: 680px;height: 680px;}
.mv-area .mv-text{position: absolute;top: 100px;left: 17%;z-index: 9;}
.mv-area .mv-text h1{font-size: 0;line-height: 1.5;display: inline-block;}
.mv-area .mv-text h1 .line00{background-color: #10218B;display: inline-block;padding: 8px 24px;color: #fff;font-size: 22px;font-weight: 600;}
.mv-area .mv-text h1 .background-white01{background-color: #fff;display: inline-block;padding: 8px 24px 0;}
.mv-area .mv-text h1 .background-white02{background-color: #fff;display: inline-block;padding: 8px 24px 8px;}
.mv-area .mv-text h1 .line01{font-size: 48px;background: linear-gradient(90deg, #003CA0, #1971D4);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.mv-area .mv-text h1 .line02{font-size: 48px;background: linear-gradient(90deg, #003CA0, #1971D4);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.mv-area .mv-text .btn01{background-image: linear-gradient(90deg, #003CA0, #1971D4);margin: 30px 0 0;}
.mv-area .mv-text .btn01::before{position: absolute;right: 95px;width: 24px;height: 24px;}
.mv-area .mv-text .btn01:not(:first-child)::before {position: absolute;right: 64px;transform: scale(1, -1) rotate(-90deg);width: 24px;height: 24px;}
.mv-area .slider {position: relative;width: 85%;margin: 0 0 0 auto;overflow: hidden;}
.mv-area .viewport {overflow: hidden;border-radius: 0 0 0 40px;}
.mv-area .track {display: flex;transition: transform 0.5s ease;padding: 0; margin: 0;list-style: none;}
.mv-area .track li {flex: 0 0 100%;}
.mv-area .track img {width: 100%; display: block;}
.mv-area .indicators {display: flex;justify-content: center;margin: 10px 0;position: absolute;bottom: 15px;left: 47%;}
.mv-area .indicators span {display: inline-block;width: 8px; height: 8px;margin: 0 6px;background: #a6a6a6;border-radius: 50%;cursor: pointer;transition: background 0.3s;}
.mv-area .indicators span.active {background: #fff;}
.mv-area .title02-topics h2{color: #fff;margin-bottom: 64px;}
.mv-area .title02-topics h2::after{background: #fff;}
.mv-area .container01{display: flex;width: 1200px;margin: 120px auto 0;padding-bottom: 120px;}
.mv-area .container01 .left-area .txt001{color: #fff;margin-top: 30px;font-size: 16px;max-width: 570px;}
.mv-area .container01 .right-area{position: absolute;max-width: 635px;bottom: -70px;right: 0;}
.mv-area .container01 .right-area img{border-radius: 20px;z-index: 1;position: relative;}
@media (max-width:768px) {
  .mv-area{background: url(/img/livinglab/bg-grain-sp.jpg) no-repeat;background-position: 0 80px;}
  .mv-area .mv-text .btn01::before{right: 8px;width: 12.5px;height: 12.5px;}
  .mv-area .mv-text .btn01:not(:first-child)::before {position: absolute;right: 15px;width: 12.5px;height: 12.5px;}
  .mv-area::before{top: 16%;left: -50%;width: 406px;height: 406px;transform: scale(1, -1) rotate(-40deg);}
  .mv-area::after{bottom: -180px;right: -60%;width: 406px;height: 406px;}
  .mv-area .slider {max-width: 100%;width: 96%;}
  .mv-area .viewport {border-radius: 0 0 0 20px;}
  .mv-area .indicators{bottom: 16px;left: 31%;margin: 23px 0 0;}
  .mv-area .spflex{display: flex;font-size: 14px;margin-top: 16px;}
  .mv-area .spflex .btn01{margin: 0;font-size: 14px;}
  .mv-area .spflex .btn01 + .btn01{margin-left: 8px;}
  .mv-area .mv-text{top: 13%;left: 6%;width: 100%;max-width: 340px;}
  .mv-area .mv-text h1 .line00{font-size: 12px;}
  .mv-area .mv-text h1 .line01,.mv-area .mv-text h1 .line02{font-size: 25px;}
  .mv-area .mv-text h1 .background-white01{padding: 6px 8px 0;}
  .mv-area .mv-text h1 .background-white02{padding: 6px 8px 6px;}
  .mv-area .container01{width: 100%;margin: 64px 16px 0;padding-bottom: 80px;display: block;}
  .mv-area .title02-topics h2{margin-bottom: 32px;}
  .mv-area .container01 .left-area{margin-right: 16px;padding-right: 16px;}
  .mv-area .container01 .left-area .txt001{font-size: 14px;max-width: 100%;margin: 0 0 32px;line-height: 2;}
  .mv-area .container01 .right-area{position: static;max-width: 100%;}
}

/* ショールーム施設でできること */
.content01{background-color: #fafafa;padding-bottom: 80px;}
.content01 .container{padding-top: 120px;max-width: 1200px;margin: 0 auto;}
.content01 .container .flex{margin-top: 64px;}
.content01 .container .flex .left-area img{max-width: 585px;width: 100%;margin-right: 80px;}
.content01 .container .flex .right-area{max-width: 535px;font-size: 16px;}
.content01 .container .flex .right-area .txt-box-blue{font-size: 24px;font-weight: 600;}
.content01 .container .flex .right-area .annotation{font-size: 14px;margin-top: 16px;}
@media (max-width:768px) {
  .content01{padding: 0 16px;}
  .content01 .container .flex{display: inline-block;margin-top: 0;}
  .content01 .container .flex .left-area img{border-radius:12px;margin: 40px 0 0 0;}
  .content01 .container .flex p{line-height: 2;font-size: 14px;}
  .content01 .container .flex .right-area .txt-box-blue{font-size: 18px;margin: 32px 0 16px;}
}
/* たとえば、こんなプリントも。～実際に商品化した例 */
.content02{background: url(/img/livinglab/bg-bottom-pc.png) no-repeat;background-size: contain;}
.content02 .background{background-image: url(/img/livinglab/bg-vector-pc.svg), url(/img/livinglab/bg-grain-pc.jpg);background-position: top 100px left 30%, bottom 0 right 0;background-repeat: no-repeat, no-repeat;background-size: cover, 100% 409px;}
.content02 h3{position: relative;font-size: 32px;text-align: center;margin: 0 auto;padding: 184px 0 0;font-weight: 300;}
.content02 h3::before{content: '';position: absolute;top: 30%;left: 0;right: 0;width: 1px;height: 80px;margin: auto;background: linear-gradient(270deg, #003CA0, #1971D4);}
.content02 .print-content{display: grid;grid-template-columns: repeat(auto-fit, minmax(378px, 1fr));gap: 56px 32px;padding: 128px 0 16px;}
.content02 .print-item .caption{font-size: 18px;text-align: center;margin-top: 10px;font-weight: bold;}
.content02 .print-content .print-item:nth-child(2),.content02 .print-content .print-item:nth-child(5),.print-content .print-item:nth-child(8),.print-content .print-item:nth-child(11),.print-content .print-item:nth-child(14){transform: translateY(-40px);}
.content02 .print-content .print-item:nth-child(3),.print-content .print-item:nth-child(6),.print-content .print-item:nth-child(9),.print-content .print-item:nth-child(12){transform: translateY(-80px);}
.content02 .print-content .print-item img{border-radius: 16px;}
.content02 .bottomtxt{text-align: center;font-size: 18px;margin-bottom: 60px;position: relative;}
.content02 .bottomtxt::before{content: "";position: absolute;top: 0;left: 0px;right: 0px;width: 1px;height: 80px;margin: auto;background: linear-gradient(270deg, rgb(0, 60, 160), rgb(25, 113, 212));}
.content02 .bottomtxt p{padding-top: 104px;}
.content02 .consultation{padding: 40px 0;}
.content02 .consultation .flex.pc-only{display: flex;}
.content02 .consultation .left-area{max-width: 560px;width: 100%;margin-right: 80px;color: #fff;}
.content02 .consultation .txt-box{background-color: #fff;margin-bottom: 32px;max-width: 244px;width: 100%;text-align: center;}
.content02 .consultation .txt-box p{background: linear-gradient(90deg, #003CA0, #1971D4);-webkit-background-clip: text;-webkit-text-fill-color: transparent;font-size: 24px;font-weight: 600;}
.content02 .consultation .txt001{font-size: 16px;}
.content02 .consultation .annotation{font-size: 14px;margin-top: 16px;}
.content02 .consultation .right-area img{width: 585px;border-radius: 16px;}
.content02 .actual{position: relative;}
.content02 .actual::before{content: '';position: absolute;top: -140px;left: -260px;background: url(/img/livinglab/bg-circle-blue01.png) center center no-repeat;background-size: contain;width: 505px;height: 505px;}
.content02 .actual::after{content: '';position: absolute;bottom: -180px;right: -100px;background: url(/img/livinglab/bg-circle-blue02.png) center center no-repeat;background-size: contain;width: 575px;height: 575px;}
.content02 .actual .actualconts{padding-top: 160px;}
.content02 .actual .actualconts img{border-radius: 16px;}
.content02 .actual .actualconts .flex .left-area.bigarea{margin: 64px 80px 76px 0;max-width: 585px;width: 100%;}
.content02 .actual .actualconts .right-area{z-index: 1;}
.content02 .actual .actualconts .right-area .txt001{font-size: 16px;margin-bottom: 16px;}
.content02 .actual .actualconts .right-area .txt-img-box{font-size: 14px;}
.content02 .actual .actualconts .right-area .txt-img-box .flex .left-area img{width: 137px;height: auto;margin-right: 24px;}
.content02 .actual .actualconts p.linkimg a{text-decoration: underline;}
.content02 .actual .actualconts p.linkimg a:hover{text-decoration: none;}
.content02 .actual .actualconts p.linkimg a::after{content: "";display: inline-block;background: url(/img/livinglab/icon-link.svg) no-repeat;width: 11px;height: 11px;margin-left: 5px;background-size: cover;}
@media (max-width:768px) {
  .content02{background: url(/img/livinglab/bg-bottom-sp.png) no-repeat;background-size: contain;padding-bottom: 60px;}
  .content02 .background .wrap{padding: 0 16px;}
  .content02 .background{background-image: url(/img/livinglab/bg-vector-sp.svg), url(/img/livinglab/bg-grain-sp.jpg);background-position: top 100px left 30%, bottom 0 right 0;background-repeat: no-repeat, no-repeat;background-size: cover, 100% 620px;}
  .content02 h3{font-size: 20px;padding: 110px 0 0;}
  .content02 h3::before{top: 20%;height: 64px;}
  .content02 .print-item .caption{font-size: 14px;}
  .content02 .print-content{grid-template-columns: repeat(2, 1fr);gap: 24px 16px;padding: 56px 0 0;}
  .content02 .print-content .print-item:nth-child(2),.content02 .print-content .print-item:nth-child(4),.content02 .print-content .print-item:nth-child(6),.content02 .print-content .print-item:nth-child(8),.content02 .print-content .print-item:nth-child(10),.content02 .print-content .print-item:nth-child(12),.content02 .print-content .print-item:nth-child(12){transform: translateY(-24px);}
  .content02 .print-content .print-item:nth-child(3),.content02 .print-content .print-item:nth-child(5),.content02 .print-content .print-item:nth-child(9),.content02 .print-content .print-item:nth-child(11){transform: inherit;}
  .content02 .bottomtxt::before{height: 64px;}
  .content02 .bottomtxt p{font-size: 14px;line-height: 2;padding-top: 90px;}
  .content02 .consultation .flex.pc-only{display: none;}
  .content02 .consultation .sp-area{padding: 0 16px;}
  .content02 .consultation .sp-area img{border-radius: 8px;margin: 0 auto;}
  .content02 .consultation .txt-box{margin-top: 32px;max-width: 190px;}
  .content02 .consultation .txt-box p{font-size: 18px;line-height: 1.3;padding: 4px 8px;}
  .content02 .consultation .txt001{font-size: 14px;color: #fff;}
  .content02 .consultation .annotation {font-size: 12px;color: #fff;margin-top: 12px;}
  .content02 .actual::before{top: -156px;left: -60%;width: 360px;height: 360px;}
  .content02 .actual .actualconts{padding: 80px 16px 0;}
  .content02 .actual .actualconts h2{margin-bottom: 40px;}
  .content02 .actual .actualconts .flex{display: inline-block;}
  .content02 .actual .actualconts img{border-radius: 12px;z-index: 1;position: relative;}
  .content02 .actual .actualconts .flex .left-area.bigarea{margin: 0 auto;}
  .content02 .actual .actualconts .right-area .txt001{font-size: 14px;line-height: 2;margin-top: 32px;}
  .content02 .actual::after{bottom: -192px;right: -65%;width: 450px;height: 450px;}
  .content02 .actual .actualconts .flex .txt-img-box .flex{display: flex;background: #FAFAFA;border-radius: 8px;padding: 16px 12px;}
  .content02 .actual .actualconts .flex .txt-img-box .flex .left-area,.content02 .actual .actualconts .right-area .txt-img-box .flex .left-area img{margin-right: 12px;}
  .content02 .actual .actualconts .flex .txt-img-box .flex .right-area p{line-height: 1.75;}
  .content02 .actual .actualconts .flex .txt-img-box .flex .right-area p.linkimg{line-height: 1;margin-bottom: 8px;}
  .content02 .actual .actualconts .flex .txt-img-box .flex .right-area{font-size: 12px;}
}
/* これまでのご来訪者様 */
.content03{background-color: #FAFAFA;padding-bottom: 80px;}
.content03 h2{padding: 80px 0 24px;}
.content03 .txt001{font-size: 18px;margin-bottom: 60px;}
.slider-wrapper {position: relative;max-width: 100%;margin: 0 auto;overflow: hidden;}
.slider {overflow: visible;}
.slider-track {display: flex;transition: transform 0.5s ease;gap: 16px;padding: 0 16px;will-change: transform;}
.post {width: 260px;height: 390px;flex-shrink: 0;background: white;border-radius: 8px;padding: 10px;box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);box-sizing: border-box;display: flex;flex-direction: column;justify-content: flex-start;}
.post img {width: 100%;height: 260px;object-fit: cover;border-radius: 4px;}
.post p {font-size: 14px;margin-top: 8px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;line-height: 1.4;}
.slider-controls {display: flex;justify-content: center;align-items: center;margin-top: 28px;gap: 36px;}
.slider-controls button#prevBtn,.slider-controls button#nextBtn {background-image: url(/img/livinglab/icon-arrow-blue1.svg), linear-gradient(#DFEDFF, #DFEDFF);background-position: center;background-repeat: no-repeat;background-size: 16px auto, cover;width: 28px;height: 28px;cursor: pointer;border-radius: 50%;}
.slider-controls button#prevBtn{transform: scaleX(-1);}
.slider-controls button#prevBtn:hover,.slider-controls button#nextBtn:hover {background-image: url(/img/livinglab/icon-arrow-white.svg), linear-gradient(#10218B, #10218B);background-position: center;background-repeat: no-repeat;background-size: 16px auto, cover;}
.slider-dots {display: flex;gap: 10px;}
.slider-dots button {border: none;width: 8px;height: 8px;border-radius: 50%;background-color: #a6a6a6;cursor: pointer;transition: background 0.3s;}
.slider-dots button.active {background-color: #10218B;}
@media (max-width: 768px) {
  .content03 {padding: 0 16px 64px;}
  .post {width: 80%;height: auto;min-height: 320px;}
  .post img {height: auto;max-height: 220px;}
  .post p {-webkit-line-clamp: 5;}
}
/* まずは私たちにお話しいただけませんか？ */
.talk-to-us-area{position: relative;text-align: center;background: url(/img/livinglab/bg-grain-pc.jpg) no-repeat;padding: 64px 0;z-index: 0;}
.talk-to-us-area::before{content: '';position: absolute;top: -25px;left: -67px;background: url(/img/livinglab/bg-blur.png) center center no-repeat;background-size: contain;width: 355px;height: 355px;transform: scale(1, -1) rotate(-30deg);z-index: -1;}
.talk-to-us-area::after{content: '';position: absolute;bottom: -50px;right: -50px;background: url(/img/livinglab/bg-blur.png) center center no-repeat;background-size: contain;width: 355px;height: 355px;transform: scale(1, -1) rotate(-30deg);z-index: -1;}
.talk-to-us-area .talk-to-us-contents{background-color: #fff;margin: 0 auto;max-width: 1200px;width: 100%;border-radius: 16px;}
.talk-to-us-area .talk-to-us-contents .talk-to-us-title{padding: 40px 0 32px;font-size: 32px;background: linear-gradient(90deg, #003CA0, #1971D4);-webkit-background-clip: text;-webkit-text-fill-color: transparent;font-weight: 300;}
.talk-to-us-area .talk-to-us-contents p{font-size: 16px;font-weight: 600;}
.talk-to-us-area .talk-to-us-contents .btn01{margin: 32px auto 40px;background-image: linear-gradient(90deg, #003CA0, #1971D4);}
.talk-to-us-area .talk-to-us-contents .btn01::before{position: absolute;right: 63px;}
@media (max-width:768px) {
  .talk-to-us-area{padding: 32px 16px;background: url(/img/livinglab/bg-grain-sp.jpg) no-repeat;}
  .talk-to-us-area::before{width: 278px;height: 278px;}
  .talk-to-us-area::after{width: 278px;height: 278px;}
  .talk-to-us-area .talk-to-us-contents{padding: 0 16px;}
  .talk-to-us-area .talk-to-us-contents .talk-to-us-title{font-size: 20px;padding: 32px 0 16px;}
  .talk-to-us-area .talk-to-us-contents p{font-size: 14px;}
  .talk-to-us-area .talk-to-us-contents .btn01{font-size: 14px;}
  .talk-to-us-area .talk-to-us-contents .btn01::before{right: 52px;width: 12.5px;height: 12.5px;}
  .talk-to-us-area .talk-to-us-contents .btn01 span{margin-right: 12px;}

}
/* スタッフ紹介 */
.content04{padding: 90px 0 10px;position: relative;}
.content04::before{content: '';position: absolute;bottom: -10%;left: -5%;background: url(/img/livinglab/bg-blur.png) center center no-repeat;background-size: contain;width: 690px;height: 690px;transform: scale(1, -1) rotate(-30deg);}
.content04::after{content: '';position: absolute;top: 5%;right: 3%;background: url(/img/livinglab/bg-blur.png) center center no-repeat;background-size: contain;width: 650px;height: 650px;transform: scale(1, -1) rotate(-30deg);}
.content04 .container p{margin: 24px 0 60px;font-size: 18px;}
.content04 .container .flex img{border-radius: 16px;max-width: 220px;}
.content04 .container .flex .left-area.w50,.content04 .container .flex .right-area.w50{width: 50%;}
.content04 .container .flex .left-area{margin-right: 80px;}
.content04 .container .flex .left-area .flex .right-area,.content04 .container .flex .right-area .flex .right-area{z-index: 1;max-width: 308px;}
.content04 .container .flex .left-area .flex .left-area,.content04 .container .flex .right-area .flex .left-area{margin-right: 32px;z-index: 1;}
.content04 .container .flex  p.name{font-size: 20px;font-weight: 600;margin: 10px 0 0;line-height: 1.5;}
.content04 .container .flex  p{font-size: 16px;}
.content04 .container .flex  p.txt{margin: 16px 0 0;}
@media (max-width:768px) {
  .content04 .container{margin: 0 0 64px;}
  .content04 .container .spflex img{border-radius: 12px;}
  .content04::before{bottom: -26%;left: -40%;width: 490px;height: 490px;}
  .content04::after{top: 0;right: -40%;width: 450px;height: 450px;}
  .content04.title02-topics h2{padding: 0 16px;}
  .content04 .container p{margin: 16px 0 35px;line-height: 1.75;font-size: 16px;padding: 0 16px;}
  .content04 .container .spflex{display: flex;justify-content: center;align-items: center;z-index: 1;position: relative;}
  .content04 .container .spflex  + .spflex{margin-top: 40px;}
  .content04 .container .spflex p.name{margin: 0 16px;}
  .content04 .container .spflex p{font-size: 14px;margin: 8px 0 11px;}
}
/* ショールーム施設のご紹介 */
.content05{position: relative;background: url(/img/livinglab/bg-grain-pc.jpg);padding: 50px 0 10px;color: #fff;}
.content05 .showroom-content{display: grid;grid-template-columns: repeat(auto-fit, minmax(560px, 1fr));gap: 80px;}
.content05 .showroom-content .showroom-item img{border-radius: 16px;}
.content05.title02-topics h2::after{background: #fff;}
.content05.title02-topics .title{font-size: 24px;font-weight: 600;margin: 24px 0 16px;}
.content05.title02-topics .caption{font-size: 16px;}
.content05.title02-topics .btn01{background: #fff;color: #10218B;width: 320px;height: 64px;margin: 24px 0 0;font-size: 16px;}
.content05.title02-topics .btn01::before{    background: url(/img/livinglab/icon-arrow-blue.svg) center center no-repeat;width: 15px;height: 15px;margin-left: 20px;position: absolute;top: 38%;right: 32px;}
.content05.title02-topics .showroom-item .center{text-align: center;}
@media (max-width:768px) {
  .content05.title02-topics .container{margin: 35px 0;}
  .content05.title02-topics h2{padding: 0 16px;}
  .content05.title02-topics .title{font-size: 18px;margin: 24px 0 12px;}
  .content05.title02-topics .caption{font-size: 14px;line-height: 2;}
  .content05.title02-topics .showroom-item img{border-radius: 8px;}
  .content05.title02-topics .btn01{border-radius: 39px;width: 100%;height: 56px;font-size: 14px;}
  .showroom-slider-wrapper {position: relative;overflow: hidden;padding: 0 24px;}
  .showroom-slider {display: flex;transition: transform 0.5s ease;gap: 16px;}
  .showroom-item {flex: 0 0 80%;min-width: 80%;box-sizing: border-box;scroll-snap-align: start;color: #FFFFFF;}
  .slider-controls {display: flex;justify-content: center;align-items: center;margin-top: 16px;gap: 12px;}
  .slider-dots {display: flex;gap: 8px;}
  .slider-dot {width: 6px;height: 6px;border-radius: 50%;background-color: rgba(255, 255, 255, 0.5);cursor: pointer;}
  .slider-dot.active {background-color: #fff;}
  .slider-prev,.slider-next {background: #fff;color: #000;border: none;width: 32px;height: 32px;border-radius: 50%;font-size: 16px;cursor: pointer;}
}
@media (max-width: 768px) {
  .showroom-slider-wrapper {overflow: hidden;padding: 0 24px;}
  .showroom-slider {display: flex;gap: 16px;transition: transform 0.5s ease;}
  .showroom-item {flex: 0 0 99%;min-width: 80%;box-sizing: border-box;}
}
/* アクセスとご利用時間 */
.content06.box-topics .title02.container{margin: 0 auto;}
.content06.box-topics .title02.container h2{font-size: 40px;}
.content06.box-topics .box-col2.container{margin: 64px auto 120px;}
.content06.box-topics .box-col2.container iframe{border-radius: 16px;}
.content06.box-topics{background-color: #fff;position: relative;}
.content06::after{content: "";position: absolute;bottom: 0;left: 0;right: 0;width: 100%;height: 120px;background: url(/img/livinglab/bg-bottom02-pc.png) no-repeat;background-size: contain;background-position: center;}
.content06 .box-col2.container p{font-size: 16px;}
.content06 .box-col2.container p + p{margin-top: 8px;}
@media (max-width:768px) {
  .main .content06.box-topics{padding: 80px 16px 0;margin: 0;}
  .content06.box-topics .box-col2.container{margin: 40px auto 64px;}
  .content06.box-topics .title02.container h2{font-size: 24px;}
  .content06.box-topics .box-col2.container iframe{width: 100%;height: auto;border-radius: 8px;}
  .content06::after{width: 100%;height: 64px;background: url(/img/livinglab/bg-bottom02-pc.png) no-repeat center;background-size: contain;}
  .title03-topics h3 {font-size: 18px;}
  .content06 .box-col2.container p{font-size: 14px;line-height: 2;}
}
/* よくあるご質問 */
.content07 .container::before{content: '';position: absolute;top: -55%;left: -50%;background: url(/img/livinglab/bg-blur.png) center center no-repeat;background-size: contain;width: 650px;height: 650px;transform: scale(1, -1) rotate(-30deg);}
.content07 .container::after{content: '';position: absolute;bottom: -60%;right: -40%;background: url(/img/livinglab/bg-blur.png) center center no-repeat;background-size: contain;width: 650px;height: 650px;transform: scale(1, -1) rotate(-30deg);}
.content07 .container{max-width: 958px;margin: 0 auto;position: relative;}
.content07 .container h3{font-size: 32px;text-align: center;margin: 0 auto;font-weight: 300;}
.content07 .container .accordion-box{margin: 40px 0 20px;;border-top: 1px solid #C8C8C8;border-bottom: none;border-right: none;border-left: none;}
.content07 .container .accordion-box + .accordion-box {margin-top: -20px;}
.content07 .container .accordion-box > .head{padding: 33px 0 33px 80px;font-size: 16px;font-weight: 600;color: #000;z-index: 1;}
.content07 .container .accordion-box > .head .icon-q{top: 24px;left: 16px;}
.content07 .container .accordion-box .head .icon-q::before{width: 40px;height: 40px;background-image: linear-gradient(90deg, #003CA0, #1971D4);font-size: 18px;}
.content07 .container .accordion-box > .body.is-open{padding: 0 0 28px 80px;font-size: 16px;}
.content07 .container .accordion-box > .body::before{content: "A";display: flex;justify-content: center;align-items: center;background: linear-gradient(#fff, #fff) padding-box,linear-gradient(135deg, #003CA0, #1971D4) border-box;border: 2px solid transparent;color: #003CA0;width: 40px;height: 40px;border-radius: 50px;position: absolute;top: 0;left: 16px;font-size: 18px;}
.content07 .container .accordion-box > .head::before, .accordion-box > .head::after{right: 2.75%;height: 2px;}
@media (max-width:768px) {
  .content07 .container{padding: 40px 16px 0;}
  .content07 .container h3{font-size: 20px;z-index: 1;position: relative;}
  .content07 .container::before{top: -32%;left: -70%;width: 450px;height: 450px;}
  .content07 .container::after{bottom: -40%;right: -60%;width: 550px;height: 550px;}
  .content07 .container .accordion-box > .head{padding: 23px 44px 23px 52px;;font-size: 14px;line-height: 1.5;}
  .content07 .container .accordion-box > .head .icon-q{top: 16px;left: 8px;}
  .content07 .container .accordion-box .head .icon-q::before{width: 32px;height: 32px;font-size: 16px;}
  .content07 .container .accordion-box > .head::before, .accordion-box > .head::after{top: 50%;width: 13px;}
  .content07 .container .accordion-box > .body::before{width: 32px;height: 32px;font-size: 16px;left: 8px;}
  .content07 .container .accordion-box > .body.is-open{padding: 0 8px 16px 52px;font-size: 14px;}
}
/* 彩会ノ蔵ができるまで */
.content08{background-color: #FAFAFA;padding-bottom: 10px;}
.content08 .container h2{padding-top: 80px;max-width: 960px;margin: 0 auto 64px;}
.content08 figure{text-align: center;max-width: 960px;width: 100%;margin: 0 auto;}
@media (max-width:768px) {
  .content08 .container{margin: 48px 16px 59px;}
  .content08 .container h2{padding-top: 64px;width: 100%;margin: 0 auto 40px;}
  .content08 figure iframe{width: 100%;height: 270px;}
}
/* Topics */
.main .box-topics .container{margin: 80px auto;}
@media (max-width:768px) {
  .main .box-topics{padding: 0 16px;}
}