@charset "UTF-8";

html{scroll-behavior: smooth;}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {margin-bottom: 0; font-weight: normal;}
h1,h2,h3,h4 {font-weight: bold;}
p {margin-bottom: 0; line-height: 1.6;}

a:link { text-decoration: none; color: #000;}
a:visited { text-decoration: none; color: #000;}
a:hover { text-decoration: none; color: #000;}
a:active { text-decoration: none; color: #000;}
a:link,a:visited,a:hover,a:active {transition: all .6s; }

img {display: block; width: 100%; height: 100%; object-fit: contain;}

* {margin: 0; padding: 0;}
p { line-height: 1.6;}

.formTd .d-inline-block {display:block!important;}
.formTd .d-inline-block input { margin-right: .4vw;}
.contactText strong {color:red; padding-left:.3vw;}
.requiredText {color:red; padding-left:.3vw;}

.wow {opacity: 0;}
.dn {display: none!important;}

.faqbox h3:hover { color: #e87007;}
.faqbox h3:before {display: inline; content:"Q.";padding-right: 1vw;}



@media screen and (min-width: 1000px) {
body {background: #fff; font-family: sans-serif; font-size: 1.2vw;}
iframe {width: 100%; height: 30vw; border: none;}

.loading {position: fixed; z-index: 20; width: 100%; height: 100vh; display: flex; justify-content: center; align-items: center; overflow: hidden; opacity: 1; background: #fff;}
.loading .img { width: 7vw; height: auto; filter: blur(1.5rem); opacity: 0; transition: all .6s;}
.loading.in .img {filter: blur(0); opacity: 1; transition: all .6s;}
.loading.out {opacity: 0; z-index: -10; transition: all .6s;}
.loading.out .img { filter: blur(1.5rem); transition: all .6s;}

.header { position: fixed; top: -3vw; left: 2vw; z-index: 10; width: 96vw; height: auto; transition: all 1.5s; opacity: 0;}
.header.on {z-index: 9;}
.header.in {top: 1vw; opacity: 1;}
.header { display: flex; justify-content: space-between; align-items: center;}
.header .left { display: flex; justify-content: flex-start; align-items: center;}
.header .left .logo { display: block; width: 4vw; height: auto; margin-right: 1vw; transition: all 1.5s; transform: scale(1);}
.header .left .logotxt {margin-top: -.5vw; display: block; width: 11vw; height: auto; transition: all .5s; opacity: 1;}
.header.on .left .logotxt { transition: all .5s; opacity: 0;}
.header .left img { width: 100%; height: 100%; object-fit: contain;}
.header .gmenu { display: block; width: 80%; position: relative;}
.header .gmenu .box { display: flex; justify-content: flex-end; align-items: center; width: 100%; position: relative; font-size: 80%;}
.header .gmenu a {display: block; font-weight: bold; margin-right: 1.5vw; opacity: 1; transition: all 1s;}
.header.on .gmenu a {  opacity: 0; transition: all .6s; margin-right: -4vw; transition: all 1s;}
.header .gmenu a:last-child {margin-right: 0;}

#spMenu.on  {opacity: 1; transition: all .6s; z-index: 10;}
#spMenu { position: fixed; top: 1.7vw; right: 2vw; z-index: 9; display: flex; justify-content: center; align-items: center; width: 3.5vw; height: 2.5vw; transition: all 1s; padding: 0; align-items: center; margin: 0; opacity: 0; transition: all .6s;}
#spMenu .menu-trigger { position: relative; width: 3.5vw; height: 2.5vw; display: block; justify-content: center; align-items: center; margin: auto; top: 0; bottom: 0; left: 0; right: 0; }

.menu-trigger,.menu-trigger p { display: block; transition: all .4s; box-sizing: border-box; }
.menu-trigger.down p { position: absolute; left: 0; width: 100%; height: 1px; background: #000; font-size: 0.1em; }
.menu-trigger p { position: absolute; left: 0; width: 100%; height: 1px; background: #000; font-size: 0.1em; box-shadow: 0px 0px 8px rgba(0,0,0,0.2); }
.menu-trigger p:nth-of-type(1) { top: 1vw; }
.menu-trigger p:nth-of-type(2) { top: 1.3vw; }
.menu-trigger.active p:nth-of-type(1) { transform: translateY(.25vw) rotate(-45deg); background: #000; }
.menu-trigger.active p:nth-of-type(2) { transform: translateY(-.05vw) rotate(45deg); background: #000; }

.spnavi { display: flex; justify-content: center; align-items: center; flex-direction: column; position: fixed; top: 0; left: 0; z-index: -21; opacity: 0; background: rgba(255,255,255,.9); width: 100%; height: 100vh; padding-top: 0; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden; transition: all 1s; }
.spnavi.active { opacity: 1; z-index: 8;}
.spnavi a {position: relative; display: block; width: 100%; color: #000; font-size: 130%; font-weight: bold; margin: 3vw auto 0; text-align: center;filter: blur(1.5rem); transition: all 1s;}
.spnavi a p {font-weight: 700;}
.spnavi.active a {filter: blur(0); transition: all 1s; margin-top: 2vw;}

.sns { position: fixed; bottom: -4vw; left: 2vw; z-index: 9; width: 9vw; height: auto; transition: all 1.5s; opacity: 0; display: flex; justify-content: space-between; align-items: center;}
.sns.on {opacity: 1; bottom: 1vw; }
.sns a {width: 1.5vw; height: 1.5vw; display: block; margin-right: 2vw; }
.sns a:last-child {margin-right: 0;}
.sns img { width: 100%; height: 100%; object-fit: contain;}

.footer {position: relative; display: block; width: 81.7vw!important; margin: 25vw auto 15vw; text-align: center;}
.footer .box {margin-bottom: 5vw;}
.footer .box h2 { display: block; margin: 0 auto 2vw; font-size: 230%;}
.footer .box p { display: block; margin-left: auto; margin-right: auto; font-size: 120%;}
.footer .box p br {display: block;}
.footer .linkbtn p {color: #fff; font-size: 170%;}
.footer .cp { width: 100%; padding: 0 0 1vw; text-align: center;}


.btnbox { display: flex; justify-content: space-between; align-items: center; width: 100%;}
.linkbtn { display: block; width: fit-content; font-weight: bold; font-size: 100%; padding: 1vw 3vw; background: #000; border-radius: .5vw; margin-left: auto; margin-right: auto; text-align: center;}
.linkbtn p {color: #fff; font-size: 100%;}
.linkbtn:hover {background: #cacaca;transition:all .6s}
.linkbtn:hover p {color: #fff; transition:all .6s}

.maincont {position: relative; z-index: 1; width: 100%; height: auto;overflow: hidden; opacity: 0; transition: all 1.5s;}
.maincont.on {height: auto;overflow: visible; opacity: 1; transition: all 1.5s;}

.container {position: relative; display: block; width: 59.7vw; max-width:100%!important; margin: 15vw auto; padding: 0!important; text-align: center;}
.section {position: relative; display: block; width: 81.7vw; margin: 15vw auto; text-align: center;}
.section.narrow {position: relative; display: block; width: 50vw!important; margin: 15vw auto; text-align: center;}


.pagettl {position: relative; width: 100%; height: auto; aspect-ratio:1/.576; display: flex; justify-content: center; align-items: center; flex-direction: column;}
.pagettl h1 { position: relative; font-size: 280%; font-weight: 700; display: block; margin: 0 auto 1vw; letter-spacing: .2em; text-indent: -.2em; text-align: center;}
.pagettl p { position: relative; font-size: 100%; display: block; margin: 0 auto; text-align: center;}
.pagettl .cscrolldown{width:1px;height:60px;position:absolute;bottom:1vw;left:0;right:0;margin:0 auto;overflow:hidden;z-index:3; opacity: 1;}
.pagettl .cscrolltxt{position:absolute;bottom:6vw;left:0;right:0;margin:0 auto;overflow:hidden;z-index:3; opacity: 1; font-size: .8vw; color: #000; width:max-content;}
.pagettl .cline{width:100%;height:100%;display:block;background:linear-gradient(to bottom,rgba(0,0,0,1) 50%,rgba(0,0,0,0) 50%);background-position:0 -60px;background-size:100% 200%;animation:scrolldown 2.2s cubic-bezier(0.76,0,0.3,1) forwards infinite}
@keyframes scrolldown{0%{background-position:0 60px-abs}75%{background-position:0 0}100%{background-position:0 60px}}


.hbox { width: 100%; height: auto; display: block; text-align: center;}
.hbox h1, .hbox h2 { font-size: 200%; font-weight: 700; display: block; margin: 0 auto;}

.ttlbox.num { display: flex; justify-content: center; align-items: center; width: fit-content; margin: 0 auto 5vw;}
.ttlbox.num h2 { display: block; margin: 0 0 0 1vw; font-size: 310%;}
.ttlbox.num div { width: 3.8vw; height: 3.8vw; display: flex; justify-content: center; align-items: center; padding: .3vw; border: solid 4px #000; border-radius: 50%;}
.ttlbox.num div p { font-size: 230%; font-weight: bold;}
.ttlbox { width: 100%; height: auto; display: block; text-align: center;}
.ttlbox h2 { font-size: 200%; font-weight: 700; display: block; margin: 0 auto;}

#faqcont h2 {font-size: 140%; padding-left: 1vw; border-left: solid 10px #e87007;}
.faqbox { width: 100%; height: auto; display: block; text-align: left;}
.faqbox .cell:nth-of-type(1) {padding-top: 1.5vw; border-top: dotted 1px #000;}
.faqbox .cell {padding: 1.5vw 1.6vw; border-bottom: dotted 1px #000; text-align: left; box-sizing: border-box;}
.faqbox h3 { font-size: 120%; font-weight: 700; display: block; margin: 0; cursor: pointer;}
.faqbox p { display: none; margin-top: .5vw;}
.faqbox p.clicked { display: block;}

.graybg {background: #EAEAEA; padding: 0; overflow: hidden;}
.graybg .section {margin: 10vw auto; width: 81.7vw;}
.graybg .duocell { width: 100%; display: flex; justify-content: space-between; align-items: center;}
.graybg .duocell .left { width: 43%; position: relative; height: fit-content; aspect-ratio: 1/1;}
.graybg .duocell .right { width: 55%; text-align: left;}
.graybg .duocell .right .ttlbox h2 {text-align: left; margin-left: 0; margin-right: 0;}
.graybg .duocell .right .ttlbox p {text-align: left; margin-left: 0; margin-right: 0; font-size: 125%;}

.slidebox {position: relative; width: 100%; height: auto; aspect-ratio:1/.7; overflow: hidden;}
.slide {position: absolute; width: 100%;height: 100%;}
.slide img { width: 100%; height: 100%; object-fit: cover;}





.mb1 {margin-bottom: 1vw!important;}
.mb2 {margin-bottom: 2vw!important;}
.mb3 {margin-bottom: 3vw!important;}
.mb5 {margin-bottom: 5vw!important;}
.mb7 {margin-bottom: 7vw!important;}
.mb10 {margin-bottom: 10vw!important;}
.mt10 {margin-top: 10vw!important;}

.tac {text-align: center!important;}
.tal {text-align: left!important;}
.tar {text-align: right!important;}

.largep { font-size: 120%!important;}

.txtlist { border-top: dotted 1px rgba(0,0,0,.7);}
.txtlist .flcell { display: flex; justify-content: flex-start; width: 100%; border-bottom: dotted 1px rgba(0,0,0,.7);}
.txtlist .flcell .fleft { width: 25%; text-align: left; padding: 1vw; box-sizing: border-box;}
.txtlist .flcell .fright { width: 75%; text-align: left; padding: 1vw; box-sizing: border-box;}

.companyinfo .flcell .fleft { width: 25%; text-align: left; padding: 1vw; box-sizing: border-box;}
.companyinfo .txtlist .flcell .fright { width: 75%; text-align: left; padding: 1vw; box-sizing: border-box;}

/*form*/
.form .formRow input[type="text"],.form .formRow input[type="email"],button,textarea { -webkit-appearance: none; -moz-appearance: none; appearance: none; background: transparent; border: none; border-radius: 0; font: inherit; outline: none; border:solid 1px #ccc;}
.form {width: 100%; margin: 0 auto;}
.form .formRow { margin: 0 0 5vw; padding: 0; text-align: left;}
.form .formRow input[type="text"],.form .formRow input[type="email"],.form .formRow select,.form .formRow textarea {width: 90%; background: #fff;}
.form .formRow textarea {height: 10em;}
.form p {margin-bottom: 0;}
.form .pp { display: block;width: 100%;height: 20vw; margin: 2vw auto; overflow: scroll; border: solid 1px #fafafa;padding: 1vw; box-sizing: border-box; text-align: left;}
.form .submit { text-align: center; margin: auto;}
.form .formRow input[type="text"],
.form .formRow input[type="email"],
.form .formRow textarea { padding: 0.5vw 2vw; border-radius: 20px; }
.form .submit {opacity: 0.4; position: relative; display: block; width: max-content; padding: 0.5vw 5.15vw 0.5vw 5.15vw; color: #fff; font-size: 130%; letter-spacing: 0.2rem; margin: 0 auto; text-align: center; border: none; background: #000;}
.form .submit.active {opacity: 1;}
.formTd .d-inline-block {display:block!important;}
.formTd .d-inline-block input { margin-right: .4vw;}

.form.con1 .formRow.con1 {display: flex; transition: all .5s;}
.form.con2 .formRow.con1 {display: none; transition: all .5s;}

.form .inq {display: none;}
.form.con2 .inq {display: flex;}
/*form*/

.flowbox { width: 90%; margin: 0 auto;}
.flowbox .row_full { margin-bottom: 1vw;}
.flowbox .dot {width: .6vw; height: fit-content; margin: 0 auto 1vw;}
.flowbox .dot img {display: block; width: 100%; height: fit-content; object-fit: contain;}
.flowbox .box {position: relative; border: solid 5px #000; border-radius: 2vw; padding: 2vw 1vw; display: flex; justify-content: center; align-items: center; flex-wrap: wrap;width: 100%;}
.flowbox .box .inner { width: 90%; display: flex; justify-content: space-between; align-items: center;}
.flowbox .box .inner .num { width: 3vw; height: 3vw; border-radius: 50%; border: solid 5px #000; display: flex; justify-content: center; align-items: center;}
.flowbox .box .inner .num p {font-weight: bold; font-size: 110%;}
.flowbox .box .inner .txt { width: 92%; text-align: left;}
.flowbox .row_tri { margin-bottom: 1vw; display: flex; justify-content: space-between; align-items: flex-start;}
.flowbox .row_tri .dot {margin-bottom: 0;}
.flowbox .row_tri .box {position: relative; border: solid 5px #000; border-radius: 2vw; padding: 2vw 1vw; margin-bottom: 0; display: flex; justify-content: center; align-items: center; width: 32%;}
.flowbox .row_tri .box  .inner {width: 100%;}
.flowbox .row_tri .box  .inner .txt { width: 80%; text-align: left;}
.flowbox .dotnone {display: block;}

.newslist .webgene-blog { display: flex; justify-content: flex-start; flex-wrap: wrap; width: 100%;}
.newslist .webgene-blog .webgene-item {position: relative; display: block; width: 32%; margin: 0 2% 2% 0; overflow: hidden; aspect-ratio: 1/1;}
.newslist .webgene-blog .webgene-item:nth-of-type(3n) {margin-right: 0;}
.newslist .webgene-blog .webgene-item .webgene-item-content a {display: block; width: 100%; height: 100%; aspect-ratio:1/1; overflow: hidden; margin-bottom: 0;}
.newslist .webgene-blog .webgene-item .webgene-item-content .txt { position: absolute; z-index: 2; top: 0; left: 0; display: flex; justify-content: center; align-items: center; text-align: center; width: 100%; font-weight: 700; background: rgba(0,0,0,.8); opacity: 0; color: #fff; transition: all .6s; aspect-ratio:1/1;}
.newslist .webgene-blog .webgene-item .webgene-item-content a:hover .txt { transition: all .6s; opacity: 1;}
.newslist .webgene-blog .webgene-item .webgene-item-content a .thumb { position: absolute; z-index: 1; display: block; text-align: center; width: 100%; height: 100%; aspect-ratio:1/1;}
.newslist .webgene-blog .webgene-item .webgene-item-content a .thumb img { width: 100%; height: 100%; object-fit: cover; object-position: center; transform: scale(1); transition: all .6s;}
.newslist .webgene-blog .webgene-item .webgene-item-content a:hover .thumb img { transition: all .6s; transform: scale(1.1);}

.section.pricelist {width: 71.7vw;}
.section.pricelist .flcell {align-items: center; }
.section.pricelist .flcell .fleft { width: 25%; text-align: left; padding: 2vw 1vw; box-sizing: border-box;}
.section.pricelist .flcell .fright { width: 75%; text-align: left; padding: 2vw 1vw; box-sizing: border-box;}
.section.pricelist .flcell .fright h3 { font-size: 130%; color: #e87007;}
.section.pricelist .flcell .fright h3 + p { margin-top: .5vw;}

.noticelist { display: flex; justify-content: flex-start; flex-wrap: wrap;}
.noticelist .cell {width: 46%; margin: 0 8% 2% 0 ;}
.noticelist .cell:nth-of-type(even) {margin-right: 0;}
.noticelist .cell:nth-last-of-type(1) {width: 100%; margin: 0;}
.noticelist .cell h2 {background: #e87007; border-radius: 2vw; color: #fff; text-align: center; font-size: 120%; padding: 1vw 0; margin-bottom: 1vw;}
.noticelist .cell p {text-align: left;}

.printingslist { display: flex; justify-content: flex-start; flex-wrap: wrap; width: 100%;}
.printingslist .cell {position: relative; display: block; width: 32%; margin: 0 2% 2% 0; overflow: hidden; aspect-ratio: 1/.7;}
.printingslist.sq .cell {aspect-ratio: 1/1;}
.printingslist .cell img {display: block; position: absolute; top: 0; bottom: 0; right: 0; left: 0; transform: scale(1); transition: all 1s; width: 100%; height: auto; object-fit: cover;}
.printingslist .cell:hover img {transform: scale(1.3); transition: all 1s;}
.printingslist .cell:nth-of-type(3n) {margin-right: 0;}

#galleryMain { position: fixed; z-index: -10; opacity: 0; top: 0; right: 0; width: 100%; height: 100vh; overflow: hidden; display: block; background: rgba(0,0,0,.8); transition: all .6s;}
#galleryMain.on { opacity: 1; z-index: 30;}
#galleryMain .img { position: absolute; z-index: -1; top: 0; bottom: 0; left: 0; right: 0; margin: auto; aspect-ratio: 1/.775; width: 80%; max-height: 80vh; overflow: hidden; margin-top: 5vw; opacity: 0; z-index: -1;}
#galleryMain .img.on { opacity: 1; z-index: 1;}
#galleryMain .img img { width: 100%; height: 100%; object-fit: contain; cursor: pointer;}
#galleryMain .closebtn { position: absolute; display: block; left: 0; top: 1vw; margin: auto; width: 100%; height: 1em; text-align: center; color: #fff; z-index: 2; }
#galleryMain .closebtn p { color: #fff; font-size: 1vw;}

.featureSec .flcell {display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap; width: 100%;}
.featureSec .flcell .fleft  { width: 3vw; height: 3vw; border-radius: 50%; border: solid 5px #000; display: flex; justify-content: center; align-items: center;}
.featureSec .flcell .fleft p {font-weight: bold; font-size: 110%;}
.featureSec .flcell .fright { width: 90%; text-align: left; margin-left: 2vw;}
.featureSec .flcell .fright h3 { font-size: 150%; text-align: left;}

.kv {position: relative; width: 100%; aspect-ratio: 1/.6; overflow: hidden;}
.kv .kvslide { width: 100%; height: auto; aspect-ratio: 1/.6; overflow: hidden;}
.kv .kvslide img {display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;}

.indexTxt {position: relative; width: 100%; height: auto; margin: 15vw auto; display: flex; justify-content: center; align-items: center; flex-direction: column; }
.indexTxt p { font-size: 180%; font-weight: bold; margin-bottom: 1vw; text-align: center; opacity: 0;}


.indexvideocont {position: relative; width: 100%; aspect-ratio: 1/.6; overflow: hidden;}
.indexvideocont .txt {position: absolute; z-index: 2; top: 20vw; left: 12vw; width: 70%; height: 50vw; margin: 0 auto; text-align: left;}
.indexvideocont .ttlbox h2 {text-align: left; margin-left: 0; margin-right: 0;}
.indexvideocont .ttlbox p {text-align: left; margin-left: 0; margin-right: 0;}
.indexvideocont .video {position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: auto; aspect-ratio: 1/.6; overflow: hidden;}
.indexvideocont .video video {display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;}

.maincont.gallery .section {width: 100%!important; margin: 0 auto!important; padding: 15vw 0!important;}
.maincont.gallery .section .lazy .cell {cursor: default; width: 100%; height: 66.7vw; display: block; margin-bottom:5vw;}
.maincont.gallery .section .lazy img { opacity: 0; transition: opacity 0.5s ease-in-out;}
.maincont.gallery .section .lazy img { opacity: 1;}
.txtlist.optionlist .flcell .fright { width: 55%;}
.txtlist.optionlist .flcell .img {display: block; width: 20%; height: auto; padding: 1vw; box-sizing: border-box;}


.galleryNavi {position: fixed; z-index: 8; opacity: 0; top: 6vw; left: 10%; width: 80%; margin: 0 auto; display: flex; justify-content: center; align-items: center; transition: all 1s;}
.galleryNavi.on {opacity: 1; transition: all 1s; z-index: 11;}
.galleryNavi.scrolled {top: 1vw; transition: all 1s;}
.galleryNavi a { border: solid 5px #000; border-radius: 2vw; padding: .5vw 1vw; display: flex; justify-content: center; align-items: center; flex-wrap: wrap;width: fit-content; margin: 0 1vw; font-size: 80%; font-weight: bold; background: #fff; overflow: hidden;}
.galleryNavi a.current,.galleryNavi a:hover {padding: 1vw 2vw; transition: all 1s; background: #000; color: #fff; border: solid 5px #000;}
}
.txtlist.optionlist .flcell .fright.full { width: 75%;}



.sm {font-size: 80%!important;}

@charset "UTF-8";
.image-container{width:100%;height:100vh;overflow:hidden;position:fixed;z-index:-1;top:0;left:0;display:flex;justify-content:center;align-items:center;background:#000}
.image-container img{position:absolute;z-index:2;top:0;bottom:0;left:0;right:0;margin:auto;display:none;object-fit:cover;transform-origin:center center;transform:scale(1);opacity:.6}
.image-container img.active{position:absolute;z-index:1;transform:scale(1);display:none;object-fit:cover;animation:widthAnimation 9s ease}
@keyframes widthAnimation{0%{transform:scale(1.1)}100%{transform:scale(1)}}

/* gjs-dashed */
.gjs-dashed { font-size: 1.2vw!important;}
.gjs-dashed {height: auto!important; overflow: scroll!important;}
.gjs-dashed .wow {opacity: 1!important;}
.gjs-dashed .header {top: 1vw!important; opacity: 1!important;}
.gjs-dashed .header .gmenu .box {padding: 2vw;}
.gjs-dashed .loading {opacity: 0!important; z-index: -10!important;}
.gjs-dashed .sns {opacity: 1!important; bottom: 1vw!important; }
.gjs-dashed .maincont {padding: 3vw 0; opacity: 1!important; height: auto!important; overflow: visible!important;}
.gjs-dashed .maincont * {padding: 2vw 1vw; }
.gjs-dashed .flowbox .dot {padding: 0!important;}
.gjs-dashed .flowbox .dot img {padding: 0!important;}
.gjs-dashed .slidebox {position: relative; width: 100%; height: auto; aspect-ratio:auto;}
.gjs-dashed .slide {position: relative; width: 100%;height: fit-content;}

.gjs-dashed .dn {display: block!important;}
.gjs-dashed .grobalfontsize {display: flex; justify-content: flex-start; align-items: center; margin: 20vw auto 0; width: fit-content;}
.gjs-dashed .spfontsize {display: flex; justify-content: flex-start; align-items: center; margin: 5vw auto; width: fit-content;}
.gjs-dashed .faqbox p {display: block!important;}
.gjs-dashed .kv {position: relative!important; width: 100%; height: auto; aspect-ratio: auto; overflow: hidden;}
.gjs-dashed .indexTxt {position: absolute;}
.gjs-dashed .indexTxt p { opacity: 1!important;}
.gjs-dashed .kv .kvslide {position: relative!important; z-index: 1; top: 0; left: 0; width: 100%; height: auto; aspect-ratio: 1/.6; overflow: hidden;}
.gjs-dashed .form .inq {display: block!important;}
.gjs-dashed .graybg {min-height: 200vh;}



/* pricelist */
.c9173.hover-opacity.plan__btn:hover {
    opacity: .6;
    transition: all 0.3s;
}

.noticelist .cell .h1736742124919.bg-colorBlue{
    background-color: #2ca9bc;
}