@charset "UTF-8";

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

.tal {text-align: left;}
.tac {text-align: center;}
.tar {text-align: right;}
.sm {font-size: 80%!important;}
.wow {opacity: 0;}
.cp { width: 100%; padding: 0 0 1vw; text-align: center;}

.largep {font-size: 100%;}

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

img { width: 100%; height: 100%; object-fit: cover;}

h1,h2,h3,h4 {color:#BE9D54; font-weight:normal!important;}

@media screen and (min-width: 1000px) {
body {background: #fff; padding: 0; margin: 0; font-family: serif; font-size: .9vw; color: #626262;}
.mb1 {margin-bottom: 1vw;}
.mb2 {margin-bottom: 2vw;}
.mb3 {margin-bottom: 3vw;}
.mb5 {margin-bottom: 5vw;}
.mb7 {margin-bottom: 7vw;}
.mb10 {margin-bottom: 10vw;}
.mt30 {margin-top: 40vw!important;}

.w50 { display: block; width: 50%; margin-left: auto; margin-right: auto;}
.w100 {width: 100%!important;}
.maincont {position: relative; z-index: 2; width: 100%; height: auto;overflow: hidden; opacity: 0; transition: all 1.5s;}
.maincont.on {height: auto;overflow: visible; opacity: 1; transition: all 1.5s;}

.section { width: 70%; padding: 5vw; margin: 15vw auto 0; text-align: center; box-sizing: border-box; background: rgba(255,255,255,.8);}
.section.wide { width: 90%; background: transparent;}
.section.nb { background: transparent;}
.section img { display: block; width: 100%; height: auto;}
.section .active { filter: blur(0); opacity: 1;}

.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: 8vw; 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: -8vw; left: 0; z-index: 9; width: 100%; height: auto; transition: all 1.5s; opacity: 1; padding: 1vw 2vw; box-sizing: border-box; background: rgba(255,255,255,.8);}
.header.on {top: 0; opacity: 1;}
.header { display: flex; justify-content: space-between; align-items: center;}
.header .logo { display: block; width: 11.5vw; height: auto; margin-right: 65vw; transition: all 1.5s; transform: scale(1);}
.header .logo img { width: 100%; height: 100%; object-fit: contain;}
.header .sns { display: block; width: 5vw; display: flex; justify-content: space-between; align-items: center; height: auto; margin-right: 1vw; transition: all 1.5s; transform: scale(1);}
.header .sns a {width: 1.5vw; height: 1.5vw; display: block; margin-right: 2vw; }
.header .sns a:last-child {margin-right: 0;}
.header .sns img { width: 100%; height: 100%; object-fit: contain;}

#spMenu  {opacity: 0; transition: all .6s;}
#spMenu.on  {opacity: 1; transition: all .6s;}
#spMenu { 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: 1; 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,1); width: 100%; height: 100vh; -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: #626262; font-size: 100%; margin: 1.5vw auto 0; text-align: center;filter: blur(1.5rem); transition: all 1s;}
.spnavi a p {}
.spnavi.active a {filter: blur(0); transition: all 1s; margin-top: 2vw;}

.footer { display: flex; justify-content: space-between; align-items: center; position: fixed; z-index: 20; bottom: 1vw; left: 4vw; width: 92vw; opacity: 0; transition: all .6s;}
.footer.on  {opacity: 1; transition: all .6s;}
.footer .left { width: 50%; text-align: left; font-size: 80%; line-height: 1.1;}
.footer .left p { margin-bottom: 0;}
.footer .left p br {display: none;}
.footer .right { width: 50%; text-align: right;}
.footer .right a { display: block; width: fit-content; padding: .3vw 1.5vw; text-align: center; background: #BE9D54; color: #fff; font-size: 80%;margin: 0 0 0 auto; }
.footer .right a p { letter-spacing: .2em; margin-bottom: 0;}

.box {display: block; margin-left: auto; margin-right: auto; width: 100%;}
.box p {margin-bottom: 2vw; font-size: 130%; line-height: 2.2; letter-spacing: .2em; filter: blur(1.5rem); transition: all 1s;  opacity: 0;}
.box.tal p {text-align: left;}
.box p em {font-style: normal; font-size: 80%;}

.box.list { display: flex; justify-content: center; flex-wrap: wrap; width: 100%;}
.box.list p { display: block; margin: 0 .5vw 2vw; border-radius: 3vw; padding: .3vw 1.5vw; background: rgba(255,255,255,.8); text-align: center; font-size: 110%; letter-spacing: .2em;}

.menu .cell { width: 100%; display: flex; justify-content: flex-start; align-items: center; background: rgba(255,255,255,.8); border: solid 4px rgba(190,157,84,.13); padding: 3vw; box-sizing: border-box; margin:0 auto 3vw; filter: blur(1.5rem); transition: all 1s;  opacity: 0;}
.menu .cell.active {opacity: 1; filter: blur(0); transition: all 1s;}
.menu .cell .left { width: 12%; margin-right: 3%;}
.menu .cell .beautyLeft { margin-right: 6%;}
.menu .cell .left .img { width: 8vw; height: 8vw; border-radius: 50%; overflow: hidden;}
.menu .cell .beautyLeft .img { width: 10vw; height: 10vw;}
.menu .cell .right { width: 80%; text-align: left; margin-left: 3%;}
.menu .cell .right .head { width: 100%; display: flex; justify-content: space-between; align-items: center; padding-bottom: 1vw; margin-bottom: 1vw; border-bottom: dotted 1px #d0caca;}
.menu .cell .right .head h3 {color: #BE9D54; font-size: 120%; font-weight: normal; text-align: left;letter-spacing: .1em;}
.menu .cell .right .head h4 {color: #BE9D54; font-size: 120%; font-weight: normal; text-align: right;letter-spacing: .1em;}
.menu .cell .right p {text-align: left;}
.menu .cell .right .p_star {font-size: 1.2rem;}

.menu.bodytreatment .cell { width: 100%; display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap:wrap; background: rgba(255,255,255,.8); border: solid 4px rgba(190,157,84,.13); padding: 3vw; box-sizing: border-box; margin:0 auto 3vw; filter: blur(1.5rem); transition: all 1s;  opacity: 0;}
.menu.bodytreatment .cell.active {opacity: 1; filter: blur(0); transition: all 1s;}
.menu.bodytreatment .cell .left { width: 30%;}
.menu.bodytreatment .cell .left .img { width: 100%; height: auto; border-radius: 0; overflow: hidden;}
.menu.bodytreatment .cell .right { width: 62%; text-align: left; margin-left: 3%;}
.menu.bodytreatment .cell .right .head { width: 100%; display: block; padding-bottom: 1vw; margin-bottom: 2vw; border-bottom: dotted 1px #d0caca;}
.menu .cell .right .list {width: 100%; display: flex; justify-content: space-between; align-items: center;}
.menu .cell .right .list p:first-child {color: #BE9D54; font-size: 120%; font-weight: normal; text-align: left;letter-spacing: .1em;}
.menu .cell .right .list p:last-child {color: #BE9D54; font-size: 120%; font-weight: normal; text-align: right;letter-spacing: .1em;}
.menu .cell .right + p {text-align: left; display:block; width: 100%; margin-top:2vw;}

.staff .cell { width: 100%; display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap; background: rgba(255,255,255,.8); border: solid 4px rgba(190,157,84,.13); padding: 3vw; box-sizing: border-box; margin-bottom: 3vw; filter: blur(1.5rem); transition: all 1s;  opacity: 0;}
.staff .cell.active {opacity: 1; filter: blur(0); transition: all 1s;}
.staff .cell .left { width: 25%; margin-bottom: 3vw;}
.staff .cell .right { width: 75%; text-align: left; padding: 5vw; box-sizing: border-box;}
.staff .cell .right .head { width: 100%; display: flex; justify-content: flex-start; align-items: center; padding-bottom: 1vw; margin-bottom: 1vw; border-bottom: dotted 1px #d0caca;}
.staff .cell .right .head h3 {color: #BE9D54; font-size: 100%; font-weight: normal; text-align: left;letter-spacing: .1em; margin-right: 2vw;}
.staff .cell .right .head h4 {color: #BE9D54; font-size: 120%; font-weight: normal; text-align: right;letter-spacing: .1em;}
.staff .cell .right h4 {font-size: 160%; text-align: left;}
.staff .cell .right p {text-align: left;}
.staff .cell .txtlist {width: 100%;}

.cta { display: block; width: 100%; margin-top: 15vw; position: relative; z-index: 2;}
.cta .top {position: relative; width: 100%; height: auto; aspect-ratio:1/.303; overflow: hidden;}
.cta .top .txt {position: absolute; z-index: 2; width: 80%; height: auto; left: 10vw; top: 10vw;}
.cta .top .txt h2 {font-size: 170%; font-weight: normal; margin-bottom: 3vw; text-align: left; letter-spacing: .4em; line-height: 1.5;}
.cta .top .txt p {text-align: left;}
.cta .top .bg {position: absolute; z-index: 1; width: 100%; height: auto; left: 0; top: 0; aspect-ratio:1/.303; background: #f2f1ed;}
.cta .top .bg img {display: block; width: auto; height: 100%; position: absolute; right: 0; bottom: 0;}
.cta .btm {position: relative; width: 100%; height: auto; aspect-ratio:1/.8; overflow: hidden;}
.cta .btm .txt {position: absolute; z-index: 2; width: 80%; height: auto; left: 10vw; top: 10vw; text-align: center;}
.cta .btm .txt h2 {font-size: 180%; font-weight: normal; margin-bottom: 3vw; text-align: center;}
.cta .btm .txt a {font-size: 220%; font-weight: normal; margin-bottom: 3vw; text-align: center; color: #BE9D54; letter-spacing: .4em;}
.cta .btm .txt p {text-align: center;}
.cta .btm .txt .ctaqr { display: block; width: 15vw; margin: 3vw auto;}
.cta .btm .bg {position: absolute; z-index: 1; width: 100%; height: auto; left: 0; top: 0; aspect-ratio:1/.8;}
.cta .btm .bg img {filter: blur(.3vw);}

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




.newslist .webgene-blog { height: auto; display: flex; justify-content: flex-start; flex-wrap: wrap;}
.newslist .webgene-blog article { display: block; height: auto; width: 32%; margin: 0 2% 3.5vw 0; background: #fff; padding: 1.5vw 1.5vw 2.5vw; box-sizing: border-box; border: none; filter: blur(1.5rem); transition: all 1s; opacity: 0;}
.newslist .webgene-blog article.active { filter: blur(0); opacity: 1; transition: all 1s;}
.newslist .webgene-blog article:nth-of-type(3n) {margin-right: 0;}
.newslist .webgene-blog article .img {display: block; width: 100%; overflow: hidden; aspect-ratio: 1 / 1; margin-bottom: 2vw;}
.newslist .webgene-blog article .img img { width: 100%; height: 100%; object-fit: cover;}
.newslist .webgene-blog article h2 {font-size: 110%; font-weight: normal; text-align: left; margin-bottom: 2vw; padding-bottom: 1vw; border-bottom: dotted 1px #ccc; line-height: 1.5;}
.newslist .webgene-blog article .contentmain {font-size: 100%; text-align:left; }

.beforeafter .webgene-blog { height: auto; display: flex; justify-content: flex-start; flex-wrap: wrap;}
.beforeafter .webgene-blog article { display: block; height: auto; width: 32%; margin: 0 2% 3.5vw 0; background: #fff; padding: 1.5vw 1.5vw 2.5vw; box-sizing: border-box; border: none; filter: blur(1.5rem); transition: all 1s; opacity: 0;}
.beforeafter .webgene-blog article.active { filter: blur(0); opacity: 1; transition: all 1s;}
.beforeafter .webgene-blog article:nth-of-type(3n) {margin-right: 0;}
.beforeafter .webgene-blog article .bfimg {display: flex; justify-content: center; align-items: center; width: 100%; height: 14vw; overflow: hidden; aspect-ratio: 1 / 1; margin-bottom: 2vw; overflow: hidden;}
.beforeafter .webgene-blog article .bfimg p {display: block; width: 50%; height: 100%; overflow: hidden; aspect-ratio: 1 / .5; }
.beforeafter .webgene-blog article .bfimg img { width: 100%; height: 100%; object-fit: cover;}
.beforeafter .webgene-blog article h2 {font-size: 110%; font-weight: normal; text-align: left; margin-bottom: 2vw; padding-bottom: 1vw; border-bottom: dotted 1px #ccc; line-height: 1.5;}
.beforeafter .webgene-blog article .contentmain {font-size: 100%; text-align:left; }




.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: #626262; 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 h2 { font-size: 200%; font-weight: 700; display: block; margin: 0 auto; filter: blur(1.5rem); transition: all 1s; opacity: 0;}
.hbox.active h2 { filter: blur(0); opacity: 1;}

.section h3 {font-size: 160%;}

.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;}

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

.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: .5vw 3vw; background: #BE9D54; border-radius: .5vw; margin-left: auto; margin-right: auto; text-align: center;}
.linkbtn p {color: #fff; font-size: 100%;}
.linkbtn:hover {background: #fafafa;transition:all .6s}
.linkbtn:hover p {color: #626262; transition:all .6s}

.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/.6;}
.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.2); 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;}


iframe { width: 100%; height: 30vw;}

.maincont.index .newslist article { display: block; height: auto; width: 23%; margin: 0 2% 3.5vw 0; background: #fff; padding: 1.5vw 1.5vw 2.5vw; box-sizing: border-box; border: none; filter: blur(1.5rem); transition: all 1s; opacity: 0;}
.maincont.index .newslist article.active { filter: blur(0); opacity: 1; transition: all 1s;}
.maincont.index .newslist article:nth-of-type(3n) {margin-right: 1.5vw;}
.maincont.index .newslist article:nth-of-type(4n) {margin-right: 0;}

.kv {position: relative; width: 100%; aspect-ratio: 1/.6; overflow: hidden;}
.kv .txt {position: absolute; z-index: 2; top: 0; left: 0; width: 100%; height: auto; margin: 0 auto; aspect-ratio: 1/.6; overflow: hidden; display: flex;justify-content: center; align-items: center; flex-direction: column;}
.kv .txt h1 { font-size: 250%; letter-spacing: .2em; line-height: 1.9; font-weight: normal; margin-bottom: 1vw; text-align: center; opacity: 0; transition: all .5s;}
.kv .txt.on h1,.kv .txt.on p {opacity: 1; transition: all .5s;}

.indexsec1 {position: relative; width: 100%; aspect-ratio: 1/.6; overflow: hidden;}
.indexsec1 .txt {position: absolute; z-index: 2; top: 0; left: 0; width: 70%; height: fit-content; margin: 0 auto; padding: 10vw; box-sizing: border-box; overflow: hidden; display: block;}
.indexsec1 .txt h2 {font-size: 190%; letter-spacing: .2em; line-height: 1.9;}
.indexsec1 .txt .p {font-size: 120%; letter-spacing: .2em; line-height: 1.9;}
.indexsec1 .bg {position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: auto; margin: 0 auto; aspect-ratio: 1/.6; overflow: hidden;}

.video{ width: 100%; height: 100vh; position: fixed; top: 0; left: 0; overflow: hidden; z-index: -1; background: #fff;}
.video video{ width: 100%; height: 100%; object-fit: cover; transform:scale(1.2); opacity: .6; }

.commonOp .fleft {display: flex; justify-content: flex-start; align-items: flex-start;}
.commonOp .fleft .icon {width: 10%; height: auto; margin-right: 3%;}
.commonOp .fleft .txt {width: 87%; height: auto;}
.commonOp .fleft .txt p:first-child {font-size: 110%; margin-bottom: .5vw;}

.linedheader { position: relative; display: flex; justify-content: center; align-items: center; width:fit-content; font-size: 120%; margin-left: auto;margin-right: auto; }
.linedheader:before { position: absolute; content:""; width: 4vw; height: 1px; background: #BE9D54; display: block; left: -5vw;}
.linedheader:after { position: absolute; content:""; width: 4vw; height: 1px; background: #BE9D54; display: block; right: -5vw;}

.box.flexbox { width: 100%; display: flex; justify-content: flex-start; align-items: flex-start;}
.box.flexbox .point { text-align: center; width: 18%; margin-right: 2%; background: #fff; border: solid 1px #BE9D54; border-radius: 3vw; padding: 0; display: flex; justify-content: center; align-items: center; color: #BE9D54; box-sizing: border-box; font-size: 90%;}
.box.flexbox .txt { width: 80%; text-align: left;}
.box.flexbox .txt P { letter-spacing: none; line-height: 1.2;}

.image-container{width:100%;height:100vh;overflow:hidden;position:fixed;display:flex;z-index:1;justify-content:center;align-items:center;opacity:0;top:0;left:0 transition: all 1.5s;}
.image-container.on{opacity: 1; transition: all 1.5s;}
.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); filter: blur(0);}
.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)}}
.image-container.hide {opacity: 0; z-index: -100;}

.calendor .raw {width: fit-content; margin-left: auto; margin-right: auto; display: flex; justify-content: center; align-items: center; flex-wrap: wrap;}
.calendor .raw:nth-child(1) p { width: 3vw; height: 3vw; display: flex; justify-content: center; align-items: center; color: #fff; background: #BE9D54; box-sizing: border-box;}
.calendor .raw:nth-child(1) p:first-child,.calendor .raw:nth-child(2) p:first-child {width: 10vw;}
.calendor .raw:nth-child(2) p { width: 3vw; height: 3vw; display: flex; justify-content: center; align-items: center; background: #fff; box-sizing: border-box;}
.calendor .raw:nth-child(2) p:nth-child(2),.calendor .raw:nth-child(2) p:nth-child(4) {background: #ccc; color: #fff;}
.historylist {width: 100%; display: flex; justify-content: space-between; align-items: flex-start; padding: 1vw 0;}
.historylist p:first-child {width: 20%; text-align: left;}
.historylist p:last-child {width: 78%; text-align: left;}
}

.box strong {display: inline; color: #BE9D54; font-size: 120%; width: fit-content; }
.box strong + br {display: none;}
.menu .cell .right .head h3 strong {display: block; background: rgba(190,157,84,.13); padding: 1vw; width: fit-content; padding: .3vw; margin-bottom: .5vw; font-size: 110%;}
.menu .cell .right .head.nobr h3 br {display: none;}


.menu .cell .left img {display:block; width:100%; height:100%; object-fit:cover;}

/* gjs-dashed */
.gjs-dashed * {padding: 15px!important;}
.gjs-dashed .wow {opacity: 1!important;}
.gjs-dashed .header {top: 1vw!important; opacity: 1!important;}
.gjs-dashed .footer { opacity: 1!important;}
.gjs-dashed #spMenu  {opacity: 1!important;}
.gjs-dashed .section { width: 100%; padding: 10px;}
.gjs-dashed .maincont { width: 90%!important; margin: 10px auto!important; opacity: 1!important;}
.gjs-dashed .spnavi { opacity: 1!important; z-index: 20!important;}
.gjs-dashed .spnavi a {filter: blur(0); margin: 0!important; padding: .5vw!important;}
.gjs-dashed .spnavi a p {padding: 0!important; margin: 0!important;}
.gjs-dashed .image-container {position: relative; z-index: 1; flex-wrap: wrap;position: relative; width: 100%; height: auto;opacity:1;}
.gjs-dashed .image-container img {position: relative; width: 25%; padding: 1vw; box-sizing: border-box;}
.gjs-dashed .image-container img {position: relative; display: block!important;opacity: 1!important;}
.gjs-dashed #progress {z-index: -100!important;}
.gjs-dashed .newslist .webgene-blog article { filter: blur(0); opacity: 1;}
.gjs-dashed .box p { opacity: 1!important; filter: blur(0)!important; margin-bottom: 0!important;}
.gjs-dashed .hbox h2 { opacity: 1!important; filter: blur(0)!important;}
.gjs-dashed .menu .cell { opacity: 1!important; filter: blur(0)!important;}
.gjs-dashed .staff .cell { opacity: 1!important; filter: blur(0)!important;}
.gjs-dashed .slidebox {position: relative; width: 100%; height: auto; aspect-ratio:auto; overflow: auto;}
.gjs-dashed .slide {position: relative; width: 100%;height: fit-content;}
.gjs-dashed .kv .txt h1,.gjs-dashed .kv .txt p { opacity: 1!important;}