@charset "UTF-8";
:root{--green:#7DC058;--blue:#6297C9;--greenborder:#D7EBCC;--blueborder:#BFD5E9;--line:#DDDDDD;}
#wrap { padding: 100px 0 0; }
@media only screen and (max-width:1280px){
   #wrap { padding: 60px 0 0; }
}

/* =========================================================
pankuzu
========================================================= */
.bread_wrap { display: block; padding-top: 20px; margin-bottom: 20px; }
.bread_wrap .inner { max-width: 1200px; margin-left: auto; margin-right: auto;}
.bread_wrap ul { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: flex-start; font-size: 1.2rem;line-height: 1; }
.bread_wrap ul li:not(:last-child) { margin-right: 23px; position: relative; }
.bread_wrap ul li:not(:last-child):after { position: absolute; content: ""; width: 4px; height: 4px; border-top: 1px solid #959595; border-right: 1px solid #959595; transform: rotate(45deg); -webkit-transform: rotate(45deg); top: 4px; right: -13px; }
@media screen and (max-width:1280px){
   .bread_wrap .inner { width:97vw; }
}
@media only screen and (max-width:768px){
   .bread_wrap {display: none;}
}


/* =========================================================
インデックスページ
========================================================= */
.body__heisya.index .container_inner{max-width: 1000px;}
.body__heisya.index h2.main_title { height: 180px; overflow:hidden;background-color: #E9F5F7;display: block;}
.body__heisya.index h2.main_title img{ width: 100%; max-width: 705px;margin: 0 auto; display: block;}
.hero__lead{margin:0 auto 30px;font-size:16px;line-height:1.75;text-align: center;}
@media only screen and (max-width:768px){
   .hero__lead{margin:0 auto 8vw;font-size:3.733vw;text-align: justify;}
   .body__heisya.index h2.main_title{height: 26vw;}
}

/* --- Product pick --- */
.productPick{max-width:1000px;margin:0 auto;}
.productPick__grid{display:grid;gap:20px;grid-template-columns: 1fr 1fr;}
.productCard{border-radius:10px;overflow:hidden;}
a.productCard_inner{padding: 20px;display: block;border-radius: 10px;height: 330px;}
a.productCard_inner:hover{opacity: .7;}
.productCard--green{background-color: var(--green);}
.productCard--blue{background-color: var(--blue);}
.productCard__device{width:100%;display: block; margin: auto 0;object-fit:contain; border-radius: 5px;}
.productCard_bottom{display: flex;justify-content: space-between; align-items: center; margin: 15px 0 0 0; }
.productCard__sub{color: #FFF; font-size: 14px; margin: 10px 0 0 0;}
.productCard_bottom .btn{background-color: #FFF; border-radius: 999px; width: 120px; height: 35px; font-size: 14px;}
.body__heisya.index  #wrap .productPick a.link{border-bottom: 1px solid var(--green); color: var(--green); margin: 15px auto 0; text-align: center; display: table; font-size: 14px;}
@media only screen and (max-width: 1000px) {
   a.productCard_inner {height: auto;}
   .productCard__text{text-align: center;}
   .productCard_bottom{display:block;}
   .productCard_bottom .btn{ margin: 20px auto 0;}
}
@media only screen and (max-width:768px){
   .productCard + .productCard{margin-top: 8vw;}
   .productPick__grid{display: block;}
   .productCard{border-radius: 2.666vw;}
   a.productCard_inner{padding: 4vw 4vw 5.333vw 4vw;border-radius:  2.666vw;}
   .productCard__device{ border-radius: 1.3333vw;}
   .productCard_bottom{ margin: 4vw 0 0 0; }
   .productCard__sub{font-size: 3.7333vw; margin: 4vw 0 0 0;}
   .productCard_bottom .btn{width: 53.333vw; height: 9.333vw; font-size: 3.7333vw;}
   .body__heisya.index  #wrap .productPick a.link{margin: 4vw auto 0; font-size:  3.7333vw;}
}

/* --- Panels --- */
.body__heisya.index .panel{margin:40px auto;border:1px solid var(--line);border-radius:10px;background:#fff;height: auto;padding:20px;}
.body__heisya.index .panel__body{display:grid;gap:20px;grid-template-columns: 1fr .5fr;align-items:center;}
.body__heisya.index .panel__title{font-size:16px;font-weight:bold;text-align: left;}
.panel__copy{text-align: left;}
.panel__desc{margin:20px auto 0;font-size:14px;}
.body__heisya.index .panel__figure{justify-self:end;width:min(386px,100%);}
.body__heisya.index .panel__figure img{display: block; width: 100%;}
@media only screen and (max-width:768px){
   .body__heisya.index .panel{margin:8vw auto;border-radius:2.666vw;padding:5.333vw;}
   .body__heisya.index .panel__body{display:block;}
   .body__heisya.index .panel__title{font-size:4.266vw;}
   .panel__desc{margin:4vw auto 0;font-size:3.7333vw;text-align: justify; line-height: 1.5;}
   .body__heisya.index .panel__figure{width: 100%;margin: 5.333vw auto 0;}
}

/* --- Support --- */
.body__heisya.index .support{margin:60px auto 0;background:#EDFAFF;border-radius:10px;padding:40px 30px 30px 30px;}
.body__heisya.index .support__title{display: block; margin: 0 auto;}
.body__heisya.index .support__phone{display: block; margin: 30px auto;}
.body__heisya.index .support__hours{font-size:16px;line-height:1.8; text-align: center;}
.body__heisya.index .support__banner{margin:30px auto 10px;}
.body__heisya.index .support__banner img{display: block; width: 100%;max-width: 700px; margin: 0 auto; border-radius:5px 5px 0 0;}
.body__heisya.index .support__fineprint{margin:30px auto 0;font-size:12px;text-align: center;line-height: 1.5;}
.body__heisya.index .footer__note{margin:80px auto 0;font-size:12px;text-align: center;line-height: 1.5;}
.body__heisya.index footer{margin:40px auto 0;}

@media only screen and (max-width:768px){
   .body__heisya.index .support{margin:8vw auto 0;border-radius:2.666vw;padding:10.666vw 5.333vw 8vw 5.333vw;}
   .body__heisya.index .support__title{width: 75.424vw;}
   .body__heisya.index .support__phone{width: 81.333vw;margin: 8vw auto 5.333vw;}
   .body__heisya.index .support__hours{font-size:3.2vw;line-height: 1.7;}
   .body__heisya.index .support__hours p + p{margin-top: 1vw;}
   .body__heisya.index .support__banner{margin:8vw auto 5.333vw ;}
   .body__heisya.index .support__banner img{ border-radius:5px 5px 0 0;}
   .body__heisya.index .support__fineprint{margin:5.333vw auto 0;font-size:3.2vw;text-align: justify;line-height: 1.7;}
   .body__heisya.index .footer__note{margin:10.666vw auto 0;font-size:3.2vw;text-align: left;line-height: 1.7;}
   .body__heisya.index footer{margin:16vw auto 0;}
}

/* =========================================================
共通スタイル
========================================================= */
h2.main_title { height: 80px; overflow:hidden; display: flex;}
h2.main_title .main_title_inner{display: flex; align-items: center; justify-content: left; max-width: 1200px; width: 100%; margin: 0 auto;}
h2.main_title .main_title_sub{font-size: 16px; color: #fff;margin-left: 30px;}
.container { width: 100vw; margin: 40px auto 0;}
.container_inner { max-width: 1200px; margin: 0 auto; }
/*green*/.green #wrap .main_title{background-color:var(--green) ;}
/*blue*/.blue #wrap .main_title{background-color:var(--blue) ;}
@media only screen and (max-width:1280px) {
   h2.main_title { height: 80px; overflow:hidden; display: flex;}
   h2.main_title .main_title_inner{max-width: inherit;width: 97vw;}
   .container_inner {width: 97vw; }
}
@media only screen and (max-width:768px){
   h2.main_title { height: 16vw;}
   h2.main_title .main_title_inner img{width: 42.394vw;}
   h2.main_title .main_title_sub{font-size: 3.2vw;margin-left: 2.666vw;line-height: 1.3;}
   .container { width: 100vw; margin: 8vw auto 0;}
   .container_inner { width: 92vw; }
}
/* パネルタイトル */
.panel__head{ display: flex;justify-content: center; align-items: center;padding: 0 0 20px 0;}
.panel__title{width: auto; margin: 0;padding-bottom:0; margin:0;text-align:center;font-weight:bold;font-size: 20px;}
.green .panel__head{border-bottom: 1px solid var(--green);}
.blue .panel__head{border-bottom: 1px solid var(--blue);}
.pill{display:inline-block;padding:5px 10px;font-size:14px;line-height:1;margin:20px auto;}
/* green */
.green .pill {border:1px solid var(--green);color:var(--green);}
.green .panel__title{color:var(--green); }
/* blue */
.blue .pill {border:1px solid var(--blue);color:var(--blue);}
.blue .panel__title{color:var(--blue);}
@media only screen and (max-width:768px) {
   .panel__title{font-size:5.333vw;}
   .pill{padding:1.333vw 0;font-size:3.733vw;margin:5.333vw auto;width: 100%;}
   .panel__head{padding: 0 0 5.333vw 0;}
}

/* =========================================================
product_index
========================================================= */
.product_index .grid{display:flex;gap:30px;}
.panel--wide,.panel--narrow{ display:flex; flex-direction:column;}
.video-cols,.guide-card{ flex:1;}
.panel .spacer{ flex: 1; min-height: 0;}
.panel{height: 560px; border-radius:10px;padding:20px 30px;}
/* green */
.green .panel{border:4px solid var(--greenborder);}
/* blue */
.blue .panel{border:4px solid var(--blueborder);}
.panel--wide{flex:1 1 770px;}
.panel--narrow{flex:0 0 400px;}

@media only screen and (max-width:1200px) {
   .product_index .grid{display:block;}
   .product_index .panel{height: auto;}
   .panel + .panel{margin-top: 40px;}
}
@media only screen and (max-width:768px) {
   .panel{height: auto; border-radius:2.666vw;padding:5.333vw 5.333vw 8vw 5.333vw;}
   .panel + .panel{margin-top: 8vw;}
   .panel__head{padding: 0 0 5.333vw 0;}
   .product_movie .pill{margin:0 0 0 4vw;width: auto;padding:1.333vw 2.666vw;}
}
.product_index .video-cols{display:flex;gap:30px;}
.product_index .video-card{width:50%; }
.product_index .video-card,
.product_index .guide-card{text-align:center;display: flex;flex-direction: column;}

@media only screen and (max-width:768px) {
   .product_index .video-cols{flex-direction:column;gap: 2.666vw;}
   .product_index .video-card{width:100%; }
   
}
/* サムネ */
.product_index .desc{margin:0 0 30px;font-size:14px;line-height: 1.5;}
.thumb{position:relative;display:block;border-radius:5px;overflow:hidden;border: 1px solid #DDDDDD;}
.thumb img{display:block;width:100%;height:auto;}
.thumb:hover{opacity: .7;}
.product_index .thumb--guide:hover{opacity: 1; cursor: auto;}
@media only screen and (max-width:1200px) {
   .product_index .thumb--guide {width: 60%;margin: 0 auto;}
}
@media only screen and (max-width:768px) {
   .product_index .desc{margin:0 0 5.333vw;font-size:3.733vw;}
   .product_index .thumb{border-radius:1.333vw;}
   .product_index .thumb--guide {width: 100%;}
}
/* ボタンセット */
.btn-wrap {margin-top:auto;height: 70px;}
.btn-wrap .btn{display:block;margin: 0 auto; padding:10px 0;border-radius:50px;color:#fff;font-size:14px;line-height:1;max-width: 200px;}
.green .btn-wrap .btn{background:var(--green);}
.blue .btn-wrap .btn{background:var(--blue);}
.btn-wrap a:hover{opacity: .7;}
@media only screen and (max-width:1200px) {
   .btn-wrap {margin-top:20px;height: auto;}
}
@media only screen and (max-width:768px) {
   .btn-wrap {margin-top:8vw;}
   .btn-wrap .btn{ padding:2.666vw 0;border-radius:13.333vw;font-size:3.7333vw;max-width: 53.333vw;}
}
/* PLAYボタン */
.play{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none;}
.play::before{content:"";width:60px;height:60px;border-radius:999px;}
.play::after{content:"";width:0;height:0;margin-left:6px;border-style:solid;border-width:12px 0 12px 18px;border-color:transparent transparent transparent #fff;position:absolute;}
.green .play::before{background:var(--green);}
.blue .play::before{background:var(--blue);}
@media only screen and (max-width:768px) {
   .play::before{width:13.333vw;height:13.333vw;}
   .play::after{margin-left:1.6vw;border-style:solid;border-width:3.2vw 0 3.2vw 4.8vw;}
}
/* 2次元コードを表示 */
#wrap .btn-wrap .sub-link{margin-top: 20px; display:inline-block;font-size:14px;text-decoration:underline;}
.green .btn-wrap .sub-link{color:var(--green);}
.blue .btn-wrap .sub-link{color:var(--blue);}
@media only screen and (max-width:768px) {
   #wrap .btn-wrap .sub-link{display: none;}
}
/* グロウジェクター®LについてのQ&Aはこちら　ボタン */
.qa-btn{ margin: 60px auto 0; position: relative; max-width:570px;width:100%;padding:30px;border:4px solid var(--greenborder);border-radius:50px;
   background:#fff; display:flex;align-items:center;justify-content:space-between;gap:16px;}
.qa-btn__text{color:var(--green);font-size:20px;font-weight:600;line-height:1.2;}
.qa-btn__icon{width:84px;position: absolute;right: 20px; bottom: 0px;}
.qa-btn:hover{background:#F6FFF3;}
@media only screen and (max-width:768px) {
   .qa-btn{ margin: 13.333vw auto 0; max-width:100%;padding:5.333vw 5.333vw 5.333vw 9.333vw;gap:0;}
   .qa-btn__text{font-size:4.8vw;}
   .qa-btn__icon{width:21.333vw;right: 2.666vw;}
}

/* =========================================================
モーダルウィンドウ
========================================================= */
.body__heisya .fancybox-bg,
.body__heisya .modal-video {background-color: rgba(255, 255, 255, 0.9);}
.body__heisya .fancybox-image{border-radius: 10px; }
.body__heisya.green .fancybox-image{border: 4px solid #D7EBCC;}
.body__heisya.blue .fancybox-image{border: 4px solid #BFD5E9;}
.fancybox-button.fancybox-button--zoom{display: none !important;}
.fancybox-button{background: none !important;width: 50px !important; height: 50px !important ; padding: 0 !important;}
.fancybox-button svg{display: none !important;}
.fancybox-toolbar{right: 40px !important; top: 40px !important;}
.fancybox-button.fancybox-button--close{background-size: contain !important; background-repeat: no-repeat !important; width: 50px !important;height: 50px !important;}
.green .fancybox-button.fancybox-button--close{background-image: url('../../heisya/images/close_green.svg') !important;}
.blue .fancybox-button.fancybox-button--close{background-image: url('../../heisya/images/close_blue.svg') !important;}
.body__heisya .modal-video-body{padding: 0;}
.body__heisya .modal-video-close-btn{background-size: contain; background-repeat: no-repeat; width: 50px ;height: 50px;}
.body__heisya.green .modal-video-close-btn{background-image: url('../../heisya/images/close_green.svg');}
.body__heisya.blue .modal-video-close-btn{background-image: url('../../heisya/images/close_blue.svg');}
.body__heisya .modal-video-close-btn:before,
.body__heisya .modal-video-close-btn:after {display: none;}
.body__heisya .modal-video-inner{padding: 0;}
.body__heisya .modal-video-close-btn {top: calc(50% - 50vh + 40px);right: calc(-50vw + 50%);  margin-right: 40px ;transform: none; }
@media only screen and (max-width:960px) {
   .body__heisya .modal-video-body{padding: 0 20px;}
   .body__heisya .modal-video-close-btn {top: -40px;right: calc(-50vw + 50%);  margin-right: 20px ;transform: none; width: 30px ;height: 30px; }
}

/* =========================================================
product_movie
========================================================= */
.player{max-width:400px;margin:30px auto 0;}
.player__bar{display:flex;justify-content:space-between;align-items:center;color:#fff;padding:10px 20px;border-radius:0 0 5px 5px;}
.green .player__bar{background:var(--green);}
.blue .player__bar{background:var(--blue);}
.player__bar-left{font-size:14px;font-weight: bold;}
.player__bar-right{font-size:12px;}
.product_movie .panel{height: auto;max-width: 920px; margin: 0 auto;}
.product_movie .thumb{border-radius: 5px 5px 0 0;border:none;}
.product_movie .pill{margin:0 0 0 15px;}
@media only screen and (max-width:768px) {
   .product_movie .pill{margin:0 0 0 4vw;width: auto;padding:1.333vw 2.666vw;}
   .player{margin:5.3333vw auto 8vw; max-width: 100%;}
   .player__bar{padding:2.666vw 5.333vw;border-radius:0 0 1.333vw 1.333vw;}
   .player__bar-left{font-size:3.733vw;}
   .player__bar-right{font-size:3.2vw;}
   .product_movie .thumb{border-radius: 1.333vw 1.333vw 0 0;}
}

.playlist-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start;margin-top:30px;}
.playlist{list-style:none;padding:0;margin:0;}
.row{padding:10px;border-bottom:1px solid var(--line);}
.row a{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:20px;}
.row a:hover{opacity: .7;}
.row:first-child{padding:0px 10px 15px 10px;}
.row:last-child{border-bottom:none;}
.row__title{font-size:14px;line-height:1.5;margin-left: 15px;}
.row__title.large{font-size:16px;margin-left: 0;}
.row__time{font-size:12px;}
.row__play{width:25px;height:25px;border-radius:999px;position:relative;display:inline-block;}
.green .row__play{background:var(--green);}
.blue .row__play{background:var(--blue);}
.row__play::after{content:"";position:absolute;top:50%;left:50%;transform:translate(-35%,-50%);width:0;height:0;border-style:solid;border-width:6px 0 6px 9px;border-color:transparent transparent transparent #fff;}
/* back button */
.back{margin:30px auto 0; font-size:14px; display:block; width:200px;text-align:center;padding:10px 0;border-radius:999px;color:#fff;}
.green .back{background:var(--green);}
.blue .back{background:var(--blue);}
.back:hover{opacity: .7}
@media only screen and (max-width:768px) {
   .playlist-grid{grid-template-columns:1fr;gap:0;margin-top: 8vw;}
   .row{padding:2.666vw 0;}
   .row a{gap:0;}
   .row:first-child{padding:0px 0 2.666vw 0;}
   .row:last-child{border-bottom:1px solid var(--line);}
   .playlist:last-child .row:first-child{padding:2.666vw 0 2.666vw 0;}
   .playlist:last-child .row:last-child{border-bottom:none;}
   .row__title{font-size:3.2vw;margin-left: 4vw;}
   .row__title.large{font-size:3.733vw;}
   .row__time{font-size:2.666vw;}
   .row__play{width:4vw;height:4vw;margin: 0 0 0 2.666vw;}
   .row__play::after{border-width:4px 0 4px 7.13px;transform: translate(-36%,-56.5%);}
   .back{margin:8vw auto 0; width:53.333vw;padding:2.666vw 0;font-size:3.733vw;}
}

/* =========================================================
   faq
========================================================= */
.product_faq .page-title{font-size:20px;font-weight:bold;text-align:center;margin: 0 auto 40px; color: var(--green);}
.qa{display:grid;gap:10px;}
.qa-item{background:#eef6ec;border-radius:10px;overflow:hidden;}
/* summary reset */
.qa-q{cursor:pointer;padding:20px;display:grid;grid-template-columns:30px 1fr 30px;align-items:center;gap:10px;}
.qa-q__icon{width:30px;height:30px;border-radius:999px;display:grid;place-items:center;background:var(--green);color:#fff;font-size:20px;}
.qa-q__text{font-size:18px;line-height:1.5;}
/* 右の＋/− */
.qa-q__toggle{width:30px;height:30px;display:grid;place-items:center;color:var(--green);position:relative;align-self: center;}
.qa-q__toggle::before,
.qa-q__toggle::after{content:"";position:absolute;width:20px;height:4px;display: block;background:var(--green);}
.qa-q__toggle::after{width:4px;height:20px; /* ＋の縦棒 */}
/* answer area */
.qa-a{display:none;padding:0 20px 20px;}
.qa-a-inner{display:grid;grid-template-columns:30px 1fr;gap:10px;}
.qa-a__icon{width:30px;height:30px;border-radius:999px;display:grid;place-items:center;background:#FFF;color:var(--green);font-size:20px;}
.qa-a__body{font-size:16px;line-height:1.5;text-align:justify;}
.qa-q{width:100%;cursor:pointer;padding:20px;display:grid;grid-template-columns:30px 1fr 30px;gap:14px;align-items:flex-start;text-align:justify;}
/* open状態（−になる） */
.qa-item.is-open .qa-q__toggle::after{opacity:0;}

@media (max-width:768px){
   .product_faq .page-title{font-size:5.3333vw;margin: 0 auto 8vw;}
   .qa{gap:2.666vw;}
   .qa-item{border-radius:2.666vw;}
   /* summary reset */
   .qa-q{padding:5.333vw;grid-template-columns:30px 1fr 30px;gap:2.666vw;}
   .qa-q__icon{width:30px;height:30px;font-size:20px;}
   .qa-q__text{font-size:18px;line-height:1.5;}
   /* 右の＋/− */
   .qa-q__toggle{width:30px;height:30px;display:grid;place-items:center;color:var(--green);position:relative;}
   .qa-q__toggle::before,
   .qa-q__toggle::after{content:"";position:absolute;width:20px;height:4px;display: block;background:var(--green);}
   .qa-q__toggle::after{width:4px;height:20px; /* ＋の縦棒 */}
   /* answer area */
   .qa-a{padding:0 20px 20px;}
   .qa-a-inner{display:grid;grid-template-columns:30px 1fr;gap:10px;}
   .qa-a__icon{width:30px;height:30px;border-radius:999px;display:grid;place-items:center;background:#FFF;color:var(--green);font-size:20px;}
   .qa-a__body{font-size:16px;line-height:1.5;text-align:justify;}
   .qa-q{width:100%;cursor:pointer;padding:20px;display:grid;grid-template-columns:30px 1fr 30px;gap:14px;align-items:flex-start;text-align:justify;}
}

/* =========================================================
グロウジェクター®Duo APG-5000
========================================================= */
.product_index.blue .grid {justify-content: center;}
.product_index.blue .panel{height: 515px;}
.product_index.blue .video-card{width:100%;}
.product_index.blue .pill{margin: 0 0 0 15px;}
.product_index.blue .desc{margin: 20px 0 30px;}
.row__title_small{display: block;}
.all_play_small{margin: 0 0 0 20px;}

@media only screen and (max-width:1200px) {
   .product_index.blue .grid{display:flex;}
   .product_index.blue .panel + .panel { margin-top: 0;}
   .product_index.blue .thumb--guide{width: 100%;}
   .product_index.blue .btn-wrap {margin-top: auto; height: 70px;}
}
@media only screen and (max-width:830px) {
   .product_index.blue .grid{display:block;}
   .product_index.blue .panel{height: auto;}
   .product_index.blue .panel + .panel { margin-top: 40px;}
   .product_index.blue .btn-wrap {margin-top: 20px; height: auto;}
}
@media only screen and (max-width:768px) {
   .product_index.blue .panel + .panel { margin-top: 8vw;}
   .product_index.blue .btn-wrap {margin-top: 8vw; }
   .product_index.blue .pill{margin:0 0 0 4vw;width: auto;padding:1.333vw 2.666vw;}
}