@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; padding-left:.3vw;}

.cp { background: #312C2C; padding: .7vw; text-align:center;}
.cp p { color:#fff;}
/*
font-family: "ten-mincho-text", serif;

*/

.workdetail .artmain table th {color:#fff; background:#285CBF; width:35%;}
.drone-movie {
    width: 100%;
    height: 100%;
    aspect-ratio: 16 / 9;
    max-width: 760px;
}


@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:.90vw; font-family: "Zen Kaku Gothic New", sans-serif; font-weight: 400; font-style: normal; color: #505050; background: #FBFBFB;}
h1,h2,h3,h4  {}

.header { display: block; position: fixed; z-index: 20; top: 0vw; left: 0; padding: 0; width: 100%; height: 6.5vw; overflow: hidden; background: #fff;}
.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: block; width: 12vw;}
.header #spMenu { display: none;}
/*
.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: 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: 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: #000; }
.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: #000; }
.spnavi { display: block; position: fixed; top: 0; right: -15vw; z-index: 9; background: rgba(0,0,0,.8); width: 15vw; height: 100%; padding: 9vw 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 { display: flex; justify-content: flex-end;}
.spnavi .spnavi_menu { display: flex; justify-content: flex-end; align-items: center; height: 6.5vw;}
.spnavi .spnavi_menu a { text-align: center; font-size: 112.5%; color: #505050; font-weight: bold; padding: 0 0; margin: 0 0 0 1.5vw;}
.spnavi .h_brn { display: flex; align-items: center; height: 6.5vw; margin: 0 0 0 3.125vw;}
.spnavi .h_brn a { margin: 0 1.0vw 0 0; width: 16.8vw;}
.spnavi .h_brn a:last-of-type { margin: 0;}

.footer_cell { background: #F3FFF2; display: block; width: 100%; padding: 2.8vw 2.6vw 1.8vw 3.125vw;}
.footer_cell .flcell { display: flex; justify-content: space-between; margin: 0 auto;}
.footer_cell .flcell > .fleft { width: 46.5vw;}
.footer_cell .flcell .fleft .inner { display: flex; justify-content: space-between; margin: 0 0 0; padding: 0 1.25vw 0 0.5vw;}
.footer_cell .flcell .fleft .inner p { width: max-content; font-size: 230%; font-weight: bold; color: #20A113; line-height: 1.6; margin: 0 0 0vw;}
.footer_cell .flcell .fleft .inner img { width: 15.3vw;}
.footer_cell .flcell .fleft .bnr_box { display: flex; justify-content: space-between;}
.footer_cell .flcell .fleft .bnr_box a { width: 49.2%;}
.footer_cell .flcell > .fright { position: relative; width: 45.3vw; background: #fff; border: 0.25vw solid #20A113; border-radius: 0.98vw;}
.footer_cell .flcell .fright .ttl { position: absolute; top: -1.6vw; left: 0.6vw; display: flex; justify-content: center; width: 14.8vw; height: 2.9vw; background: #20A113; border-radius: 1.35vw; color: #fff; font-size: 175%; font-weight: bold; text-align: center; margin: 0;}
.footer_cell .flcell .fright .inner { display: flex; justify-content: space-between; align-items: center; margin: 0 0 0; padding: 0 1.0vw 0 2.0vw;}
.footer_cell .flcell .fright .inner .fleft { width: 46%;}
.footer_cell .flcell .fright .inner .fright { width: 51.2%; display: flex; flex-direction: column;}
.footer_cell .flcell .fright .inner .fright p { font-size: 100%; line-height: 1.625; margin: 0;}
.footer_cell .flcell .fright .inner .fright p strong { font-weight: bold; font-size: 125%;}
.footer_cell .flcell .fright .inner .fright .cell_jin p strong { color: #20A113;}
.footer_cell .flcell .fright .inner .fright .cell_mamori p strong { color: #FFA200;}
.footer_cell .flcell .fright .inner .fright .cell_jin { padding: 0.7vw 1.7vw 1.8vw; background: #F3FFF2; margin: 0 0 0.7vw;}
.footer_cell .flcell .fright .inner .fright .cell_mamori { padding: 0.7vw 1.7vw 1.8vw; background: #FFF8EC; margin: 0 0 0vw;}

.footer { background: #20A113; color: #fff; display: block; width: 100%; height: 18.15vw;}
.footer .flcell { display: flex; justify-content: space-between; align-items: flex-end; height: 10.15vw; padding: 0vw 4.4vw 1.0vw 6.25vw;}
.footer .flcell .fleft { display: flex;}
.footer .flcell .fleft .f_logo { display: block; width: 13.9vw; margin-right: 3.5vw;}
.footer .flcell .fleft .f_info { display: flex; flex-direction: column;}
.footer .flcell .fleft .f_info p { font-size: 100%; margin: 0 0 0.3vw; line-height: 1.66; font-weight: bold;}
.footer .flcell .fleft .f_info p:last-of-type { margin: 0 0 0vw;}
.footer .flcell .fleft .f_info p a { color: #fff;}
.footer .flcell .fright { display: flex; flex-direction: column;}
.footer .flcell .fright .f_icon { display: flex; justify-content: flex-end; margin: 0 0 0.7vw;}
.footer .flcell .fright .f_icon a { width: 2.3vw; margin: 0 0vw 0 0.5vw;}
.footer .flcell .fright p { font-size: 90%; font-weight: bold; margin: 0 0 0;}

.pagettl { position: relative; z-index: 2; display: flex; justify-content: center; align-items: center; width: 100%; height: 20.8vw; overflow: hidden; margin: 0vw;}
.pagettl .txt { position: absolute; z-index: 2; width: max-content; height: max-content; display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; color: #505050;}
.pagettl .txt h1 { width: max-content; height: max-content; display: flex; justify-content: center; align-items: center; font-size: 250%; font-weight: bold; letter-spacing: 0.1rem; margin: 0; line-height: 1;}
.jin .pagettl .txt h1 strong { font-size: 200%; color: #20A113; font-weight: 500; margin-bottom: 0.5vw;}
.mamori .pagettl .txt h1 strong { font-size: 200%; color: #FFA200; font-weight: 500; margin-bottom: 0.5vw;}
.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; margin: 6.5vw auto 0; display: block; overflow: hidden; min-height: 80vh;}

a.btn { 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::after { display: block; position: absolute; content: ""; background: url(https://aut-inc.co.jp/system_panel/uploads/images/btn_arrow.png) no-repeat; background-size: 100% 100%; width: 0.3vw; height: 0.4vw; top: 0; bottom: 0; right: 0.9vw; margin: auto;}
a.btn:hover { opacity: 1; background: #20A113; color: #fff; font-size: 100%; border: 2px solid #20A113;}
a.btn:hover::after { background: url(https://aut-inc.co.jp/system_panel/uploads/images/btn_arrow_hover.png) no-repeat; background-size: 100% 100%; width: 0.3vw; height: 0.4vw; top: 0; bottom: 0; right: 0.9vw; margin: auto;}

.mamori a.btn, .index_works a.btn { color: #FFA200; border: 2px solid #FFA200;}
.mamori a.btn::after, .index_works a.btn::after { background: url(https://aut-inc.co.jp/system_panel/uploads/images/btn_arrow02.png) no-repeat; background-size: 100% 100%; width: 0.3vw; height: 0.4vw; top: 0; bottom: 0; right: 0.9vw; margin: auto;}
.mamori a.btn:hover, .index_works a.btn:hover { color: #fff; background: #FFA200; border: 2px solid #FFA200;}
.mamori a.btn:hover::after, .index_works a.btn:hover::after{ background: url(https://aut-inc.co.jp/system_panel/uploads/images/btn_arrow_hover.png) no-repeat; background-size: 100% 100%; width: 0.3vw; height: 0.4vw; top: 0; bottom: 0; right: 0.9vw; margin: auto;}

.drone a.btn { color: #2F62C1; border: 2px solid #2F62C1;}
.drone a.btn::after { background: url(https://aut-inc.co.jp/system_panel/uploads/images/btn_arrow03.png) no-repeat; background-size: 100% 100%; width: 0.3vw; height: 0.4vw; top: 0; bottom: 0; right: 0.9vw; margin: auto;}
.drone a.btn:hover { color: #fff; background: #2F62C1; border: 2px solid #2F62C1;}
.drone a.btn:hover::after{ background: url(https://aut-inc.co.jp/system_panel/uploads/images/btn_arrow_hover.png) no-repeat; background-size: 100% 100%; width: 0.3vw; height: 0.4vw; top: 0; bottom: 0; right: 0.9vw; margin: auto;}

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::after { display: block; position: absolute; content: ""; background: url(https://aut-inc.co.jp/system_panel/uploads/images/btn_back_arrow.png) no-repeat; background-size: 100% 100%; width: 0.3vw; height: 0.4vw; top: 0; bottom: 0; left: 0.9vw; margin: auto;}
a.btn_back:hover { opacity: 1; background: #20A113; color: #fff; border: 2px solid #20A113;}
a.btn_back:hover::after { background: url(https://aut-inc.co.jp/system_panel/uploads/images/btn_back_arrow_hover.png) no-repeat; background-size: 100% 100%; width: 0.3vw; height: 0.4vw; top: 0; bottom: 0; left: 0.9vw; margin: auto;}

.hbox { text-align: center; margin-bottom: 5vw;}
.hbox h2 {font-size: 250%; letter-spacing: 0.1rem; margin-bottom: .3vw; color: #000;}
.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: 3.3vw auto; text-align: center; width: 70vw; }
.section.full { margin: 10vw auto; text-align: center; width: 100%; }


.pagettl + .section {margin: 7vw auto 12vw;}
.jin .pagettl + .section {margin: 0vw auto 0vw;}
.mamori .pagettl + .section {margin: 0vw auto 0vw;}
.drone .pagettl + .section {margin: 0vw auto 0vw;}
.company .pagettl + .section {margin: 0vw auto 0vw;}

.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 h2 { display: flex; align-items: flex-end; line-height: 1; text-align: center; font-size: 200%; width: max-content; padding: 0 0 1.1vw; margin: 0 auto 2.6vw; border-bottom: 3px dashed #20A113; }
.section h2 strong { color: #20A113;}
.section h2 em { color: #20A113; font-size: 250%; margin: 0 0.5vw -0.6vw; font-family: "din-2014", sans-serif;}
.mamori h2 { border-bottom: 3px dashed #FFA200;}
.mamori .section h2 strong { color: #FFA200;}
.mamori .section h2 em { color: #FFA200; font-size: 250%; margin: 0 0.5vw -0.6vw; font-family: "din-2014", sans-serif;}
.drone h2 { border-bottom: 3px dashed #2F62C1;}
.drone .section h2 strong { color: #2F62C1;}

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


.news_category { width: 48.9vw; margin: 0 auto 5.2vw; padding: 2.2vw 3.0vw 0.6vw; background: #F3FFF2;}
.news_category .ttl { text-align: left; font-size: 175%; font-weight: bold; color: #20A113; line-height: 1; margin: 0 0 1.0vw;;}
.news_category .categorylist { display: flex;}
.news_category .categorylist .webgene-blog { display: flex; flex-wrap: wrap; margin: 0 0 0 0;}
.news_category .categorylist .webgene-blog.all { margin-right: 1.3vw;}
.news_category .categorylist .webgene-blog .webgene-item { width: 6.25vw; margin: 0 1.5vw 0vw 0;}
.news_category .categorylist .webgene-blog .webgene-item:last-of-type { margin: 0 0vw 0vw 0;}
.news_category .categorylist .webgene-blog .webgene-item a { display: flex; justify-content: center; align-items: center; width: 6.25vw; height: 1.8vw; color: #20A113; border: 1px solid #20A113; font-size: 100%; font-weight: 500;}
.news_category .categorylist .webgene-blog .webgene-item a.active { background: #20A113; color: #fff;}
.news_category .categorylist .webgene-blog.all .webgene-item a { background: #F3FFF2; color: #20A113;}
.news_category .categorylist .webgene-blog.all .webgene-item a.active { background: #20A113; color: #fff;}
.news_category .categorylist .webgene-blog .webgene-item a:hover { opacity: 1; background: #20A113; color: #fff;}
.newslist .webgene-blog {}
.newslist .webgene-blog .webgene-item { position: relative; display: flex; justify-content: flex-start; border-bottom: 2px dotted #20A113; padding: 0.8vw 0; margin: 0 auto; width: 48.9vw; transition: all .6s; }
.newslist .webgene-blog .webgene-item::after { position: absolute; display: block; content: ""; width: 1.7vw; height:  1.7vw; background: url(https://aut-inc.co.jp/system_panel/uploads/images/news_arrow.png) no-repeat; background-size: 100% 100%; top: 0; bottom: 0; right: 0; margin: auto;}
.newslist .webgene-blog .webgene-item:hover::after { background: url(https://aut-inc.co.jp/system_panel/uploads/images/news_arrow_hover.png) no-repeat; background-size: 100% 100%; top: 0; bottom: 0; right: 0; margin: auto;}
.newslist .webgene-blog .webgene-item .date { width: 17%; font-family: "din-2014", sans-serif; font-size: 110%; margin: 0.3vw 0 0;}
.newslist .webgene-blog .webgene-item .category { display: flex; justify-content: center; align-items: center; width: 12.7%; height: 1.77vw; background: #20A113; color: #fff; font-size: 100%; font-weight: bold; line-height: 1; margin: 0 6% 0 0;}
.newslist .webgene-blog .webgene-item h2 { width: 64.3%; text-align: left; font-size: 110%; font-weight: 500; color: #505050; margin: 0vw 0 0.5vw; padding: 0; border: none;}
.newslist .webgene-blog .webgene-item h2 a { display: block; width: 100%; color: #505050;}

.newsdetail .webgene-blog { display: block; width: 38vw; text-align: left; margin: 0 auto 4.4vw; }
.newsdetail .webgene-blog header { position: relative; display: flex; justify-content: flex-start; border-bottom: 2px dotted #20A113; padding: 0.8vw 0; margin: 0 auto 2.8vw; width: 100%;}
.newsdetail .webgene-blog header .date { width: 17%; font-family: "din-2014", sans-serif; font-size: 110%; margin: 0.3vw 0 0;}
.newsdetail .webgene-blog header .category { display: flex; justify-content: center; align-items: center; width: 12.7%; height: 1.77vw; background: #20A113; color: #fff; font-size: 100%; font-weight: bold; line-height: 1; margin: 0 6% 0 0;}
.newsdetail .webgene-blog header h2 { width: 64.3%; text-align: left; font-size: 110%; font-weight: 500; color: #505050; margin: 0.3vw 0 0; border: none;}
.newsdetail .webgene-blog article .webgene-item-content img {padding-bottom: 2vw;}
.newsdetail .webgene-blog article .webgene-item-content p {padding-bottom: 3vw; font-weight: 500;}

.work_category { width: 52vw; margin: 0 auto 5.2vw; padding: 2.2vw 1.7vw 0.6vw; background: #F8F8F8; box-shadow: 0 3px 6px rgba(0,0,0,0.16);}
.work_category .ttl { text-align: left; font-size: 120%; font-weight: bold; color: #505050; line-height: 1; margin: 0 0 1.0vw;;}
.work_category .categorylist .webgene-blog { display: flex; flex-wrap: wrap; width: 28.3vw;}
.work_category .categorylist .webgene-blog .webgene-item { width: 7.8vw; margin: 0 1.5vw 1.0vw 0;}
.work_category .categorylist .webgene-blog .webgene-item a { display: flex; justify-content: center; align-items: center; width: 7.8vw; height: 2.0vw; color: #fff; background: #285CBF; border-radius: 0.2vw; font-size: 100%; font-weight: 500;}
.work_category .categorylist .webgene-blog .webgene-item a.cate2 { background: #20A113;}
.work_category .categorylist .webgene-blog .webgene-item a.cate4 { background: #FFA200;}
.worklist .webgene-blog { width: 52vw; position: relative; display: flex; justify-content: flex-start; flex-wrap: wrap; margin: 0 auto 4.1vw;}
.worklist .webgene-blog .webgene-item { width: 32%; margin: 0 2% 2.1vw 0;}
.worklist .webgene-blog .webgene-item:nth-of-type(3n) { margin: 0 0% 2.1vw 0;}
.worklist .webgene-blog .webgene-item .img { margin: 0 0 0.8vw; width: 100%; aspect-ratio: 1 / 0.75;}
.worklist .webgene-blog .webgene-item .img img { width: 100%; height: 100%; overflow: hidden; object-fit: cover;}
.worklist .webgene-blog .webgene-item .work_info { display: flex; justify-content: space-between; align-items: center; margin: 0 0 0.8vw;}
.worklist .webgene-blog .webgene-item .work_info .category { display: flex; justify-content: center; align-items: center; width: 7.8vw; height: 2.08vw; background: #20A113; color: #fff; font-size: 100%; font-weight: bold; line-height: 1; margin: 0 0 0 0; border-radius: 0.2vw;}

.worklist .webgene-blog .webgene-item h2 { width: 100%; text-align: left; font-size: 110%; font-weight: bold; color: #505050; margin: 0vw 0 0; border: none; line-height: 1.4;}
.worklist .webgene-blog .webgene-item h2 a { display: block; width: 100%; color: #505050;}

.workdetail .webgene-blog { display: block; width: 38vw; text-align: left; margin: 0 auto 4.4vw; }
.workdetail .webgene-blog header { position: relative; display: flex; justify-content: flex-start; flex-direction: column; border-bottom: none; padding: 0.8vw 0; margin: 0 auto 2.8vw; width: 100%;}
.workdetail .webgene-blog header .category { display: flex; justify-content: center; align-items: center; width: 7.8vw; height: 2.08vw; background: #000; color: #fff; font-size: 100%; font-weight: bold; line-height: 1; margin: 0 0 1.0vw; border-radius: 0.2vw;}
.workdetail .webgene-blog header h2 { width: 100%; text-align: left; /*font-size: 110%;*/font-size: 140%; font-weight: 500; color: #505050; margin: 0.3vw 0 0; border: none; padding: 0;}
.workdetail .webgene-blog article .webgene-item-content img {padding-bottom: 2vw;}
.workdetail .webgene-blog article .webgene-item-content p {padding-bottom: 3vw; font-weight: 500;}
.section .workdetail .webgene-blog h3 { display: flex; align-items: flex-end; line-height: 1.4; text-align: left; font-size: 180%; padding: 0 0 1.1vw; margin: 0 auto 1.1vw; border-bottom: 3px dashed #20A113;}
.section .workdetail .webgene-blog h4 { font-size: 140%; margin-top: 1.1vw; margin-bottom: 1.1vw;}

/* jin mamori drone */
.jin .section.lead_cell { background: url(https://aut-inc.co.jp/system_panel/uploads/images/jin_lead_bg.png) top left no-repeat; background-size: 47.6vw 15.1vw;}
.mamori .section.lead_cell { background: url(https://aut-inc.co.jp/system_panel/uploads/images/mamori_lead_bg.png) top left no-repeat; background-size: 47.6vw 15.1vw;}

.lead_cell .flcell { position: relative; display: flex; justify-content: flex-end; width: 88vw; margin: 0 auto 3.5vw; padding: 4.4vw 0 0vw;}
.lead_cell .flcell .txtcell { width: 51.7vw; background: #F8F8F8; box-shadow: 0 3px 6px rgba(0,0,0,0.16); padding: 1.5vw 4.1vw 1.0vw 5.1vw; text-align: left; border: none;}
.lead_cell .flcell .txtcell h2 { font-size: 200%; font-weight: bold; line-height: 1; margin: 0 0 0.8vw; letter-spacing: 0.1em;}
.lead_cell .flcell .txtcell h2 strong { margin-right: 0.5vw;}
.jin .lead_cell .flcell .txtcell h2 strong { color: #20A113;}
.mamori .lead_cell .flcell .txtcell h2 strong { color: #FFA200;}
.lead_cell .flcell .txtcell p { font-size: 120%; font-weight: bold; line-height: 1.5; margin: 0 0 0vw;}
.lead_cell .flcell .img { position: absolute; z-index: 2; width: 35.9vw; top: 3.12vw; left: 4.4vw;}

.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-inc.co.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-inc.co.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;}
.mamori .pagelink a { border: 2px solid #FFA200; color: #FFA200;}
.mamori .pagelink a::after { background: url(https://aut-inc.co.jp/system_panel/uploads/images/pagelink_arrow02.png) no-repeat; background-size: 100% 100%; width: 0.5vw; height: 0.3vw; top: 0; bottom: 0; right: 1.0vw; margin: auto;}
.mamori .pagelink a:hover { background: #FFA200;}
.mamori .pagelink a p { color: #FFA200;}
.mamori .pagelink a:hover p { color: #fff;}
.mamori .pagelink a:hover::after { background: url(https://aut-inc.co.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;}

.jin .section.features { background: #F3FFF2; padding: 1.8vw 0 2.6vw; margin: 0;}
.mamori .section.features { background: #FFF5E5; padding: 1.8vw 0 2.6vw; margin: 0;}
.point_cell { display: flex; justify-content: center; flex-wrap: wrap; width: 79vw; margin: 0 auto;}
.point_cell .box { width: 31.5%; margin: 0 0.9% 1.0vw;}

.section.vermin { padding: 3.125vw 0 4.6vw; margin: 0;}
.jin .section.vermin { background: url(https://aut-inc.co.jp/system_panel/uploads/images/vermin_bg_jin.png) center no-repeat; background-size: cover;}
.mamori .section.vermin { background: url(https://aut-inc.co.jp/system_panel/uploads/images/vermin_bg_mamori.png) center no-repeat; background-size: cover;}
.vermin .flcell { position: relative; display: flex; justify-content: space-between; align-items: center; width: 75.7vw; margin: 0 auto 0vw;}
.vermin .flcell .fleft { width: 29.3%;}
.vermin .flcell .fright { width: 67.7%; display: flex; justify-content: space-between;}
.vermin .flcell .fright .box { width: 22.7%; margin: 0;}
.vermin .flcell .fright .box img { margin: 0 auto 0.8vw;}
.vermin .flcell .fright .box p { text-align: center; font-size: 175%; font-weight: bold; color: #20A113; line-height: 1; margin: 0 auto;}
.mamori .vermin .flcell .fright .box p { color: #FFA200;}

.install { width: 60vw; margin: 0vw auto 0vw; padding: 5.6vw 0 0vw;}
.install h3 { position: relative; text-align: left; padding: 1.0vw 1.8vw; font-size: 170%; color: #2F62C1; background: #DDE8FC; line-height: 1; margin: 0 0 2.0vw;}
.install h3::after { display: block; position: absolute; content: ""; background: url(https://aut-inc.co.jp/system_panel/uploads/images/h3_ok.png) no-repeat; background-size: 100% 100%; width: 1.6vw; height: 1.35vw; bottom: -1.3vw; left: 2.3vw;}
.install h3.h3_ng { color: #DB0606; background: #FFE6E6;}
.install h3.h3_ng::after { background: url(https://aut-inc.co.jp/system_panel/uploads/images/h3_ng.png) no-repeat; background-size: 100% 100%; width: 1.6vw; height: 1.35vw; bottom: -1.3vw; left: 2.3vw;}
.install .flcell { display: flex; justify-content: space-between; margin: 0 0 1.56vw;}
.install .flcell:last-of-type { margin: 0 0 0vw;}
.install .flcell .box { width: 48.2%;}
.install .flcell .box.box_L { width: 100%;}
.install .flcell .box h4 { font-size: 120%; text-align: left; margin: 0 0 0.8vw;}
.install .flcell .box .bg_gry { background: #F5F5F5; padding: 1.5vw 1.5vw;}
.install .flcell .box .bg_gry .photo_cell { display: flex; justify-content: space-between; margin: 0 0 0.8vw;}
.install .flcell .box .bg_gry .photo_cell .photo { width: 48.9%;}
.install .flcell .box .bg_gry .txt { font-size: 95%; line-height: 1.625; margin: 0 0 0; text-align: center; min-height: 5.9vw;}
.install .flcell .box .bg_gry .inner { display: flex; justify-content: space-between;}
.install .flcell .box .bg_gry .inner .photo_cell { width: 44.3%;}
.install .flcell .box .bg_gry .inner .txt { width: 53%; text-align: left;}

.flow { width: 83vw; margin: 0vw auto 0vw; padding: 3.125vw 0 0vw;}
.flow .flcell { display: flex; justify-content: center; margin: 0 auto 2.8vw;}
.flow .flcell .box { position: relative; width: 18.5%; margin: 0 4% 0;}
.flow .flcell .box::after { display: block; position: absolute; content: ""; background: url(https://aut-inc.co.jp/system_panel/uploads/images/arrow.png) no-repeat; background-size: 100% 100%; top: 7.4vw; right: -3.5vw; width: 1.4vw; height: 2.8vw;}
.flow .flcell:last-of-type { justify-content: space-between; margin: 0 auto 2.8vw;}
.flow .flcell:last-of-type .box { position: relative; width: 18.5%; margin: 0 0% 0;}
.flow .flcell:last-of-type .box:last-of-type::after { display: none;}
.drone .flow .flcell:last-of-type { justify-content: center;}
.drone .flow .flcell:last-of-type .box { margin: 0 4% 0;}
.flow .flcell .box .img { position: relative; margin: 0 0 2.3vw;}
.flow .flcell .box .img .num { position: absolute; top: 1.25vw; left: -0.5vw; width: 4.0vw;}
.flow .flcell .box .img p { position: absolute; bottom: -1.8vw; left: 0; right: 0; margin: 0 auto; display: flex; justify-content: center; align-items: center; width: 90%; height: 2.5vw; background: #20A113; color: #fff; line-height: 1; font-size: 100%; font-weight: 500;}
.mamori .flow .flcell .box .img p { background: #FFA200;}
.drone .flow .flcell .box .img p { background: #2F62C1;}
.flow .flcell .box .txt { width: 90%; text-align: left; font-size: 95%; line-height: 1.625; margin: 0 auto;}
.flow .flcell .box .txt strong { color: #DB0606; font-size: 80%;}

.rental { width: 79vw; margin: 0vw auto 0vw; padding: 3.125vw 0 0vw;}
.rental h2 { margin-bottom: 0;}
.rental .flcell { display: flex; justify-content: space-between;}
.rental .flcell .box:nth-of-type(1) { width: 34%;}
.rental .flcell .box:nth-of-type(2) { width: 29%; margin-top: 3.75vw;}
.rental .flcell .box:nth-of-type(3) { width: 37.7%;}

.plan { width: 64vw; margin: 0vw auto 0vw; padding: 4.1vw 0 7.5vw;}
.plan .tbl { display: flex; border: 2px solid #20A113; border-top: none; background: #F3FFF2; margin: 0 0 1.25vw;}
.mamori .plan .tbl { border: 2px solid #FFA200; border-top: none; background: #FFF5E5;}
.plan .tbl .box { }
.plan .tbl .box:nth-of-type(1) { width: 23%;}
.plan .tbl .box:nth-of-type(2) { width: 22%;}
.plan .tbl .box:nth-of-type(3) { width: 16%;}
.plan .tbl .box:nth-of-type(4) { width: 16%;}
.plan .tbl .box:nth-of-type(5) { width: 23%;}
.plan .tbl .box .th { background: #20A113; text-align: center; color: #fff; font-weight: bold; padding: 0vw 0vw; margin: 0; line-height: 1; display: flex; justify-content: center; align-items: center; width: 100%; height: 1.87vw; font-size: 112.5%; font-weight: bold; border-right: 2px solid #fff;}
.plan .tbl .box .td { background: #F3FFF2; text-align: center; font-weight: bold; padding: 0vw 0vw; margin: 0; font-size: 125%; border-right: 1px dotted #20A113; display: flex; justify-content: center; align-items: center; height: 7.0vw;}
.plan .tbl .box:nth-of-type(1) .td { color: #20A113; height: 3.5vw; border-bottom: 1px dotted #20A113; border-right: 2px solid #20A113;}
.plan .tbl .box:nth-of-type(1) .td:last-of-type { border-bottom: none;}
.plan .tbl .box:nth-of-type(2) .td_cell { display: flex; align-items: center; height: 3.5vw;}
.plan .tbl .box:nth-of-type(2) .td_cell .td { width: 30%; height: 3.5vw; border-bottom: 1px dotted #20A113;}
.plan .tbl .box:nth-of-type(2) .td_cell .td:last-of-type { width: 40%;}
.plan .tbl .box:nth-of-type(2) .td_cell:last-of-type .td { border-bottom: none;}
.plan .tbl .box:nth-of-type(5) .th { border-right: none;}
.plan .tbl .box:nth-of-type(5) .td { border-right: none; font-size: 100%; line-height: 1.5;}
.mamori .plan .tbl .box .th { background: #FFA200;}
.mamori .plan .tbl .box .td { background: #FFF5E5; border-right: 1px dotted #FFA200;}
.mamori .plan .tbl .box:nth-of-type(1) .td { color: #FFA200; border-bottom: 1px dotted #FFA200; border-right: 2px solid #FFA200;}
.mamori .plan .tbl .box:nth-of-type(1) .td:last-of-type { border-bottom: none;}
.mamori .plan .tbl .box:nth-of-type(2) .td_cell .td { border-bottom: 1px dotted #FFA200;}
.mamori .plan .tbl .box:nth-of-type(2) .td_cell:last-of-type .td { border-bottom: none;}

.plan .attention { padding: 1.5vw 2.6vw; margin: 0 0 2.5vw; background: #FFE6E6; border-radius: 0.6vw;}
.plan .attention p { text-align: left; color: #DB0606; font-size: 100%; font-weight: 500; line-height: 1.625; margin: 0;}
.plan .s_cell { width: 55.8vw; margin: 0 auto;}
.plan .s_cell h3 { text-align: left; font-size: 170%; margin: 0 0 0vw 1.0vw; color: #20A113;}
.mamori .plan .s_cell h3 { color: #FFA200;}
.plan .s_cell .img { margin: 0 0 5.7vw;}
.plan .s_cell .s_contact { position: relative; background: #F5F5F5; border-radius: 0.8vw; padding: 1.5vw 1.9vw;}
.plan .s_cell .s_contact .fukidashi { position: absolute; top: -3.75vw; left: -3.75vw; width: 16.4vw;}
.plan .s_cell .s_contact .bnr_cell { display: flex; justify-content: space-between;}
.plan .s_cell .s_contact .bnr_cell .box { width: 44%;}
.plan .s_cell .s_contact .bnr_cell .box p { font-size: 160%; font-weight: bold; color: #505050; text-align: center; margin: 0 auto 0.8vw;}
.plan .s_cell .s_contact .bnr_cell .box:last-of-type img { width: 80%; margin: 0 auto;}

.achievements { position: relative; width: 100%; margin: 0vw auto 0vw; padding: 5.7vw 0 1.56vw; background: url(https://aut-inc.co.jp/system_panel/uploads/images/jin_achievements_bg.png) no-repeat; background-size: cover;}
.drone .achievements { padding: 5.7vw 0 1.56vw; background: url(https://aut-inc.co.jp/system_panel/uploads/images/drone_achievements_bg.png) no-repeat; background-size: cover;}
.achievements .ttl_box { position: absolute; top: -6.35vw; left: 0; right: 0; margin: auto;}
.drone .achievements .ttl_box { position: relative; top: -5.0vw;}
.achievements .ttl_box .fukidashi { width: 27.0vw; margin: 0 auto;}
.achievements .ttl_box .fukidashi img { display: block; width: 9.0vw; margin: 0 0 0 auto;}
.achievements .ttl_box h2 { border: none; display: flex; justify-content: center; align-items: center; width: 16.4vw; height: 4.1vw; color: #fff; background: #20A113; border-radius: 0.2vw; margin: 0 auto; padding: 0;}
.mamori .achievements .ttl_box h2 { background: #FFA200;}
.drone .achievements .ttl_box h2 { background: #2F62C1;}
.achievements .worklist .webgene-blog { width: 73.2vw; margin: 0 auto 1.5vw;}
.achievements .worklist .webgene-blog .webgene-item { width: 22.7%; margin: 0 3% 0vw 0;}
.achievements .worklist .webgene-blog .webgene-item:nth-of-type(3n) { margin: 0 3% 0vw 0;}
.achievements .worklist .webgene-blog .webgene-item:nth-of-type(4n) { margin: 0 0% 0vw 0;}

.movie { position: relative; width: 60vw; margin: 0vw auto 0vw; padding: 6.4vw 0 2.1vw;}
.movie .ttl_box { position: relative;}
.movie .ttl_box .fukidashi { position: absolute; width: 16.9vw; top: -6.5vw; right: 8.5vw; }
.movie .movie_list { display: flex; flex-wrap: wrap; margin: 0 auto 2.3vw;}
.movie .movie_list .box { width: 30.5%; margin: 0 4.25% 0 0; padding: 0;}
.movie .movie_list .box:nth-of-type(3n) { margin: 0 0% 0 0;}
.movie .movie_list .box iframe { display: block; width: 100%; height: 10.5vw;}
.movie .movie_list .box p { font-size: 100%; text-align: center; margin: 0.3vw 0 0vw;}


.videoCont{ width: 100%; height: 100vh; position: fixed; top: 0; left: 0; overflow: hidden; z-index: -1;}
.videoCont video{ width: 100%;}

.graph { padding: 2.2vw 0 3.2vw; background: url(https://aut-inc.co.jp/system_panel/uploads/images/graph_bg.jpg) center no-repeat; background-size: cover; margin: 0;}
.graph .ttl { text-align: center; font-size: 137.5%; color: #DB0606; font-weight: bold; margin: 0 auto 0.8vw;}
.graph .inner { width: 68vw; background: rgba(255,255,255,0.7); margin: 0 auto; padding: 1.5vw 0 1.0vw;}
.graph .inner .txt01 { width: 43.2vw; font-size: 120%; font-weight: bold; text-align: center; line-height: 1.5; margin: 0 auto 1.5vw;}
.graph .inner .txt02 { font-size: 120%; font-weight: bold; text-align: right; line-height: 1; margin: 0 1.5vw 0 0;}
.graph .inner img { display: block; width: 49.4vw; margin: 0 auto 1.4vw;}

.section.full.greeting { margin: 0 auto; padding: 1.8vw 0 10vw; position: relative;}
.greeting p { text-align: center; color: #fff; font-weight: bold; font-size: 125%; line-height: 1.8; text-shadow: 0 3px 6px rgba(0,0,0,0.6);}
.greeting .img { position: absolute; width: 18.6vw; top: 18.5vw; right: 10.4vw;}

.section.system { width: 79.1vw; margin: 0 auto 3.4vw; background: rgba(255,255,255,0.7); box-shadow: 0 3px 6px rgba(0,0,0,0.16); padding: 2.0vw 1.8vw 1.56vw; }
.section.system h2 { display: block; width: max-content; background: #fff; border: 0; padding: 1.0vw 2.6vw 1.0vw; margin: 0 auto 2.18vw; line-height: 1.5; font-size: 175%;}

.drone .drone_bg { padding: 0vw 0 0vw; width: 100%; background: #FFFFFF;}


/* company */
.company h2 { color: #20A113; border-bottom: 3px dashed #20A113;}

.section.full.company_greeting { margin: 0 auto; padding: 2.2vw 0 2.2vw; background: url(https://aut-inc.co.jp/system_panel/uploads/images/company_greeting.jpg) center no-repeat; background-size: cover;}
.company_greeting .inner { background: rgba(255,255,255,0.9); width: 88vw; margin: 0 auto; padding: 2.3vw 0;}
.company_greeting .inner h2 { border: none; margin: 0 auto 1.0vw;}
.company_greeting .inner .ttl { text-align: center; font-size: 170%; font-weight: bold; color: #20A113; line-height: 1.6; margin: 0 auto 1.0vw; }
.company_greeting .inner .txt { text-align: center; font-size: 115%; font-weight: 500; line-height: 1.6; margin: 0 auto 0vw; }

.txtlist { width: 58.3vw; margin: 0 auto;}
.txtlist .flcell { display: flex; justify-content: flex-start; align-items: flex-start; width: 100%; height: auto; margin: 0 auto; background: #F3FFF2;}
.txtlist .flcell .fleft { width: 23%; text-align: left; padding: 0.9vw 1.5vw; background: #F3FFF2; color: #20A113; font-weight: bold; font-size: 120%; min-height: 3.6vw;}
.txtlist .flcell .fright { width: 77%; padding: 0.9vw 1.5vw; box-sizing: border-box; display: block; font-size: 100%; background: #Fff; min-height: 3.6vw;}
.txtlist .flcell .fright p {text-align: left;}
.txtlist .flcell .fright .fright_flcell { display: flex; justify-content: space-between;}
.txtlist .flcell .fright .fright_flcell .box { width: 47.5%;}

.section.full.staff { margin: 0 auto; padding: 3.7vw 0 3.5vw; background: url(https://aut-inc.co.jp/system_panel/uploads/images/staff_bg.png) center no-repeat; background-size: cover;}
.staff .staff_cell { width: 79vw; background: #fff; margin: 0 auto 2.0vw; background: ; padding: 3.2vw 0vw 2.0vw; border-radius: 1.6vw; box-shadow: 0 3px 6px rgba(0,0,0,0.16);}
.staff .staff_cell:last-of-type { margin: 0 auto 0vw;}
.staff .staff_cell .flcell { width: 57vw; margin: 0 auto 1.5vw; display: flex; justify-content: space-between;}
.staff .staff_cell .flcell .fleft { width: 45%;}
.staff .staff_cell .flcell .fleft .inner { display: flex; justify-content: space-between; margin: 0 auto 1.5vw;}
.staff .staff_cell .flcell .fleft .inner .img { width: 35.7%;}
.staff .staff_cell .flcell .fleft .inner .img img { border-radius: 50%;}
.staff .staff_cell .flcell .fleft .inner .txt_cell { width: 58%; text-align: left;}
.staff .staff_cell .flcell .fleft .inner .txt_cell .name { font-size: 170%; font-weight: bold; line-height: 1; margin: 0 0 0.8vw;}
.staff .staff_cell .flcell .fleft .inner .txt_cell .post { font-size: 100%; font-weight: 500; color: #20A113; line-height: 1; margin: 0 0 0.5vw;}
.staff .staff_cell .flcell .fleft .inner .txt_cell .qualification { font-size: 95%; font-weight: 500; line-height: 1.625; margin: 0 0 0.5vw;}
.staff .staff_cell .flcell .fleft .detail { text-align: left; font-size: 100%; font-weight: 500; line-height: 1.625; margin: 0 0 0vw;}
.staff .staff_cell .flcell .fright { width: 50%;}
.staff .staff_cell .staff_photo { display: flex; width: 57vw; margin: 0 auto;}
.staff .staff_cell .staff_photo .box { width: 23%; margin: 0 2% 0 0;}
.staff .staff_cell .staff_photo .box:nth-of-type(2),
.staff .staff_cell .staff_photo .box:nth-of-type(4) { margin: 1.5vw 2% 0 0;}

/* contact */
.contact { padding: 0vw 0 0; background: url(https://aut-inc.co.jp/system_panel/uploads/images/staff_bg.png) top center no-repeat; background-size: 100% auto;}
.section.contact_lead { position: relative; z-index: 2; width: 60.6vw; height: 12.0vw; /*margin: 2.6vw auto 0vw;*/margin: 2.6vw auto 2.6vw; background: #F8F8F8; border-radius: 0.8vw;}
.contact_lead .inner { padding: 0 3.8vw 0 11vw; display: flex; justify-content: space-between; align-items: flex-end; height: 12.0vw;}
.contact_lead .inner .img { position: relative; width: 15.3vw;}
.contact_lead .inner .img .fukidashi { position: absolute; top: -3.8vw; left: -9.5vw; width: 16.4vw;}
.contact_lead .inner .txt_cell { width: 23.8vw; margin-bottom: 1.5vw;}
.contact_lead .inner .txt_cell p { font-size: 160%; font-weight: bold; color: #505050; text-align: center; margin: 0 auto 0.8vw;}
.contact_lead .inner .txt_cell img { width: 80%; margin: 0 auto;}
.contact .section h2 { font-size: 250%; color: #20A113;}
.section.full.cotact_form { position: relative; z-index: 1; background: #F3FFF2; /*margin: -3.5vw auto 0; padding: 7.5vw 0 2.8vw;*/margin: 0vw auto 0; padding: 2.8vw 0 2.8vw;}

.cotact_form .inner { width: 51.3vw; margin: 0 auto;}
.cotact_form .inner .tabs { display: flex; border: 3px solid #20A113; border-bottom: none;}
.cotact_form .inner .tabs .tab-list-item { width: 50%; height: 4.1vw; display: flex; justify-content: center; align-items: center; text-align: center; cursor: pointer; font-size: 120%; font-weight: bold; color: #fff; background: #20A113; line-height: 1;}
.cotact_form .inner .tabs .tab-list-item.is-btn-active { color: #20A113; background: #fff;}

.tab-contents { background-color: #fff; display: none; padding: 20px; border: 3px solid #20A113; border-top: none;}
.tab-contents.is-contents-active { display: block;}

.form {width: 100%; 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::after { display: block; position: absolute; content: ""; background: url(https://aut-inc.co.jp/system_panel/uploads/images/btn_arrow.png) no-repeat; background-size: 100% 100%; width: 0.3vw; height: 0.4vw; top: 0; bottom: 0; right: 0.9vw; margin: auto;}
.form #submit.active {opacity: 1;}
.form #submit02 { 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 #submit02 { 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 #submit02::after { display: block; position: absolute; content: ""; background: url(https://aut-inc.co.jp/system_panel/uploads/images/btn_arrow.png) no-repeat; background-size: 100% 100%; width: 0.3vw; height: 0.4vw; top: 0; bottom: 0; right: 0.9vw; margin: auto;}
.form #submit02.active {opacity: 1;}

.section.full.faq { position: relative; z-index: 1; background: #FBFBFB; margin: 0 auto 0; padding: 2.8vw 0 6.8vw;}
.faq .inner { width: 57.6vw; margin: 0 auto;}
.faq .inner .faq_cell { border-top: 1px solid #20A113; padding: 1.3vw 0;}
.faq .inner .faq_cell:last-of-type { border-bottom: 1px solid #20A113;}
.faq .inner .faq_cell .txt_q { position: relative; text-align: left; font-size: 120%; font-weight: bold; color: #20A113; margin-left: 1.0vw; cursor: pointer;}
.faq .inner .faq_cell .txt_q::after { display: block; position: absolute; content: ""; width: 1.0vw; height: 1.0vw; right: 0; top: 0; bottom: 0; margin: auto; background: url(https://aut-inc.co.jp/system_panel/uploads/images/icon_open.png) no-repeat; background-size: 100% 100%;}
.faq .inner .faq_cell .txt_q.open::after { width: 1.0vw; height: 0.15vw; right: 0; top: 0; bottom: 0; margin: auto; background: url(https://aut-inc.co.jp/system_panel/uploads/images/icon_close.png) no-repeat; background-size: 100% 100%;}
.faq .inner .faq_cell .txt_a { display: none; text-align: left; padding: 1.0vw 1.8vw; margin: 1.0vw 0 0; background: #F3FFF2; font-size: 100%; line-height: 1.625;}


.footer_fixed { display: block; width: 100%; position: fixed; bottom: 0; left: 0; z-index: 8;}
.footer_fixed .ttl { display: flex; justify-content: center; align-items: center; line-height: 1; background: #20A113; width: 100%; height: 1.5vw; line-height: 1; font-size: 100%; font-weight: 500; color: #fff;}
.footer_fixed .f_contents { display: block; background: #F3FFF2; width: 100%; height: 7.5vw;}
.footer_fixed .f_contents .inner { padding: 0 3.125vw 0 3.6vw; display: flex; justify-content: space-between; align-items: center; height: 7.5vw;}
.footer_fixed .f_contents .inner .f_left { width: 18.1vw;}
.footer_fixed .f_contents .inner .f_left p { font-size: 85%; margin-bottom: 0.3vw;}
.footer_fixed .f_contents .inner .f_left img { width: 14.8vw;}
.footer_fixed .f_contents .inner .f_center { width: 45vw; display: flex; align-items: center; height: 7.5vw; position: relative;}
.footer_fixed .f_contents .inner .f_center a { width: 16.8vw; margin-right: 0.8vw;}
.footer_fixed .f_contents .inner .f_center .img { position: absolute; bottom: 0.5vw; right: -3.5vw; width: 13.1vw; z-index: 2;}
.footer_fixed .f_contents .inner .f_center_sp { display: none;}
.footer_fixed .f_contents .inner .f_right { width: 20.2vw; height: 6.6vw; background: #fff; display: flex; flex-direction: column; align-items: center; justify-content: center;}
.footer_fixed .f_contents .inner .f_right .img_ttl { width: 17.9vw; margin: 0 auto 0.2vw;}
.footer_fixed .f_contents .inner .f_right .btn_sns { display: flex; justify-content: center;}
.footer_fixed .f_contents .inner .f_right .btn_sns a { width: 3.6vw; margin: 0 0.5vw;}

/* index */
.kv { position: relative; z-index: 7; display: flex; justify-content: center; align-items: center; width: 100%; height: 40.7vw; overflow: hidden; margin-bottom: 7.5vw;}

.section.full.index_onayami { padding: 3.9vw 0vw 4.6vw; width: 89.3vw; margin: 0 auto; background: url(https://aut-inc.co.jp/system_panel/uploads/images/index_onayami_bg.png) no-repeat; background-size: 100% auto;}
.section.full.index_onayami h1,.section.full.index_onayami h2 { padding: 0; margin: 0 auto 11.5vw; border: none; color: #20A113;}
.section.full.index_onayami h1 br,.section.full.index_onayami h2 br { display: none;}
.section.full.index_onayami .flcell { width: 67.4vw; margin: 0 auto; padding: 0 0 0 1.9vw; display: flex; justify-content: space-between;}
.section.full.index_onayami .flcell .box { position: relative; width: 29%; z-index: 1;}
.section.full.index_onayami .flcell .box .fukidashi { position: absolute; z-index: 2;}
.section.full.index_onayami .flcell .box:nth-of-type(1) .fukidashi { width: 15.4vw; top: -8.5vw; left: -4.9vw;}
.section.full.index_onayami .flcell .box:nth-of-type(2) .fukidashi { width: 16.5vw; top: -8.5vw; left: -3.9vw;}
.section.full.index_onayami .flcell .box:nth-of-type(3) .fukidashi { width: 15.4vw; top: -7.5vw; right: -2.6vw;}

.section.full.index_obi { position: relative; margin: 0; padding: 0vw 0vw 0vw; z-index: 5; background: #20A113; width: 100%; height: 9.16vw; display: flex; justify-content: center; align-items: center;}
.section.full.index_obi p { text-align: center; font-size: 250%; font-weight: bold; line-height: 1.45; color: #fff; margin: 0 auto;}
.section.full.index_obi .img { position: absolute; bottom: -1px; right: 13.2vw; width: 17.7vw;}

.section.full.index_lead { margin: 0; padding: 1.7vw 0vw 0vw;}
.index_lead p { font-size: 110%; font-weight: bold; margin: 0 auto; line-height: 1.8;}
.index_lead p strong { font-size: 150%; color: #20A113; background:linear-gradient(transparent 60%, #E3E341 60%);}

.section.full.index_menu { margin: -1.0vw 0 0; padding: 0;}
.index_menu .flcell { display: flex;}
.index_menu .flcell .box { width: 50%; transition: all .4s;}
.index_menu .flcell .box .ttl { position: relative; z-index: 2; width: 74.6%; margin: 0 auto;}
.index_menu .flcell .box:hover .ttl img { transform:scale(1.1,1.1);}
.index_menu .flcell .box a { transition: all .6s; position: relative; display: block; width: 100%; height: 27.9vw; background: url(https://aut-inc.co.jp/system_panel/uploads/images/index_jin_bg.jpg) center no-repeat; background-size: cover; margin-top: -0.5vw; z-index: 1;}
.index_menu .flcell .box:last-of-type a { background: url(https://aut-inc.co.jp/system_panel/uploads/images/index_mamori_bg.jpg) center no-repeat; background-size: cover;}
.index_menu .flcell .box a::after { display: block; position: absolute; content: ""; width: 5.0vw; height: 5.0vw; bottom: 0.7vw; right: 0.7vw; background: url(https://aut-inc.co.jp/system_panel/uploads/images/link_arrow01.png) no-repeat; background-size: 100% 100%; z-index: 2;}
.index_menu .flcell .box a:hover { opacity: 1;}
.index_menu .flcell .box a:hover::after { background: url(https://aut-inc.co.jp/system_panel/uploads/images/link_arrow01_hover.png) no-repeat; background-size: 100% 100%; z-index: 2;}
.index_menu .flcell .box:last-child a::after { background: url(https://aut-inc.co.jp/system_panel/uploads/images/link_arrow02.png) no-repeat; background-size: 100% 100%; z-index: 2;}
.index_menu .flcell .box:last-child a:hover::after { background: url(https://aut-inc.co.jp/system_panel/uploads/images/link_arrow02_hover.png) no-repeat; background-size: 100% 100%; z-index: 2;}
.index_menu .flcell .box a .inner { display: flex; justify-content: space-between; width: 92.7%; margin: 0vw auto 0; padding: 1.5vw 0 0;}
.index_menu .flcell .box a .inner .img { width: 50%;}
.index_menu .flcell .box:hover a .inner .img { transform:scale(1.1,1.1);}
.index_menu .flcell .box a .inner .txt_cell { width: 43.8%;}
.index_menu .flcell .box a .inner .txt_cell .kanji { width: 61.5%; margin: 0 0 2.0vw auto;}
.index_menu .flcell .box a .inner .txt_cell p { text-align: left; font-size: 100%; font-weight: bold; line-height: 1.4; margin: 0;}

.index_drone { width: 100%;}
.index_drone .ttl { position: relative; display: flex; justify-content: center; align-items: center; background: #2F62C1; width: 100%; height: 4.0vw; margin: 0;}
.index_drone .ttl .fukidashi { z-index: 3; position: absolute; top: -1.5vw; left: 31.2vw; width: 13.3vw;}
.index_drone .ttl p { text-align: center; font-size: 125%; font-weight: bold; line-height: 1; color: #fff; margin: 0 auto;}

.link_drone { transition: all .6s; position: relative; display: block; width: 100%; height: 100%; background: url(https://aut-inc.co.jp/system_panel/uploads/images/index_drone_bg.jpg) center no-repeat; background-size: cover;}
.link_drone:hover { opacity: 1;}
.link_drone::after { display: block; position: absolute; content: ""; width: 5.0vw; height: 5.0vw; bottom: 0.7vw; right: 0.7vw; background: url(https://aut-inc.co.jp/system_panel/uploads/images/link_arrow03.png) no-repeat; background-size: 100% 100%; z-index: 4;}
.link_drone:hover::after { background: url(https://aut-inc.co.jp/system_panel/uploads/images/link_arrow03_hover.png) no-repeat; background-size: 100% 100%; z-index: 4;}
.index_menu .link_drone .flcell { padding: 3.4vw 12.5vw 1.0vw 2.8vw; justify-content: space-between;}
.index_menu .link_drone .flcell .d_box01 { width: 61.1%; display: flex; justify-content: space-between;}
.index_menu .link_drone .flcell .d_box01 .product01 { width: 49.5%;}
.index_menu .link_drone .flcell .d_box01 .product02 { width: 47.2%;}
.index_menu .link_drone .flcell .d_box01 .product01 img,
.index_menu .link_drone .flcell .d_box01 .product02 img { margin: 0 0 0.5vw;}
.index_menu .link_drone .flcell .d_box01 .product01 p,
.index_menu .link_drone .flcell .d_box01 .product02 p { width: 12vw; height: 1.4vw; background: #2F62C1; color: #fff; font-size: 90%; font-weight: bold; color: #fff; display: flex; justify-content: center; align-items: center; line-height: 1; margin: 0 auto;}
.index_menu .link_drone .flcell .d_box02 { width: 26.6%; margin-top: 6.25vw;}
.index_menu .link_drone .flcell .d_box02 .ttl { background: #fff; width: 100%; height: 2.65vw; display: flex; justify-content: center; align-items: center; color: #2F62C1; font-size: 120%; font-weight: bold; line-height: 1; margin: 0 auto 1.5vw;}
.index_menu .link_drone .flcell .d_box02 .txt { text-align: left; font-size: 110%; font-weight: bold; line-height: 1.6; margin: 0;}
.index_menu .link_drone:hover img { transform:scale(1.1,1.1);}

.section.full.index_reason { margin: 0; padding: 3.125vw 0vw 3.125vw; background: #F3FFF2;}
.index_reason h2 { border: none; padding: 0;}
.index_reason h2 em { color: #FFA200; font-size: 100%; font-style: normal; margin: 0;}
.index_reason .flcell { display: flex; justify-content: space-between; width: 68.5vw; margin: 0 auto;}
.index_reason .flcell .box { width: 30.6%;}
.index_reason .flcell .box .ttl_box { display: flex; justify-content: space-between; align-items: center; margin: 0 auto 0.7vw;}
.index_reason .flcell .box .ttl_box .img { width: 30%;}
.index_reason .flcell .box .ttl_box p { width: 64.6%; text-align: center; font-size: 110%; font-weight: bold; color: #20A113; line-height: 1.5; margin: 0 auto; }
.index_reason .flcell .box .txt { font-size: 88%; line-height: 1.8; margin: 0.8vw auto 0;}

.section.full.index_works { margin: 0; padding: 6.25vw 0vw 4.4vw; background: url(https://aut-inc.co.jp/system_panel/uploads/images/index_works_bg.png) no-repeat; background-size: cover;}
.index_works .ttl_box { position: relative; width: 57.8vw; margin: 0 auto;}
.index_works .ttl_box .fukidashi { position: absolute; top: -6.0vw; left: 0; width: 25.2vw;}
.index_works .ttl_box h2 { padding-left: 11vw; border: none;}
.index_works .ttl_box h2 strong { font-size: 130%; color: #FFA200; font-weight: bold; padding: 0 0.3vw;}
.index_works .worklist .webgene-blog { margin: 0 auto;}

.index_news {display: block; width: 100%; padding: 0;}
.index_news h2 { font-size: 220%; color: #20A113; border: none; padding: 0; margin: 0 auto 2.6vw}

.btnbox { display: flex; justify-content: space-around; align-items: center; width: max-content; margin-right: auto; margin-left: auto;}
.btnbox .btn { margin: 0 2vw!important; font-size: 130%;}
.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 { position: absolute; display: flex; justify-content: center; align-items: center; text-align: center; font-weight: bold; width: 3.125vw; height: 1.5vw; background: #DB0606; color: #fff; top: 0; left: 0vw;}


.webgene-pagination { display: block; width: 100%;}
.webgene-pagination ul { display: flex; justify-content: center; margin: 4vw auto 0; padding: 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-inc.co.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-inc.co.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;}

}

/* gjs-dashed */
.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 #spMenu { display: block;}
.gjs-dashed .sp_only { display: block !important;}

.flow .flcell .box.af-none::after { display: none;}

.ai-service {
    height: auto;
    aspect-ratio: 1372 / 558;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ai-service--bg{
    position: absolute;
}
.ai-service__links{
    width: 100%;
}
.ai-service__links .btn {
    width: 100%;
    max-width: 20vw;
    padding: 6px 8px;
    height: auto;
}