@charset "UTF-8";

@media screen and (max-width: 999px) {
#chatbot-btn {bottom:20.5vw!important;}

#headerMenu .sp {display:none!important;}
iframe { display:block; width:100%; height:40vw; border: none; margin: 0 auto;}
body {font-size:4.1vw; 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: 17.4vw; overflow: hidden; background: #fff;}
.header .main { display: flex; justify-content: space-between; align-items: center; height: 17.4vw; width: 100%; margin: 0 auto; padding: 0vw 0vw 0 3.3vw;}
.header .main .logo { display: block; width: 44vw;}
.header #spMenu { display: flex; justify-content: center; align-items: center; width: 17.4vw; height: 17.4vw; transition: all 1s; padding: 0; align-items: center; margin: 0 0vw 0 0; }
.header #spMenu .menu-trigger { position: relative; width: 17.4vw; height: 17.4vw; display: block; justify-content: center; align-items: center; margin: auto; top: 0; bottom: 0; left: 0; right: 0; background: #2F62C1;}
.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: #fff; font-size: 0.1em; }
.menu-trigger p { position: absolute; left: 0; right: 0; margin: auto; width: 8.9vw; height: 1px; background: #fff; font-size: 0.1em; }
.menu-trigger p:nth-of-type(1) { top: 2.5vw; height: auto; background: none; font-size: 72%; color: #fff; text-align: center; font-weight: bold;}
.menu-trigger p:nth-of-type(2) { top: 8.2vw; }
.menu-trigger p:nth-of-type(3) { top: 10.7vw; }
.menu-trigger p:nth-of-type(4) { top: 13.2vw; }
.menu-trigger.active p:nth-of-type(2) { transform: translateY(1.2vw) rotate(-45deg); background: #fff; top: 10vw;}
.menu-trigger.active p:nth-of-type(3) { opacity: 0; }
.menu-trigger.active p:nth-of-type(4) { transform: translateY(-1.05vw) rotate(45deg); background: #fff; top: 12.2vw;}
.spnavi { display: block; position: fixed; top: 17.4vw; right: -65vw; z-index: 9; background: rgba(255,255,255,.8); width: 65vw; height: 100%; padding: 6vw 8vw 0; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden; -webkit-transition: all 1s; transition: all 1s; }
.spnavi.active { right: 0;}
.spnavi .spnavi_menu { display: flex; flex-direction: column; margin-bottom: 10vw;}
.spnavi .spnavi_menu a { text-align: center; font-size: 112.5%; color: #505050; font-weight: bold; padding: 0 0; margin: 0 0 2.5vw;}
.spnavi .spnavi_menu a br { display: none;}
.spnavi .h_brn { display: flex; flex-direction: column; margin: 0 auto;}
.spnavi .h_brn a { margin: 0 0 3.0vw 0; width: 100%;}
.spnavi .h_brn a:last-of-type { margin: 0;}

.footer_cell { background: #F3FFF2; display: block; width: 100%; padding: 10.2vw 2.5vw 8.9vw;}
.footer_cell .flcell { display: flex; flex-direction: column; margin: 0 auto;}
.footer_cell .flcell > .fleft { width: 100%; margin: 0 0  10.2vw}
.footer_cell .flcell .fleft .inner { display: flex; justify-content: space-between; flex-direction: column; margin: 0 auto 0; padding: 0;}
.footer_cell .flcell .fleft .inner p { width: 69.2vw; font-size: 137.5%; font-weight: bold; color: #20A113; line-height: 1.6; margin: 0 auto 5.3vw;}
.footer_cell .flcell .fleft .inner img { width: 75.3vw; margin: 0 auto;}
.footer_cell .flcell .fleft .bnr_box { display: flex; justify-content: space-between; flex-direction: column;}
.footer_cell .flcell .fleft .bnr_box a { width: 100%; margin-bottom: 3.8vw;}
.footer_cell .flcell .fleft .bnr_box a:last-of-type { margin-bottom: 0;}
.footer_cell .flcell > .fright { position: relative; width: 100%; background: #fff; border: 1.2vw solid #20A113; border-radius: 4.8vw;}
.footer_cell .flcell .fright .ttl { position: absolute; top: -6.4vw; left: 2.5vw; display: flex; justify-content: center; align-items: center; width: 54.6vw; height: 13vw; background: #20A113; border-radius: 6.6vw; color: #fff; font-size: 137.5%; font-weight: bold; text-align: center; margin: 0;}
.footer_cell .flcell .fright .inner { display: flex; justify-content: space-between; align-items: center; flex-direction: column; margin: 0 0 0; padding: 0 1.0vw 0 2.0vw;}
.footer_cell .flcell .fright .inner .fleft { width: 80.2vw; margin: 6.4vw auto 5.1vw;}
.footer_cell .flcell .fright .inner .fright { width: 86.9vw; display: flex; flex-direction: column;}
.footer_cell .flcell .fright .inner .fright p { font-size: 95%; 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: 3.5vw 3.0vw 9.4vw; background: #F3FFF2; margin: 0 0 3.5vw;}
.footer_cell .flcell .fright .inner .fright .cell_mamori { padding: 3.5vw 3.0vw 9.4vw; background: #FFF8EC; margin: 0 0 0vw;}

.footer { background: #20A113; color: #fff; display: block; width: 100%;}
.footer .flcell { display: flex; justify-content: space-between; flex-direction: column; padding: 5.6vw 6.9vw 25.8vw;}
.footer .flcell .fleft { display: flex; flex-direction: column; width: 100%; margin-bottom: 6.6vw;}
.footer .flcell .fleft .f_logo { display: block; width: 54.3vw; margin-bottom: 3.8vw;}
.footer .flcell .fleft .f_info { display: flex; flex-direction: column;}
.footer .flcell .fleft .f_info p { font-size: 100%; margin: 0 0 1.0vw; 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: none;}
.footer .flcell .fright p { font-size: 90%; font-weight: bold; margin: 0 auto 0; text-align: center;}

.pagettl { position: relative; z-index: 2; display: flex; justify-content: center; align-items: center; width: 100%; height: 40.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: 180%; 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: 17.4vw auto 0; display: block; overflow: hidden; min-height: 80vh;}

a.btn { position: relative; display: flex; justify-content: center; align-items: center; width: 55vw; height: 10vw; padding: 0vw 0vw; background: #fff; color: #20A113; font-size: 100%; font-weight: bold; margin: 0 auto; text-align: center; border-radius: 2.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: 3.0vw; height: 3.4vw; top: 0; bottom: 0; right: 1.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: 3.0vw; height: 3.4vw; top: 0; bottom: 0; right: 1.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: 3.3vw; height: 3.4vw; top: 0; bottom: 0; right: 1.9vw; margin: auto;}
a.btn_back { position: relative; display: flex; justify-content: center; align-items: center; width: 55vw; height: 9vw; padding: 0vw 0vw; background: #fff; color: #20A113; font-size: 100%; font-weight: bold; margin: 0 auto; text-align: center; border-radius: 2.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: 3.0vw; height: 3.4vw; top: 0; bottom: 0; left: 1.9vw; margin: auto;}
.mamori a.btn,
.jin a.btn{ font-size: 100%; width: 45vw;}

.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: 9.3vw auto; text-align: center; width: 86vw; }
.section.full { margin: 10vw auto; text-align: center; width: 100%; }
.section.sp_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: 2vw!important;}
.mb2 {margin-bottom: 4vw!important;}
.mb3 {margin-bottom: 6vw!important;}
.mb5 {margin-bottom: 10vw!important;}
.mb7 {margin-bottom: 14vw!important;}

.section h2 { display: flex; align-items: flex-end; line-height: 1; text-align: center; font-size: 155%; width: max-content; padding: 0 0 2.5vw; margin: 0 auto 5.6vw; border-bottom: 3px dashed #20A113; }
.section h2 strong { color: #20A113;}
.section h2 em { color: #20A113; font-size: 200%; margin: 0 1.5vw -1.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: 200%; margin: 0 1.5vw -1.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: 130%; }


.news_category { width: 100%; margin: 0 auto 10.2vw; padding: 5.2vw 7.0vw 3.6vw; background: #F3FFF2;}
.news_category .ttl { text-align: left; font-size: 175%; font-weight: bold; color: #20A113; line-height: 1; margin: 0 0 3.0vw;;}
.news_category .categorylist { display: flex; flex-direction: column;}
.news_category .categorylist .webgene-blog { display: flex; flex-wrap: wrap; flex-direction: column; margin: 0 0 0 0; width: 100%;}
.news_category .categorylist .webgene-blog.all { margin-bottom: 4.0vw;}
.news_category .categorylist .webgene-blog .webgene-item { width: 100%; margin: 0 0vw 4.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: 100%; height: 12vw; 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;}
.newslist { margin-bottom: 8.9vw !important;}
.newslist .webgene-blog {}
.newslist .webgene-blog .webgene-item { position: relative; display: flex; justify-content: flex-start; flex-wrap: wrap; border-bottom: 2px dotted #20A113; padding: 4.1vw 6.0vw 4.1vw 0; margin: 0 auto; width: 78.7vw;}
.newslist .webgene-blog .webgene-item::after { position: absolute; display: block; content: ""; width: 5.7vw; height:  5.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 .date { width: 37%; font-family: "din-2014", sans-serif; font-size: 125%; margin: 0vw 5vw 2.0vw 0;}
.newslist .webgene-blog .webgene-item .category { display: flex; justify-content: center; align-items: center; width: 19.2vw; height: 6.4vw; background: #20A113; color: #fff; font-size: 75%; font-weight: bold; line-height: 1; margin: 0 0% 2.0vw 0;}
.newslist .webgene-blog .webgene-item h2 { width: 100%; text-align: left; font-size: 87.5%; font-weight: 500; color: #505050; margin: 0vw 0 1.5vw; padding: 0; border: none;}
.newslist .webgene-blog .webgene-item h2 a { display: block; width: 100%; color: #505050;}

.newsdetail .webgene-blog { display: block; width: 88vw; text-align: left; margin: 0 auto 14.4vw; }
.newsdetail .webgene-blog header { position: relative; display: flex; justify-content: flex-start; flex-wrap: wrap; border-bottom: 2px dotted #20A113; padding: 1.8vw 0vw 1.8vw 0; margin: 0 auto 5.8vw; width: 100%;}
.newsdetail .webgene-blog header .date { width: 37%; font-family: "din-2014", sans-serif; font-size: 125%; margin: 0.3vw 5vw 2.0vw 0;}
.newsdetail .webgene-blog header .category { display: flex; justify-content: center; align-items: center; width: 19.2vw; height: 6.4vw; background: #20A113; color: #fff; font-size: 75%; font-weight: bold; line-height: 1; margin: 0 0% 2.0vw 0;}
.newsdetail .webgene-blog header h2 { width: 100%; 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: 5vw;}
.newsdetail .webgene-blog article .webgene-item-content p {padding-bottom: 6vw; font-weight: 500;}

.work_category { width: 88vw; margin: 0 auto 10.2vw; padding: 5.2vw 5.7vw 2.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 3.0vw;;}
.work_category .categorylist .webgene-blog { display: flex; flex-wrap: wrap; width: 100%;}
.work_category .categorylist .webgene-blog .webgene-item { width: 47.5%; margin: 0 5% 3.0vw 0;}
.work_category .categorylist .webgene-blog .webgene-item:nth-of-type(2n) { margin: 0 0% 3.0vw 0;}
.work_category .categorylist .webgene-blog .webgene-item a { display: flex; justify-content: center; align-items: center; width: 100%; height: 8.0vw; color: #fff; background: #285CBF; border-radius: 1.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: 100%; position: relative; display: flex; justify-content: flex-start; flex-wrap: wrap; margin: 0 auto 14.1vw;}
.worklist .webgene-blog .webgene-item { margin: 0 5% 7.0vw 0; width: 47.5%;}
.worklist .webgene-blog .webgene-item:nth-of-type(2n) { margin: 0 0 7.0vw;}
.index_works .worklist .webgene-blog .webgene-item { margin: 0 2.0vw 7.0vw; width: auto;}
.index_works .worklist .webgene-blog .webgene-item:nth-of-type(2n) { margin: 0 0 7.0vw;}
.worklist .webgene-blog .webgene-item .img { margin: 0 0 1.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 1.8vw;}
.worklist .webgene-blog .webgene-item .work_info .category { display: flex; justify-content: center; align-items: center; width: 31.5vw; height: 8.2vw; background: #20A113; color: #fff; font-size: 60%; font-weight: bold; line-height: 1; margin: 0 0 0 0; border-radius: 1.2vw;}
.worklist .webgene-blog .webgene-item .work_info .date { width: max-content; font-family: "din-2014", sans-serif; font-size: 110%; margin: 0vw 0 0; text-align: right; color: #8B8B8B;}
.worklist .webgene-blog .webgene-item h2 { width: 100%; text-align: left; font-size: 100%; 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: 88vw; text-align: left; margin: 0 auto 14.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 5.8vw; width: 100%;}
.workdetail .webgene-blog header .category { display: flex; justify-content: center; align-items: center; width: 31.5vw; height: 8.2vw; background: #20A113; color: #fff; font-size: 100%; font-weight: bold; line-height: 1; margin: 0 0 3.0vw; border-radius: 1.2vw;}
.workdetail .webgene-blog header h2 { width: 100%; text-align: left; font-size: 110%; font-weight: 500; color: #505050; margin: 0.3vw 0 0; border: none; padding: 0;}
.workdetail .webgene-blog article .webgene-item-content img {padding-bottom: 5vw;}
.workdetail .webgene-blog article .webgene-item-content p {padding-bottom: 6vw; font-weight: 500;}

/* 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: 77.6vw 60.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: 77.6vw 60.1vw;}

.lead_cell .flcell { position: relative; display: flex; flex-direction: column; width: 88vw; margin: 0 auto 8.5vw; padding: 8.4vw 0 0vw;}
.lead_cell .flcell .txtcell { width: 90%; background: #F8F8F8; box-shadow: 0 3px 6px rgba(0,0,0,0.16); padding: 6.5vw 4.1vw 3.0vw 5.1vw; text-align: left; border: none; margin: -6.0vw auto 0;}
.lead_cell .flcell .txtcell h2 { font-size: 155%; font-weight: bold; line-height: 1; margin: 0 0 3.8vw; letter-spacing: 0.1em;}
.lead_cell .flcell .txtcell h2 strong { margin-right: 1.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: 110%; font-weight: bold; line-height: 1.5; margin: 0 0 0vw;}
.lead_cell .flcell .img { position: relative; z-index: 2; width: 100%;}

.pagelink { display: flex; flex-wrap: wrap; width: 88vw; margin: 0 auto 5.5vw;}
.pagelink a { position: relative; display: flex; justify-content: center; align-items: center; width: calc(47.5% - 4px); height: 8.5vw; border: 2px solid #20A113; border-radius: 1.15vw; line-height: 1; color: #20A113; font-size: 100%; margin: 0 5% 5.7vw 0;}
.pagelink a:last-of-type { font-size: 70%;}
.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: 1.5vw; height: 0.9vw; top: 0; bottom: 0; right: 2.0vw; margin: auto;}
.pagelink a:nth-of-type(2n) { margin: 0 0% 5.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: 1.5vw; height: 0.9vw; top: 0; bottom: 0; right: 2.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: 1.5vw; height: 0.9vw; top: 0; bottom: 0; right: 2.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: 75vw; margin: 0 auto;}
.point_cell .box { width: 100%; margin: 0 auto 4.0vw;}

.section.vermin { padding: 9.125vw 0 9.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; flex-direction: column; width: 88vw; margin: 0 auto 0vw;}
.vermin .flcell .fleft { width: 80%; margin: 0 auto 5.0vw;}
.vermin .flcell .fright { width: 80%; margin: 0 auto; display: flex; justify-content: space-between; flex-wrap: wrap;}
.vermin .flcell .fright .box { width: 45%; margin: 0 0 5.0vw;}
.vermin .flcell .fright .box img { margin: 0 auto 1.8vw;}
.vermin .flcell .fright .box p { text-align: center; font-size: 125%; font-weight: bold; color: #20A113; line-height: 1; margin: 0 auto;}
.mamori .vermin .flcell .fright .box p { color: #FFA200;}

.install { width: 88vw; margin: 0vw auto 0vw; padding: 9.6vw 0 0vw;}
.install h3 { position: relative; text-align: left; padding: 3.0vw 3.8vw; font-size: 130%; color: #2F62C1; background: #DDE8FC; line-height: 1; margin: 0 0 7.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: 4.8vw; height: 4.05vw; bottom: -4.0vw; left: 4.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: 4.8vw; height: 4.05vw; bottom: -4.0vw; left: 4.3vw;}
.install .flcell { display: flex; justify-content: space-between; flex-direction: column; margin: 0 0 3.56vw;}
.install .flcell:last-of-type { margin: 0 0 0vw;}
.install .flcell .box { width: 100%; margin-bottom: 5vw;}
.install .flcell .box.box_L { width: 100%;}
.install .flcell .box h4 { font-size: 120%; text-align: left; margin: 0 0 1.8vw;}
.install .flcell .box .bg_gry { background: #F5F5F5; padding: 3.5vw 3.5vw;}
.install .flcell .box .bg_gry .photo_cell { display: flex; justify-content: space-between; margin: 0 0 1.8vw;}
.install .flcell .box .bg_gry .photo_cell .photo { width: 47.5%;}
.install .flcell .box .bg_gry .txt { font-size: 90%; line-height: 1.625; margin: 0 0 0; text-align: left;}
.install .flcell .box .bg_gry .txt br { display: none;}
.install .flcell .box .bg_gry .inner { display: flex; justify-content: space-between; flex-direction: column;}
.install .flcell .box .bg_gry .inner .photo_cell { width: 100%; margin-bottom: 5vw;}
.install .flcell .box .bg_gry .inner .txt { width: 100%; text-align: left;}

.flow { width: 88vw; margin: 0vw auto 0vw; padding: 7.125vw 0 0vw;}
.flow .flcell { display: flex; justify-content: center; flex-direction: column; margin: 0 auto 0vw;}
.flow .flcell .box { position: relative; width: 100%; margin: 0 auto 15vw;}
.flow .flcell .box::after { display: block; position: absolute; content: ""; background: url(https://aut-inc.co.jp/system_panel/uploads/images/arrow_sp.png) no-repeat; background-size: 100% 100%; bottom: -10.4vw; left: 0; right: 0; margin: auto; width: 14.1vw; height: 6.9vw;}
.flow .flcell:last-of-type .box { position: relative; width: 100%; margin: 0 auto 15vw;}
.flow .flcell:last-of-type .box:last-of-type::after { display: none;}
.flow .flcell .box .img { position: relative; width: 80%; margin: 0 auto 6.3vw;}
.flow .flcell .box .img .num { position: absolute; top: 3.25vw; left: -3.5vw; width: 20.0vw;}
.flow .flcell .box .img p { position: absolute; bottom: -3.8vw; left: 0; right: 0; margin: 0 auto; display: flex; justify-content: center; align-items: center; width: 100%; height: 10.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: 80%; text-align: left; font-size: 95%; line-height: 1.625; margin: 0 auto;}
.flow .flcell .box .txt strong { color: #DB0606; font-size: 80%; display: block;}

.rental { width: 88vw; margin: 0vw auto 0vw; padding: 7.125vw 0 0vw;}
.rental .flcell { display: flex; justify-content: space-between; flex-direction: column;}
.rental .flcell .box:nth-of-type(1) { width: 100%; margin-bottom: 2vw;}
.rental .flcell .box:nth-of-type(2) { width: 80%; margin: 0vw auto 2vw;}
.rental .flcell .box:nth-of-type(3) { width: 100%;}

.plan { width: 100%; margin: 0vw auto 20vw; padding: 7.1vw 0 7.5vw;}
.plan .sp_scroll { margin: 0 0 5.0vw auto; width: 95%; overflow-x: auto;}
.plan .tbl { display: flex; border: 2px solid #20A113; border-top: none; background: #F3FFF2; width: 800px;}
.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: 34px; font-size: 14px; 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: 14px; border-right: 1px dotted #20A113; display: flex; justify-content: center; align-items: center; height: 100px;}
.plan .tbl .box:nth-of-type(1) .td { color: #20A113; height: 50px; 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: 50px;}
.plan .tbl .box:nth-of-type(2) .td_cell .td { width: 30%; height: 50px; 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: 12px; 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 { width: 88vw; padding: 3.5vw 4.6vw; margin: 0 auto 15.5vw; background: #FFE6E6; border-radius: 1.6vw;}
.plan .attention p { text-align: left; color: #DB0606; font-size: 80%; font-weight: 500; line-height: 1.625; margin: 0;}
.plan .s_cell { width: 88vw; margin: 0 auto;}
.plan .s_cell h3 { text-align: left; font-size: 130%; margin: 0 0 0vw 3.0vw; color: #20A113;}
.mamori .plan .s_cell h3 { color: #FFA200;}
.plan .s_cell .img { margin: 0 0 15.7vw;}
.plan .s_cell .s_contact { position: relative; background: #F5F5F5; border-radius: 1.8vw; padding: 3.5vw 4.5vw;}
.plan .s_cell .s_contact .fukidashi { position: absolute; top: -13.75vw; left: -3.75vw; width: 56.4vw;}
.plan .s_cell .s_contact .bnr_cell { display: flex; justify-content: space-between; flex-direction: column;}
.plan .s_cell .s_contact .bnr_cell .box { width: 100%; margin: 0 auto 5.0vw;}
.plan .s_cell .s_contact .bnr_cell .box p { font-size: 120%; font-weight: bold; color: #505050; text-align: center; margin: 0 auto 1.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: 14.7vw 0 10.56vw; background: url(https://aut-inc.co.jp/system_panel/uploads/images/jin_achievements_bg.png) no-repeat; background-size: cover;}
.drone .achievements { padding: 14.7vw 0 7.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: -16.35vw; left: 0; right: 0; margin: auto;}
.drone .achievements .ttl_box { position: relative; top: -15.0vw;}
.achievements .ttl_box .fukidashi { width: 57.0vw; margin: 0 auto;}
.achievements .ttl_box .fukidashi img { display: block; width: 29.0vw; margin: 0 0 0 auto;}
.achievements .ttl_box h2 { border: none; display: flex; justify-content: center; align-items: center; width: 46.4vw; height: 12.1vw; color: #fff; background: #20A113; border-radius: 1.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: 90vw; 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: 88vw; margin: 0vw auto 0vw; padding: 12.4vw 0 6.1vw;}
.movie .ttl_box { position: relative;}
.movie .ttl_box .fukidashi { position: absolute; width: 46.9vw; top: -20.5vw; right: 8.5vw; }
.movie .movie_list { display: flex; flex-direction: column; flex-wrap: wrap; margin: 0 auto 5.3vw;}
.movie .movie_list .box { width: 100%; margin: 0 0 5vw 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: 50.5vw;}
.movie .movie_list .box p { font-size: 100%; text-align: center; margin: 1.3vw 0 0vw;}


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

.graph { padding: 5.2vw 5vw 5.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: 115%; color: #DB0606; font-weight: bold; margin: 0 auto 1.8vw;}
.graph .inner { width: 88vw; background: rgba(255,255,255,0.7); margin: 0 auto; padding: 4.5vw 4.0vw 4.0vw;}
.graph .inner .txt01 { width: 100%; font-size: 90%; font-weight: bold; text-align: center; line-height: 1.5; margin: 0 auto 3.5vw;}
.graph .inner .txt02 { font-size: 80%; font-weight: bold; text-align: right; line-height: 1; margin: 0 3.5vw 0 0;}
.graph .inner img { display: block; width: 100%; margin: 0 auto 3.4vw;}

.section.full.greeting { margin: 0 auto; padding: 5.8vw 7.0vw 10vw; position: relative;}
.greeting p { text-align: center; color: #fff; font-size: 80%; line-height: 1.8; text-shadow: 0 3px 6px rgba(0,0,0,0.3);}
.greeting .img { width: 68.6vw; margin: 5.0vw auto 0;}

.section.system { width: 88vw; margin: 0 auto 10.4vw; background: rgba(255,255,255,0.7); box-shadow: 0 3px 6px rgba(0,0,0,0.16); padding: 5.0vw 4.8vw 5.56vw; }
.section.system h2 { display: block; width: max-content; background: #fff; border: 0; padding: 1.0vw 2.6vw 1.0vw; margin: 0 auto 5.18vw; line-height: 1.5; font-size: 145%;}

.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: 7.2vw 0 7.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: 5.4vw 5.0vw;}
.company_greeting .inner h2 { border: none; margin: 0 auto 3.0vw;}
.company_greeting .inner .ttl { text-align: center; font-size: 140%; font-weight: bold; color: #20A113; line-height: 1.6; margin: 0 auto 3.0vw; }
.company_greeting .inner .txt { text-align: center; font-size: 90%; font-weight: 500; line-height: 1.6; margin: 0 auto 0vw; }

.txtlist { width: 88vw; 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: 35%; text-align: left; padding: 1.9vw 3.0vw; background: #F3FFF2; color: #20A113; font-weight: bold; font-size: 110%; min-height: 11.6vw;}
.txtlist .flcell .fright { width: 65%; padding: 1.9vw 3.0vw; box-sizing: border-box; display: block; font-size: 100%; background: #Fff; min-height: 11.6vw;}
.txtlist .flcell .fright p {text-align: left;}
.txtlist .flcell .fright .fright_flcell { display: flex; flex-direction: column;}
.txtlist .flcell .fright .fright_flcell .box { width: 100%; margin-bottom: 5.4vw;}
.txtlist .flcell .fright .fright_flcell .box:last-of-type { margin-bottom: 0vw;}

.section.full.staff { margin: 0 auto; padding: 9.7vw 0 9.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: 88vw; background: #fff; margin: 0 auto 5.0vw; background: ; padding: 5.2vw 0vw 5.0vw; border-radius: 3.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: 75vw; margin: 0 auto 1.5vw; display: flex; flex-direction: column;}
.staff .staff_cell .flcell .fleft { width: 100%; margin-bottom: 6.0vw;}
.staff .staff_cell .flcell .fleft .inner { display: flex; justify-content: space-between; flex-direction: column; margin: 0 auto 3.5vw;}
.staff .staff_cell .flcell .fleft .inner .img { width: 70%; margin: 0 auto 5.0vw;}
.staff .staff_cell .flcell .fleft .inner .img img { border-radius: 50%;}
.staff .staff_cell .flcell .fleft .inner .txt_cell { width: 100%; text-align: left;}
.staff .staff_cell .flcell .fleft .inner .txt_cell .name { font-size: 170%; font-weight: bold; line-height: 1; margin: 0 0 1.8vw;}
.staff .staff_cell .flcell .fleft .inner .txt_cell .post { font-size: 100%; font-weight: 500; color: #20A113; line-height: 1; margin: 0 0 1.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: 100%;}
.staff .staff_cell .staff_photo { display: flex; justify-content: space-between; flex-wrap: wrap; width: 70vw; margin: 0 auto;}
.staff .staff_cell .staff_photo .box { width: 47.5%; margin: 0 0 5.0vw 0;}

/* contact */
.contact { padding: 0vw 0 0; background: url(https://aut-inc.co.jp/system_panel/uploads/images/staff_bg_sp.png) top center no-repeat; background-size: 100% auto;}
.section.contact_lead { position: relative; z-index: 2; width: 88vw; /*margin: 5.6vw auto 0vw;*/margin: 5.6vw auto 5.6vw; background: #F8F8F8; border-radius: 1.8vw;}
.contact_lead .inner { padding: 15vw 7.8vw 0 7.8vw; display: flex; justify-content: space-between; flex-direction: column;}
.contact_lead .inner .img { position: relative; width: 80%; margin: 0 auto 4vw;}
.contact_lead .inner .img .fukidashi { position: absolute; top: -13.8vw; left: -9.5vw; width: 56.4vw;}
.contact_lead .inner .txt_cell { width: 100%; margin-bottom: 3.5vw;}
.contact_lead .inner .txt_cell p { font-size: 110%; 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: 150%; color: #20A113;}
.section.full.cotact_form { position: relative; z-index: 1; background: #F3FFF2; /*margin: -13.5vw auto 0; padding: 17.5vw 0 2.8vw;*/margin: 0vw auto 0; padding: 5.6vw 0 5.6vw;}

.cotact_form .inner { width: 88vw; 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: 15.1vw; display: flex; justify-content: center; align-items: center; text-align: center; cursor: pointer; font-size: 100%; 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 0; 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; font-size: 90%;}
.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: 55vw; height: 10vw; padding: 0vw 0vw; background: #fff; color: #20A113; font-size: 100%; font-weight: bold; margin: 0 auto; text-align: center; border-radius: 2.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: 3.0vw; height: 3.4vw; top: 0; bottom: 0; right: 1.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: 55vw; height: 10vw; padding: 0vw 0vw; background: #fff; color: #20A113; font-size: 100%; font-weight: bold; margin: 0 auto; text-align: center; border-radius: 2.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: 3.0vw; height: 3.4vw; top: 0; bottom: 0; right: 1.9vw; margin: auto;}
.form #submit02.active {opacity: 1;}
label.privacyLabel { font-size: 80%;}

.form .col-md-4 { position: relative; font-size: 90%;}
.form .col-md-4 .requiredText { display: flex; justify-content: center; align-items: center; text-align: center; font-weight: bold; width: 13.125vw; height: 6.5vw; background: #DB0606; color: #fff; margin-right: 2vw; font-size: 90%;}
.form .col-md-4 label br { display: none;}
.form .col-md-8 { margin-bottom: 10vw;}

.section.full.faq { position: relative; z-index: 1; background: #FBFBFB; margin: 0 auto 0; padding: 7.8vw 0 8.8vw;}
.faq .inner { width: 88vw; margin: 0 auto;}
.faq .inner .faq_cell { border-top: 1px solid #20A113; padding: 3.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: 110%; font-weight: bold; color: #20A113; margin-left: 1.0vw; cursor: pointer; padding-right: 5.0vw;}
.faq .inner .faq_cell .txt_q::after { display: block; position: absolute; content: ""; width: 4.0vw; height: 0.6vw; 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_q.open::after { width: 4.0vw; height: 4.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_a { display: none; text-align: left; padding: 3.0vw 3.8vw; margin: 2.0vw 0 0; background: #F3FFF2; font-size: 100%; line-height: 1.625;}




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

.section.full.index_onayami { padding: 0vw 0vw 4.6vw; width: 100%; margin: 0 auto;}
.section.full.index_onayami h1,.section.full.index_onayami h2 { padding: 0; margin: 0 auto 32.8vw; border: none; color: #20A113;}
.section.full.index_onayami .flcell { width: 73.3vw; margin: 0 auto; padding: 0 0 0; display: flex; justify-content: space-between; flex-direction: column;}
.section.full.index_onayami .flcell .box { position: relative; width: 100%; z-index: 1; margin: 0 auto 33.3vw;}
.section.full.index_onayami .flcell .box:last-of-type { margin: 0 auto 0vw;}
.section.full.index_onayami .flcell .box .fukidashi { position: absolute; z-index: 2;}
.section.full.index_onayami .flcell .box:nth-of-type(1) .fukidashi { width: 57.4vw; top: -21.5vw; left: -8.7vw;}
.section.full.index_onayami .flcell .box:nth-of-type(2) .fukidashi { width: 61.5vw; top: -21.5vw; left: -8.7vw;}
.section.full.index_onayami .flcell .box:nth-of-type(3) .fukidashi { width: 57.4vw; top: -26.9vw; right: -3.8vw;}

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

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

.section.full.index_menu { margin: 0 0; padding: 0;}
.index_menu .flcell { display: flex; flex-direction: column;}
.index_menu .flcell .box { padding: 6.9vw 0 0; width: 100%; transition: all .4s; background: url(https://aut-inc.co.jp/system_panel/uploads/images/index_jin_bg.jpg) center no-repeat; background-size: cover;}
.index_menu .flcell .box:last-of-type { 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 .ttl { position: relative; z-index: 2; width: 96.9%; margin: 0 auto 6.0vw;}
.index_menu .flcell .box a { transition: all .6s; position: relative; display: block; width: 100%; z-index: 1;}
.index_menu .flcell .box a::after { display: block; position: absolute; content: ""; width: 26.4vw; height: 26.4vw; bottom: 2.0vw; right: 2.0vw; 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: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 a .inner { position: relative; display: flex; justify-content: space-between; flex-direction: column; width: 100%; margin: 0vw auto 0; padding: 0vw 0 3.8vw;}
.index_menu .flcell .box a .inner .img { width: 55.8%; margin-bottom: 10vw;}
.index_menu .flcell .box a .inner .txt_cell { width: 65.3%; margin: 0 0 0 4.0vw;}
.index_menu .flcell .box a .inner .txt_cell .kanji { position: absolute; top: 0; right: 2.0vw; width: 38.7%;}
.index_menu .flcell .box a .inner .txt_cell p { text-align: left; font-size: 100%; font-weight: bold; line-height: 1.4; margin: 0; color: #505050;}

.index_drone { width: 100%;}
.index_drone .ttl { position: relative; display: flex; justify-content: center; align-items: flex-end; background: #2F62C1; width: 100%; height: 23.5vw; margin: 0;}
.index_drone .ttl .fukidashi { z-index: 3; position: absolute; top: -4.7vw; left: 12.8vw; width: 65.8vw;}
.index_drone .ttl p { text-align: center; font-size: 137.5%; font-weight: bold; line-height: 1; color: #fff; margin: 0 auto 6.7vw;}

.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::after { display: block; position: absolute; content: ""; width: 26.4vw; height: 26.4vw; bottom: 2.0vw; right: 2.0vw; 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: 7.6vw 4.6vw 6.6vw; justify-content: space-between; flex-direction: column;}
.index_menu .link_drone .flcell .d_box01 { width: 73.8vw; display: flex; justify-content: space-between; flex-direction: column; margin: 0 auto;}
.index_menu .link_drone .flcell .d_box01 .product01 { width: 100%; margin-bottom: 7.6vw;}
.index_menu .link_drone .flcell .d_box01 .product02 { width: 100%; margin-bottom: 30.7vw;}
.index_menu .link_drone .flcell .d_box01 .product01 img,
.index_menu .link_drone .flcell .d_box01 .product02 img { margin: 0 0 3.0vw;}
.index_menu .link_drone .flcell .d_box01 .product01 p,
.index_menu .link_drone .flcell .d_box01 .product02 p { width: 54.3vw; height: 6.6vw; 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 { position: relative; width: 59.4vw;}
.index_menu .link_drone .flcell .d_box02 .ttl { position: absolute; top: -21.7vw; left: 7.6vw; margin: 0; background: #fff; width: 74.3vw; height: 13vw; display: flex; justify-content: center; align-items: center; color: #2F62C1; font-size: 120%; font-weight: bold; line-height: 1;}
.index_menu .link_drone .flcell .d_box02 .txt { text-align: left; font-size: 110%; font-weight: bold; line-height: 1.6; margin: 0;}

.section.full.index_reason { margin: 0; padding: 7.6vw 0vw 13.5vw; background: #F3FFF2;}
.index_reason h2 { border: none; padding: 0; line-height: 1.45;}
.index_reason h2 em { color: #FFA200; font-size: 100%; font-style: normal; margin: 0;}
.index_reason .flcell { display: flex; justify-content: space-between; flex-direction: column; width: 92.3vw; margin: 0 auto;}
.index_reason .flcell .box { width: 100%; margin-bottom: 5.6vw;}
.index_reason .flcell .box:last-of-type { margin-bottom: 0vw;}
.index_reason .flcell .box .ttl_box { display: flex; justify-content: space-between; align-items: center; margin: 0 auto 2.5vw;}
.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: 100%; line-height: 1.8; margin: 1.8vw auto 0; font-weight: 500; line-height: 1.625;}
.index_reason .flcell .box .txt br { display: none;}

.section.full.index_works { margin: 0; padding: 17.1vw 0vw 11vw; 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: 100%; margin: 0 auto;}
.index_works .ttl_box .fukidashi { position: absolute; top: -22.0vw; left: 7.6vw; width: 76.9vw;}
.index_works .ttl_box h2 { border: none; font-size: 110%;}
.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 { color: #20A113; border: none; padding: 0; margin: 0 auto 8.4vw}


.footer_fixed { display: block; width: 100%; position: fixed; bottom: 0; left: 0; z-index: 8;}
.footer_fixed .ttl { display: none;}
.footer_fixed .f_contents { display: block; background: #F3FFF2; width: 100%; height: 20.5vw;}
.footer_fixed .f_contents .inner { padding: 0 6.15vw 0 0vw; display: flex; justify-content: space-between; align-items: center; height: 20.5vw;}
.footer_fixed .f_contents .inner .f_left { display: none;}
.footer_fixed .f_contents .inner .f_center { display: none;}
.footer_fixed .f_contents .inner .f_center_sp { display: flex;}
.footer_fixed .f_contents .inner .f_center_sp a { width: 20.5vw; margin: 0vw;}
.footer_fixed .f_contents .inner .f_right { width: 45.3vw; height: 20.5vw; display: flex; flex-direction: column; align-items: center; justify-content: center;}
.footer_fixed .f_contents .inner .f_right .img_ttl { width: 100%; margin: 0 auto 0.5vw;}
.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: 10.2vw; margin: 0 2.0vw;}


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

#i6w73 { height: auto !important;}


.webgene-pagination { display: block; width: 100%;}
  .webgene-pagination ul { display: flex; justify-content: center; margin: 7vw auto 0; padding: 0;}
.webgene-pagination ul li { font-size: 100%;}
.webgene-pagination :is(.prev, .next) { width: 7.6vw; height: 7.6vw; 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: 7.6vw; height: 7.6vw; border: 1px solid #20A113; margin: 0 0.5em;}
.webgene-pagination ul .number.selected { list-style: none; background: #20A113; width: 7.6vw; height: 7.6vw; 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: 2vw; height: 2.8vw; 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: 2vw; height: 2.8vw; 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(7.6vw - 2px); height: calc(7.6vw - 2px); text-decoration: none; flex-wrap: wrap; color: #20A113;}

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

.ai-service {
    aspect-ratio: 374 / 667;
}

.ai-service__links .btn {
    
    max-width: 90vw;
    
}

}