@charset "UTF-8";
.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: #452F0D;}
a:visited { text-decoration: none; color: #452F0D;}
a:hover { text-decoration: none;}
a:active { text-decoration: none; color: #452F0D;}
a:link,a:visited,a:hover,a:active {transition: all .6s; }
a:hover { opacity: .4;}

img { width: 100%; height: auto;vertical-align: bottom}

* {word-break: break-all;}
.requiredText {color:red;}
.wow {opacity: 0;}

.cp { background: #312C2C; padding: .7vw; text-align:center;}
.cp p { color:#fff;}

.dn {display:none;}
/* body .lang .ch {display: none;} */
/*
font-family: "ten-mincho-text", serif;

*/
body {opacity: 0; transition: all .6s;}
.loading.active,body.active {opacity: 1; transition: all .6s;}
.dn {display: none!important;}
.index_cell .subcat {display: none!important;}
.workdetail .artmain table th {color:#fff; background:#285CBF; width:35%;}
.pagettl.company .txt h1 {color: #000;}
.productsdetail .artmain .productname {display: none!important; opacity: 0; height: 1px;}

.index_content .flcell .fright h2 {font-size:100%!important; font-weight:normal;}
@media screen and (min-width: 1000px) {
#chatbot-btn {bottom:120px!important;}
#headerMenu .sp {display:none!important;}
iframe { display:block; width:100%; height:40vw; border: none; margin: 0 auto;}
body {font-size:0.92vw; font-family: kozuka-gothic-pro, sans-serif; font-weight: 700; font-style: normal; color: #000000;}
h1,h2,h3,h4  {}

.header { position: fixed; top: -30vw; left: 0; opacity: 0; transition: all .6s; display: block; position: fixed; z-index: 20; top: 0vw; left: 0; padding: 0; width: 100%; height: 6.8vw; overflow: hidden;}
.header.active { transition: all .6s; top: 0; opacity: 1;}
.header .main { display: flex; justify-content: space-between; align-items: center; height: 6.5vw; width: 100%; margin: 0 auto; padding: 0vw 2.0vw 0 3.3vw;}
.header .main .logo { display: flex; justify-content: space-between; align-items: center; width: max-content;}
.header .main .logo .headerChar { display: block; width: 4vw; margin-right: 1vw;}
.header .main .logo .logoImg { display: block; width: 12vw;}
.header .main .logo img {display: block; width: 100%; height: 100%; object-fit: contain;}
.header .main .h_right { display: flex; justify-content: flex-end;}
.header .main .h_menu { display: flex;}
.header .main .btn_online { position: relative; display: flex; justify-content: center; align-items: center; background: #fff; border-radius: 2.3vw; width: 11.3vw; height: 1.7vw; font-family: acumin-pro, sans-serif; font-weight: 900; font-style: italic; color: #000;}
.header .main .btn_online::before { display: block; position: absolute; content: ""; width: 1.0vw; height: 1.0vw; top: 0; bottom: 0; left: 1.0vw; margin: auto; background: url(https://nomads.co.jp/system_panel/uploads/images/icon01.png) no-repeat; background-size: 100% 100%;}
.header .main .h_lang { display: flex; margin-right: 3.6vw; margin-left: 2.6vw;}
.header .main .h_lang a { display: block; font-family: acumin-pro, sans-serif; font-weight: 900; font-style: italic; color: #000; margin: 0 0.5vw 0;}

.header #spMenu { display: flex; justify-content: center; align-items: center; width: 2.5vw; height: 2.5vw; transition: all 1s; padding: 0; align-items: center; margin: 0 2vw 0 0; }
.header #spMenu .menu-trigger { position: relative; width: 2.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: 2px; 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: 0; }
.menu-trigger p:nth-of-type(2) { top: 1.1vw; }
.menu-trigger p:nth-of-type(3) { top: 2.3vw; }
.menu-trigger.active p:nth-of-type(1) { transform: translateY(1.2vw) rotate(-45deg); background: #fff; }
.menu-trigger.active p:nth-of-type(2) { opacity: 0; }
.menu-trigger.active p:nth-of-type(3) { transform: translateY(-1.05vw) rotate(45deg); background: #fff; }
.spnavi { display: block; position: fixed; top: 0; right: -25vw; z-index: 12; background: rgba(0,0,0,.8); width: 25vw; height: 100%; padding: 15vw 2vw 0; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden; -webkit-transition: all 1s; transition: all 1s; }
.spnavi.active { right: 0;}
.spnavi a { display: block; text-align: center; font-size: 112.5%; color: #fff; font-weight: bold; padding: 0 0; margin: 0 0 2.0vw; letter-spacing: 0.05em;}

.footer_info { position: fixed; bottom: 1.0vw; display: flex; justify-content: space-between; align-items: center; width: 100%; z-index: 8;}
.footer_info .f_left { margin: 0 0 0 4.2vw; display: flex; align-items: center; }
.footer_info .f_left a { display: block; width: 1.48vw; margin: 0 2.4vw 0 0;}
.footer_info .f_right { margin: 0 4.2vw 0 0; display: flex; justify-content: flex-end; align-items: center; }
.footer_info .f_right a { display: flex; align-items: center; margin: 0 0 0 2.8vw;}
.footer_info .f_right a img { width: 1.48vw; height: 1.48vw; margin: 0 0.6vw 0 0;}
.footer_info .f_right a p { line-height: 1; margin: 0; font-family: acumin-pro, sans-serif; font-weight: 900; font-style: italic; color: #000;}

.bgwhite {background: #fff; width: 100%; padding: 3vw 0;}
.footer { background: url(https://nomads.co.jp/system_panel/uploads/images/footer_bg.png); background-position: top center; background-repeat: no-repeat; background-size: 100% auto; display: flex; justify-content: center; align-items: center; flex-direction: column; width: 100%; height: auto; padding-top: 10vw;}
.footer .img { width: 65vw; margin: 0 auto 5vw;}
.footer .webgene-blog { display: flex; flex-wrap: wrap; margin: 0 auto 5.3vw; width: 90%; margin: 0 auto 3vw;}
.footer .webgene-blog article { width: 24%;  margin: 0 1% 1vw 0; padding: 0;}
.footer .webgene-blog article:nth-of-type(4n) { margin: 0 0 1vw 0;}
.footer .webgene-blog article .thumb {display: block; width: 100%; height: 100%; aspect-ratio:1/1; overflow: hidden; margin: .5vw 0 1vw;}
.footer .webgene-blog article .thumb img {display: block; width: 100%; height: 100%; object-fit: cover; border: solid 1px #ccc; border-radius: 2vw; overflow: hidden; }
.footerBg {background: #EFEAE4;}
.tac {text-align: center;}


.pagettl { position: relative; z-index: 2; display: flex; justify-content: center; align-items: center; width: 100%; height: 28.9vw; overflow: hidden; margin: 0vw;}
.pagettl .txt { position: absolute; z-index: 3; width: fit-content; height: max-content; min-height: 10vw; display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; color: #fff; padding: 2.0vw; border: 1px solid #fff; backdrop-filter: blur(12px);}
.pagettl .txt::after { position: absolute; content: ""; display: block; width: 48.3vw; height: max-content; min-height: 16.7vw; background: rgba(255,255,255,0.1); filter: blur(3px); z-index: 2; top: 0; bottom: 0; left: 0; right: 0; margin: auto;}
.pagettl .txt h1,.pagettl .txt .productname { position: relative; z-index: 4; width: max-content; height: max-content; display: flex; justify-content: center; align-items: center; font-size: 200%; font-weight: bold; letter-spacing: 0.1rem; margin: 1.0vw auto 1.0vw; line-height: 1; color: #fff;}
.pagettl .txt p { position: relative; z-index: 4; text-align: center; font-size: 100%; line-height: 1.6; margin: 0 auto;}
.pagettl .txt img { width: 14.1vw; margin: 0 auto;}
.pagettl .bg { position: absolute; z-index: 1; width: 100%; height: 100%;}
.pagettl .bg img { width: 100%; height: 100%; overflow: hidden; object-fit: cover;}

.maincont { position: relative; padding: 6.8vw 0 0; margin: 0vw auto 0; display: block; overflow: hidden; min-height: 80vh; background: #EFEAE4;}
.maincont.index { padding-top: 0; background: none;}

a.btn { position: relative; display: flex; justify-content: center; align-items: center; width: 14.8vw; height: 4.2vw; padding: 0vw 0vw; background: #F5FF00; color: #000; font-size: 160%; font-family: acumin-pro, sans-serif; font-weight: 900; font-style: italic; margin: 0 auto; text-align: center; border-radius: 0;}
a.btn:hover { opacity: 1; background: #24FFF6;}

a.btn_back { position: relative; display: flex; justify-content: center; align-items: center; width: 13.5vw; height: 2.5vw; padding: 0vw 0vw; background: #fff; color: #20A113; font-size: 100%; font-weight: bold; margin: 0 auto; text-align: center; border-radius: 0.15vw; border: 2px solid #20A113;}
a.btn_back:hover { opacity: 1; background: #20A113; color: #fff; border: 2px solid #20A113;}

.hbox { text-align: center; margin-bottom: 5vw;}
.hbox h2 {font-size: 250%; letter-spacing: 0.1rem; margin-bottom: .3vw; color: #000; font-family: acumin-pro, sans-serif; font-weight: 900; font-style: italic;}
.hbox h3 {font-size: 230%; letter-spacing: 0.1rem; margin-bottom: .3vw; color: #000;}
.hbox p { width: max-content; text-align: center; margin: 0 auto; letter-spacing: 0.1rem; font-size: 80%;}

.section {position: relative; display: block; margin: 0vw auto 13.6vw; text-align: center; width: 76vw; }
.section.full { margin: 10vw auto; text-align: center; width: 100%; }
.index .section { margin: 0vw auto 15vw; text-align: center; width: 70vw; }

.pagettl + .section {margin: 7vw auto 12vw;}

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

.section h3 { text-align: center; font-size: 140%; }

.productslist .box .webgene-blog { width: 100%; position: relative; display: flex; justify-content: flex-start; flex-wrap: wrap; margin: 0 auto 4.1vw;}
.productslist .webgene-blog .webgene-item { width: 24.6%; margin: 0 0.5% 5.6vw 0;}
.productslist .webgene-blog .webgene-item:nth-of-type(4n) { margin: 0 0% 5.6vw 0;}
.productslist .webgene-blog .webgene-item .img { margin: 0 0 1.2vw; width: 100%; aspect-ratio: 1 / 1;}
.productslist .webgene-blog .webgene-item .img img { width: 100%; height: 100%; overflow: hidden; object-fit: cover;}
.productslist .webgene-blog .webgene-item h3 { width: 100%; text-align: center; font-size: 100%; font-weight: bold; color: #000000; margin: 0vw 0 0; border: none; line-height: 1.4;}
.productslist .webgene-blog .webgene-item h3 a { display: block; width: 100%; color: #000000;}

.productslist .box { width: 100%; position: relative; display: flex; justify-content: flex-start; flex-wrap: wrap; margin: 0 auto 4.1vw;}
.productslist .box h2 { display: flex; justify-content: center; align-items: center; width: calc(60% - 2px); height: 5.5vw; background: #fff; border: 1px solid #707070; margin: 0 20% 2.6vw; line-height: 1; font-size: 250%; text-align: center;font-family: acumin-pro, sans-serif; font-weight: 900; font-style: italic;}
.productslist .box .webgene-item { width: 24.6%; margin: 0 0.5% 5.6vw 0;}
.productslist .box .webgene-item:nth-of-type(4n) { margin: 0 0% 5.6vw 0;}
.productslist .box .webgene-item .img { margin: 0 0 1.2vw; width: 100%; aspect-ratio: 1 / 1;}
.productslist .box .webgene-item .img a { display: block; width: 100%; height: 100%; aspect-ratio: 1 / 1;}
.productslist .box .webgene-item .img img { width: 100%; height: 100%; overflow: hidden; object-fit: cover;}
.productslist .box .webgene-item h2,.productslist .box .webgene-item h3 { height: max-content; background:none; width: 100%; text-align: center; font-size: 100%; font-weight: bold; color: #000000; margin: 0vw 0 0; border: none; line-height: 1.4;}
.productslist .box .webgene-item h2 a,.productslist .box .webgene-item h3 a { display: block; width: 100%; color: #000000;}
.productslist .box .webgene-item h2 .midcat,.productslist .box .webgene-item h3 .midcat { display: none;}


.productsdetail .webgene-blog { display: block; width: 100%; text-align: left; margin: 0 auto 4.4vw; }
.productsdetail .webgene-blog article .webgene-item-content { width: 45.5vw; margin: 0 auto 5.6vw; font-size: 122%; line-height: 1.68;}
.productsdetail .webgene-blog article .webgene-item-content img {padding-bottom: 2vw;}
.productsdetail .webgene-blog article .webgene-item-content p {padding-bottom: 3vw; font-weight: 500;}

.youtube { display: block; width: 45.5vw; margin: 0 auto 12vw;}
.youtube:empty { display: none;}

#facilitybox { width: 45.5vw; height: auto; margin: 0vw auto 0vw; display: flex; justify-content: flex-start; flex-wrap: wrap;}
#facilitybox #main {width: 100%; aspect-ratio: 1 / .556; overflow: hidden; margin-bottom: 1.6vw;}
#facilitybox #main img { width:100%; height: 100%; object-fit:contain;}
#facilitybox .imgbox { width: 45.5vw; height: auto; margin: 0vw auto 0vw; display: flex; justify-content: flex-start; flex-wrap: wrap;}
#facilitybox .cell {width: 15%; height: auto; aspect-ratio:1/1; margin: 0 2% 1vw 0;  overflow: hidden;}
#facilitybox .cell:empty { display: none;}
#facilitybox .cell:nth-of-type(6n) { margin-right: 0;}
#facilitybox .cell img { width:100%; height: 100%; object-fit:cover;}

#galleryMain { position: fixed; z-index: -10; opacity: 0; top: 0; right: 0; width: 100%; height: 100vh; overflow: hidden; display: flex; justify-content: center; align-items: center; flex-direction: column; background: rgba(255,163,163,.9); transition: all .6s;}
#galleryMain.on { opacity: 1; z-index: 25;}
#galleryMain .inner { position: relative; width: 40%; margin: 0 auto;}
#galleryMain #img { width: 100%; height: 40vw; margin-top: 5vw;}
#galleryMain #img img { width: 100%; height: 100%; object-fit: contain;}
#galleryMain .close { position: absolute; top: 0; right: -8vw; width: 7.1vw; opacity: 1;}

.pagelink { display: flex; flex-wrap: wrap; width: 60vw; margin: 0 auto 1.5vw;}
.pagelink a { position: relative; display: flex; justify-content: center; align-items: center; width: calc(23.5% - 4px); height: 2.5vw; border: 2px solid #20A113; border-radius: 0.15vw; line-height: 1; color: #20A113; font-size: 100%; margin: 0 2% 0.7vw 0;}
.pagelink a::after { display: block; position: absolute; content: ""; background: url(https://aut-kogeisha240427.smooooth.jp/system_panel/uploads/images/pagelink_arrow01.png) no-repeat; background-size: 100% 100%; width: 0.5vw; height: 0.3vw; top: 0; bottom: 0; right: 1.0vw; margin: auto;}
.pagelink a:hover { background: #20A113; color: #fff; opacity: 1;}
.pagelink a:hover p { color: #fff;}
.pagelink a:hover::after { background: url(https://aut-kogeisha240427.smooooth.jp/system_panel/uploads/images/pagelink_hover_arrow.png) no-repeat; background-size: 100% 100%; width: 0.5vw; height: 0.3vw; top: 0; bottom: 0; right: 1.0vw; margin: auto;}
.pagelink a:nth-of-type(4n) { margin: 0 0% 0.7vw 0;}
.pagelink a p { color: #20A113; padding-right: 0.5vw;}

.txtlist { width: 100%; margin: 0 auto; border-top: 1px solid #000;}
.txtlist .flcell { display: flex; justify-content: flex-start; align-items: flex-start; width: 100%; height: auto; margin: 0 auto; border-bottom: 1px solid #000;}
.txtlist .flcell .fleft { width: 20%; text-align: left; padding: 0.9vw 1.5vw; color: #000; font-weight: bold; font-size: 120%; min-height: 3.6vw;}
.txtlist .flcell .fright { width: 80%; padding: 0.9vw 1.5vw; box-sizing: border-box; display: block; font-size: 120%; min-height: 3.6vw;}
.txtlist .flcell .fright p {text-align: left;}

/* contact */
.form {width: 70vw; margin: 0 auto;}
.form .formRow { margin: 0 0 2vw; padding: 0; text-align: left;}
.form .formRow input[type="text"],.form .formRow input[type="email"],.form .formRow textarea {width: 90%;}
.form .formRow input.zipInput { width: 30%;}
.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 #submit { position: relative; width: 20vw; padding: 1vw 0vw; background: #000; color: #fff; font-size: 130%; letter-spacing: 0.1rem; opacity: .2; margin: auto; border: none; border-radius: 0px;}
.form #submit { position: relative; display: flex; justify-content: center; align-items: center; width: 13.5vw; height: 2.5vw; padding: 0vw 0vw; background: #fff; color: #20A113; font-size: 100%; font-weight: bold; margin: 0 auto; text-align: center; border-radius: 0.15vw; border: 2px solid #20A113;}
.form #submit.active {opacity: 1;}

/* index */
.videoCont{ width: 100%; height: 100vh; position: fixed; top: 0; left: 0; overflow: hidden; z-index: -1;}
.videoCont video{ width: 100%; height: 100%; object-fit: cover; transform:scale(1.2); }
.videoCont img{ width: 100%;}
.videoCont::after { display: block; z-index: 0; position: absolute; content: ""; width: 100%; height: 100vh; background: rgba(255,255,255,0.3); top: 0; left: 0;}

.kv { position: relative; z-index: 2; display: flex; justify-content: center; align-items: center; width: 100%; height: 58.6vw; overflow: hidden; margin-bottom: 0vw;}
.kv .bg { position: absolute; z-index: 1; width: 100%; height: 58.6vw; top: 0;}
.kv .bg img { width: 100%; height: 100%; overflow: hidden;}
.kv .txt { position: absolute; z-index: 2; width: auto; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center;}
.kv .txt h1 { text-align: center; line-height: 1; margin: 0 auto 2.6vw; font-family: adorn-bouquet, sans-serif; font-weight: 400; font-style: normal; font-size: 348%; color: #000;}
.kv .txt p { text-align: center; font-size: 122%; color: #000; line-height: 1.68; margin: 0 auto;}

.index_content { background: #EFEAE4; position: relative; margin: 19.1vw 0 0; padding: 0 0 10vw;}
.index_content::before { position: absolute; display: block; content: ""; background: url(https://nomads.co.jp/system_panel/uploads/images/index_content_bg.png) top center no-repeat;  background-size: 100% auto; width: 100%; height: 19.1vw; top: -19.1vw; left: 0;}

.index_content .img { margin: 0 auto 2.6vw;}
.index_content .img.slide {position: relative; width: 100%; height: auto; aspect-ratio:1/.441; overflow: hidden; margin: 0 auto 5vw;}
.index_content .img .cell {position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%;}

.index_content .flcell { display: flex; justify-content: space-between; align-items: center; padding: 0; margin: 0 0 4.3vw;}
.index_content .flcell .fleft { width: 25%;}
.index_content .flcell .fright { width: 70%;}
.index_content .flcell .fright p { text-align: left; font-size: 100%; line-height: 1.67; margin: 0;}

.index_content .index_photo { display: flex; flex-wrap: wrap; margin: 0 auto 5.3vw;}
.index_content .index_photo .box { width: 24.6%; margin: 0 0.5% 0.4vw 0;}
.index_content .index_photo .box:nth-of-type(4n) { margin: 0 0% 0.4vw 0;}

.index_cell .webgene-blog { display: flex; flex-wrap: wrap; margin: 0 auto 5.3vw;}
.index_cell .webgene-blog article { width: 24.5%; aspect-ratio:1/1; margin: 0 0.5% 0.4vw 0; overflow: hidden; padding: 0;}
.index_cell .webgene-blog article:nth-of-type(4n) { margin: 0 0 0.4vw 0;}
.index_cell .webgene-blog article h3 {display: none;}
.index_cell .webgene-blog article a {display: block; width: 100%; height: 100%; aspect-ratio:1/1; overflow: hidden;}
.index_cell .webgene-blog article a img {display: block; width: 100%; height: 100%; object-fit: cover;}

.index .section.index_story { width: 45.5vw;}
.index_content .index_story .img { margin: 0 auto 4.7vw;}
.index_content .index_story p { font-size: 122%; line-height: 1.68; margin: 0 auto 5.3vw; text-align: center;}
.index_content .index_story a p { margin: 0 auto;}

/* about */
.about_content .story { width: 45.5vw;}
.about_content .story .img { margin: 0 auto 4.7vw;}
.about_content .story p { font-size: 122%; line-height: 1.68; margin: 0 auto 5.3vw; text-align: center;}

.relatedItems .webgene-blog { display: flex; flex-wrap: wrap; margin: 0 auto 5.3vw; width: 70%; margin: 0 auto 3vw;}
.relatedItems .webgene-blog article { width: 24.5%;  margin: 0 0.5% 1vw 0; padding: 0;}
.relatedItems .webgene-blog article:nth-of-type(4n) { margin: 0 0 1vw 0;}
.relatedItems .webgene-blog article h3 { display: none; margin-top: 1vw; text-align: center; font-size: 110%;}
.relatedItems .webgene-blog article .subcat { display: none;}
.relatedItems .webgene-blog article a {display: block; width: 100%; height: 100%; aspect-ratio:1/1; overflow: hidden;}
.relatedItems .webgene-blog article a img {display: block; width: 100%; height: 100%; object-fit: cover;}

.btnbox { display: flex; justify-content: center; align-items: center; width: max-content; margin: 0 auto;}
.btnbox .btn { width: 16.1vw; background: #E7ED5C; margin: 0 4.2vw; font-size: 129%;}

.largep { font-size: 140%;}
.tal {text-align: left;}
.t_bold { font-weight: bold;}

.mincho {font-family: "tbudmincho-std", sans-serif !important; font-style: normal;}

#i6w73 { height: auto !important;}

.form .col-md-4 { position: relative; padding-left: 3.6vw;}
.form .col-md-4 .requiredText {　display: flex; justify-content: center; align-items: center; margin-left: .5vw; text-align: center; font-weight: bold; width: 3.125vw; height: 1.5vw; background: #DB0606; color: #fff;}


.webgene-pagination { display: block; width: 100%;}
.webgene-pagination ul { display: flex; justify-content: center; margin: 4vw auto 0;}
.webgene-pagination ul li { font-size: 100%;}
.webgene-pagination :is(.prev, .next) { width: 1.875vw; height: 1.875vw; background: #fff; border: 1px solid #20A113; list-style: none; text-indent: -999999px;}
.webgene-pagination :is(.prev a, .next a) { font-size: 100%; font-weight: 500; color: #fff;}
.webgene-pagination ul .number { list-style: none; background: #fff; width: 1.875vw; height: 1.875vw; border: 1px solid #20A113; margin: 0 0.5em;}
.webgene-pagination ul .number.selected { list-style: none; background: #20A113; width: 1.875vw; height: 1.875vw; margin: 0 0.5em;}
.webgene-pagination ul .number.selected a { color: #fff;}
.webgene-pagination ul .prev { position: relative; margin-right: 0.5em;}
.webgene-pagination ul .prev::after { display: block; position: absolute; content: ""; width: 0.41vw; height: 0.57vw; background: url(https://aut-kogeisha240427.smooooth.jp/system_panel/uploads/images/icon_prev.png) no-repeat; background-size: 100% 100%; top: 0; bottom: 0; left: 0; right: 0; margin: auto; }
.webgene-pagination ul .next { position: relative; margin-left: 0.5em;}
.webgene-pagination ul .next::after { display: block; position: absolute; content: ""; width: 0.41vw; height: 0.57vw; background: url(https://aut-kogeisha240427.smooooth.jp/system_panel/uploads/images/icon_next.png) no-repeat; background-size: 100% 100%; top: 0; bottom: 0; left: 0; right: 0; margin: auto; }
.webgene-pagination ul a { display: flex; justify-content: center; align-content: center; width: calc(1.875vw - 2px); height: calc(1.875vw - 2px); text-decoration: none; flex-wrap: wrap; color: #20A113;}

.pc_only { display: block !important;}
.sp_only { display: none !important;}


.loading { width: 100%; height: 100vh; display: flex; justify-content: center; align-items: center; flex-direction: column; position: fixed; top: 0; left: 0; z-index: 30; background: #fff; opacity: 0; transition: all .6s;}
.loading.active {opacity: 1; transition: all .6s;}
.loading.ready {opacity: 0!important; transform: scale(1.2);transition: all .6s;}
.loading.ready.out {z-index: -100;}
.loading .charbox { height: auto;  display: flex; justify-content: space-between; align-items: center; margin: 0 auto;}
.loading img { width: 10vw; height: auto; margin: 0 2vw;}
.loading .logo { width: 40%; margin: 0 auto; text-align: center; margin-top: 2vw;}
}

.lang .jp,.lang .ch,.lang .en {display: none;}
.lang .on {display: block;}

/* gjs-dashed */
.gjs-dashed {opacity: 1!important;}
.gjs-dashed .lang .jp,.gjs-dashed .lang .ch,.gjs-dashed .lang .en {display: block!important;}
.gjs-dashed .fright img { transform: scale(.7);  }
.gjs-dashed * {padding: 10px!important;}
.gjs-dashed a:hover { opacity: 1;}
.gjs-dashed .faq .inner .faq_cell .txt_a { display: block; }
.gjs-dashed .tab-contents { display: block;}
.gjs-dashed .header {top: 0; opacity: 1;}
.gjs-dashed .header #spMenu { display: block;}
.gjs-dashed .spnavi {  width: 100%; height: 100px; display: flex; justify-content: flex-start; align-items: center; right: 0; top: 100px;}
.gjs-dashed .sp_only { display: block !important;}
.gjs-dashed .loading { z-index: 2!important; ;opacity: 1!important; top: 100px!important;}